/*mainvisual*/
.mainvisual{
    width: 100%;
    position: relative;
}
.mainvisual img{
    width: 100%;
}
@media screen and (min-width:891px) {
    .mainvisual {
        margin: 0 auto;
        padding: 14px 0 0;
    }
    .mainvisual img{
        border-radius: 14px;
    }
}
@media screen and (max-width:890px) {
    .mainvisual {
        margin: 0;
        padding: 10px 0 0;
    }
}


section{
    border-bottom: #646464 1px solid;
  }
  section:first-of-type,section:last-of-type{
    border-bottom:none
  }
    .title {
        color: #333;
        padding: 70px 0 0;
        font-size: 30px;
        text-align: center;
    }
    .title::before {
        content: attr(data-en);
        display: block;
        color: #15B1E3;
        font-size: 20px;
        text-transform: uppercase;
        margin: 0 0 10px 0;
    }
    .about_figure{
      position: relative;
    }
    .about_img{
        display: block;
        max-width: 650px;
        width: 80%;
        margin: 50px auto
    }
    .about_img_figcaption{
      width: 100%;
      text-align: center;
      font-size: 13px;
      position: absolute;
      bottom: -24px;
    }
    .text_box{
      display: block;
      max-width:1100px;
      width: 90%;
      margin: 60px auto 80px;
      font-size: 17px;
      line-height: 1.7;
    }
    .text_box2{
      display: block;
      max-width:1100px;
      width: 90%;
      margin: 10px auto 40px;
      font-size: 17px;
      line-height: 1.7;
      text-align: center;
    }
    .text_box3{
      display: block;
      max-width:1100px;
      width: 90%;
      margin: 40px auto 40px;
      font-size: 17px;
      line-height: 1.7;
      text-align: center;
    }
    .icon01_img{
      display: block;
      width: 240px;
      height: 240px;
      border-radius: 240px;
      margin: 50px auto 0;
    }
    .icon01_name{
      font-size: 24px;
      line-height: 1.7;
      text-align: center;
    }
    .bnr{
      text-align: center;
    }


    .subtitle {
        position: relative;
        font-size: 26px;
        text-align: center;
    }

    .subtitle::before {
        content: attr(data-number);
        display: inline-block;
        margin-right: 20px;
        color: #498ee0;
        font-size: 30px;
    }

    @media screen and (max-width:1100px) {
        .about_img {
            display: block;
            max-width: 650px;
            width: 100%;
            margin: 50px auto;
        }
        .title {
            color: #333;
            padding: 70px 0 0;
            font-size: 20px;
            text-align: center;
        }
        .title::before {
            content: attr(data-en);
            display: block;
            color: #15B1E3;
            font-size: 14px;
            text-transform: uppercase;
            margin: 0 0 10px 0;
        }
        .subtitle {
            position: relative;
            font-size: 22px;
            text-align: center;
        }
    
        .subtitle::before {
            content: attr(data-number);
            display: inline-block;
            margin-right: 20px;
            color: #498ee0;
            font-size: 24px;
        }
        .text_box{
            display: block;
            max-width:1100px;
            width: 90%;
            margin: 60px auto 80px;
            font-size: 15px;
            line-height: 1.7;
          }
          .text_box2{
            display: block;
            max-width:1100px;
            width: 90%;
            margin: 10px auto 40px;
            font-size: 15px;
            line-height: 1.7;
            text-align: center;
          }
          .text_box3{
            display: block;
            max-width:1100px;
            width: 90%;
            margin: 40px auto 40px;
            font-size: 15px;
            line-height: 1.7;
            text-align: center;
          }
    }