@charset "UTF-8";

/* フォント変更 */
.about_02 .color_ao{
  font-family: 'Noto Sans JP', sans-serif;
}
.kasou_header_right p{
  font-family: 'Poppins', sans-serif;
}
/* フォント変更終わり */

.pc{
display: block;
}
.sp{
display: none;
}
.br_sp{
display:none;
}
.br_mobile{
display: none;
}
.about_02 .color_ao {
    color: #0081e0;
    text-align: left;
}
.uagb-columns__wrap.about_01 > .uagb-columns__inner-wrap{
max-width: 900px;
}
.about_01 .title_wrapper{
text-align: center;
}
.about_01 .title1 img{
width: 70px;
margin: 0 auto;
}
.about_01 .title_wrapper h2{
text-align:center;
}
.about_01 p{
  font-size: 14px;
  line-height: 2.5;
    letter-spacing: 0.15em;
margin-bottom: 0;
}
.about_02,.about_03{
background-color: #f7f8f8;
}
.about_02{
    background-image: url(/wp-content/uploads/sites/879/2022/12/back1_2x.png),url(/wp-content/uploads/sites/879/2022/12/tokyo_about18_2x.png),url(/wp-content/uploads/sites/879/2022/11/tokyocp_back1_2x.png);
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-position: top 19% left 8%,top 42% right 5%,bottom 23% left 8%;
    background-size: 110px,223px,122px;
}
img.back3 {
    position: absolute;
    width: 110px !important;
    z-index: 1;
    right: 8%;
    margin-top: -45px !important;
}
.about_02 .flow{
background-color: #fff;
border-radius: 30px;
padding:60px;
}
.entry-content .about_02 figure{
  margin-bottom: 0 !important;
}
.entry-content .about_02 .flow figure {
    border-radius: 30px;
}
.about_02 .title1 img{
width: 71px;
}
.about_02 .color_ao{
  font-size: 15px;
color: #0081e0;
margin: 10px 0 0;
}
.about_02 .title_wrapper h2.kuro{
margin-bottom: 10px;
}
.about_02 .flow p{
  font-size: 14px;
  line-height: 2.2;
margin-bottom: 0;
}
.about_02 .next{
margin:-10px 0;
position: relative;
    z-index: 10;
}
.about_02 .next figure{
width: 28px;
}

a.scroll_img {
    position: absolute;
    width: 13.5px !important;
    left: 45px;
    margin-top: 170px !important;
    z-index: 1;
}
a.scroll_img:hover img {
    transform: none;
}
.about_banner{
max-width: 979px;
margin: 0 auto;
}
.hover_a_none:hover{
text-decoration: none;
transform: none;
opacity: 0.6;
}
.site-content .hover_a_none:hover img{
transform: scale(1.0);
}
@media (max-width: 1860px){
  .about_02 {
      background-position: top 19% left 8%,top 42% right 4%,bottom 23% left 8%;
  }
}
@media (max-width: 1720px){
  .about_02 {
      background-position: top 19% left 5%,top 42% right 2%,bottom 23% left 5%;
  }
img.back3{
right: 5%;
}
}
@media (max-width: 1660px){
  .about_02 {
      background-size: 110px,183px,122px;
      background-position: top 19% left 3%,top 42% right 0%,bottom 23% left 3%;
  }
}
@media (max-width: 1460px){
  a.scroll_img {
      left: 35px;
  }
  .about_02 {
      background-position: top 19% left 1%,top 42% right 0%,bottom 16% left 1%;
  }
}
@media (max-width: 1359px){
  a.scroll_img {
      display: none;
  }
}
@media (max-width: 1260px){
  .about_02 {
      background-image:none;
  }
}


@media (max-width: 767px){
.about_01 p{
    line-height: 2.2;
  }
img.back3 {
      display: none;
  }
  .about_02 .flow{
  border-radius: 30px;
  max-width: 724px;
  margin: 0 auto;
  }
  .about_02 .next figure{
  width: 26px;
  }
  .about_02  .flow .flow_visual{
    width: 100%;
    border-radius: 30px;
  }
  .about_02 .flow .title_wrapper{
  display: flex;
  align-items:center;
  justify-content: flex-start;
  gap:20px;
    margin-top: 30px;
  margin-bottom: 10px;
  }
  .about_02 .flow .flow_title{
  width: 80%;
  }
  .about_02 .flow img{
  width: 20%;
  }
  .about_02 .title_wrapper.title1 span{
    margin-bottom: 0;
  }
  .about_02 .color_ao{
  font-size: 14px;
  }
  .about_02 .title_wrapper h2.kuro{
  font-size: 28px;
  text-align: left;
  margin-bottom: 0;
  }
  
}
@media (max-width: 480px){
  .pc{
  display:none;
  }
  .sp{
  display:block;
  }
  .about_01 .title1 img{
  width: 54px;
  }
  .about_01 p{
    letter-spacing: 0.14em;
      line-height: 2;
      font-weight: 500;
  }
  .about_02 .next figure{
  width: 18px;
  }
  .about_02 .flow{
  border-radius: 20px;
  padding: 25px;
  }
  .about_02  .flow .flow_visual{
      border-radius: 20px;
  }
  .about_02 .flow .title_wrapper{
  gap: 0;
  margin-top:18px;
  margin-bottom:5px;
}
.about_02 .flow img{
width: 55px;
}
.about_02 .flow .flow_title{
  width: calc(100% - 55px);
  padding-left: 10px;
}
.about_02 .title_wrapper.title1 span{
  font-size:13px;
line-height: 1.5;
margin-top: 0;
}
  .about_02 .title_wrapper h2.kuro{
  font-size: 20px;
  }

  .about_02 .flow p{
    line-height: 2;
    font-weight: 500;
  letter-spacing: 0.1em;
}
}
@media (max-width: 390px){
  .br_sp{
  display: block;
  }
}

@media (max-width: 360px){
  #main .entry-content .alignfull.p_120{
  padding-top: 50px;
  padding-bottom: 50px;
}
#main .entry-content .alignfull.pt_100{
  padding-top: 40px;
}
#main .entry-content .alignfull.pb_100{
  padding-bottom: 40px;
}
}