.pcOnly{
  display: block;
}
.pcOnly--inlineB{
  display: inline-block;
}
.spOnly{
  display: none;
}

@media screen and (max-width: 900px){
  .pcOnly{
    display: none !important;
  }
  .pcOnly--inlineB{
    display: none !important;
  }
  .spOnly{
    display: block !important;
  }
}

#breadcrumb {
  max-width: 1060px;
  margin: 0 auto!important;
  padding-block: 10px!important;
  position: relative;
  z-index: 100;
}

@media screen and (max-width: 900px){
  #breadcrumb {
    padding-inline: 15px!important;
  }
}


#mv {
  height: 678px;
  background: url(../images/study/study_mv@2x.png) no-repeat;
  background-size: cover;
  overflow-x: clip;
  position: relative;
  margin-bottom: 110px; }
  @media screen and (max-width: 900px) {
    #mv {
      height: 654px;
      background: url(../images/study/study_mv_sp@2x.png) no-repeat;
      background-size: cover; } }
  #mv::before, #mv::after {
    content: "";
    display: block;
    position: absolute; }
  #mv::before {
    width: 354px;
    height: 458px;
    background: url(../images/study/study_mv_lower@2x.png) no-repeat;
    background-size: cover;
    bottom: -83px;
    left: -71px; }
    @media screen and (max-width: 900px) {
      #mv::before {
        width: 156px;
        height: 202px;
        bottom: 0;
        left: -31px; } }
  #mv::after {
    width: 520px;
    height: 453px;
    background: url(../images/study/study_mv_upper@2x.png) no-repeat;
    background-size: cover;
    top: -12px;
    right: -59.8px;
    z-index: 0; }
    @media screen and (max-width: 900px) {
      #mv::after {
        width: 200px;
        height: 175px;
        top: -42px;
        right: -49.2px; } }
  #mv .mv_wrap {
    padding-left: 10.5%; }
    @media screen and (max-width: 900px) {
      #mv .mv_wrap {
        padding-left: unset; } }
  #mv .mv_head {
    position: absolute;
    top: 249px;
    color: #fff; }
    @media screen and (max-width: 900px) {
      #mv .mv_head {
        top: 80px;
        text-align: center }
      #mv .mv_head.other {
        left: 50%;
        transform: translateX(-50%);
      }
      }
    #mv .mv_head figure {
      margin: unset; }
    #mv .mv_head h2 {
      font-family: "Poppins", sans-serif;
      font-weight: 700;
      background: unset;
      border: unset;
      font-size: 87px;
      color: #fff;
      margin: unset;
      padding: unset;
      line-height: 120px; }
      @media screen and (max-width: 900px) {
        #mv .mv_head h2 {
          font-size: 69px;
          line-height: 85px;
          word-break: keep-all; } }
    #mv .mv_head p {
      font-size: 24px;
      font-weight: 700; }
      @media screen and (max-width: 900px) {
        #mv .mv_head p {
          font-size: 15px; } }
    #mv .mv_voice {
      width: 460px;
      position: absolute;
      bottom: -60px;
      background: #fff;
      border-radius: 6px;
      padding: 30px 22.5px;
      box-shadow: 0 0 30px rgba(0,0,0, 0.16);
      z-index: 999;
    }
    @media screen and (max-width: 900px) {
      #mv .mv_voice {
        width: 314px;
        left: 50%;
        transform: translateX(-50%);
        padding: 23px 17px;
      }
    }
    #mv .mv_voice::before {
      content: "\201D";
      position: absolute;
      font-size: 48px;
      color: #FF670F;
      top: -18px;
      left: 12.5px;
    }
    #mv .mv_voice-wrap {
      display: flex;
      gap: 17px;
    }
    @media screen and (max-width: 900px) {
      #mv .mv_voice-wrap {
        gap: 14px;
      }
    }
    #mv .mv_voice-wrap figure{
      flex-shrink: 0;
      margin: unset;
      width: 55px;
      height: 55px;
    }
    #mv .mv_voice-wrap figure img{
      width: 100%;
      height: auto;
    }
    #mv .mv_voice-text h3{
      color: #FF670F;
      font-size: 18px;
    }
    @media screen and (max-width: 900px) {
      #mv .mv_voice-text h3{
        font-size: 16px;
      }
    }
    #mv .mv_voice-text .comment{
      margin-top: 13px;
      font-size: 20px;
      font-weight: 700;
    }
    @media screen and (max-width: 900px) {
      #mv .mv_voice-text .comment{
        margin-top: 13px;
        font-size: 18px;
        line-height: 22px;
      }
    }
    #mv .mv_voice-text .profile{
      margin-bottom: unset;
    }
    @media screen and (max-width: 900px) {
      #mv .mv_voice-text .profile{
        font-size: 12px;
        margin-top: 21px;
      }
    }

.point {
  background: url(../images/study/study_point_bg@2x.png) no-repeat;
  background-size: cover;
  padding-block: 60px 70px; }
  @media screen and (max-width: 900px) {
    .point {
      background: url(../images/study/study_point_bg_sp@2x.png) no-repeat;
      background-size: cover;
      padding-block: 85.6px 54.9px; } }
.point.germany {
  background: url(../images/study/study_point_bg_germany.png) no-repeat;
  background-size: cover;
}
.point.spain {
  background: url(../images/study/study_point_bg_spain.png) no-repeat;
  background-size: cover;
}
.point.uk {
  background: url(../images/study/study_point_bg_uk.png) no-repeat;
  background-size: cover;
}
  @media screen and (max-width: 900px) {
    .point {
      background: url(../images/study/study_point_bg_sp@2x.png) no-repeat;
      background-size: cover;
  } }
  .point.germany .catch figure img{
    border: 0.2px solid #fff;
  }
  .point .point_wrap {
    max-width: 1217px;
    margin: 0 auto; }
    @media screen and (max-width: 900px) {
      .point .point_wrap {
        width: 92.6%;
        margin: 0 auto; } }
  .point .point_head {
    text-align: center; }
    .point .point_head .catch {
      background: #000;
      color: #fff;
      border-radius: 100px;
      display: inline-flex;
      align-items: center;
      gap: 6.3px;
      padding-inline: 28.3px 33.1px; }
      @media screen and (max-width: 900px) {
        .point .point_head .catch {
          padding-inline: 21.9px 27px; } }
      .point .point_head .catch figure {
        margin: unset; }
      .point .point_head .catch p {
        margin: unset;
        font-size: 20px;
        line-height: 42px;
        font-weight: 700; }
        @media screen and (max-width: 900px) {
          .point .point_head .catch p {
            font-size: 19px;
            line-height: 37px; } }
    .point .point_head h3 {
      font-size: 32px;
      font-weight: 700;
      margin-top: 23px; }
      @media screen and (max-width: 900px) {
        .point .point_head h3 {
          margin-top: 15px;
          font-size: 26px; } }
  .point .point_inner {
    display: grid;
    grid-template-columns: calc((100% - 40px) / 3) calc((100% - 40px) / 3) calc((100% - 40px) / 3);
    gap: 20px;
    margin-top: 68px;
    padding-inline: 20px;
   }
    @media screen and (max-width: 900px) {
      .point .point_inner {
        grid-template-columns: 100%;
        gap: 30px;
        margin-top: 37px;
        padding-inline: unset; } }
  .point .point_item {
    display: grid;
    background: #fff;
    border-radius: 6px;
    padding: 26px 20px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); }
    .point .point_item .head {
      font-family: "Poppins", sans-serif;
      font-weight: 700;
      font-style: italic;
      font-size: 20px;
      line-height: 36px;
      padding-bottom: 7px;
      margin-bottom: unset;
      border-bottom: 1px solid #D1D1D1;
      position: relative; }
      .point .point_item .head span {
        font-size: 26px; }
      .point .point_item .head::after {
        content: "";
        display: block;
        position: absolute;
        width: 80px;
        height: 1px;
        background: #FF670F;
        bottom: -1px; }
    .point .point_item h4 {
      margin-top: 16px;
      font-size: 22px;
      line-height: 32px;
      font-weight: 700;
      height: 64px; }
      @media screen and (max-width: 900px) {
        .point .point_item h4 {
          height: unset; } }
    .point .point_item figure {
      margin: unset;
      margin-top: 20px; }
      @media screen and (max-width: 900px) {
        .point .point_item figure {
          margin: 26px auto 0; } }
    .point .point_item .text {
      margin: unset;
      margin-top: 16px;
      font-size: 16px;
      line-height: 24px; }
  .point .point_news {
    margin-top: 44px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #d1d1d1; }
    .point .point_news .point_news-single {
      display: flex;
      align-items: center;
      gap: 25px;
      font-size: 15px;
      border-bottom: 2px solid #F0F0F0;
      padding-block: 18px;
      padding-left: 16px; }
      @media screen and (max-width: 900px) {
        .point .point_news .point_news-single {
          gap: 6px;
          padding: 16px 7px; } }
      .point .point_news .point_news-single figure {
        margin: unset;
        width: 110px;
        height: auto;
        flex-shrink: 0; }
        .point .point_news .point_news-single figure img {
          width: 110px; }
      .point .point_news .point_news-single p {
        margin-bottom: unset; }
      .point .point_news .point_news-single p.sp {
        display: none;
        }
        @media screen and (max-width: 900px) {
          .point .point_news .point_news-single p {
            font-size: 15px;
            line-height: 23px;
          }
          .point .point_news .point_news-single p.sp {
            display: block;
          }
          .point .point_news .point_news-single p.pc {
            display: none;
          }
        }
    .point .point_news a {
      text-align: center;
      display: block;
      padding-block: 13.9px 10.6px;
      color: #23262E;
      text-decoration: none;
      transition: 0.3s all; }
      .point .point_news a::after {
        content: "\f054";
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        margin-left: 14px; }
      .point .point_news a:hover {
        opacity: 0.6;
        transition: 0.3s all; }

.aboutType .c__roundBtn {
  margin-bottom: 121.6px; }
  @media screen and (max-width: 900px) {
    .aboutType .c__roundBtn {
      margin-block: 28px 75.2px;
      font-size: 15px;
      line-height: 20px;
      padding-block: 11px;
      border-radius: 30px; } }

.aboutType_wrap {
  max-width: 1217px;
  margin: 0 auto; }
  @media screen and (max-width: 900px) {
    .aboutType_wrap {
      width: 92.6%;
      margin: 0 auto; } }

.aboutType_box {
  display: flex;
  justify-content: center;
  gap: 21.5px;
  margin-top: 84px;
  padding-inline: 20px;
 }
  @media screen and (max-width: 900px) {
    .aboutType_box {
      flex-direction: column;
      gap: 27px;
      margin-top: 36px;
      padding-inline: unset; }
     }
  .aboutType_box dl {
    background: #F0F0F0;
    flex-grow: 1;
    max-width: calc(50% - 10px);
    border-radius: 10px; }
    @media screen and (max-width: 900px) {
      .aboutType_box dl {
        width: 100%;
        max-width: unset;
      }
    }
  .aboutType_box.wh dl {
    background: #FFF;}
    .aboutType_box dl dt {
      border-bottom: 2px solid #fff;
      text-align: center;
      padding-block: 32px 30px; }
    .aboutType_box.wh dl dt {
      border-bottom: 2px solid #f0f0f0; }
      .aboutType_box dl dt p {
        margin-bottom: unset;
        font-weight: 700;
        font-size: 22px;
        line-height: 24px;
        position: relative;
        display: inline-block; }
        .aboutType_box dl dt p::before {
          content: "";
          display: block;
          position: absolute;
          width: 10.34px;
          height: 14.92px;
          background: url(../images/study/type_accent.png) no-repeat;
          background-size: cover;
          top: -8px;
          left: -10px; }
      .aboutType_box dl dt span {
        font-weight: 300;
        font-size: 16px;
        margin-top: 11px;
        display: block; }
    .aboutType_box dl dd {
      padding: 32px 30px 60px; }
      @media screen and (max-width: 900px) {
        .aboutType_box dl dd {
          padding: 23px 16px 41.2px; } }
      .aboutType_box dl dd ul li {
        list-style: none;
        font-size: 18px;
        line-height: 25px;
        font-weight: 700;
        display: flex;
        gap: 4px;
       }
       .aboutType_box dl dd ul li::before {
        content:"";
        display: block;
        width: 18px;
        height: 18px;
        background: url(../images/study/type_listIcon.png) no-repeat;
        background-size: cover;
        flex-shrink: 0;
        margin-top: 4px;
       }
        .aboutType_box dl dd ul li:not(:first-child) {
          margin-top: 20px; }

.aboutLeague_box {
  margin-top: 78.6px;
  padding-inline: 20px; }
  .aboutLeague_box h4 {
    font-size: 18px;
    padding-left: 10px;
    border-left: 3px solid #FF670F; }
  .aboutLeague_box table {
    margin-top: 27px;
    border: unset;
    border-collapse: unset; }
    .aboutLeague_box table thead th {
      font-weight: normal;
      padding-block: 10px;
      border-left: unset;
      background: #F0F0F0;
      border-right: 1px solid #D1D1D1;
      border-bottom: 1px solid #D1D1D1;
      border-top: 1px solid #D1D1D1;
      margin: unset; }
    .aboutLeague_box.col table thead th {
      background: #D1D1D1;
      border-right: 1px solid #000;
      border-bottom: 1px solid #000;
      border-top: 1px solid #000;
    }
    .aboutLeague_box.col table tbody tr td {
      border-right: 1px solid #000;
      border-bottom: 1px solid #000;
    }
      .aboutLeague_box table thead th.blank {
        background: unset;
        border-top: none; }
    .aboutLeague_box table tbody tr {
      margin: unset; }
      .aboutLeague_box table tbody tr th {
        background: #000;
        color: #fff;
        border-bottom: 1px solid #D1D1D1;
        border-left: unset;
        margin: unset;
        font-weight: normal;
        width: 205px; }
      .aboutLeague_box table tbody tr td {
        padding-block: 10px;
        background: #fff;
        border-left: unset;
        border-top: unset;
        border-right: 1px solid #D1D1D1;
        border-bottom: 1px solid #D1D1D1;
        margin: unset;
        width: 337px;
        text-align: center; }
      .price .aboutLeague_box table tbody tr td {
        width: 506px;
      }
  .aboutLeague_box dl.spOnly {
    margin-top: 14px; }
    .aboutLeague_box dl.spOnly > dt {
      background: #000;
      color: #fff;
      text-align: center;
      padding-block: 10px; }
    .aboutLeague_box dl.spOnly .inner {
      display: grid;
      grid-template-columns: auto 1fr; }
      .aboutLeague_box dl.spOnly .inner dt {
        background: #F0F0F0;
        border-bottom: 1px solid #D1D1D1;
        padding: 12px 27px 12px 10px;
        flex-shrink: 0; }
      .aboutLeague_box dl.spOnly .inner dd {
        border-bottom: 1px solid #D1D1D1;
        padding: 12px 10px;
        text-align: right; }
  .price .aboutLeague_box dl.spOnly .inner {
    grid-template-columns: repeat(2, 1fr);
  }
  .price .aboutLeague_box dl.spOnly .inner dt {
    background: #fff;
  }
  .price .aboutLeague_box dl.spOnly .inner dd {
    text-align: left;
  }
  @media screen and (max-width: 900px) {
    .aboutLeague_box {
      padding-inline: unset;
    }
  }

.price {
  background: #F0F0F0;
  padding-block: 93.5px 68.2px; }
  @media screen and (max-width: 900px) {
    .price {
      padding-block: 54.8px 54.3px; } }
  .price .price_wrap {
    max-width: 1217px;
    margin: 0 auto; }
    @media screen and (max-width: 900px) {
      .price .price_wrap {
        width: 92.6%;
        margin: 0 auto; } }
  .price span.salwebOrange {
    font-weight: bold; }
  .price .marketPrice {
    display: grid;
    place-items: center;
    border: 1px solid #D1D1D1;
    text-align: center;
    margin-top: 60px; }
    @media screen and (max-width: 900px) {
      .price .marketPrice {
        margin-top: 24px; } }
    .price .marketPrice dt {
      background: #23262E;
      padding-block: 10px;
      color: #fff;
      width: 100%; }
    .price .marketPrice dd {
      font-weight: bold;
      padding-block: 10px;
      width: 100%;
      background: #fff; }

.sec.reasons {
  background-size: 100%;
  background-image: url("../images/study/study_reasons_bg@2x.png");
  background-color: #23262E;
  padding-block: 100px; }
  @media screen and (max-width: 900px) {
    .sec.reasons {
      background-image: url("../images/study/study_reasons_bg_sp@2x.png");
      background-position: top center;
      padding-block: 60px; } }
  .sec.reasons .sec_head {
    color: #fff; }
    .sec.reasons .sec_head .sec_head_sub::after {
      background: #fff; }
    @media screen and (max-width: 900px) {
      .sec.reasons .sec_head .smaller {
        font-size: 20px; } }
  .sec.reasons .reasons_wrap {
    max-width: 1217px;
    margin: 0 auto; }
    @media screen and (max-width: 900px) {
      .sec.reasons .reasons_wrap {
        /* width: 92.6%; */
        margin: 0 auto; } }
  .sec.reasons .reasons_inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-top: 50px;
    padding-inline: 20px; }
    @media screen and (max-width: 900px) {
      .sec.reasons .reasons_inner {
        display: block;
        width: 100%;
        padding-inline: unset;
      }
    }
    
  .sec.reasons .reasons_item {
    background: #fff;
    border-radius: 6px;
    padding: 30px 20px; }
    @media screen and (max-width: 900px) {
      .sec.reasons .reasons_item {
        /* max-width:  345px; */
        margin-inline: 10px;
      }
    }
    .sec.reasons .reasons_item .reasons_itemHead p {
      font-size: 12px;
      line-height: 1px;
      margin-bottom: 5px; }
    .sec.reasons .reasons_item .reasons_itemHead h4 {
      font-size: 24px; }
    .sec.reasons .reasons_item .reasons_itemImg {
      margin: 16px 0 0 0;
      text-align: center;
      height: 204px;
      display: grid;
      place-items: center; }
      .sec.reasons .reasons_item .reasons_itemImg img {
        object-fit: contain; }
    .sec.reasons .reasons_item > p {
      margin-top: 16px; }

      .sec.reasons .reasons_wrap .slick-num{
        display: none;
      }
      @media screen and (max-width: 900px) {
        .sec.reasons .reasons_wrap .slick-num{
          display: block;
          width: 50%;
          text-align: center;
          background: #FF670F;
          margin: -26px auto 0;
          border-radius: 6px;
          padding: 12px 16px;
          position: relative;
          color: #fff;
        }
        .sec.reasons .reasons_wrap .slick-num > * {
          color: #fff;
        }
        .sec.reasons .reasons_wrap .slick-next,
        .sec.reasons .reasons_wrap .slick-prev {
          background: unset;
          top: unset;
          transform: unset;
          bottom: 0;
          opacity:1;
        }
        .sec.reasons .reasons_wrap .slick-prev {
          left: 22%;
        }
        .sec.reasons .reasons_wrap .slick-next {
          right: 22%;
        }
      }

.message .message_wrap {
  max-width: 1217px;
  margin: 0 auto;
  padding: 81.6px 20px 111.4px; }
  @media screen and (max-width: 900px) {
    .message .message_wrap {
      width: 92.6%;
      margin: 0 auto;
      padding: 0 0 3rem; } }
.message .message_content {
  border-radius: 6px;
  border: 1px solid #D1D1D1;
  padding: 36px 32px;
  background-image: url(../images/study/study_message_bg.png);
  background-repeat: no-repeat;
  background-position: top 15px right 5px; }
  @media screen and (max-width: 900px) {
    .message .message_content {
      padding: 38px 16px; } }
.message .message_inner {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 21px;
  align-items: center; }
  @media screen and (max-width: 900px) {
    .message .message_inner {
      grid-template-columns: 94px 1fr;
      gap: 13px; }
      .message .message_inner figure {
        margin: unset; }
      .message .message_inner p {
        grid-row: 2 / 3;
        grid-column: 1 / 4;
        font-size: 16px;
        margin-top: 37px;
        margin-bottom: unset; } }
  .message .message_inner .message_txt h4 {
    font-size: 20px; }
  .message .message_inner .message_txt p {
    margin-top: 20px;
    margin-bottom: unset; }

.flow {
  padding-block: 40px 80px; }
  @media screen and (max-width: 900px) {
    .flow {
      padding-block: 20px 30px; } }
  .flow .flowInner {
    max-width: 1250px;
    margin: 0 auto;
    padding: 40px 15px 0; }
  .flow .flow_figure {
    text-align: center; }
  @media screen and (max-width: 900px) {
    .flow .flow_figure {
      max-width: 500px;
      margin: 0 auto; } }

.timetable {
  background: #F0F0F0;
  padding-block: 93.5px 121.7px;
  display: grid;
  place-items: center;
  margin-bottom: unset; }
  @media screen and (max-width: 900px) {
    .timetable {
      padding: 55px 16px; } }
  @media screen and (max-width: 900px) {
    .timetable .head_wrap p {
      padding-inline: 15px; } }
  .timetable .flowInner {
    margin-top: 30px; }
    .timetable .flowInner figure {
      margin: unset; }
      .timetable .flowInner figure img{
        margin: 0 auto;
      }

.aboutTryout {
  padding-block: 85px;
  background: url(../images/study/study_tryout_bg.png) no-repeat;
  background-position: center center;
  background-size: auto; }
  @media screen and (max-width: 1000px) {
    .aboutTryout {
      padding-block: 24.3px 54.2px;
      background: url(../images/study/study_tryout_bg_sp.png) no-repeat;
      background-position: center -50px; } }
  .aboutTryout_inner {
    max-width: 1217px;
    margin: 50px auto 0;
    display: flex;
    gap: 21px;
    padding-inline: 20px }
    @media screen and (max-width: 1000px) {
      .aboutTryout_inner {
        margin: 41.5px 16px 0;
        flex-direction: column;
        gap: 24px;
        padding-inline: unset;
       } }
  .aboutTryout_item {
    color: #23262E;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    flex: 1;
    gap: 20px; }
    @media screen and (max-width: 1000px) {
      .aboutTryout_item {
        gap: 11px;
        padding-bottom: 24px;
        border-bottom: 1px dashed #D1D1D1; } }
  .aboutTryout_img {
    flex-shrink: 0; }
    .aboutTryout_img figure {
      margin: unset; }
    @media screen and (max-width: 1000px) {
      .aboutTryout_img {
        max-width: 41.5%; } }
  .aboutTryout_detail span {
    background: #23262E;
    color: #fff;
    padding: 5px 20px;
    border-radius: 100px;
    display: inline-block;
    margin-bottom: 5px; }
    @media screen and (max-width: 1000px) {
      .aboutTryout_detail span {
        padding: 4px 14.5px;
        margin-bottom: 0.9px;
        font-size: 14px; } }
  .aboutTryout_detail p {
    font-weight: 700;
    line-height: 26px;
    margin-bottom: unset; }
    @media screen and (max-width: 1000px) {
      .aboutTryout_detail p {
        font-size: 14px;
        line-height: 24px; } }


.voice {
  background-color: #F0F0F0;
  padding-block: 70px;
}

@media screen and (max-width: 900px) {
  .voice {
  margin-bottom: unset;
  }
}

.voice .voiceBox.slick-initialized >.slick-list {
  box-sizing: border-box;
}

.voice .kuchikomi{
  width: 100%;
  margin: 0;
  padding: 0;
}

.voice .kuchikomiBtn{
  display: none;
}

.voice .kuchikomiInner{
  max-height: 500px;
}

.voice .kuchikomiWrap{
  max-height: 500px;
}

/* .kuchikomiWrap{
  width: 25%;
} */

.voice .kuchikomi__whiteBox{
  height: auto;
}

.voice .kuchikomi__content{
  height: 240px;
}

.voice .kuchikomi__other{
  padding-top: 30px;
}

.voice .kuchikomi__head{
  height: 2.5em;
}

.voice .voicePara{
  text-align: center;
  margin-top: 20px;
}

.voice .invisible{
  visibility: hidden;
}

.voice .kuchikomi__icon{
  position: relative;
  top: 90px;
  left: 20px;
  transform: translate(0, 0);
}

.voice  span.kuchikomi__head {
  padding-left: 60px;
}

.voice .kuchikomi__star {
  padding-top: 25px;
}

.voice .kuchikomi__icon >img{
  width: 48px;
}

@media screen and (max-width: 900px){
  .voice{
    padding: 52px 0 57.5px;
  }

  .voicePara{
    padding: 0 15px;
  }

  .voice .kuchikomi {
    margin-top: -40px;
    margin-bottom: 20px;
  }

  .voice .voiceBox{
    overflow-y: hidden;
    overflow-x: scroll;
    /* display: flex; */
    /* max-height: 500px; */
  }

  .voice .voiceBox.d-flex{
    display: flex;
  }

  .voice .kuchikomiWrap{
    min-width: 300px !important;
    margin-top: 0;
  }

  .voice .kuchikomi__star{
    padding-top: 25px;
    box-sizing: border-box;
    max-height: 39px;
  }

  .voice .kuchikomi__icon >img{
    width: 48px;
  }
}

@media screen and (max-width: 900px){
  .kuchikomi {
    margin-top: -40px;
    margin-bottom: 20px;
  }
  /* .voiceBox{
    max-height: 320px;
  } */
}

.abroadPara{
  padding-top: 20px;
  text-align: center;
}

.abroad_single{
  border-radius: 6px;
  border: solid 1px #23262E;
  list-style: none;
  margin: 20px 20px 0;
}

.abroad_contents{
  max-width: 1250px;
  margin: 0 auto;

}

.abroad__a{
  display: none;
}

.abroad__a.is-active{
  display: block;
}

.abroad__a__inner{
  padding: 20px 80px;
}

.abroad__q{
  background: #23262E;
  padding: 21px 14px;
  cursor: pointer;
}

.abroad__q__head{
  color: white;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}

.abroad__q__head::after,
.abroad__q__head::before{
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 13px;
  height: 1px;
  background-color: #fff;
}

.abroad__q__head::after{
  transform: rotate(90deg);
  transition: all .3s ease;
}

.abroad__q.is-active .abroad__q__head::after{
  transform: rotate(0);
}

@media screen and (max-width: 900px){
  .abroadPara{
    padding: 20px 15px 0;
  }

  .abroad_contents{
    padding: 0 15px;
  }

  .abroad__a__inner{
    padding: 20px;
  }
}

.sec.countryInfo {
  padding-block: 120px;
}

.sec .countryInfo_box {
  max-width: 1221px;
  margin: 67.5px auto 0;
  display: flex;
  gap: 49px;
  align-items: center;
}

.sec .countryInfo_table dl > dl {
  display: flex;
}

@media screen and (max-width: 900px){
  .sec.countryInfo {
    padding-bottom: unset;
  }
  .sec .countryInfo_box {
    flex-direction: column;
    gap: 28px;
  }

  .sec .countryInfo_box figure{
    margin: unset;
  }
}

.sec .countryInfo_table dt{
  border-top: 1px #FF670F solid;
  padding-block: 16px 13px;
  width: 142px;
  flex-shrink: 0;
  font-weight: 700;
}

.sec .countryInfo_table dd{
  border-top: 1px #D1D1D1 solid;
  padding-block: 16px 13px;
  width: 100%;
}

.sec .countryInfo_table dl > dl:last-child dt{
  border-bottom: 1px #FF670F solid;
}

.sec .countryInfo_table dl > dl:last-child dd{
  border-bottom: 1px #D1D1D1 solid;
}

.sec.recommend {
  padding-block: 50px 30px;
}

.sec .recommend__wrap {
  max-width: 1080px;
  margin: 60px auto 0;
  display: grid;
  grid-template-columns: calc((100% - 20px) / 2) calc((100% - 20px) / 2);
  gap: 20px;
}

@media screen and (max-width: 900px){
  .sec .recommend__wrap {
    grid-template-columns: 100%;
    padding-inline: 14px;
  }
}

.sec .recommend__item {
  border: 1px solid #D1D1D1;
  border-radius: 6px;
  padding: 16px;
}

.sec h4.recommend__item-head {
  font-size: 14px;
  line-height: 23px;
  font-weight: 400;
}

.sec .recommend__item a:hover {
  opacity: 0.6;
}

.sec.others .searchBox{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 40px auto 0;
  gap: 20px;
}

.sec.others .searchSingle{
  position: relative;
  /* max-width: 290px; */
  height: 220px;
  cursor: pointer;
  text-decoration: none;
  margin: 0 10px;
  /* margin-right: 20px; */
}

.sec.others .searchSingle:hover .searchSingleLogo >img{
  transform: scale(1.25);
  transition: ease 0.4s;
}

.sec.others .searchSingleImg{
  position: absolute;
  overflow: clip;
  margin: unset;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.sec.others .searchSingleImg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.sec.others .searchSingle:hover .searchSingleImg >img{
  max-width: none;
  transform: scale(1.5);
  transition: ease 0.4s;
}


.sec.others .searchSingleInner{
  position: relative;
  /* max-width: 270px; */
  height: 200px;
  color:white;
  padding: 10px;
  background: rgba(0,0,0,0.6);
}

.sec.others .searchSingleHeadMain{
  position: absolute;
  bottom: 36px;
  left: 10px;
  font-size: 31px;
  color:white;
  font-family: "Barlow Condensed", sans-serif;
}

.sec.others .searchSingleHeadSub{
  position: absolute;
  bottom: 14px;
  left: 10px;
  font-size: 15px;
  color:white;
}

.sec.others .searchSinglePara{
  font-size: 12px;
  color:white;
  line-height: 1.4;
}

.sec.others .searchLink{
  position: absolute;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background-color: white;
  bottom: 10px;
  right: 10px;
}

.sec.others .searchLink::after{
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-size: 13px;
  top: 50%;
  font-weight: 900;
  color: #FF670F;
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translate(-50%,-50%);
  
}

@media screen and (max-width: 900px){
  .sec.others .search{
    padding: 52px 0 0;
  }
  
  .sec.others .searchBox{
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin: 40px auto 0;
    width: 100%;
    max-width: none;
    gap: 0px;
    overflow-x: scroll;
    padding-bottom: 10px;
  }

  /* .sec.others .searchSingle{
    margin-left: 20px;
  }

  .sec.others .searchSingle:last-child{
    margin-right: 20px;
  } */
}

.c__roundBtn {
  color: #000000; }
  .c__roundBtn:hover {
    color: #000000;
    opacity: 0.75; }

.salwebOrange {
  color: #FF670F !important; }

.slashPositive {
  transform: rotate(15deg) translate(10px, -5px);
  display: inline-block; }

.slashNegative {
  transform: rotate(-15deg) translate(-10px, -5px);
  display: inline-block; }

/*CTA*/
.cta {
  padding: 70px 0;
  background-size: cover;
  background-image: url(../images/top/img_cta@2x.png); 
  margin-bottom: 0;
}

.cta .ctaHead {
  font-size: 30px;
  color: white;
  text-align: center;
}

.cta .ctaInner {
  background: white;
  padding: 35px 40px 30px;
  margin: 30px auto 0;
  border-radius: 6px;
  width: 45%;
  max-width: 650px;
  min-width: fit-content; }

.cta .ctaText1 {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin: 22px auto 0;
  text-align: center;
  position: relative; }

.cta .ctaText2 {
  font-size: 30px;
  font-weight: bold;
  display: block;
  margin: 5px auto 0;
  text-align: center; }

@media screen and (max-width: 900px) {
  .cta {
    padding: 58px 15px 70px;
    background-size: 150%;
    background-color: #23262E;
    background-repeat: no-repeat;
   }
  
  .cta .ctaHead {
    font-size: 24px;}

  .cta .c__btn {
    width: auto;
    margin-top: 13.5px; }

  .cta .ctaText1 {
    width: fit-content; }

  .cta .ctaText1::after {
    content: '';
    position: absolute;
    height: 60px;
    left: -10%;
    bottom: 0px;
    width: 1px;
    transform: rotate(-30deg) translate(0px, 0px);
    background: black; }

  .cta .ctaInner {
    padding: 10px 10px 5px;
    width: auto;
    max-width: 450px; }

  .cta .ctaText1::before {
    content: '';
    position: absolute;
    height: 60px;
    right: -10%;
    bottom: 0;
    width: 1px;
    transform: rotate(30deg) translate(0px, 0px);
    background: black; }

  .cta .ctaText2 {
    font-size: 23px;
    font-weight: bold; } }
.sec .head_wrap {
  width: 835px;
  margin: 0 auto; }
  @media screen and (max-width: 900px) {
    .sec .head_wrap {
      width: 100%;
      margin: 0 auto; } }

.sec .head_wrap p {
  margin-top: 35px;
  text-align: center; }
  @media screen and (max-width: 900px) {
    .sec .head_wrap p {
      font-size: 16px;
      line-height: 24px;
      text-align: unset; } }

.sec .sec_head {
  margin: 0 auto;
  text-align: center;
  position: relative;
  width: fit-content;
  font-size: 28px; }

@media screen and (max-width: 900px) {
  .sec .sec_head {
    font-size: 28px; } }
.sec .sec_head .sec_head_sub {
  font-family: "Poppins", sans-serif;
  position: relative;
  display: block;
  text-align: center;
  font-size: 12px;
  margin-bottom: 31px;
  font-weight: 400; }

.sec .sec_head .sec_head_sub::after {
  position: absolute;
  content: '';
  height: 2px;
  width: 70px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
  background: black; }

.sec.sec__white .sec_head .sec_head_sub::after {
  position: absolute;
  content: '';
  background: white; }


  .faq {
     background-color: #F0F0F0;
     padding: 70px 0 70px;
     margin-bottom: unset;
  }

  .faq_single{
    background-color: white;
    border-radius: 6px;
    max-width: 960px;
    margin: 20px auto 0;
    list-style: none;
    cursor: pointer;
  }
  
   .faq__box{
    padding: 20px 14px;
  }
  
   .faq__q{
    position: relative;
  }
  
   .faq__q::before,
   .faq__q::after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 13px;
    height: 1px;
    background-color: #000;
  }
  
   .faq__q::after{
    transform: rotate(90deg);
    transition: all .3s ease;
  }
  
   .faq__q.is-active::after{
    transform: rotate(0);
  }
  
   .faq__wrap{
    display: flex;
  }
  
   .faq__a{
    display: none;
    padding-top: 8px;
  }
  
   .faq__a.is-active{
    display: block;
  }
  
   .faq__icon{
    margin-bottom: 0;
    font-size: 16px;
    border-radius: 13px;
    color: white;
    background: #23262E;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
  }
  
   .faq_box{
    padding-top: 20px;
  }
  
   .faq__q_title{
    font-size: 18px;
    font-weight: Bold;
    color: #23262E;
  }
  
  @media screen and (max-width: 900px){
     .faq__content{
      width: calc(100% - 50px);
    }
  
     .faq__a .faq__wrap {
      justify-content: center;
    }
  
     .faq_single{
      margin: 20px 15px 0;
    }
  }

  /*  interview  */
.interview{
  background-image: url("../images/top/img_interview_bg@2x.png");
  background-size: cover;
  background-position-y: 125%;
}

@media screen and (max-width: 1000px){
  .interview{
    background-image: url("../images/top/img_interview_bg_sp@2x.png");
    background-position: -130px -50px;
    background-size: 168%;
    background-repeat: no-repeat;
  }
}

.interviewPara{
  padding-top: 20px;
  text-align: center;
}

.generalInner{
  max-width: 1250px;
  margin: 0 auto 0;
  width: 100%;
  padding: 0 15px;
  box-sizing:border-box;
}
.interview_inner{
  max-width: 1250px;
  margin: 40px auto 0;
  width: 100%;
  padding: 0 15px;
  box-sizing:border-box;
}

.interview .interview_content{
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  width: 100%;
}

.interview .interview_single{
  /* display: flex;
  gap: 20px;
  width: calc((100% - 50px) / 3 ); */
  width: calc((100% - 50px) / 3 );
  list-style: none;
}

.interview .interview_single >a{
  display: flex;
  gap: 20px;
  color: #000000;
  cursor: pointer;
  text-decoration: none;
}

.interview .interview_single >a figure{
  margin: 0;
}

.interview .interview_single:nth-child(n+7){
  display: none;
}

.interview .interview_content.is-active .interview_single:nth-child(n+4){
  display: block;
}

.interview .interview_img{
  width: 50%;
}

.interview .interview_textBox{
  max-width: 175px;
}

.interview .interview_num{
  display: block;
  background-color: #F0F0F0;
  border-radius: 100px;
  font-size: 15px;
  text-align: center;
  padding: 2px 20px;
  width: fit-content;
}

.interview .interview_name{
  display: block;
  margin-top: 12px;
}

.interview .interview_para{
  font-size: 14px;
  margin-top: 8px;
}

.interview .interview_btnWrap{
  margin: 40px auto 0;
  text-decoration: none;
}

.interview #interview_btn:hover{
  cursor: pointer;
}

.interview #interview_btn.is-active{
  display: none;
}

@media screen and (max-width: 1000px){
  .interview{
    padding: 52px 0 0;
  }

  .interview .interview_num{
    font-size: 14px;
  }
  
  .interview .interview_name{
    font-size: 14px;
  }

  .interview .c__roundBtn{
    margin: 40px auto 0;
  }
  
  .interview .interview_single{
    width: 100%;
  }
}

@media screen and (max-width: 800px){
  .interview .interview_single >a{
    display: flex;
    gap: 14px;
    width: 100%;
  }

  .interview .interview_single .interview_para{
    line-height: 1.4;
  }

  .interview .interview_single .interview_img{
    width: 43%;
  }

  .interview .interview_single .interview_textBox{
    width: calc(57% - 14px);
  }
}

.cta.ctaForm{
  padding-bottom: 95px;
}

@media screen and (max-width: 1000px){
  .cta.ctaForm{
    background-image: none;
  }
}
.cta .top-bg-area-contactform{
  background: unset !important;
  margin-top: 0;
}

.cta .top-htag-bg-contactform{
  background: unset !important;
  color: white !important;
}

.cta .item-name{
  color: white;
  font-size: 16px;
  font-weight: 700;
}

.cta dl.contact7-top{
  width: 100%;
  margin: 0 auto;
  max-width: 575px;
}

.cta .contact7-top >dt{
  margin-top: 30px;
}
.cta .contact7-top >dd{
  margin-top: 10px;
}

.cta .contact7-top >dd input[type="text"]{
  padding: 15px;
}

.cta .contact7-top >dd input::placeholder{
  color: #D1D1D1;
}

.cta .contact7-top >dd input[type="tel"]{
  padding: 15px;
}

.cta .btn_contact7-top{
  margin-top: 40px !important;
}

.cta .btn_contact7-top >input[type="submit"]{
  width: 100%;
  max-width: 575px;
  height: 65px;
}

@media screen and (max-width: 1000px){
  .cta.ctaForm{
    padding: 52px 15px;
  }

  .cta .top-bg-area-contactform{
    margin-right: 0;
    margin-left: 0;
  }
}

.pt {
  padding-top: 93.5px;
}
@media screen and (max-width: 900px){
  .pt {
    padding-top: 52px;
  }
}

.aboutAgents {
  padding-block: 85px;
  margin-bottom: unset;
  }
  @media screen and (max-width: 1000px) {
    .aboutTryout {
      padding-block: 24.3px 54.2px;
    }
  }

.aboutAgents-wrap {
    max-width: 1217px;
    margin: 50px auto 0;
    padding-inline: 20px;
}
    @media screen and (max-width: 1000px) {
      .aboutAgents-wrap {
        margin: 41.5px 16px 0;
        padding-inline: unset;
        width: 92.6%;
      }
    }

.aboutAgents-item {
  border-radius: 6px;
  border: 1px solid #D1D1D1;
  padding: 36px 32px;
  background: #fff;
}

.aboutAgents-item:not(:first-of-type) {
  margin-top: 24px;
}

.aboutAgents-item h4 {
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
}

.aboutAgents-info {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 767px) {
  .aboutAgents-info {
    flex-direction: column;
  }
}

.aboutAgents-info img{
  width: 25%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .aboutAgents-info img{
    width: 100%;
  }
}

.aboutAgents-info p {
  margin-bottom: unset;
}

.aboutAgents-text p{
  font-size: 16px;
  line-height: 24px;
}

.aboutAgents-btnWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 36px;
}

.aboutAgents-btnWrap .c__roundBtn {
  margin: 24px auto 0;
  margin-top: 36px;
}

@media screen and (max-width: 767px) {
  .aboutAgents-btnWrap {
    flex-direction: column;
  }
}

.aboutAgents-btnWrap .c__roundBtn {
  margin: unset;
}

.aboutAgents-btnWrap .c__roundBtn.btn_black {
  background-color: black;
  color: #fff;
}

.aboutAgents-btnWrap .c__roundBtn.btn_black span::after{
  color: #fff;
}

.aboutAgents-cta {
  margin-top: 48px;
}