@media (min-width:960px) and (max-width:1024px) {
  body {
    min-width: 100%;
  }
}

@media screen and (max-width:1024px) {
  .l-header__navigation {
    font-size: 12px
  }
}
@media screen and (min-width:1600px) {
  .c-blockButton[data-type="companies"] {
    margin-right: -13.51351vw !important;
    margin-left: -13.51351vw !important
  }
}

@media screen and (max-width:320px) {
  .c-button[data-width="auto"] {
    padding-right: 1.5rem;
    padding-left: 1rem
  }

  .c-button[data-width="auto"] .c-button__label {
    padding-left: 1.2rem
  }

  .c-button[data-align-sp="left"] .c-button__inner {
    padding-left: 1.2rem
  }

  .c-button[data-align-sp="left"] .c-button__label {
    padding-left: 1.4rem
  }

  .c-button__label {
    padding: 0 1em
  }
}

@media screen and (max-width:320px) {
  .c-program__desription {
    padding-top: .5rem
  }

  .c-program__desription>dt {
    margin-bottom: .5rem
  }

  .c-program__desription>dd {
    font-size: 1.2rem
  }

  .c-program[data-type="bizmates_program"] .c-program__desription img {
    height: 1.2rem
  }

  .c-program[data-type="other_program"] .c-program__desription img {
    height: 1.3rem
  }
}

@media screen and (max-width:320px) {
  .p-cmEyecatch__head {
    font-size: 1.3rem
  }
}

@media screen and (max-width:640px) {
  .p-comparison {
    width: 210vw
  }
}

@media screen and (min-width:1600px) {
  .p-difference {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (max-width:1100px) {
  .p-features[data-type="top"] .p-features__item:nth-child(1) {
    width: 240px
  }

  .p-features[data-type="top"] .p-features__item:nth-child(2) {
    width: 240px;
    top: 200px;
    right: 200px
  }

  .p-features[data-type="top"] .p-features__item:nth-child(3) {
    width: 240px;
    top: 400px;
    right: 200px
  }

  .p-features[data-type="top"] .p-features__item:nth-child(4) {
    width: 180px;
    top: 200px
  }
}

@media screen and (min-width:1600px) {
  .p-information {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (min-width:1600px) {
  .p-introduction__content {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (max-width:320px) {
  .p-lpButtons__button p {
    font-size: 1rem !important
  }

  .p-lpButtons__button i {
    height: 20px;
    font-size: 2rem
  }
}

@media screen and (max-width:320px) {
  .p-lpCampaign {
    font-size: 1.2rem
  }

  .p-lpCampaign__list {
    font-size: 1.2rem
  }

  .p-lpCampaign__list strong,
  .p-lpCampaign__list em {
    font-size: inherit
  }
}

@media screen and (max-width:767px) {
  .p-program__skillTable th {
    width: 11.82432vw
  }
}

@media screen and (max-width:320px) {
  .p-reasonSection__inner {
    padding-right: 1.2rem;
    padding-left: 1.2rem
  }
}

@media screen and (max-width:640px) {
  .p-scroll::before {
    content: '';
    width: 5rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
    -webkit-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear
  }

  .p-scroll.is-end::before {
    opacity: 0
  }
}

@media screen and (min-width:1600px) {

  .p-section:not([data-fixed]),
  .p-section--index:not([data-fixed]) {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (max-width:767px) {
  .p-slide>div.recommend_sp>span {
    width: 42%;
    bottom: 20rem;
  }

  .p-slide>div.recommend_sp>p {
    padding: 0 0 25rem 1.3rem;
    font-size: 2.2vw;
  }
}

@media screen and (max-width:414px) {
  .block-sns-timeline.hide_PC {
    display: block;
  }

  .block-sns-timeline.hide_SP {
    display: none;
  }

  .p-slide>div.recommend_sp>span {
    width: 38%;
    right: -5vw;
    display: inline-block;
    bottom: 20rem;
  }

  .p-slide>div.recommend_sp>p {
    padding: 0 0 25rem 1.4rem;
  }
}

@media screen and (min-width:1600px) {
  .p-slide__panel {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (min-width:960px) {
  dl.p-slide__recommend_sp {
    display: block;
  }

  dl.p-slide__recommend_sp .inner {
    display: block;
  }

  dl.p-slide__recommend_sp .inner dt {
    width: 20%;
    text-align: left;
  }

  dl.p-slide__recommend_sp .inner dd {
    text-align: left;
    font-size: 30px;
  }
}

@media screen and (min-width:1600px) {
  .p-top__content {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (min-width:1600px) {
  .p-topHeader[data-type="feature"] {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (min-width:1600px) {
  .p-topReason {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (min-width:1600px) {
  .p-videoLesson {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (min-width:1600px) {
  .u-offset {
    margin-right: -13.51351vw !important;
    margin-left: -13.51351vw !important
  }
}

@media screen and (max-width:769px) {
  .l-body[data-page="company"] {
    padding-top: 56px;
  }
}

@media screen and (max-width:1159px) {
  body.reprint_top main.l-main {
    padding-top: 55px;
  }
}

@media screen and (min-width:600px) {
  body.reprint_top .siteHeader_main>.flex>* {
    height: 55px !important;
  }

  body.reprint_top .siteHeader_main {
    border-bottom: 1px solid #0087d2;
  }
}

@media screen and (max-width:600px) {
  body.reprint_top .p-mv__right-cont {
    height: 200px;
  }
}

@media (min-width:960px) and (max-width:1400px) {
  body.reprint_top .p-mv__right-cont--pc img {
    height: 100%;
    object-fit: cover;
    object-position: center left;
  }
}

@media screen and (min-width:1080px) {
  body.reprint_top #user-slider .Slider__dots {
    max-width: 1080px;
    display: flex;
  }
}

@media screen and (min-width:1024px) {

  /* body.reprint_top #user-slider div.swiper-wrapper {
    justify-content: center;
  } */
  body.reprint_top #user-slider .swiper-slide {
    margin: 0 12px;
  }
}

@media screen and (max-width: 959px) {
  body.reprint_top .main-box {
    margin-bottom: 0;
  }

  body.reprint_top .reason-lists__items {
    width: calc(100% - 32px);
    margin: 24px auto 0;
  }

  body.reprint_top .main-box .section__header {
    gap: 0;
  }

  body.reprint_top .main-box .header-sub-ttl {
    margin-bottom: 4px;
    font-size: 16px;
  }

  body.reprint_top .main-box .bigger-blue {
    font-size: 20px;
  }

  body.reprint_top .main-box .header-ttl {
    font-size: 30px;
  }

  body.reprint_top .main-box .reasons .inner {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  body.reprint_top .main-box .image-area {
    width: max-content;
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 959px) {
  body.reprint_top .main-box .upper-area {
    flex-direction: column;
  }

  body.reprint_top .main-box .list-item__ttl {
    margin-bottom: 5px;
  }

  body.reprint_top .main-box .list-item a {
    flex-direction: row;
    gap: 0;
  }

  body.reprint_top .main-box .upper-area__number {
    font-size: 20px;
  }

  body.reprint_top .main-box .txt-lists .lists-item {
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 9px;
    background: url(../img/check__blue.svg) left 0px top 0.2em no-repeat;
  }

  body.reprint_top .main-box .txt-lists .lists-item:last-child {
    margin-bottom: 0;
    padding-bottom: 10px;
  }

  body.reprint_top .main-box .list-item a {
    padding: 10px 12px 12px 14px;
  }

  body.reprint_top .main-box .txt-lists {
    padding: 10px 10px 0 8px;
  }

  body.reprint_top .main-box .list-item .txt-area {
    margin: 0 12px;
  }

  body.reprint_top .main-box .list-item__ttl {
    line-height: 1.4;
  }

  body.reprint_top .main-box .txt-lists .lists-item {
    background-size: 1.25em auto;
    padding-left: 22px;
    line-height: 1.2;
  }

  body.reprint_top .main-box .list-item .arrow {
    width: 16px;
    margin: auto;
    height: 100%;
  }
}

@media screen and (max-width: 959px) {
  body.reprint_top .companies>.Container.-medium {
    margin-top: 8px;
  }

  body.reprint_top .companies .inner {
    margin-bottom: 0;
    padding: 48px 0;
  }

  body.reprint_top .companies .companies__wrap {
    margin-bottom: 32px;
  }

  body.reprint_top .companies .companies-ttl {
    font-size: 20px;
  }

  body.reprint_top .companies .HeroArea__button {
    margin: 48px 0 0;
  }

  body.reprint_top .companies .Slider .swiper-slide {
    width: calc(80 / 375 * 100vw) !important;
  }
}

@media screen and (max-width: 600px) {
  body.reprint_top .companies .Slider .swiper-slide {
    width: calc(140 / 375 * 100vw) !important;
  }

  body.reprint_top .p-mv {
    margin-top: 0;
  }
}

@media (min-width: 960px) and (max-width: 1159px) {
  body.reprint_top ol.reason-lists li#reason-1 #trainer-slider .Slider__dots {
    width: 100%;
  }
}

@media screen and (max-width: 959px) {

  body.reprint_top ol.reason-lists li.reason-lists__items .box-contents__image img,
  body.reprint_top ol.reason-lists li.reason-lists__items .search-banner__image-area img {
    width: 100%;
  }

  body.reprint_top .reason-box .box-ttl__pict {
    width: 100%;
    height: max-content;
    padding: 16px 24px;
  }

  body.reprint_top .reason-box .box-ttl__pict .pict {
    bottom: auto;
    right: 24px;
    top: 50%;
  }

  body.reprint_top .reason-box .box-ttl__txt {
    padding: 48px 16px;
    gap: 16px;
    margin-left: 0;
  }

  body.reprint_top .main-ttl {
    font-size: 28px;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    padding-top: 0;
  }

  body.reprint_top .main-ttl p {
    font-size: 10px;
    margin-top: 20px;
  }

  body.reprint_top .reason-box.first .trainer .box-contents__ttl {
    padding-top: 0;
  }

  body.reprint_top .main-ttl p small {
    font-weight: 400;
    text-align: left;
  }

  body.reprint_top .box-contents .contents-ttl h4 {
    font-size: 20px;
    width: calc(100% - 26px);
  }

  body.reprint_top .box-contents .check {
    width: 20px;
  }

  body.reprint_top .box-contents .contents-main-txt {
    margin-bottom: 0;
  }

  body.reprint_top ol.reason-lists li#reason-1 .box-contents picture.box-contents__image {
    padding: 0 16px;
  }

  body.reprint_top ol.reason-lists li#reason-1 .box-contents {
    margin-bottom: 0;
  }

  body.reprint_top ol.reason-lists li#reason-1 .Slider {
    padding: 48px 0 80px;
  }

  body.reprint_top ol.reason-lists li#reason-1 .Slider .Slider__dots {
    width: calc(100% - 36px);
  }

  body.reprint_top .search-banner__text-area {
    padding: 16px;
    margin-bottom: 48px;
  }

  body.reprint_top .search-banner__text-area .main-txt {
    font-size: 16px;
  }

  body.reprint_top .search-banner__image-area {
    width: 100%;
  }

  body.reprint_top .search-banner__text-area a.Button.-outline,
  body.reprint_top .lessons-card a.Button.-fill {
    max-width: 240px;
    margin: 0 auto;
  }

  body.reprint_top .box-contents .contents-ttl {
    margin-bottom: 24px;
    min-height: 34px;
    line-height: 34px;
    align-items: center;
  }

  body.reprint_top .box-contents:not(.trainer) .contents-ttl {
    margin-top: 0;
  }

  body.reprint_top .recruitment .process-list-wrap {
    margin-top: 40px;
    margin-bottom: 24px;
  }

  body.reprint_top .p-processList>li {
    padding-top: 22px;
  }

  body.reprint_top .recruitment .p-processList>li::before {
    font-size: 16px;
    top: -16px;
  }

  .recruitment .p-processList>li {
    padding-top: 28px;
  }

  .recruitment .p-processList>li:nth-child(6) p {
    color: #fff;
  }

  body.reprint_top .recruitment .p-processList__item {
    height: 200px;
    font-size: 14px;
    color: #26455C;
  }

  body.reprint_top .recruitment .p-processList__item i {
    font-size: 14px;
    width: 20px;
    height: 20px;
    bottom: 10px;
  }

  body.reprint_top .recruitment .process-list-wrap .pict-box {
    font-size: 13px;
    padding: 16px 20px 20px 29px;
  }

  body.reprint_top .recruitment .process-list-wrap .pict-box li {
    list-style-type: none;
    text-indent: -1em;
  }

  body.reprint_top li#reason-1 .HeroArea__button {
    margin-top: 48px;
  }

  body.reprint_top li#reason-1 .HeroArea__button .Button.-posL {
    max-width: 240px;
    height: 60px;
    width: 100%;
    font-size: 14px;
  }
}

@media screen and (max-width: 450px) {
  body.reprint_top .p-processList>li[data-recruit] {
    width: 62px;
  }
}

@media screen and (max-width: 959px) {

  li#reason-2,
  li#reason-3,
  li#reason-4 {
    margin-top: 48px;
  }

  body.reprint_top .box-contents .check {
    width: 20px;
  }

  li#reason-2 .reason-box .box-ttl {
    margin-bottom: 0;
  }

  body.reprint_top .box-contents.level-up {
    margin-bottom: 24px;
  }

  body.reprint_top .reason-box .box-ttl__txt .pict_beginner {
    width: 22px;
  }

  body.reprint_top .reason-lists__items .reason-box .box-ttl {
    margin-bottom: 0;
  }

  body.reprint_top .box-contents.level-up .box-contents__ttl {
    margin-bottom: 0;
  }

  body.reprint_top .reason-box.sec .level-up .ttl-area {
    margin-bottom: 24px;
    display: flex;
    gap: 16px;
    flex-direction: column;
    line-height: 1;
  }

  body.reprint_top .reason-box.sec .level-up .box-contents__image {
    margin-top: 24px;
    padding: 24px 16px;
  }

  body.reprint_top .reason-box.sec .level-up .image-main-ttl {
    font-size: 18px;
  }

  body.reprint_top .reason-box.sec .level-up .image-sub-ttl .wrap,
  body.reprint_top .reason-box.sec .level-up .image-sub-ttl .wrap+p {
    font-size: 16px;
  }

  body.reprint_top .reason-box.sec .level-up .image-sub-ttl {
    gap: 16px;
  }

  body.reprint_top .reason-box.sec .level-up .logo {
    width: 141px;
    margin: 0 4px;
    margin-bottom: 0;
  }

  body.reprint_top .box-contents.graduate .image__graph {
    width: max-content;
  }

  body.reprint_top .box-contents.graduate .box-contents-inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  body.reprint_top .box-contents.graduate p.annotation+a.Button.-fill {
    margin: 24px auto 48px auto;
    width: 240px;
  }

  body.reprint_top .box-contents.graduate .box-contents__ttl {
    margin: 48px 0;
  }

  body.reprint_top .reason-box.sec .graduate .box-contents__image {
    padding: 24px 16px;
    background-color: #E7F3FA;
    margin-bottom: 48px;
  }

  body.reprint_top .reason-box.sec .reason-2-levels {
    flex-direction: column;
    gap: 0;
  }

  body.reprint_top .box-contents.graduate .reason-2-title-number {
    font-size: 64px;
    font-weight: 500;
    color: #0087D2;
    opacity: 0.2;
  }

  body.reprint_top .box-contents.graduate .reason-2-sub-title,
  body.reprint_top .box-contents.graduate .reason-2b-sub-title {
    font-size: 20px !important;
    color: #141821;
    line-height: 30px;
    padding: 0;
  }

  body.reprint_top .reason-box.sec .reason-2-levels .reason-2b-sub-title {
    padding: 0;
  }

  body.reprint_top .reason-2-section-2-container .reason-2-section-2b-contents__left {
    height: max-content;
  }

  body.reprint_top .reason-2-section-2-container {
    margin-top: 24px;
  }

  body.reprint_top .reason-2-section-2-container .reason-2-section-2b-contents__left a.Button.-fill {
    display: none;
  }

  body.reprint_top .reason-2-section-2-container>a.Button.-fill {
    display: flex;
  }

  body.reprint_top .reason-2-section-2__subtext,
  body.reprint_top .reason-2-section-2-contents,
  body.reprint_top .reason-2-section-2b-contents {
    margin-left: 0;
  }

  body.reprint_top .box-contents.graduate .reason-2-section-2__subtext__container {
    padding: 4px 8px;
    font-family: "Noto Serif JP";
    width: 100%;
    margin-bottom: 8px;
    line-height: 28px;
  }

  body.reprint_top .box-contents.graduate .reason-2-section-2-contents__right img {
    width: 100%;
    margin: 8px 0 36px;
  }

  body.reprint_top .reason-2-section-2-contents__right .btn-sample {
    margin: 0 auto;
    width: 274px;
  }

  body.reprint_top .box-contents.graduate .reason-2-section-2-contents__left {
    margin: 36px 0 0;
  }

  body.reprint_top .box-contents.graduate .reason-2-section-2b-contents__title--24px {
    color: #141821;
    font-size: 18px;
    font-weight: 500;
    margin-top: 8px;
  }

  body.reprint_top .reason-box.sec .reason-2-section-2-contents+a.Button.-fill,
  body.reprint_top .reason-box.sec .reason-2-section-2b-contents+a.Button.-fill {
    margin-top: 24px;
    text-align: center;
  }

  body.reprint_top .box-contents.graduate .reason-2-section-2b-contents__left {
    margin-right: 0;
  }

  body.reprint_top .box-contents.graduate .voice-box__lead:before {
    top: -25px;
    font-weight: 700;
  }

  body.reprint_top .box-contents.graduate .voice-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 48px 0;
    padding: 24px 16px;
  }

  body.reprint_top .box-contents.graduate .voice-box .voice-box__lead {
    font-size: 14px;
    padding: 48px 0 0 12px;
    margin-bottom: 24px;
  }

  body.reprint_top .box-contents.graduate .voice-box .voice-box__lead:before {
    top: -30px;
    left: 12px;
  }

  body.reprint_top .box-contents.graduate .voice-box .Button.-fill {
    margin-top: 0;
  }

  body.reprint_top .voice-box__name-wrapper,
  body.reprint_top .voice-box__name {
    font-size: 14px;
    line-height: 1;
    color: #141821;
  }

  body.reprint_top .box-contents.graduate .voice-box+.HeroArea__button .Button.-posL {
    max-width: 240px;
    height: 60px;
    width: 100%;
    font-size: 14px;
  }
}



@media screen and (max-width: 959px) {
  body.reprint_top .reason-box.third .main-ttl>div.pc {
    display: none;
  }

  body.reprint_top .reason-box.third .main-ttl>div.sp {
    display: flex;
  }

  body.reprint_top .reason-box.third .main-ttl>div.sp p {
    font-size: 28px;
    margin-top: 0;
  }

  body.reprint_top .reason-box.third .box-contents.lessons ol.lessons-lists {
    gap: 16px;
    max-width: 670px;
    margin: 48px auto 0;
  }

  body.reprint_top .reason-box.third .lessons .lists-item .caption {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
  }

  body.reprint_top .reason-box.third .lessons .lists-item {
    padding: 0 0 22px 0;
    margin-bottom: 0;
    width: 147px;
  }

  body.reprint_top .reason-box.third .lessons .lists-item figure.lists-item__image {
    margin-bottom: 8px;
  }

  body.reprint_top .reason-box.third .lessons .lists-item figure.lists-item__image {
    height: 83px;
  }

  body.reprint_top .reason-box.third .details .about-lesson .image {
    height: 67px;
  }

  body.reprint_top .reason-box.third .lessons .lists-item__logo img {
    height: 18px;
  }

  body.reprint_top .reason-box.third ol.lessons-lists li img {
    width: 147px;
  }

  body.reprint_top .reason-box.third .bizmates .samples .level-lists .wrap {
    padding: 16px;
  }

  body.reprint_top .reason-box.third .bizmates .samples .item-description {
    margin-bottom: 16px;
    font-size: 14px;
    letter-spacing: 0.7px;
  }

  body.reprint_top .reason-box.third .level-lists .p-program__button {
    font-size: 14px;
    width: 200px;
    height: 52px;
  }

  body.reprint_top .reason-box.third .bizmates .samples .item-level-marker {
    height: 24px;
    width: 24px;
  }

  body.reprint_top .reason-box.third .bizmates .samples .item-level-marker-container {
    display: flex;
    gap: 17px;
  }

  body.reprint_top .reason-box.third .bizmates .samples .lists-item {
    margin-bottom: 16px;
  }

  body.reprint_top .reason-box.third .bizmates .samples .lists-item.fifth {
    margin-bottom: 24px;
  }

  body.reprint_top .reason-box.third .bizmates .samples .level-lists {
    margin: 0 auto;
  }

  body.reprint_top .reason-box.third .box-contents.details.bizmates {
    margin-bottom: 48px;
  }

  body.reprint_top .box-contents.details.bizmates a.Button.-fill {
    margin-right: auto;
    width: 240px;
    height: 56px;
  }

  body.reprint_top .reason-box.third .taiken_movie {
    padding: 24px 16px;
  }

  body.reprint_top .reason-box.third .taiken_movie_description {
    margin-left: 0;
    margin-bottom: 0;
  }

  body.reprint_top div#taiken_movie .p-blockButtons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  body.reprint_top .reason-box.third .taiken_movie .description-txt {
    font-size: 14px;
    margin: 24px auto;
  }

  body.reprint_top .reason-box.third .taiken_movie-ttl {
    margin-bottom: 24px;
    white-space: nowrap;
  }

  body.reprint_top div#taiken_movie .HeroArea__button .Button.-posL {
    margin-left: auto;
  }

  body.reprint_top .reason-box.third .details .about-lesson .txt {
    font-size: 16px;
    line-height: 2;
  }

  body.reprint_top .box-contents.details .box-contents__ttl {
    margin-bottom: 24px;
  }

  body.reprint_top .reason-box.third .details .about-lesson .image {
    margin-right: 12px;
    width: 120px;
  }

  body.reprint_top .reason-box.third .box-contents.details.assist .logo {
    width: 127px;
  }

  body.reprint_top .reason-box.third .box-contents.details.discovery .logo {
    width: 95px;
  }

  body.reprint_top .reason-box.third .samples-lists .p-program__button {
    width: 140px;
    height: 52px;
    padding-right: 16px;
    font-size: 14px;
  }

  body.reprint_top .reason-box.third .samples-lists .c-button__inner {
    font-size: 13px;
  }

  body.reprint_top .reason-box.third .samples-lists .lessons-name {
    height: 64px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  body.reprint_top .reason-box.third .samples-lists .lessons-box {
    margin-bottom: 8px;
  }

  body.reprint_top .reason-box.third .other .item-ttl {
    margin-bottom: 8px;
  }

  body.reprint_top .reason-box.third .other .item-ttl,
  body.reprint_top .reason-box.third .assist .example-ttl,
  body.reprint_top .reason-box.third .samples .samples-ttl {
    font-size: 20px;
  }

  body.reprint_top .reason-box.third .other .lessons {
    margin-bottom: 8px;
  }

  body.reprint_top .reason-box.third .other .c-button__inner {
    height: 43px;
  }

  body.reprint_top .reason-box.third .other .lists-item.forth .item-ttl {
    margin-bottom: 16px;
  }

  body.reprint_top .reason-box.third .other .lists-item.forth .contact-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 0;
  }

  body.reprint_top .reason-box.third .other .lists-item.forth .contact-box>* {
    line-height: 1;
  }

  body.reprint_top .reason-box.third .lists-item.forth .caution {
    margin-top: 0;
  }

  body.reprint_top .reason-box.third .other .en-name {
    font-size: 16px;
  }

  body.reprint_top .reason-box.third .other .link-to-contact {
    font-size: 12px;
  }

  body.reprint_top .reason-box.third .assist .example-lists {
    width: 100%;
    gap: 16px;
  }

  body.reprint_top .box-contents.details.other {
    margin-bottom: 96px;
  }

  body.reprint_top .reason-box.third .box-contents.details.other .logo {
    width: 149px;
  }

  body.reprint_top .reason-box.third .assist .example-ttl {
    height: auto;
    font-weight: 600;
    padding: 8px 0;
  }

  body.reprint_top .reason-box.third .assist .lists-item {
    height: auto;
    padding: 8px;
    margin-bottom: 0;
    width: calc(calc(100% - 16px) / 2);
  }

  .reason-box.third .assist .list-image {
    text-align: center;
  }

  body.reprint_top .reason-box.third .assist .list-ttl {
    text-align: center;
    font-size: 12px;
  }

  body.reprint_top .reason-box.third .discovery .lists-item {
    font-size: 18px;
  }

  body.reprint_top .reason-box.third .p-program__button {
    font-size: 14px;
    width: 200px;
    height: 52px;
  }

  li#reason-3 {
    margin-bottom: 24px;
  }
}

@media (min-width: 959px) and (max-width: 1250px) {
  body.reprint_top .reason-box.forth .lessons-card .card-list {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  body.reprint_top .reason-box.forth .lessons-card .card-list .list-item {
    width: 540px;
  }
}

@media screen and (max-width: 959px) {
  li#reason-4 {
    margin-top: 24px;
  }

  body.reprint_top .reason-box.forth h3.main-ttl>div {
    line-height: 1;
  }

  body.reprint_top .reason-box.forth .box-contents .main__txt p {
    font-size: 16px;
  }

  body.reprint_top .box-contents-inner span.-red.-serif {
    font-size: 20px;
  }

  body.reprint_top .reason-box.forth .table-area .box-contents-inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  body.reprint_top .reason-box.forth>p.Text.-center {
    line-height: 1;
  }

  body.reprint_top .reason-box.forth .box-contents .table-ttl {
    margin-bottom: 30px;
  }

  /* table */
  body.reprint_top .reason-box.forth .table-area .wrapper::-webkit-scrollbar {
    display: none;
  }

  body.reprint_top .reason-box.forth .table-area .wrapper {
    padding: 18px 0 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: hidden;
  }

  body.reprint_top .reason-box.forth .table .table-wrap {
    justify-content: center;
  }

  body.reprint_top .reason-box.forth .table .column.bizmates {
    margin-top: -18px;
    margin-bottom: -18px;
  }

  body.reprint_top .reason-box.forth .table .column.terms {
    width: 80px;
  }

  body.reprint_top .reason-box.forth .table .column.bizmates,
  body.reprint_top .reason-box.forth .table .column.other-company {
    width: 148px;
  }

  body.reprint_top .reason-box.forth .box-contents.table-area {
    margin-bottom: 48px;
  }

  body.reprint_top .reason-box.forth .table .column.bizmates {
    box-shadow: none;
  }

  body.reprint_top .reason-box.forth .table .column .box.company-name {
    font-size: 14px;
    padding: 16px 8px;
  }

  body.reprint_top .reason-box.forth .table .column .box {
    height: 96px;
    padding: 16px 0;
  }

  body.reprint_top .reason-box.forth .table .column.bizmates .box.strong,
  body.reprint_top .reason-box.forth .table .column.bizmates .box {
    min-height: 100px;
  }

  /* price_card */
  body.reprint_top .reason-box.forth .lessons-card .card-list .list-item {
    margin-bottom: 24px;
  }

  body.reprint_top .reason-box.forth .lessons-card .wrap {
    padding: 16px 8px;
    border: 8px solid #0087D2;
  }

  body.reprint_top .reason-box.forth .lessons-card .circle {
    width: 80px;
    height: 80px;
    margin-right: 12px;
    font-size: 12px;
  }

  body.reprint_top .reason-box.forth .lessons-card .txt-area__ttl {
    font-size: 18px;
  }

  body.reprint_top .reason-box.forth .lessons-card .txt-area .number {
    font-size: 22px;
  }

  body.reprint_top .reason-box.forth .lessons-card .txt-area .bigger {
    font-size: 36px;
  }

  body.reprint_top .reason-box.forth .lessons-card .txt-area .tax,
  body.reprint_top .reason-box.forth .lessons-card .txt-area__contents>*:last-child {
    font-size: 12px;
  }

  body.reprint_top .reason-box.forth .lessons-card .txt-area {
    text-align: right;
  }

  body.reprint_top .lessons-card a.Button.-fill {
    margin: 0 auto 48px;
  }

  body.reprint_top .ColumnArea.-gradients {
    width: calc(100% + 24px);
    margin-left: -12px;
  }

  body.reprint_top li.reason-lists__items>section.reason-box {
    padding-bottom: 48px;
  }

  body.reprint_top li.reason-lists__items#reason-4>section.reason-box {
    padding-bottom: 0;
  }

  body.reprint_top .reason-box.forth .box-contents:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 959px) and (max-width: 1080px) {
  body.reprint_top li.banner .p-banner .p-banner__content {
    padding-left: calc(540/1080 * 100vw);
  }
}

@media screen and (max-width: 959px) {
  body.reprint_top li.banner .p-banner[data-type="1"] {
    background-size: cover;
    background-position: top center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 296px;
    padding: 0 16px;
  }

  body.reprint_top li.banner .p-banner .p-banner__content {
    padding-left: 0;
  }

  body.reprint_top li.banner .p-banner__text {
    font-size: 18px;
    letter-spacing: 1.08px;
    padding-left: calc(171/375 * 100vw);
  }

  body.reprint_top li.banner .HeroArea__button {
    margin-top: 48px;
  }

  body.reprint_top li.banner .HeroArea__button .Button.-posL {
    margin-left: auto;
  }

  body.reprint_top .CTASection {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

@media screen and (max-width: 959px) {
  body.reprint_top .PageSection.-hasBg.-grayHarf {
    padding: 72px 0;
    margin-top: 24px;
  }
}

@media screen and (min-width:960px) {
  body.reprint_top #faq .ToggleList .ToggleList__button {
    font-size: 18px;
  }

  body.reprint_top #faq .ToggleList .ToggleList__button {
    padding: 38px 56px 39px 0;
  }
}

@media screen and (min-width:960px) {
  body.reprint_top .CTASection {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 959px) {
  .is-sp {
    display: block;
  }
}

@media screen and (max-width: 1085px) {

  .is-pc-narrow,
  .is-pc-inline {
    display: block;
  }
}

@media screen and (max-width: 959px) {
  .is-pc {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .inner {
    padding-right: 8vw;
    padding-left: 8vw;
  }
}

@media screen and (max-width: 959px) {
  .p-top-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.2rem;
  }
}

@media screen and (max-width: 959px) {
  .p-top-banner a:nth-child(1) {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 959px) {
  .p-top-banner__link {
    width: 100%;
    margin: 0;
  }
}

@media screen and (max-width: 959px) {
  .btn_free-lesson {
    width: 20%;
    position: fixed;
    top: auto;
    z-index: 2;
  }
}

@media screen and (max-width: 599px) {
  .btn_free-lesson {
    max-width: 112px;
    width: 100%;
    bottom: 25px;
  }
}

@media screen and (max-width: 959px) {
  .main-box {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 959px) {
  .main-box .deco {
    width: 40%;
  }
}

@media screen and (max-width: 959px) {
  .main-box .reasons .inner {
    padding-top: 50px;
    padding-bottom: 45px;
  }
}

@media screen and (max-width: 959px) {
  .main-box .section__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 959px) {
  .main-box .section__header .txt-area {
    text-align: center;
  }
}

@media screen and (max-width: 959px) {
  .main-box .header-ttl {
    font-size: 3rem;
  }
}

@media screen and (max-width: 959px) {
  .main-box .header-sub-ttl {
    margin-bottom: 16px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 959px) {
  .main-box .bigger-blue {
    font-size: 2rem;
  }
}

@media screen and (max-width: 959px) {
  .main-box .image-area {
    width: 140px;
    margin-left: 0;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 959px) {
  .main-box .box-lists {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 599px) {
  .main-box .box-lists {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 959px) {
  .main-box .list-item {
    width: 50%;
    border-bottom: 1px solid #fff;
  }
}

@media screen and (max-width: 599px) {
  .main-box .list-item {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #fff;
  }
}

@media screen and (max-width: 599px) {
  .main-box .list-item a {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1090px) {
  .main-box .list-item__ttl {
    font-size: 24px;
  }
}

@media screen and (max-width: 959px) {
  .main-box .list-item__ttl {
    font-size: 24px;
  }
}

@media screen and (max-width: 599px) {
  .main-box .list-item__ttl {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 599px) {
  .main-box .list-item__ttl .smaller {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 599px) {
  .main-box .list-item .txt-area {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
  }
}

@media screen and (max-width: 599px) {
  .main-box .list-item .arrow {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (max-width: 599px) {
  .main-box .upper-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: auto;
    width: 70px;
  }
}

@media screen and (max-width: 599px) {
  .main-box .upper-area__number {
    font-size: 2rem;
  }
}

@media screen and (max-width: 599px) {
  .main-box .upper-area__number span {
    top: 7px;
    height: 40px;
    left: 28px;
  }
}

@media screen and (max-width: 1090px) {
  .main-box .txt-lists {
    height: 210px;
  }
}

@media screen and (max-width: 959px) {
  .main-box .txt-lists {
    height: 160px;
  }
}

@media screen and (max-width: 599px) {
  .main-box .txt-lists {
    margin-bottom: 0;
    padding: 10px;
    height: auto;
  }
}

@media screen and (max-width: 599px) {
  .main-box .txt-lists .lists-item {
    font-size: 1.2rem;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 599px) {
  .main-box .c-button {
    font-size: 1.4rem;
    max-width: 100%;
  }
}

@media screen and (max-width: 959px) {
  .companies .inner {
    margin-bottom: 30px;
    padding: 80px 7vw;
  }
}

@media screen and (max-width: 959px) {
  .companies-ttl {
    font-size: 24px;
  }
}

@media screen and (max-width: 959px) {
  .swiper-container {
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 599px) {
  .swiper-slide {
    margin: 0 5px;
  }
}

@media screen and (min-width: 1440px) {
  .main-ttl {
    font-size: 36px;
  }
}

@media screen and (max-width: 959px) {
  .main-ttl {
    font-size: 3rem;
    line-height: 1.6;
  }
}

@media screen and (max-width: 959px) {
  .reason-lists__items:last-child {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 959px) {
  .box-contents {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 959px) {
  .box-contents__ttl {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 959px) {
  .box-contents .contents-ttl figure {
    margin-top: 3px;
  }
}

@media screen and (min-width: 1440px) {
  .box-contents .contents-ttl {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 959px) {
  .box-contents .contents-ttl {
    font-size: 2rem;
  }
}

@media screen and (max-width: 959px) {
  .box-contents .contents-main-txt {
    font-size: 1.5rem;
  }

  #reason-2 .box-contents .contents-main-txt {
    padding-right: unset;
    margin-right: unset;
  }
}

@media screen and (max-width: 959px) {
  .box-contents .check {
    width: 24px;
  }
}

@media screen and (max-width: 959px) {
  .box-contents .contents-main-txt {
    font-size: 1.5rem;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box .box-ttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box .box-ttl .deco {
    display: none;
  }
}

@media screen and (min-width: 1440px) {
  .reason-box .box-ttl .deco {
    width: 275px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box .box-ttl__pict {
    width: 100%;
    margin-right: 0;
    padding: 16px 24px;
  }
}

@media screen and (min-width: 1440px) {
  .reason-box .box-ttl__pict {
    padding: 48px 18px 48px 48px;
  }
}

@media screen and (min-width: 1440px) {
  .reason-box .box-ttl__pict .pict {
    top: 140px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box .box-ttl__pict .pict {
    width: 82px;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media screen and (min-width: 1250px) {
  .reason-box .box-ttl .pict-txt .slash {
    top: 10px;
    height: 223px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box .box-ttl .pict-txt .slash {
    top: -5px;
    height: 100px;
    left: 110px;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
}

@media screen and (max-width: 959px) {
  .reason-box .box-ttl .pict-number {
    font-size: 4rem;
    margin-top: 5px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box .box-ttl__txt {
    padding: 24px 7% 55px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 959px) {
  .reason-box .box-ttl__txt .main-ttl {
    text-align: center;
    font-weight: bold;
  }
}

@media screen and (min-width: 1440px) {
  .reason-box .box-ttl__txt .pict {
    width: 180px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box .box-ttl__txt .pict {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box .box-ttl__txt .pict_beginner {
    width: 18px;
    margin: 0;
  }

  .reason-box .box-ttl__txt .pict_beginner img {
    vertical-align: middle;
  }
}

@media screen and (max-width: 959px) {
  .reason-box .c-button[data-type="strong"] {
    font-size: 1.4rem;
    max-width: 95%;
  }
}

@media screen and (max-width: 959px) {
  .box-contents-inner {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.first .box-contents.trainer {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1440px) {
  .reason-box.first .trainer .box-contents__ttl {
    padding-top: 80px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.first .trainer .box-contents__ttl {
    padding: 0;
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 1440px) {
  .reason-box.first .box-contents__image {
    margin-top: -200px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.first .box-contents__image {
    margin-top: 0px;
  }
}

@media screen and (max-width: 959px) {
  .teachers-lists {
    padding: 0 7%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
  }

  #reason-1 .teachers-lists {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 959px) {
  .teachers-lists .lists-item {
    line-height: 1.6;
    width: 100%;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 959px) {
  .teachers-lists .wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 959px) {
  .teachers-lists .comment {
    font-size: 1.3rem;
    height: auto;
  }

  .teachers-lists .comment.is-sp {
    display: inline-block;
  }

}

@media screen and (max-width: 959px) {
  .teachers-lists .teacher-image {
    width: 100%;
  }
}

@media screen and (max-width: 959px) {
  .teachers-lists .left {
    width: 45%;
  }
}

@media screen and (max-width: 959px) {
  .teachers-lists .right {
    width: 50%;
    margin-top: 0;
  }
}

@media screen and (max-width: 959px) {
  .teachers-lists .tag-lists {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 959px) {
  .teachers-lists .tag {
    width: 100%;
    font-size: 1rem;
    margin-bottom: 5px;
    margin-right: 0;
    padding: 5px 0;
  }
}

@media screen and (max-width: 959px) {
  .teachers-lists .for-advance p {
    padding: 2px 10px;
  }
}

@media screen and (max-width: 959px) {
  .teachers-lists .for-beginner figure {
    padding-top: 2px;
  }
}

@media screen and (max-width: 959px) {
  .teachers-lists .lists-item__box {
    width: 100%;
    margin-bottom: 0px;
    font-size: 12px;
  }
}

@media screen and (max-width: 959px) {
  .teachers-lists .name {
    line-height: 1.2;
    font-size: 16.6px;
  }
}

@media screen and (max-width: 959px) {
  .teachers-lists .yomi {
    font-size: 12px;
  }
}

@media screen and (max-width: 959px) {
  .btn-audio {
    width: 80%;
    margin: 0 auto;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 959px) {
  .search-banner .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 959px) {
  .search-banner__image-area {
    width: 100%;
  }
}

@media screen and (max-width: 1290px) {
  .search-banner__text-area {
    padding: 60px 4%;
    font-size: 16px;
  }
}

@media screen and (max-width: 959px) {
  .search-banner__text-area {
    padding: 8% 6%;
  }
}

@media screen and (max-width: 959px) {
  .search-banner__text-area .main-txt {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 1290px) {
  .search-banner__text-area .main-txt {
    font-size: 16px;
  }
}

@media screen and (max-width: 959px) {
  .search-banner .c-button[data-type="tertiary"] {
    width: 80%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 959px) {
  .recruitment .p-processList__item {
    height: 260px;
  }
}

@media screen and (max-width: 599px) {
  .recruitment .p-processList__item {
    height: 180px;
    font-size: 14px;
  }

  #reason-1 .teachers-lists {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 599px) {
  .recruitment .p-processList__item i {
    font-size: 20px;
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 599px) {
  .recruitment .p-processList>li {
    height: 222px;
    padding-top: 3.2rem;
  }
}

@media screen and (max-width: 599px) {
  .recruitment .p-processList>li[data-recruit] {
    width: 18%;
  }
}

@media screen and (max-width: 599px) {
  .recruitment .p-processList>li[data-recruit] .recruitment-icon {
    width: 9vw;
  }
}

@media screen and (max-width: 599px) {
  .recruitment .p-processList>li[data-recruit] .recruitment-icon {
    width: 13vw;
  }
}

@media screen and (max-width: 959px) {
  .recruitment .p-processList {
    width: 100%;
  }
}

@media screen and (max-width: 959px) {
  .recruitment .p-processList>li::before {
    top: -1em;
  }
}

@media screen and (max-width: 599px) {
  .recruitment .p-processList>li::before {
    width: 28px;
    height: 28px;
    top: -0.75em;
  }
}

@media screen and (max-width: 959px) {
  .recruitment .process-list-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 959px) {
  .recruitment .process-list-wrap .pict-box {
    width: auto;
    margin-left: auto;
    position: relative;
    margin-top: 25px;
    background: rgba(255, 237, 86, 0.6);
    color: #1883c3;
    padding: 14px 20px 18px 35px;
    border-radius: 10px;
  }
}

@media screen and (max-width: 959px) {
  .recruitment .process-list-wrap .pict-box:before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 40px;
    margin-left: -15px;
    border: 10px solid transparent;
    border-bottom: 20px solid rgba(255, 237, 86, 0.6);
  }
}

@media screen and (max-width: 599px) {
  .recruitment .process-list-wrap .pict-box:before {
    right: 13px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .main-ttl-wrap {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .level-up .box-contents__image {
    margin-top: 40px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .level-up .image-sub-ttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .level-up .image-main-ttl {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .level-up .graph {
    width: 65%;
    margin: 0 auto;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.sec .level-up .graph {
    width: 100%;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .level-up .c-button {
    width: 100%;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .graduate .box-contents__ttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
    display: block;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .graduate .box-contents__image {
    padding: 24px 22px 40px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .graduate .wrap {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .graduate .contents-ttl {
    margin-right: 0;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .graduate .image__graph {
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 520px) {
  .reason-box.sec .graduate .image__graph {
    width: 50%;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .graduate .image-main-ttl {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .flow-box .arrow {
    margin-top: 22%;
    min-width: 40px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .flow-box .lists-caption {
    font-size: 12px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .starter__document {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .starter .txt {
    font-size: 15px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .voice-box {
    padding: 12px;
    margin-bottom: 65px;
    margin-top: 60px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.sec .voice-box .c-button__label {
    padding-left: 0;
  }
}


@media screen and (max-width: 959px) {
  .reason-box.third .lessons .lists-item {
    padding: 0;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .lessons .lists-item .caption {
    margin-bottom: 5px;
    font-size: 10px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .lessons .lists-item__logo img {
    height: 16px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .lessons .lists-item.assist .lists-item__logo {
    width: 95px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .details .about-lesson .logo {
    width: 200px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .details .about-lesson .wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .details .about-lesson .image {
    margin-right: 16px;
    max-width: auto;
    width: 40%;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .details .about-lesson .txt {
    font-size: 15px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .details .about-lesson .caution {
    font-size: 12px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .details .btn-area {
    text-align: center;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .details .btn-area a {
    display: inline-block;
    width: 80%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .details .caution {
    margin-top: 10px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .p-program__button {
    font-size: 13px;
    width: 170px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .p-program__button:before {
    width: 15px;
    height: 15px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .bizmates .samples {
    padding: 0;
    border: none;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .bizmates .samples .level-lists {
    border-collapse: collapse;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .bizmates .samples .level-lists .wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5%;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .bizmates .samples .lists-item {
    border: 1px solid #339999;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .bizmates .samples .lists-item.zero {
    border: 1px solid #1784c4;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .bizmates .samples .lists-item.sec {
    border: 1px solid #cccc00;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .bizmates .samples .lists-item.third {
    border: 1px solid #db8336;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .bizmates .samples .lists-item.forth {
    border: 1px solid #e56a62;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .bizmates .samples .lists-item.fifth {
    border: 1px solid #996699;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .bizmates .samples .item-ttl {
    width: 25%;
    font-size: 19px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .bizmates .samples .rank {
    font-size: 10px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .bizmates .samples .item-level-marker-container {
    margin-left: 17px;
    margin-top: -80px;
  }

  .reason-box.third .bizmates .samples .item-level-marker {
    height: 29px;
    width: 31px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .bizmates .samples .lists-item.one .item-level-marker-container {
    margin-left: -6px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .bizmates .samples .item-description {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 12px;
    padding: 0;
  }
}



@media screen and (max-width: 959px) {
  .reason-box.third .other .en-name {
    font-size: 15px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .other .ja-name {
    font-size: 10px;
  }
}


@media screen and (max-width: 959px) {
  .reason-box.third .other .p-program__button {
    font-size: 12px;
    width: 128px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .other .p-program__button:before {
    right: 13px;
    top: 4px;
  }
}


@media screen and (max-width: 959px) {
  .reason-box.third .other .caution {
    font-size: 11px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .other .link-to-contact {
    font-size: 11px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .assist .about-lesson .logo {
    width: 160px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .assist .example {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .assist .example-ttl {
    margin-right: 0;
    font-size: 20px;
    height: 82px;
    width: 100%;
    margin-bottom: 4.6%;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .assist .example-lists {
    width: 100%;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .assist .lists-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 48%;
    margin-bottom: 4.6%;
    padding: 10px 5px 15px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .assist .list-ttl {
    text-align: center;
    font-size: 13px;
    line-height: 1.5;
    margin-right: 0;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .assist .list-image {
    margin: 0 auto;
    width: 90%;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .discovery .about-lesson .logo {
    width: 120px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .discovery .samples {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .discovery .samples .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .discovery .samples-ttl {
    width: 100%;
    font-size: 19px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .discovery .samples-lists {
    width: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .discovery .lists-item {
    font-size: 16px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .taiken_movie {
    padding: 12px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .taiken_movie-ttl {
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .taiken_movie_description {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .taiken_movie .description-ttl {
    font-size: 16px;
    margin-bottom: 15px;
    text-align: center;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .taiken_movie .description-txt {
    margin-bottom: 25px;
    margin: 0 auto;
    max-width: 330px;
    margin-bottom: 24px;
    font-size: 13px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .taiken_movie .description-txt p {
    display: inline-block;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .taiken_movie .c-button {
    margin: 0 auto;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .box-contents.details.bizmates {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .box-contents.details.other .logo {
    width: 180px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.third .box-contents.details.assist .logo {
    width: 155px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .box-contents .table-ttl {
    font-size: 14px;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .box-contents .main__txt {
    font-size: 15px;
    text-align: left;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .box-contents .main__txt .turn-red {
    font-size: 20px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .box-contents .main__txt .smaller {
    font-size: 12px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table-area .wrapper {
    overflow: auto;
    width: 100%;
    margin: 0 auto;
    padding: 8px 0 20px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table {
    max-width: 599px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .column.bizmates {
    margin-top: -8px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .column.bizmates .box {
    height: 65px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .column.bizmates .box.company-name {
    font-size: 15px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .column.bizmates .box.long {
    height: 65px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .column.bizmates .box.m-long-sp {
    height: 72px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .column.bizmates .box.long-sp {
    height: 87px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .column .box {
    font-size: 10px;
    height: 62px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .column .box.terms-name {
    font-size: 10px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .column .box.m-long-sp {
    height: 72px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .column .box.long-sp {
    height: 87px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .column .box.company-name {
    font-size: 10px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .price {
    font-size: 16px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.forth .table .view-detail {
    color: #FFED56;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.forth .table .view-detail:hover {
    color: #FFED56;
    text-decoration: underline;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .pict {
    margin-bottom: 2px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .pict.yellow {
    width: 20px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .pict.white {
    width: 17px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .table .pict.blue {
    width: 16px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .lessons-card .card-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .lessons-card .card-list .list-item {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.forth .lessons-card .wrap {
    border: 7px solid #1883c3;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .lessons-card .wrap {
    padding: 10px 15px 15px 10px;
  }
}

@media screen and (min-width: 1440px) {
  .reason-box.forth .lessons-card .circle {
    width: 126px;
    height: 126px;
    font-size: 18px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.forth .lessons-card .circle {
    width: 12vw;
    height: 12vw;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .lessons-card .circle {
    width: 95px;
    height: 95px;
    font-size: 12px;
    margin-right: 6%;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .lessons-card .txt-area {
    text-align: left;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.forth .lessons-card .txt-area__ttl {
    font-size: 17px;
  }
}

@media screen and (max-width: 599px) {
  .reason-box.forth .lessons-card .txt-area__contents {
    display: inline-block;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.forth .lessons-card .txt-area .number {
    font-size: 22px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.forth .lessons-card .txt-area .price {
    font-size: 16px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.forth .lessons-card .txt-area .bigger {
    font-size: 37px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.forth .lessons-card .txt-area .tax {
    font-size: 12px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.forth .lessons-card .txt-area .per-lesson {
    font-size: 14px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.forth .lessons-card .txt-area .per-lesson .turn-red {
    font-size: 20px;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.forth .btn-area {
    text-align: center;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.forth .btn-area a {
    display: inline-block;
    width: 80%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 959px) {
  .notice {
    padding: 0 12px;
  }

  .banner.foot {
    margin-top: 40px;
  }
}

@media screen and (max-width: 1280px) {
  .header {
    height: 65px;
  }
}


@media screen and (max-width: 959px) {
  .header {
    display: none;
  }
}

@media screen and (max-width: 1280px) {
  .header__logo {
    width: 150px;
    padding: 0 20px;
  }
}


@media screen and (max-width: 1280px) {
  .header__link {
    font-size: 13px;
    padding: 18px;
  }
}


@media screen and (max-width: 1280px) {
  .header__link--coaching {
    padding: 16px 18px;
  }
}

@media screen and (max-width: 1280px) {
  .header__link--trial {
    font-size: 13px;
  }
}


@media screen and (max-width: 1280px) {
  .header__link--company {
    font-size: 13px;
    width: 120px;
  }
}


@media screen and (max-width: 1280px) {
  .header__login {
    font-size: 12px;
    width: 120px;
    top: 63px;
    height: 63px;
  }
}

@media screen and (max-width: 959px) {
  .l-spHeader {
    border-top: 2px solid #1883c3;
    height: 5rem;
  }

  .l-spNavigation__content {
    padding: 40px 15px 0;
  }

  .l-spNavigation__category:not(:last-child) {
    padding-bottom: 23px;
    margin-bottom: 50px;
  }

  .l-spNavigation__category:first-of-type {
    border-bottom: 1px solid #deeef7;
    margin-bottom: 25px;
  }

  .l-spNavigation__category>dt {
    border-left: initial;
    padding: 0;
    position: relative;
  }

  .l-spNavigation__category>dt:before {
    content: "";
    position: absolute;
    left: 0%;
    bottom: -16px;
    display: inline-block;
    width: 24px;
    height: 2px;
    background-color: #1883c3;
  }

  .l-spNavigation__category>dd {
    padding: 0;
  }

  .l-spNavigation__category:not(:last-child)::before {
    display: none;
  }

  .l-spNavigation__category .page-link-lists__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 64px;
    padding: 0 12px;
  }

  .l-spNavigation__category .page-link-lists__item:not(:first-of-type) {
    margin-top: 1px;
  }

  .l-spNavigation__category .page-link-lists__item:first-of-type {
    background-color: #3d98cd;
  }

  .l-spNavigation__category .page-link-lists__item:nth-of-type(2) {
    background-color: #1884c4;
  }

  .l-spNavigation__category .page-link-lists__item:nth-of-type(3) {
    background-color: #1470a7;
  }

  .l-spNavigation__category .page-link-lists__item:nth-of-type(4) {
    background-color: #075989;
  }

  .l-spNavigation__category .page-link-lists .page-link-item__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .l-spNavigation__category .page-link-lists .page-link-item__icon {
    width: 48px;
    margin-right: 12px;
  }

  .l-spNavigation__category .page-link-lists .page-link-item__txt {
    font-size: 16px;
    color: #fff;
  }

  .l-spNavigation__category .page-link-lists .page-link-item__arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: auto;
  }

  .l-spNavigation__category .c-page__title {
    font-size: 18px;
    line-height: 1.6;
  }

  .l-spNavigation__category .c-page__media {
    width: 78px;
    min-height: initial;
    -ms-flex-preferred-size: initial;
    flex-basis: initial;
    margin-right: 16px;
  }
}

@media screen and (max-width: 1280px) {
  .l-body[data-page="top"] {
    padding-top: 65px;
  }
}


@media screen and (max-width: 959px) {
  .js-sp-header img {
    height: 22px;
  }
}

@media screen and (max-width: 959px) {
  .p-mv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    /* margin-top: -24px; */
  }
}

@media screen and (max-width: 959px) {
  .p-mv__triangle-deco {
    max-width: 275px;
    width: 275px;
    height: 33px;
  }
}

@media screen and (max-width: 959px) {
  .p-mv__left-cont {
    margin-left: 0;
    margin-right: 0;
    padding: 10px 40px 10px;
    margin-top: 0;
  }
}

@media screen and (max-width: 959px) {
  .p-mv__ttl {
    font-size: 30px;
    line-height: 1.26;
    text-align: center;
  }
}

@media screen and (max-width: 959px) {
  .p-mv__txt {
    margin-top: 7px;
    font-size: 14px;
    text-align: center;
  }
}

@media screen and (max-width: 959px) {
  .p-mv__badge {
    max-width: 450px;
    margin: 15px auto 0;
  }
}

@media screen and (max-width: 600px) {
  .p-mv__badge {
    max-width: 273px;
  }
}

@media screen and (max-width: 959px) {
  .p-mv .p-mainvisual__button {
    margin-top: 25px;
    padding: 0 1.2rem;
  }
}

@media screen and (max-width: 959px) {
  .p-mv__right-cont--pc {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .p-mv__right-cont {
    height: 50vh;
    min-height: 170px;
    position: relative;
    max-width: 960px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 600px) {
  .p-mv__right-cont {
    height: 25vh;
    max-width: 420px;
    margin: unset;
  }
}

@media screen and (max-width: 959px) {
  .p-mv__right-cont:before {
    content: "";
    width: 100%;
    height: 46px;
    bottom: -1px;
    position: absolute;
    background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat top left/100% 100%;
    background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top left/100% 100%;
    z-index: 2;
  }
}

@media screen and (max-width: 1280px) {

  .p-mv .mv-right-cont__img1,
  .p-mv .mv-right-cont__img2 {
    min-width: initial;
  }
}

@media screen and (max-width: 959px) {

  .p-mv .mv-right-cont__img1,
  .p-mv .mv-right-cont__img2 {
    width: 50vw;
  }
}

@media screen and (max-width: 1280px) {

  .p-mv .mv-right-cont__img1 img,
  .p-mv .mv-right-cont__img2 img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
  }
}

@media screen and (max-width: 959px) {
  .p-mv .mv-right-cont__img1 {
    left: 0;
    -webkit-transform: initial;
    transform: initial;
  }
}

@media screen and (max-width: 959px) {
  .p-mv .mv-right-cont__img1 img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center -30px;
    object-position: center -30px;
  }
}

@media screen and (max-width: 959px) {
  .p-mv .mv-right-cont__img2 {
    overflow: hidden;
    position: relative;
  }
}

@media screen and (max-width: 959px) {
  .p-mv .mv-right-cont__img2:before {
    content: "";
    width: 100%;
    height: 22px;
    bottom: -1px;
    position: absolute;
    top: 0;
    right: 0;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #1883c3)) no-repeat top left/100% 100%;
    background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #1883c3 50.5%) no-repeat top left/100% 100%;
    z-index: 2;
  }
}

@media screen and (max-width: 959px) {
  .p-mv .mv-right-cont__img2 img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center -30px;
    object-position: center -30px;
  }
}

@media screen and (max-width: 1650px) {
  .mini-banner-campaign-container {
    width: 85%;
  }
}

@media screen and (max-width: 1441px) {

  .beginner-accdg-purpose .faq .faq-box,
  .beginner-accdg-purpose .cust-fb .cust-fb-box {
    width: 1080px;
  }

  .mini-banner-campaign-container {
    width: 80%;
  }
}

@media screen and (max-width: 1439px) {
  .reason-2-levels {
    flex-direction: column;
    width: 100%;
  }

  .reason-2-section-2-container {
    width: 100%;
    margin-top: 24px;
  }

  .reason-2-title-number {
    top: -5%;
  }

  .reason-2b-title-number {
    top: -8%;
  }

  .under-line {
    display: unset;
  }

  .beginner-accdg-purpose .card-wrapper .card-box[data-type="level-0"] .card-img {
    width: 140px;
    height: 170px;
  }

  .beginner-accdg-purpose .card-wrapper .card-box[data-type="bizmates-starter"] .card-img {
    width: 128px;
    height: 170px;
  }

  .beginner-accdg-purpose .card-wrapper .card-box[data-type="assist-lesson"] .card-img {
    width: 175px;
    height: 130px;
  }

  .beginner-accdg-purpose .card-wrapper .card-box .card-ttl .card-ttl__small {
    font-size: 14px;
  }

  .beginner-accdg-purpose .card-wrapper .card-box .card-ttl .card-ttl__big {
    font-size: 20x;
  }

  .beginner-accdg-purpose .card-wrapper .card-box .card-ttl .card-ttl__big--image {
    height: 17px;
  }

  .beginner-accdg-purpose .card-wrapper .card-box {
    width: 290px;
    height: 400px;
  }
}

@media screen and (max-width: 1240px) {

  .reason-2-section-2-contents__image--left,
  .reason-2-section-2-contents__left {
    width: 290px;
  }

  .reason-2-section-2b-contents__image--right {
    width: 310px;
  }

  .mini-banner-campaign-container img {
    width: 900px;
  }
}

@media screen and (max-width: 959px) {

  .beginner-accdg-purpose .faq .faq-box,
  .beginner-accdg-purpose .cust-fb .cust-fb-box {
    width: 100%;
  }

  .beginner-accdg-purpose .faq .faq-box .faq-box-content--text .contents-body {
    font-size: 20px;
  }

  .beginner-accdg-purpose .cust-fb .c-button[data-type="tertiary"] {
    height: 52px;
  }

  .beginner-accdg-purpose .card-wrapper .card-box .card-ttl .card-ttl__small {
    font-weight: 500;
    font-size: 13px;
  }

  .beginner-accdg-purpose .faq .faq-box .faq-box-content--text .contents-title {
    font-size: 16px;
  }

  .beginner-accdg-purpose .card-wrapper .card-box {
    /* border-left: 0; */
    border-bottom: 0;
  }

  .beginner-accdg-purpose .lesson-beginners-button .c-button[data-type="deep-blue"] {
    width: auto;
    display: flex;
    padding-left: 27px;
    justify-content: center;
    font-size: 14px;
    text-align: center;
    height: 65px;
    border-radius: 100px;
    align-items: center;
  }

  .under-line {
    display: unset;
  }

  .p-program__button::before {
    height: 12px;
    width: 12px;
  }

  .reason-2-sub-title,
  .reason-2b-sub-title {
    font-size: 20px !important;
    line-height: 30px;
    padding: 0px 0px 32px;
    text-align: center !important;
  }

  .reason-2-levels,
  .reason-2-section-2b-contents {
    flex-direction: column;
  }

  .reason-2-number-container {
    width: 100%;
    height: 64px;
  }

  .reason-2-title-number {
    font-size: 60px;
    /* margin-bottom: -20px; */
    top: -2%;
  }

  .reason-2-section-2-container {
    /* padding: 20px 0px; */
    margin-left: unset;
  }

  .reason-2-section-2-contents {
    flex-direction: column-reverse;
  }

  .reason-2-section-2-contents__left {
    margin: 32px 0px 0px;
  }

  .reason-2-section-2-contents__left,
  .reason-2-section-2b-contents__right {
    width: 100%;
  }

  .reason-2-section-2-contents__image--left,
  .reason-2-section-2b-contents__image--right {
    width: 100%;
  }

  .reason-2-section-2-contents__right {
    text-align: center;
  }

  .section2_btn,
  .section2b_btn {
    width: 100% !important;
    border-radius: 5.2rem;
    margin-top: 50px;

  }

  .reason-2-section-2-contents__right .btn-sample {
    float: unset;
  }

  .reason-2-section-2-contents__right .p-program__button {
    width: 100%;
  }

  .section2_btn .c-button__inner,
  .section2b_btn .c-button__inner {
    height: 90px !important;
    text-align: center;
  }

  .price-campaign-banner {
    width: 100%;
  }

  .top-banner-container {
    width: 100%;
    height: 157px;
  }

  .top-banner--body {
    float: right;
    width: 25%;
    height: 100%;
  }

  .top-banner--header {
    float: left;
    width: 55%;
    line-height: 35px;
  }

  .top-banner--footer {
    /* float: left; */
    /* width: 60%; */
    clear: both;
    font-size: 11px;
    margin-top: 20px;
    position: relative;
    top: -47%;

  }

  .top-banner--footer span {
    background-color: #F2F4F5;
  }

  .top-banner__title {
    font-size: 22px;
    line-height: 23px;
  }

  .top-banner--body .p-top-banner__image {
    height: 100%;
  }

  .price-campaign-banner-container {
    margin-top: 40px;
  }

  .p-links {
    margin-top: 60px;
  }

  .p-links__text {
    padding-left: 0px;
    text-align: center;
  }

  .p-links__text ul {
    /* padding-left: 40px; */
    text-align: left;
  }

  .p-links .p-links__button {
    height: 120px;
  }

  .p-links__label i {
    margin: 28px auto calc(36px - 2rem);
  }

  .p-links__label {
    padding: 64px 0 0;
    font-size: 14px;
  }

  .p-link__label__normal-text {
    margin-top: 3px;
    margin-bottom: unset;
    font-size: 11px;
  }

  .p-link__label__normal-text>li {
    display: inline-block;
  }

  .p-breadcrumb__list {
    font-size: 10px;
  }

  .p-breadcrumb li:last-child {
    opacity: 0.6;
    color: #26455C;
  }

  .page-footer_containers {
    padding: 0 12px;
  }

  .beginner-accdg-purpose .faq .faq-box,
  .beginner-accdg-purpose .cust-fb .cust-fb-box {
    width: 100%;
  }

  .mini-banner-campaign-container {
    width: 100%;
    bottom: 15px;
    margin-bottom: 10px;
    margin-top: 20px;
    position: static;
  }

  .top-carousel-container .slider {
    width: 600px;
    margin: 0 auto;
  }

  .top-carousel-container .slides,
  .top-carousel-container .slider a div {
    width: 600px;
    height: 100%;
  }

  .reason-lists .small-text-notice {
    padding: 0 12px;
  }

  .small-text-notice.top-page {
    text-align: left;
  }

  .small-text-notice.top-page.sub{
    text-align: center;
  }

}

@media screen and (max-width: 768px) {
  .beginner-accdg-purpose .card-wrapper .card-box {
    border-bottom: solid #D1D4D7 1px;
    padding: 15px 0;
    width: 100%;
    border-left: 0;
    height: 427px;
  }

  .beginner-accdg-purpose .cust-fb .cust-fb-box .cust-voice-image {
    margin-right: 0;
  }

  .beginner-accdg-purpose .cust-fb .cust-fb-box {
    padding: 10px;
  }

  .beginner-accdg-purpose .cust-voice-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .beginner-accdg-purpose .faq .c-button[data-type="tertiary"] {
    width: 100%;
    padding: 0px 10px;
  }

  .faq-btn {
    margin-bottom: 40px;
    flex-direction: column;
    align-items: center;
  }

  .beginner-accdg-purpose .faq .faq-box .faq-box-content--text {
    margin-top: 15px;
  }

  .beginner-accdg-purpose .faq .faq-box .faq-box-content--icons .icon {
    margin-left: 0;
    margin-top: 25px;
  }

  .beginner-accdg-purpose .faq .faq-box .faq-box-content--icons {
    position: initial;
  }

  .beginner-accdg-purpose .faq .faq-box .faq-box-content.blue-triangle {
    margin-bottom: 40px;
    flex-direction: column;
    align-items: center;
    position: relative;
  }

  .beginner-accdg-purpose .faq .faq-box .faq-box-content {
    margin-bottom: 40px;
    flex-direction: column;
    align-items: center;
  }

  .c-button[data-type="tertiary"] {
    width: 90%;
    margin: 20px;
  }

  .beginner-accdg-purpose .card-wrapper .card-box[data-type="assist-lesson"] .card-img {
    width: 263px;
    height: 200px;
    margin-bottom: 25px;
  }

  .beginner-accdg-purpose .card-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .beginner-accdg-purpose .card-wrapper .card-box .card-ttl .card-ttl__small {
    font-size: 18px;
  }

  .beginner-accdg-purpose .card-wrapper .card-box .card-ttl .card-ttl__big {
    font-size: 24px;
  }

  .beginner-accdg-purpose .card-wrapper .card-box[data-type="level-0"] .card-img {
    width: 185px;
    height: 200px;
  }

  .beginner-accdg-purpose .card-wrapper .card-box[data-type="bizmates-starter"] .card-img {
    width: 142px;
    height: 200px;
  }

  .beginner-accdg-purpose .card-wrapper .card-box .card-ttl .card-ttl__big--image {
    height: 20px;
  }

  .small-text-notice {
    text-align: left;
  }

  .small-text-notice.sub{
    text-align: center;
    padding-top: 24px;
  }

  .mini-banner-campaign-container img {
    width: 90%;
  }
}

@media screen and (max-width: 600px) {
  .top-carousel-container .slider {
    width: 500px;
  }

  .top-carousel-container .slides,
  .top-carousel-container .slider a div {
    width: 500px;
  }
}

@media screen and (max-width: 520px) {
  .mini-banner-campaign-container img {
    width: 336px;
    height: 104px;
  }

  .top-carousel-container .slider {
    width: 351px;
    height: 320px;
  }

  .top-carousel-container .slides,
  .top-carousel-container .slider a div {
    width: 351px;
  }
}

@media screen and (max-width: 413px) {
  .top-carousel-container .slider {
    width: 275px;
    height: auto;
  }

  .top-carousel-container .slides,
  .top-carousel-container .slider a div {
    width: 275px;
    height: auto;
  }
}

@media screen and (max-width: 380px) {
  .top-banner--body {
    width: 45% !important;
  }

  .top-banner--header {
    width: 55% !important;
  }
}

@media screen and (max-width: 321px) {
  .top-banner-container {
    height: 200px;
  }

  .top-banner--body {
    width: 50% !important;
  }

  .top-banner--header {
    width: 50% !important;
  }

  .reason-2-section-2-contents__right .p-program__button {
    font-size: 12px;
  }

  .c-button {
    font-size: 1.2rem;
  }

  .top-carousel-container .slider {
    width: 265px;
  }

  .top-carousel-container .slides,
  .top-carousel-container .slider a div {
    width: 265px;
  }

}

@media screen and (max-width: 959px) {
  .p-banner.botchan_bg[data-type="1"] {
    background-image: url("/assets/images/banner/sp/bnr_free1.webp")
  }
}

@media screen and (max-width: 550px) {
  .beginner-accdg-purpose .card-wrapper .card-box .card-ttl .card-ttl__small {
    font-size: 15px;
  }

  .beginner-accdg-purpose .faq-box-cust-fb-title {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .beginner-accdg-purpose .faq .faq-box {
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .top-banner--body {
    width: 40%;
  }
}

@media screen and (max-width: 1440px) {
  .CoachingBanner {
    height: 100%;
  }

  .CoachingBanner__image {
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  .PageSection__unit {
    margin: 64px auto 0px;
  }

  .PageSection__heading {
    font-size: 2.4rem;
  }

  #reason-2 .PageSection__unit .PageSection__heading {
    font-size: 18px;
  }

  .CoachingBanner__image {
    width: 360px;
  }

  .CoachingBanner__box {
    text-align: center;
    padding: 24px;
  }

  .CoachingBanner__btn.c-button[data-type="tertiary"] {
    margin: 32px auto 0px;
  }

  .CoachingBanner__text {
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  .CoachingBanner {
    display: block;
  }

  .CoachingBanner__image {
    width: 100%;
    max-width: none;
  }
}

@media screen and (max-width: 959px) {
  .reason-box.page-section-container {
    padding: 40px 12px 50px;
  }

  .PageSection__header .PageSection__main {
    font-size: 45px;
  }

  .PageSection__header .PageSection__info {
    font-size: 16px;
  }

  .PageSection__header::after {
    margin-top: 26px;
  }
}



@media screen and (min-width:960px) {
  .voice-box__layout {
    align-items: center;
  }

  .voice-box__layout__footer--hidden-pc {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  :root {
    --fs-lpcopy: 2rem;
    --lp-fs-hero: 1.125rem
  }
}

@media screen and (min-width: 600px) {
  :root {
    --fs-body-m: 1rem;
    --fs-hero: 1.125rem;
    --fs-hero-l: 48px;
    --fs-32-r: 2rem;
    --fs-28-r: 1.75rem;
    --fs-24-r: 1.5rem;
    --fs-20-r: 1.25rem;
    --fs-18-r: 1.125rem;
    --fs-sectionTtl: 6.25rem;
    --fs-h2: 2rem;
    --fs-h3: 1.75rem;
    --fs-h4: 1.5rem;
    --fs-h5: 1.25rem;
    --fs-h6: 1.125rem;
    --fs-point: 3rem;
    --fs-ttl: 2.5rem;
    --fs-price: 2.5rem;
    --header-h: 111px;
    --header-h-n: -111px;
    --hero-h: 536px;
    --spc88-r: 88px;
    --spc64-r: 64px;
    --spc40-r: 40px;
    --spc24-r: 24px;
    --header-sh: 56px;
    --lp-hero-h: 470px
  }
}

@media screen and (min-width: 600px) {
  a:hover {
    text-decoration: none
  }
}

@media screen and (min-width: 1160px) {
  .pc {
    display: block
  }
}

@media screen and (min-width: 1160px) {
  span.pc {
    display: inline
  }
}

@media screen and (min-width: 820px) {
  .pc_tab {
    display: block
  }
}

@media screen and (min-width: 820px) {
  span.pc_tab {
    display: inline
  }
}

@media screen and (min-width: 820px) {
  span.tab_sp {
    display: inline
  }
}

@media screen and (min-width: 820px) {
  .tab_sp {
    display: none
  }
}

@media screen and (min-width: 600px) {
  span.pc_tab {
    display: inline
  }
}

@media screen and (min-width: 600px) {
  .tab {
    display: block
  }
}

@media screen and (min-width: 820px) {
  .tab {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  .sp_tbl {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .sp {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .Avatar.-resp80 img {
    max-width: none
  }
}

@media screen and (min-width: 600px) {
  .Avatar.-resp64 img {
    max-width: none
  }
}

@media screen and (min-width: 820px) {
  .Badge.-respHorizontal {
    width: 160px;
    height: 160px
  }
}

@media screen and (min-width: 600px) {
  .Banner.-hoverBg:hover::before {
    opacity: 1
  }
}

@media screen and (min-width: 600px) {
  .Banner.-typeA .Banner__wrapper {
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .Banner.-typeB {
    height: 304px;
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .Banner.-typeB::before {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%
  }
}

@media screen and (min-width: 600px) {
  .Banner.-typeB::after {
    content: ""
  }
}

@media screen and (min-width: 600px) {
  .Banner.-typeB .Banner__title {
    font-size: 1.25rem
  }
}

@media screen and (min-width: 600px) {
  .Banner.-typeB .Banner__body {
    flex-direction: row;
    align-items: flex-end;
    padding: 40px 6%
  }
}

@media screen and (min-width: 600px) {
  .Banner.-typeC {
    background-image: url(../img/CTA_ss_footer_pc.webp)
  }
}

@media screen and (min-width: 820px) {
  .Banner.-typeC {
    height: 320px
  }
}

@media screen and (min-width: 600px) {
  .Banner.-typeC:hover .Banner__button .Button {
    border-bottom: #e6d54e solid 0px
  }
}

@media screen and (min-width: 600px) {
  .Banner.-typeC .Banner__body {
    padding: 0 24px
  }
}

@media screen and (min-width: 1160px) {
  .Banner.-typeC .Banner__body {
    padding: 0
  }
}

@media screen and (min-width: 600px) {
  .Banner.-typeC .Banner__body.flex.-column.-gap48 {
    gap: 24px
  }
}

@media screen and (min-width: 600px) {
  .Banner.-typeC .Banner__title {
    font-size: 20px !important
  }
}

@media screen and (min-width: 600px) {
  .Banner.-typeC .Banner__title {
    margin-top: 0;
    letter-spacing: 1.2px
  }
}

@media screen and (min-width: 820px) {
  .Banner.-typeC .Banner__title {
    letter-spacing: 1.44px;
    margin-top: 0;
    font-size: 24px !important
  }
}

@media screen and (min-width: 600px) {
  .Banner.-typeC .Banner__button {
    width: 50%;
    max-width: none;
    margin-left: 50%;
    margin-right: 0;
    margin-top: 0
  }
}

@media screen and (min-width: 600px) {
  .Banner.-typeC .Banner__button .Button {
    margin: 0
  }
}

@media screen and (min-width: 600px) {
  .Banner__box.-image {
    flex-basis: 480px
  }
}

@media screen and (min-width: 600px) {
  .Banner__box.-text {
    padding: 40px;
    flex-basis: 600px
  }
}

@media screen and (min-width: 600px) {
  .Banner__title.-logo {
    max-width: none
  }
}

@media screen and (min-width: 600px) {
  .Banner__text {
    line-height: 2
  }
}

@media screen and (min-width: 600px) {
  .Banner.-cp {
    width: 52%;
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .Banner__cpPeriod {
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .Banner__cpText {
    font-size: .875rem
  }
}

@media screen and (min-width: 600px) {
  .Banner__cpIcon {
    max-width: none
  }
}

@media screen and (min-width: 600px) {
  .BorderTable {
    table-layout: fixed
  }
}

@media screen and (min-width: 600px) {
  .BorderTable td {
    display: table-cell
  }
}

@media screen and (min-width: 600px) {
  .BorderTable__headline {
    flex-direction: row;
    padding-bottom: 24px
  }
}

@media screen and (min-width: 600px) {
  .BorderTable__price {
    padding-left: 40px
  }
}

@media screen and (min-width: 600px) {
  .BorderTable__price::before {
    content: ""
  }
}

@media screen and (min-width: 600px) {
  .Button {
    max-width: 240px
  }
}

@media screen and (min-width: 600px) {
  .Button.-fill:hover {
    background-color: #006eac
  }
}

@media screen and (min-width: 600px) {
  .Button.-fillW:hover {
    background-color: #e7f3fa
  }
}

@media screen and (min-width: 600px) {
  .Button.-outline:hover {
    background-color: #e7f3fa
  }
}

@media screen and (min-width: 600px) {
  .Button.-cta:hover {
    border-bottom: #e6d54e solid 0px
  }
}

@media screen and (min-width: 600px) {
  .Button.-large {
    font-size: 1.25rem;
    height: 94px
  }
}

@media screen and (min-width: 600px) {
  .Button.-medium {
    max-width: 320px;
    height: 75px
  }
}

@media screen and (min-width: 600px) {
  .Button.-SS {
    max-width: 200px;
    padding: 16px
  }
}

@media screen and (min-width: 1160px) {
  section.section_topics .Button.-SS {
    max-width: 200px;
    padding: 16px 0
  }
}

@media screen and (min-width: 600px) {

  .Button.-campaign,
  .Button.-pageTop,
  .Button.-free {
    height: auto
  }
}

@media screen and (min-width: 600px) {
  .Button.-free {
    font-size: 1rem;
    width: 144px;
    height: 144px;
    font-family: "Noto Sans JP", sans-serif;
    background-color: rgba(0, 0, 0, 0)
  }
}

@media screen and (min-width: 600px) {
  .Button.-free::after {
    content: ""
  }
}

@media screen and (min-width: 600px) {
  .Button.-free:hover::after {
    transform: scale(1.2, 1)
  }
}

@media screen and (min-width: 600px) {
  .Button.-circle {
    font-size: 1rem;
    font-family: "Noto Sans JP", sans-serif;
    background-color: rgba(0, 0, 0, 0)
  }
}

@media screen and (min-width: 600px) {
  .Button.-circle::after {
    content: ""
  }
}

@media screen and (min-width: 600px) {
  .Button.-circle:hover::after {
    transform: scale(1.12)
  }
}

@media screen and (min-width: 600px) {
  .Button.-circle.-free {
    width: 144px;
    height: 144px
  }
}

@media screen and (min-width: 600px) {
  .Button.-circle.-price {
    width: 180px;
    height: 180px
  }
}

@media screen and (min-width: 600px) {
  .Button.-circle.-cpNone {
    width: 144px;
    height: 144px
  }
}

@media screen and (min-width: 600px) {
  .Button.-circle.-cpNone .Button__text.-typeC {
    font-size: .625rem
  }
}

@media screen and (min-width: 600px) {
  .Button.-circle.-cpNone .Button__text.-typeC .Button__textIcon img {
    width: 10px
  }
}

@media screen and (min-width: 600px) {
  .Button.-cp:hover .Button__bg {
    width: 200px;
    height: 200px
  }
}

@media screen and (min-width: 600px) {
  .Button__text.-typeC {
    font-size: .625rem
  }
}

@media screen and (min-width: 600px) {
  .ColumnCard {
    flex-direction: row;
    padding: 40px
  }
}

@media screen and (min-width: 600px) {
  .ColumnCard.-pxS {
    padding: 24px 40px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea {
    padding: 40px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-flow {
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-flow+.ColumnArea.-flow::before {
    top: 50%;
    left: -22px;
    transform: translateY(-50%) rotate(-90deg)
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-floatParent {
    padding: 24px 40px 0px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea__floatTextBox {
    position: absolute;
    top: 24px;
    left: 40px;
    margin: 0px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-point {
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea__unit.-resp {
    flex-direction: column;
    text-align: center
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea__sell {
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-pS {
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-pbL {
    padding-bottom: 64px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-tableOuter {
    padding: 40px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-primaryInfo {
    font-size: 1.25rem;
    text-align: center;
    background-color: #fff;
    padding: 16px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-primaryInfo .ColumnArea__body {
    border: #0087d2 solid 1px;
    background-color: #e7f3fa
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-hasLine {
    border: #ebeef1 solid 16px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-hasLine.-thin {
    border-width: 1px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-hasLine.-cta {
    padding: 40px;
    border: #fff solid 4px;
    margin-top: 0px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-hasLine.-normal {
    border: #fff solid 4px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-hasLine.-price {
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-hasLine.-typeA {
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-hasLine.-typeB {
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-hasLine.-typeC {
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-hasLine.-typeD {
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-cp {
    padding: 10px 12px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea__title.-spAL {
    text-align: center
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea__subtitle.-spAL {
    text-align: center
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea__head {
    margin-top: 0px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea__bordText {
    width: 40vw;
    max-width: -moz-fit-content;
    max-width: fit-content
  }
}

@media screen and (min-width: 600px) {
  .ColumnInfo {
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .ColumnInfo.-resp .ColumnInfo__body {
    display: block
  }
}

@media screen and (min-width: 600px) {

  .ColumnInfo.-resp .ColumnInfo__title::before,
  .ColumnInfo.-resp .ColumnInfo__title::after {
    content: none
  }
}

@media screen and (min-width: 600px) {
  .ColumnInfo__title {
    display: block
  }
}

@media screen and (min-width: 820px) {
  .ColumnInfo__cell {
    padding-top: 0px;
    border: none
  }
}

@media screen and (min-width: 600px) {
  .ColumnInfo__heading {
    float: left
  }
}

@media screen and (min-width: 600px) {
  .ColumnInfo__data {
    margin-top: 0px;
    margin-left: 9em
  }
}

@media screen and (min-width: 600px) {
  .StepList__item {
    padding-bottom: 40px
  }
}

@media screen and (min-width: 600px) {
  .StepList__item:first-child::before {
    top: 50px
  }
}

@media screen and (min-width: 600px) {
  .StepList__item:first-child .StepList__number {
    top: 12px;
    transform: none
  }
}

@media screen and (min-width: 600px) {
  .StepList__item:last-child::before {
    height: 50%
  }
}

@media screen and (min-width: 600px) {
  .StepList__body {
    padding-left: 80px
  }
}

@media screen and (min-width: 600px) {
  .StepList__number {
    top: 0;
  }
}

@media screen and (min-width: 600px) {
  .StepList__infoWrapper {
    align-items: center;
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .Container.-spFull {
    width: calc(100% - 32px)
  }
}

@media screen and (min-width: 600px) {
  .Container.-offset {
    padding-left: 10%;
    padding-right: 10%
  }
}

@media screen and (min-width: 600px) {
  .Container.-offset.-medium {
    max-width: calc(1080px + 20%)
  }
}

@media screen and (min-width: 600px) {
  .CTASection {
    padding-top: 64px
  }
}

@media screen and (min-width: 600px) {
  .CTASection__head {
    flex-direction: row;
    align-items: flex-start;
    text-align: left
  }
}

@media screen and (min-width: 600px) {
  .CTASection__foot {
    margin-top: 40px
  }
}

@media screen and (min-width: 600px) {
  .CTASection__avatar {
    width: 24%;
    position: absolute
  }
}

@media screen and (min-width: 600px) {
  .CTASection__avatarBox {
    display: block
  }
}

@media screen and (min-width: 600px) {
  .CTASection.-hasBg {
    background-position: right -20% center;
    background-image: url(../cta/CTA_trainer_pc.webp)
  }
}

@media screen and (min-width: 820px) {
  .CTASection.-hasBg {
    background-position: right center
  }
}

@media screen and (min-width: 600px) {
  .CTASection__subTitle {
    text-align: center
  }
}

@media screen and (min-width: 600px) {
  .CTASection__title {
    text-align: center
  }
}

@media screen and (min-width: 600px) {
  .CTASection__ButtonBox {
    width: calc(100% - 220px)
  }
}

@media screen and (min-width: 600px) {
  .CTASection__Badge {
    position: absolute;
    top: 50%;
    right: -110px;
    transform: translateY(-50%)
  }
}

@media screen and (min-width: 600px) {
  .CTASection__notes {
    max-width: calc(640px + 48%);
    padding-left: 24%;
    padding-right: 24%
  }
}

@media screen and (min-width: 600px) {
  .Grid.-spColumn {
    flex-direction: row
  }
}

@media screen and (min-width: 820px) {
  .Grid.-tabColumn {
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .Grid.-tab_Column {
    flex-direction: column
  }
}

@media screen and (min-width: 600px) {
  .Grid.-spRow {
    display: block
  }
}

@media screen and (min-width: 600px) {
  .Grid.-wrap.-spc3>.-harf {
    flex-basis: calc(50% - 12px)
  }
}

@media screen and (min-width: 600px) {
  .Grid.-badgeCluster {
    gap: 16px 2%
  }
}

@media screen and (min-width: 600px) {
  .Grid.-badgeCluster .Grid__item {
    flex-basis: auto
  }
}

@media screen and (min-width: 600px) {
  .Grid.-iconTextCluster {
    gap: 6%
  }
}

@media screen and (min-width: 600px) {
  .Grid.-priceCluster {
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .Grid.-compare {
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .Icon.-compareArrow {
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 84px
  }
}

@media screen and (min-width: 600px) {
  .Icon.-compareArrow img {
    transform: none
  }
}

@media screen and (min-width: 600px) {
  .Grid.-circleCardCluster {
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .Grid.-worriesCardCluster {
    gap: 8px 24px
  }
}

@media screen and (min-width: 600px) {
  .Grid.-circleItems {
    gap: 24px
  }
}

@media screen and (min-width: 600px) {
  .Grid.-circleItems.-large {
    align-items: stretch;
    flex-direction: row;
    max-width: none
  }
}

@media screen and (min-width: 600px) {
  .Grid.-circleItems.-cta {
    gap: 40px
  }
}

@media screen and (min-width: 820px) {
  .Grid.-coachingPrice {
    flex-wrap: nowrap
  }
}

@media screen and (min-width: 820px) {
  .Grid.-coachingPrice .Grid__item.-coachingPriceBadge {
    flex-basis: auto
  }
}

@media screen and (min-width: 600px) {
  .Grid.-coachingPrice .Grid__item {
    flex-basis: calc(50% - 12px)
  }
}

@media screen and (min-width: 600px) {
  .Grid.-sectionHead {
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .Grid.-spc1.-resp {
    gap: 16px
  }
}

@media screen and (min-width: 600px) {
  .Grid.-spc3 {
    gap: 24px
  }
}

@media screen and (min-width: 600px) {
  .Grid.-spc5 {
    gap: 40px
  }
}

@media screen and (min-width: 600px) {
  .Grid.-spc5.-spcNone {
    gap: 40px
  }
}

@media screen and (min-width: 600px) {
  .Grid.-spc8 {
    gap: 64px
  }
}

@media screen and (min-width: 600px) {
  .Grid.-colResp6_2>* {
    flex-basis: 16.66%
  }
}

@media screen and (min-width: 600px) {
  .Grid.-alignStart.-spColumn {
    align-items: flex-start
  }
}

@media screen and (min-width: 600px) {
  .Grid__item.-price_ill_man {
    padding: 0px 24px
  }
}

@media screen and (min-width: 600px) {
  .Grid__item.-price_ill_man img {
    max-width: none;
    margin: 0px auto
  }
}

@media screen and (min-width: 600px) {
  .Grid__item.-w648 {
    flex-basis: 648px
  }
}

@media screen and (min-width: 600px) {
  .Grid__item.-w360 {
    flex-basis: 360px
  }
}

@media screen and (min-width: 600px) {
  .Grid__item.-w646 {
    flex-basis: 646px
  }
}

@media screen and (min-width: 600px) {
  .Grid__item.-w260 {
    flex-basis: 360px
  }
}

@media screen and (min-width: 600px) {
  .Grid__item.-w80p {
    flex-basis: 60%
  }
}

@media screen and (min-width: 600px) {
  .Grid__item.-spReverse {
    order: 0
  }
}

@media screen and (min-width: 600px) {
  .Grid__item.-textImageA {
    max-width: none;
    margin-top: 0px
  }
}

@media screen and (min-width: 600px) {
  .Grid__item.-textImageB {
    max-width: none;
    margin-bottom: 0px
  }
}

@media screen and (min-width: 600px) {
  .LinkItem .Heading.-withNum {
    display: block
  }
}

@media screen and (min-width: 600px) {
  .Headline.-primary {
    padding-top: 40px;
    padding-bottom: 64px
  }
}

@media screen and (min-width: 600px) {
  .Headline.-primary .PageSection__heading {
    font-size: 2rem
  }
}

@media screen and (min-width: 600px) {
  .Headline.-normal {
    padding-top: 40px;
    padding-bottom: 64px;
    height: 240px
  }
}

@media screen and (min-width: 600px) {
  .Headline.-normal.-coaching .Heading img {
    width: 272px
  }
}

@media screen and (min-width: 600px) {
  .Headline__wrapper {
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .Headline.-spRow .Headline__wrapper {
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .Headline.-spcM .Headline__wrapper {
    gap: 40px
  }
}

@media screen and (min-width: 600px) {
  .Headline.-secondary {
    margin-top: 88px
  }
}

@media screen and (min-width: 600px) {
  .Headline.-secondary .Headline__wrapper {
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .Headline__icon.-spM img {
    max-width: none
  }
}

@media screen and (min-width: 600px) {
  .Headline__icon.-spS img {
    max-width: none
  }
}

@media screen and (min-width: 600px) {
  .Headline__text {
    text-align: left
  }
}

@media screen and (min-width: 600px) {
  .HeroArea.-single {
    height: 320px
  }
}

@media screen and (min-width: 600px) {
  .HeroArea.-lp {
    min-height: 760px
  }
}

@media screen and (min-width: 600px) {
  .HeroArea.-lp .HeroArea__main::before {
    border-width: calc(var(--lp-hero-h) - 80px) calc(var(--lp-hero-h)/2 - 40px) 0 0
  }
}

@media screen and (min-width: 600px) {
  .HeroArea.-lp .HeroArea__main::after {
    border-width: var(--lp-hero-h) calc(var(--lp-hero-h)/2) 0 0
  }
}

@media screen and (min-width: 600px) {
  .HeroArea.-lp .HeroArea__info {
    margin: 15vh auto auto
  }
}

@media screen and (min-width: 820px) {
  .HeroArea.-lp .HeroArea__info {
    margin: auto;
    text-align: left
  }
}

@media screen and (min-width: 820px) {
  .HeroArea.-lp .HeroArea__info>* {
    width: 47vw
  }
}

@media screen and (min-width: 820px) {
  .HeroArea.-lp .HeroArea__copy {
    margin-top: 40px
  }
}

@media screen and (min-width: 600px) {
  .HeroArea.-lp .HeroArea__pointText {
    display: inline-block
  }
}

@media screen and (min-width: 820px) {
  .HeroArea.-lp .HeroArea__lead {
    margin-top: 16px
  }
}

@media screen and (min-width: 820px) {
  .HeroArea.-lp .HeroArea__lead.-pc {
    display: block
  }
}

@media screen and (min-width: 820px) {
  .HeroArea.-lp .HeroArea__lead.-tab {
    display: none
  }
}

@media screen and (min-width: 820px) {
  .HeroArea.-lp .HeroArea__foot {
    position: static;
    max-width: none;
    transform: none
  }
}

@media screen and (min-width: 600px) {
  .HeroArea.-lp .HeroArea__consultantImage {
    right: auto;
    margin-left: -3vh;
    margin-right: 0px
  }
}

@media screen and (min-width: 820px) {
  .HeroArea.-lp .HeroArea__consultantImage {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .HeroArea.-lp .HeroArea__consultantImage img {
    width: 100%
  }
}

@media screen and (min-width: 600px) {
  .HeroArea.-lp #price-banner {
    flex-shrink: 0;
    margin-right: -3vh
  }
}

@media screen and (min-width: 820px) {
  .HeroArea.-lp #price-banner {
    position: fixed;
    left: auto;
    right: 16px;
    bottom: 16px;
    opacity: 0;
    pointer-events: none;
    margin-right: 0px;
    padding: 0px
  }
}

@media screen and (min-width: 820px) {
  .HeroArea.-lp #price-banner.-show {
    pointer-events: auto;
    opacity: 1
  }
}

@media screen and (min-width: 600px) {
  .HeroArea__main {
    height: var(--hero-h);
    padding-top: 0px
  }
}

@media screen and (min-width: 600px) {
  .HeroArea__main::before {
    border-width: calc(var(--hero-h) - 80px) calc(var(--hero-h)/2 - 40px) 0 0
  }
}

@media screen and (min-width: 600px) {
  .HeroArea__main::after {
    border-width: var(--hero-h) calc(var(--hero-h)/2) 0 0
  }
}

@media screen and (min-width: 600px) {
  .HeroArea__wrapper {
    flex-direction: row;
    align-items: flex-end;
    gap: 40px
  }
}

@media screen and (min-width: 600px) {
  .HeroArea__box.-badge {
    align-self: flex-end
  }
}

@media screen and (min-width: 600px) {
  .HeroArea__copy {
    line-height: 60px;
    letter-spacing: 10.8px;
    margin-bottom: 0
  }
}

@media screen and (min-width: 820px) {
  .HeroArea__pointText {
    font-size: 1.25em;
    margin-left: 8px
  }
}

@media screen and (min-width: 600px) {
  .HeroArea__lead {
    margin-top: 16px;
    line-height: 2
  }
}

@media screen and (min-width: 600px) {
  .HeroArea__button {
    margin-top: 64px
  }
}

@media screen and (min-width: 600px) {
  .HeroArea__button .Button.-posL {
    margin: 0 auto;
    max-width: 320px;
    height: 75px
  }
}

@media screen and (min-width: 600px) {
  .HeroArea__link {
    font-size: 14px;
    margin-top: 40px;
    text-align: left
  }
}

@media screen and (min-width: 600px) {
  .HeroArea.-nobg {
    padding: 66px 40px;
    letter-spacing: 9.6px
  }
}

@media screen and (min-width: 600px) {
  .Container.badgeArea_w {
    height: 71px
  }
}

@media screen and (min-width: 600px) {
  .Container.badgeArea_w .badgeArea {
    top: -88px
  }
}

@media screen and (min-width: 600px) {
  .Container.badgeArea_w .badgeArea .HeroArea_box.-badge .Grid {
    justify-content: left
  }
}

@media screen and (min-width: 600px) {
  .Icon.-credit.-large {
    max-width: none
  }
}

@media screen and (min-width: 600px) {
  .Icon.-spS {
    max-width: none
  }
}

@media screen and (min-width: 600px) {
  .Icon.-spM {
    max-width: none
  }
}

@media screen and (min-width: 1160px) {
  section.section_topics .Icon.-spM {
    max-width: none;
    max-height: none
  }
}

@media screen and (min-width: 600px) {
  .Icon.sp {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .LinkCard {
    flex-direction: column
  }
}

@media screen and (min-width: 600px) {
  .LinkCard:hover::before {
    opacity: 1
  }
}

@media screen and (min-width: 600px) {
  .LinkCard__desc {
    white-space: wrap
  }
}

@media screen and (min-width: 600px) {
  .LinkItem.-single .LinkItem__wrapper {
    border-left: #d1d4d7 solid 1px
  }
}

@media screen and (min-width: 600px) {
  .LinkItem.-hoverTypeB .LinkItem__wrapper:hover {
    border-left: #0087d2 solid 1px
  }
}

@media screen and (min-width: 600px) {
  .LinkItem__wrapper {
    flex-direction: column;
    padding-left: 24px;
    border-bottom: none;
    border-left: #d1d4d7 solid 1px
  }
}

@media screen and (min-width: 600px) {
  .LinkItem__wrapper .Heading.h3 {
    font-size: var(--fs-h5)
  }
}

@media screen and (min-width: 600px) {
  .LinkItem__inner {
    flex-basis: auto
  }
}

@media screen and (min-width: 600px) {
  .Modal__thumbnail {
    max-width: none
  }
}

@media screen and (min-width: 600px) {
  .Modal__content {
    width: calc(100% - 32px)
  }
}

@media screen and (min-width: 600px) {
  .Modal__contentInner {
    height: 100%;
    padding-right: 48px
  }
}

@media screen and (min-width: 600px) {
  .Modal__close {
    top: 0px
  }
}

@media screen and (min-width: 600px) {

  .NormalTable th>*,
  .NormalTable td>* {
    min-height: 110px;
    padding: 6px 10%
  }
}

@media screen and (min-width: 600px) {

  .NormalTable.-resp.-typeA th>*,
  .NormalTable.-resp.-typeA td>* {
    padding: 6px 10%
  }
}

@media screen and (min-width: 600px) {
  .NormalTable.-resp.-typeA th {
    width: 90px
  }
}

@media screen and (min-width: 820px) {
  .NormalTable.-resp.-typeA th {
    width: 120px
  }
}

@media screen and (min-width: 600px) {
  .NormalTable.-resp.-typeA th>* {
    min-height: 110px;
    padding: 6px 10%
  }
}

@media screen and (min-width: 600px) {

  .NormalTable.-resp.-typeB th,
  .NormalTable.-resp.-typeB td {
    display: table-cell;
    margin-top: 0px
  }
}

@media screen and (min-width: 600px) {

  .NormalTable.-resp.-typeB th>*,
  .NormalTable.-resp.-typeB td>* {
    min-height: 110px
  }
}

@media screen and (min-width: 820px) {
  .NormalTable.-resp.-typeB th {
    width: 120px
  }
}

@media screen and (min-width: 600px) {
  .PageSection {
    padding-top: 88px;
    padding-bottom: 88px
  }
}

@media screen and (min-width: 600px) {
  .PageSection.-medium {
    padding-top: 64px;
    padding-bottom: 64px
  }
}

@media screen and (min-width: 600px) {
  .PageSection__titleUnit.-spAlignCenter {
    text-align: left
  }
}

@media screen and (min-width: 600px) {
  .PageSection__headInfo {
    justify-content: space-between
  }
}

@media screen and (min-width: 600px) {
  .PageSection__headInfo.-hasFigure {
    align-items: flex-start;
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .PageSection__headInfoList {
    margin-bottom: 40px
  }
}

@media screen and (min-width: 600px) {
  .PageSection__headInfoList.-w536 {
    flex-basis: 536px
  }
}

@media screen and (min-width: 600px) {
  .PageSection__headInfoFigure {
    align-self: flex-start
  }
}

@media screen and (min-width: 600px) {
  .PageSection__headInfoFigure.-w520 {
    flex-basis: 520px
  }
}

@media screen and (min-width: 600px) {
  .PageSection__headInfoFigure.-respH200 img {
    max-height: 260px
  }
}

@media screen and (min-width: 600px) {
  .PageSection__foot {
    margin-top: 40px
  }
}

@media screen and (min-width: 600px) {
  .PageSection__headItem {
    padding-top: 40px
  }
}

@media screen and (min-width: 600px) {
  .PageSection__item.-pS {
    padding-top: 40px
  }
}

@media screen and (min-width: 600px) {
  .PageSection__item.-pL {
    padding-top: 88px
  }
}

@media screen and (min-width: 600px) {
  .PageSection__item.-hasDeco::after {
    width: 130px;
    height: 260px
  }
}

@media screen and (min-width: 820px) {
  .PageSection__heading.-hasIcon {
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .PageSection__heading.-hasIcon.pc {
    display: flex
  }
}

@media screen and (min-width: 600px) {
  .PageSection__customLead {
    font-size: 1.125rem;
    line-height: 2
  }
}

@media screen and (min-width: 600px) {
  .PageSection__userUnit {
    display: block
  }
}

@media screen and (min-width: 600px) {
  .PageSection__avatar {
    max-width: none
  }
}

@media screen and (min-width: 600px) {
  .PageSection__profile {
    font-size: 14px
  }
}

@media screen and (min-width: 600px) {
  .PageSection__tableOuter.-coaching table {
    min-width: 800px
  }
}

@media screen and (min-width: 600px) {
  .Pagesection__subInfo.-resp {
    max-width: none;
    width: auto
  }
}

@media screen and (min-width: 1160px) {
  section.-gline {
    padding-top: 72px
  }
}

@media screen and (min-width: 600px) {
  .PriceCard {
    padding-top: var(--price-h);
    max-width: 280px
  }
}

@media screen and (min-width: 600px) {
  .Grid.-priceCluster .PriceCard__body[data-head]::before {
    position: absolute
  }
}

@media screen and (min-width: 600px) {
  .PriceCard__body {
    padding: 16px 24px 40px
  }
}

@media screen and (min-width: 600px) {
  .PriceCard__priceBox {
    display: block;
    width: auto
  }
}

@media screen and (min-width: 600px) {
  .PriceCard__price {
    display: block
  }
}

@media screen and (min-width: 600px) {
  .PriceCard__price.-before {
    display: block
  }
}

@media screen and (min-width: 600px) {
  .PriceCard__price.-before::after {
    margin: 16px auto 0px;
    transform: none
  }
}

@media screen and (min-width: 600px) {
  .PriceCard__item.-main {
    font-size: 3rem
  }
}

@media screen and (min-width: 600px) {
  .PriceCard__item.-terms {
    font-size: 1.125rem
  }
}

@media screen and (min-width: 600px) {
  .PriceCard__item.-unit {
    font-size: 1.5rem
  }
}

@media screen and (min-width: 600px) {
  .new_price .PriceCard {
    max-width: 100%
  }
}

@media screen and (min-width: 600px) {
  .new_price .PriceCard__priceBox {
    display: flex
  }
}

@media screen and (min-width: 600px) {
  .new_price .PriceCard__item.-main {
    font-size: 34px
  }
}

@media screen and (min-width: 900px) {
  .new_price .PriceCard__item.-unit {
    font-size: 15px
  }
}

@media screen and (min-width: 900px) {
  .new_price .PriceCard__item.-tax {
    font-size: .75rem
  }
}

@media screen and (min-width: 900px) {
  .new_price .PriceCard__item.-terms {
    font-size: .875rem
  }
}

@media screen and (min-width: 820px) {
  .SwitchArea__panel.-blue_w .-y_blue>.Grid {
    height: -moz-max-content;
    height: max-content
  }
}

@media screen and (min-width: 900px) {
  .SwitchArea__panel.-blue_w .PriceCard__item.-main {
    font-size: 34px
  }
}

@media screen and (min-width: 600px) {
  .Stack.-spc1.-resp>*+* {
    margin-top: 16px
  }
}

@media screen and (min-width: 600px) {
  .Text.-large {
    font-size: 1.125rem
  }
}

@media screen and (min-width: 600px) {
  .Text.-SS {
    font-size: .75rem
  }
}

@media screen and (min-width: 600px) {
  .ToggleList__button::after {
    top: 36px;
    transform: none
  }
}

@media screen and (min-width: 600px) {
  .Slider {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media screen and (min-width: 600px) {

  .Slider#trainer-slider,
  .Slider#trainer_pc {
    padding: 0px
  }
}

@media screen and (min-width: 600px) {
  .Slider.-asymmetry {
    padding-left: calc(10% + 16px)
  }
}

@media screen and (min-width: 1360px) {
  .Slider.-asymmetry {
    padding-left: calc((100vw - 1080px)/2)
  }
}

@media screen and (min-width: 600px) {
  .Slider__wrapper {
    width: calc(2200px + 10% + 16px)
  }
}

@media screen and (min-width: 1360px) {
  .Slider__wrapper {
    width: calc(2200px + (100vw - 1080px)/2)
  }
}

@media screen and (min-width: 600px) {
  #user-slider .swiper-slide {
    height: auto;
    max-width: 560px
  }
}

@media screen and (min-width: 600px) {

  #trainer-slider .Slider__dots,
  #trainer_pc .Slider__dots {
    display: none
  }
}

@media screen and (min-width: 600px) {

  #trainer-slider .swiper-wrapper,
  #trainer_pc .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 24px
  }
}

@media screen and (min-width: 600px) {

  #trainer-slider .swiper-slide,
  #trainer_pc .swiper-slide {
    width: calc(50% - 12px)
  }
}

@media screen and (min-width: 820px) {

  #trainer-slider .swiper-slide,
  #trainer_pc .swiper-slide {
    width: calc(33.33% - 16px)
  }
}

@media screen and (min-width: 1160px) {
  section.PageSection.-hasBg.section_topics .Stack.-spc5.-spcAll {
    margin: 48px 16px 72px 0
  }
}

@media screen and (min-width: 1160px) {
  section.PageSection.-hasBg.section_topics .PageSection__heading {
    font-size: 32px
  }
}

@media screen and (min-width: 600px) {
  section.PageSection.-hasBg.section_topics #voice_slider.Slider {
    padding: 0 40px
  }
}

@media screen and (min-width: 1160px) {
  .modaal-wrapper button.modaal-close {
    top: 10vw
  }
}

@media(min-width: 600px)and (max-width: 1024px) {
  .modaal-wrapper .modaal-inner-wrapper {
    padding: 0 24px !important
  }
}

@media screen and (min-width: 600px) {
  .modaal-wrapper .modaal-video-wrap {
    margin: 0 auto !important
  }
}

@media screen and (min-width: 1160px) {
  .modaal-wrapper .modaal-video-wrap {
    max-width: 975px
  }
}

@media screen and (min-width: 1160px) {
  .modaal-wrapper .modaal-video-container {
    max-width: 975px !important;
    max-height: 548px !important
  }
}

@media screen and (min-width: 600px) {
  .FixedArea {
    width: auto;
    right: 16px;
    bottom: 16px;
    padding: 0px;
    background-color: rgba(0, 0, 0, 0)
  }
}

@media screen and (min-width: 600px) {
  .FixedArea.-single {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .FixedArea.tb_pc {
    background: rgba(20, 24, 33, .4) !important
  }
}

@media screen and (min-width: 600px) {
  .FixedArea.tb_pc.-single {
    display: block
  }
}

@media screen and (min-width: 600px) {
  .FixedArea.tb_pc .Button {
    max-width: 320px
  }
}

@media screen and (min-width: 600px) {
  .FixedArea__wrapper {
    display: block
  }
}

@media screen and (min-width: 820px) {
  #price-banner.-show {
    pointer-events: auto;
    opacity: 1
  }
}

@media screen and (min-width: 820px) {
  #sp-flow-banner {
    display: none
  }
}

@media screen and (min-width: 820px) {
  #sp-flow-banner.-show {
    pointer-events: auto;
    opacity: 1
  }
}

@media screen and (min-width: 600px) {
  #sp-flow-banner .Button.-cta {
    max-width: 480px
  }
}

@media screen and (min-width: 600px) {
  .CircleCard__circleBox {
    width: 100%;
    height: 0px;
    padding-top: 100%;
    border-radius: 50%;
    background-color: #fff
  }
}

@media screen and (min-width: 600px) {
  .CircleCard__body {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%
  }
}

@media screen and (min-width: 600px) {
  .CircleCard__icon {
    display: block;
    width: auto;
    height: auto;
    background-color: rgba(0, 0, 0, 0)
  }
}

@media screen and (min-width: 600px) {
  .CircleCard__icon img {
    max-width: none
  }
}

@media screen and (min-width: 600px) {
  .CircleCard__icon.-small {
    margin-top: 16%
  }
}

@media screen and (min-width: 600px) {
  .CircleCard__text {
    margin-top: 16px
  }
}

@media screen and (min-width: 600px) {
  .UserCaseCard {
    padding: 24px;
    border: #ebeef1 solid 16px
  }
}

@media screen and (min-width: 600px) {
  .UserCaseCard__body {
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .UserCaseCard__figureBox {
    display: block
  }
}

@media screen and (min-width: 600px) {
  .UserCaseCard__foot .Button {
    margin-right: auto
  }
}

@media screen and (min-width: 600px) {
  .UserCaseCard__number {
    align-items: flex-start
  }
}

@media screen and (min-width: 600px) {
  .UserCaseCard__number::after {
    margin-top: 16px
  }
}

@media screen and (min-width: 600px) {
  .UserCaseCard__figureItem {
    flex-basis: auto
  }
}

@media screen and (min-width: 600px) {
  .PlanCard__price {
    min-height: 94px
  }
}

@media screen and (min-width: 600px) {
  .SwitchArea__button {
    font-size: 1.5rem;
    padding: 16px
  }
}

@media screen and (min-width: 600px) {
  .SwitchArea__button.-small {
    font-size: 1.25rem
  }
}

@media screen and (min-width: 600px) {
  .SwitchArea__panelBody {
    margin-top: 120px
  }
}

@media screen and (min-width: 600px) {
  .SwitchArea.-spFull .SwitchArea__panels {
    width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px
  }
}

@media screen and (min-width: 600px) {
  .CompareTable__item {
    height: 72px
  }
}

@media screen and (min-width: 600px) {
  .CompareTable__item.-company {
    width: 240px;
    min-width: 240px
  }
}

@media screen and (min-width: 600px) {
  .CompareTable__text {
    width: 180px
  }
}

@media screen and (min-width: 600px) {
  .CPArea.-mb {
    margin-bottom: 64px
  }
}

@media screen and (min-width: 600px) {
  .CPArea__period {
    justify-content: center;
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .CPArea__date {
    font-size: 1rem;
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .CPArea__date img {
    max-width: 160px
  }
}

@media screen and (min-width: 600px) {
  .CPArea__column {
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .FlowColumn.-typeC .FlowColumn__body {
    padding-bottom: 40px
  }
}

@media screen and (min-width: 600px) {
  .FlowColumn__main[data-circle-label]::before {
    position: absolute;
    z-index: 2;
    font-size: 1.5rem;
    top: 64px;
    left: 10%;
    width: 120px;
    height: 120px;
    margin: 0px
  }
}

@media screen and (min-width: 600px) {
  .FlowColumn__body {
    padding: 0px 40px 64px
  }
}

@media screen and (min-width: 600px) {
  .FlowColumn__body.-board {
    padding: 0px 40px 64px
  }
}

@media screen and (min-width: 600px) {
  .FlowColumn__body.-spFull {
    padding: 0px 40px 64px
  }
}

@media screen and (min-width: 600px) {
  .FlowColumn__headFigure {
    position: absolute;
    bottom: 0px;
    right: 64px;
    width: 16.67%
  }
}

@media screen and (min-width: 600px) {
  .FlowColumn__headFigure.-board {
    position: absolute;
    margin-top: 0px;
    left: 3.7%;
    right: auto;
    width: 24.07%
  }
}

@media screen and (min-width: 600px) {
  .FlowColumn__head {
    padding: 0px 204px 40px
  }
}

@media screen and (min-width: 600px) {
  .FlowColumn:not(:first-child) .FlowColumn__main {
    padding-top: 40px
  }
}

@media screen and (min-width: 600px) {
  .FlowColumn__heading {
    font-size: 1.25rem
  }
}

@media screen and (min-width: 600px) {
  .FlowColumn__text {
    text-align: center
  }
}

@media screen and (min-width: 600px) {
  .price_s1_w.PageSection.-medium {
    padding: 24px 40px
  }
}

@media screen and (min-width: 820px) {
  .price_s1_w.PageSection.-medium {
    padding: 40px
  }
}

@media screen and (min-width: 1160px) {
  .price_s1_w.PageSection.-medium {
    padding: 40px 0
  }
}

@media screen and (min-width: 600px) {
  .price_s1_w.PageSection.-medium .Container.-medium {
    margin: 0 auto;
    width: 100%
  }
}

@media screen and (min-width: 600px) {
  .price_s1_w .Grid.-col3.-contentCenter {
    margin: 0
  }
}

@media screen and (min-width: 600px) {
  .price_s1_w .LinkItem__wrapper {
    gap: 8px
  }
}

@media screen and (min-width: 600px) {
  .price_s1_w .Headline.-spcM .Headline__wrapper {
    gap: 24px
  }
}

@media screen and (min-width: 600px) {
  .price_s1_w .Headline__icon.-spS img {
    max-width: none
  }
}

@media screen and (min-width: 600px) {
  .price_s1_w .Stack.-spc5.-spcAll>*+* {
    margin-top: 40px
  }
}

@media screen and (min-width: 600px) {
  .price_s1_w .LinkItem.-single .LinkItem__wrapper {
    padding: 12px 16px 0
  }
}

@media screen and (max-width: 374px) {
  .price_s1_w .LinkItem.-single .LinkItem__wrapper .Heading.-h5 {
    font-size: 4.2666666667vw
  }
}

@media screen and (min-width: 1160px) {
  .price_s1_w .LinkItem.-single .LinkItem__wrapper .Heading.-h5 {
    font-size: 1.25rem
  }
}

@media screen and (min-width: 600px) {
  .price_s2_w .Stack.-spc5>p.Text {
    font-size: 1rem
  }
}

@media screen and (min-width: 600px) {
  .price_s2_w .Stack.-spc5 .BorderTable__headline p.red_w {
    margin-right: 16px
  }
}

@media screen and (min-width: 600px) {
  .price_s2_w .Stack.-spc5 .BorderTable__headline>p.Text {
    font-size: 16px;
    margin-right: 16px
  }
}

@media screen and (min-width: 600px) {
  .price_s2_w .Stack.-spc5 .BorderTable__headline>p.Text span {
    font-size: 1.5rem
  }
}

@media screen and (min-width: 600px) {
  .price_s2_w .Stack.-spc5 .BorderTable__headline .BorderTable__price {
    padding-left: 56px
  }
}

@media screen and (min-width: 600px) {
  .price_s2_w .Stack.-spc5 .BorderTable .CommonList.-spc1 ul.-column2 {
    white-space: inherit
  }
}

@media screen and (min-width: 600px) {
  .price_s2_w .BorderTable__headline {
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 16px
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .Stack.-spc2+.flex.-column p {
    font-size: 1.75rem
  }
}

@media screen and (min-width: 1160px) {
  .price_s3_w .Stack.-spc2+.flex.-column p {
    font-size: 36px
  }
}

@media screen and (max-width: 374px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll>.flex.-column.-gap16 {
    gap: 16px
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll>.flex.-column.-gap16 {
    gap: 16px;
    max-width: 100%
  }
}

@media screen and (min-width: 1160px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll>.flex.-column.-gap16 {
    max-width: 1080px
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner {
    margin-right: auto;
    margin-left: auto;
    width: 100%
  }
}

@media screen and (min-width: 820px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .Grid__item {
    display: flex;
    flex-direction: row;
    gap: 24px
  }
}

@media screen and (min-width: 820px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .Grid__item .Stack.-spc3 {
    flex-basis: calc(100% - 12px)
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .Grid.-priceCluster {
    width: 80vw
  }
}

@media screen and (min-width: 820px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .Grid.-priceCluster {
    width: 100%
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .Grid.-priceCluster.-parent {
    margin: 0 auto
  }
}

@media screen and (min-width: 820px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .Grid.-priceCluster.-parent {
    margin: 0
  }
}

@media screen and (min-width: 820px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .Grid.-colResp6_2 {
    gap: 24px;
    max-width: 740px;
    margin: 0 auto
  }
}

@media screen and (min-width: 1160px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .Grid.-colResp6_2 {
    max-width: 1080px
  }
}

@media screen and (max-width: 374px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .Grid.-colResp6_2>div {
    padding: 24px 8px
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .Grid.-colResp6_2>div {
    flex-basis: calc((100% - 24px)/2)
  }
}

@media screen and (min-width: 1145px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .Grid.-colResp6_2>div {
    flex-basis: calc((100% - 48px)/3)
  }
}

@media screen and (max-width: 374px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .Grid.-colResp6_2>div p {
    font-size: .875rem
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .Grid.-colResp6_2>div p {
    font-size: 1.5rem
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .ColumnArea.-pS .Stack.-spc3 .Text.-center+.Grid.-priceCluster {
    margin-top: 16px
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .ColumnArea.-pS .Stack.-spc3 .Text.-center+.Grid.-priceCluster .PriceCard.-hasHead.-typeB {
    padding-top: 0
  }
}

/* @media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .ColumnArea.-pS .Grid__item>*:first-child {
    padding-top: 48px
  }
} */

@media screen and (max-width: 374px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .ColumnArea.-pS .PriceCard.-typeB .PriceCard__body .PriceCard__sell {
    height: 184px
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .ColumnArea.-pS .PriceCard.-typeB .PriceCard__body .PriceCard__sell {
    height: 204px
  }
}

@media screen and (min-width: 820px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .ColumnArea.-pS .PriceCard.-typeB .PriceCard__body .PriceCard__sell {
    height: 212px
  }
}

@media screen and (min-width: 1160px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .PageSection__inner .ColumnArea.-pS .PriceCard.-typeB .PriceCard__body .PriceCard__sell {
    height: 228px
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll small {
    padding: 0;
    white-space: nowrap
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll p.cta_btn {
    padding-top: 4px
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .ColumnCard.-bgGray.-spc5.-pxS {
    gap: 0;
    justify-content: space-between;
    margin-top: 40px
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .ColumnCard.-bgGray.-spc5.-pxS>*:first-child {
    padding: 0 24px
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .ColumnCard.-bgGray.-spc5.-pxS .Grid.-spc5.-spColumn {
    gap: 24px
  }
}

@media screen and (max-width: 374px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .ColumnInfo.-resp p.ColumnInfo__title {
    padding: 0 25px 0 0
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .PageSection__item .Stack.-spc5.-spcAll .ColumnInfo.-resp p.ColumnInfo__title {
    padding: 0
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w .Stack.-spc2 p.Heading.-h4 {
    font-weight: 400
  }
}

@media screen and (max-width: 374px) {
  .price_s3_w .PriceCard__item.-tax {
    font-size: .625rem
  }
}

@media screen and (max-width: 374px) {
  .price_s3_w .PriceCard__price span.PriceCard__item.-month {
    font-size: .875rem
  }
}

@media screen and (max-width: 374px) {
  .price_s3_w .PriceCard__price span.PriceCard__item.-num {
    font-size: 2rem
  }
}

@media screen and (max-width: 374px) {
  .price_s3_w .PriceCard__price span.PriceCard__item.-en {
    font-size: .875rem
  }
}

@media screen and (max-width: 374px) {
  .price_s3_w .PriceCard__price span.PriceCard__item.-circle {
    font-size: .875rem;
    width: 56px;
    height: 56px
  }
}

@media screen and (min-width: 820px) {
  .price_s3_w .PriceCard__price span.PriceCard__item.-circle {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    font-size: 1.125rem;
    letter-spacing: 1.8px
  }
}

@media screen and (min-width: 1160px) {
  .price_s3_w .PriceCard__price span.PriceCard__item.-circle {
    width: 96px;
    height: 96px;
    font-size: 1.5rem;
    letter-spacing: 2.4px
  }
}

@media screen and (max-width: 374px) {
  .price_s3_w .PriceCard__price span.PriceCard__item.-circle+span.PriceCard__item.-num {
    font-size: 56px;
    height: 56px
  }
}

@media screen and (min-width: 1160px) {
  .price_s3_w .PriceCard__price span.PriceCard__item.-circle+span.PriceCard__item.-num {
    font-size: 80px;
    height: 80px
  }
}

@media screen and (max-width: 374px) {
  .price_s3_w .PriceCard__price.-point span.PriceCard__item.-en {
    font-size: 1.25rem
  }
}

@media screen and (min-width: 1160px) {
  .price_s3_w .PriceCard__price.-point span.PriceCard__item.-en {
    font-size: 36px;
    border-bottom: 12px solid #fff288;
    height: 80px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0;
    margin-left: -2px
  }
}

@media screen and (min-width: 1160px) {
  .price_s3_w .PriceCard__price.-point span.PriceCard__item.-tax {
    font-size: 1rem
  }
}

@media screen and (min-width: 1160px) {
  .price_s3_w .PriceCard__price.-point span.PriceCard__item.-tax+br {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  .price_s3_w .Stack.-spc5.-spcAll>*:first-child {
    display: flex;
    flex-direction: row
  }
}

@media screen and (min-width: 1160px) {
  .price_s3_w .type_vl {
    display: flex;
    gap: 24px
  }
}

@media screen and (min-width: 1160px) {
  .price_s3_w .type_vl>* {
    width: calc((100% - 24px)/2)
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w section.program_w {
    margin-top: 24px;
    padding: 28px 20px
  }
}

@media screen and (min-width: 820px) {
  .price_s3_w section.program_w {
    padding: 28px 24px
  }
}

@media screen and (min-width: 1160px) {
  .price_s3_w section.program_w {
    max-width: 528px
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w section.program_w ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    max-width: 480px;
    justify-content: center
  }
}

@media screen and (min-width: 820px) {
  .price_s3_w section.program_w ul {
    max-width: 740px
  }
}

@media screen and (max-width: 374px) {
  .price_s3_w section.program_w ul li {
    max-width: 100%;
    width: 240px
  }
}

@media screen and (min-width: 600px) {
  .price_s3_w section.program_w ul li {
    width: 228px
  }
}

@media screen and (min-width: 820px) {
  .price_s3_w section.program_w ul li {
    width: calc((100% - 24px)/2)
  }
}

@media screen and (min-width: 820px) {
  .price_s3_w section.program_w a.Button.-SS {
    margin-right: auto
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w.PageSection.-hasBg {
    border-width: 2px
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w .FlowColumn.-typeC .FlowColumn__body {
    padding: 0px 40px 40px
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w .FlowColumn__head {
    padding: 0 0 27.5px
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w .FlowColumn__headFigure {
    max-width: 180px;
    margin: 0
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w h3.FlowColumn__heading img {
    margin: 32px 0 24px
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w h3.FlowColumn__heading .-h6 {
    padding: 4px 24px
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w h3.FlowColumn__heading .-h3 {
    font-size: 32px
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w h3.FlowColumn__heading .-h3+.-h3 {
    font-size: 28px;
    line-height: 100%
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w .FlowColumn__body.sp_max {
    margin: 0 auto;
    width: 100%
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w .preface_w {
    padding: 96px 40px
  }
}

@media screen and (min-width: 1160px) {
  .price_s4_w .preface_w {
    padding: 120px 40px
  }
}

@media screen and (min-width: 820px) {
  .price_s4_w .preface_w+.ColumnArea.-hasBg {
    padding: 40px 0
  }
}

@media screen and (min-width: 820px) {
  .price_s4_w .preface_w+.ColumnArea.-hasBg+.Grid.-wAuto {
    flex-direction: row;
    align-items: center
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w .preface_w+.ColumnArea.-hasBg+.Grid.-wAuto>* {
    max-width: 480px
  }
}

@media screen and (min-width: 820px) {
  .price_s4_w .preface_w+.ColumnArea.-hasBg+.Grid.-wAuto>* {
    width: 50%;
    max-width: 50%
  }
}

@media screen and (min-width: 820px) {
  .price_s4_w .preface_w+.ColumnArea.-hasBg+.Grid.-wAuto .Text.pc {
    display: block
  }
}

@media screen and (max-width: 374px) {

  .price_s4_w .preface_w>p.Text,
  .price_s4_w .preface_w>p.Text span {
    font-size: 1.125rem
  }
}

@media screen and (min-width: 600px) {

  .price_s4_w .preface_w>p.Text,
  .price_s4_w .preface_w>p.Text span {
    font-size: 1.75rem
  }
}

@media screen and (min-width: 820px) {

  .price_s4_w .preface_w>p.Text,
  .price_s4_w .preface_w>p.Text span {
    font-size: 2rem
  }
}

@media screen and (min-width: 1160px) {

  .price_s4_w .preface_w>p.Text,
  .price_s4_w .preface_w>p.Text span {
    font-size: 36px
  }
}

@media screen and (max-width: 374px) {
  .price_s4_w .preface_w h3.FlowColumn__heading picture {
    width: 305px;
    display: block
  }
}

@media screen and (max-width: 374px) {
  .price_s4_w .preface_w h3.FlowColumn__heading p.Text.-blue {
    font-size: 1.125rem
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w .preface_w h3.FlowColumn__heading p.Text.-blue {
    font-size: 1.75rem
  }
}

@media screen and (min-width: 820px) {
  .price_s4_w .preface_w h3.FlowColumn__heading p.Text.-blue {
    font-size: 2rem
  }
}

@media screen and (min-width: 1160px) {
  .price_s4_w .preface_w h3.FlowColumn__heading p.Text.-blue {
    font-size: 36px
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w .preface_w .Grid.-spColumn>p.Text {
    width: 160px;
    padding: 40px 24px;
    border-radius: 8px 0px 0px 8px;
    border: 1px solid #0087d2;
    border-right: none
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w .preface_w .Grid.-spColumn>ul {
    padding: 0px 40px;
    border-radius: 0px 8px 8px 0px;
    border-top: 1px solid #0087d2;
    border-right: 1px solid #0087d2;
    border-bottom: 1px solid #0087d2
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w .preface_w .Grid.-spColumn>ul li {
    font-size: 16px
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w .preface_w .Banner.-hoverBg {
    max-width: 480px
  }
}

@media screen and (min-width: 820px) {
  .price_s4_w .preface_w .Banner.-hoverBg {
    max-width: 100%
  }
}

@media screen and (min-width: 1160px) {
  .price_s4_w .preface_w .Banner.-hoverBg {
    max-width: 1080px
  }
}

@media screen and (min-width: 1080px) {
  .price_s4_w .SwitchArea__panel .ColumnArea {
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w .SwitchArea__panel+.Pagesection__subInfo {
    margin: 8px 24px 48px
  }
}

@media screen and (min-width: 600px) {

  .price_s4_w .coaching_bnr,
  .price_s4_w .bp_bnr {
    width: 92%;
    height: 120px;
    padding: 21.5px 40px;
    margin-bottom: 0
  }
}

@media screen and (min-width: 600px) {

  .price_s4_w .coaching_bnr p.tit_txt,
  .price_s4_w .bp_bnr p.tit_txt {
    font-size: 12px
  }
}

@media screen and (min-width: 600px) {

  .price_s4_w .coaching_bnr p.Text.-bold,
  .price_s4_w .bp_bnr p.Text.-bold {
    font-size: 16px
  }
}

@media screen and (min-width: 600px) {

  .price_s4_w .bc_bnr_w,
  .price_s4_w .bp_bnr_w {
    padding: 24px 0 0
  }
}

@media screen and (min-width: 600px) {
  .price_s4_w .Pagesection__subInfo {
    margin: 24px 0
  }
}

@media screen and (min-width: 820px) {
  .price_s5_w .Stack.-spc2>*:last-child {
    margin: 48px 0
  }
}

@media screen and (min-width: 600px) {
  .price_s5_w .Stack.-spc2+.PageSection__item {
    max-width: 480px
  }
}

@media screen and (min-width: 820px) {
  .price_s5_w .Stack.-spc2+.PageSection__item {
    max-width: 740px;
    padding-top: 0
  }
}

@media screen and (min-width: 1160px) {
  .price_s5_w .Stack.-spc2+.PageSection__item {
    max-width: 1080px
  }
}

@media screen and (min-width: 600px) {
  .price_s5_w .ColumnArea.-point {
    padding: 20px 12px
  }
}

@media screen and (min-width: 820px) {
  .price_s5_w .ColumnArea.-point {
    padding: 20px
  }
}

@media screen and (min-width: 600px) {
  .price_s5_w .ColumnInfo.-resp {
    padding: 23px 24px
  }
}

@media screen and (min-width: 820px) {
  .price_s5_w .ColumnInfo.-resp {
    margin-bottom: 0
  }
}

@media screen and (min-width: 600px) {
  .price_s5_w .ColumnInfo.-resp p.ColumnInfo__title {
    height: auto
  }
}

@media screen and (min-width: 600px) {
  .price_s5_w .ColumnInfo.-resp p.ColumnInfo__title.-opened {
    line-height: 18px
  }
}

@media screen and (min-width: 820px) {
  .price_s5_w .ColumnArea__unit.-resp p.Text.-small {
    font-size: 14px
  }
}

@media screen and (min-width: 600px) {
  .price_s5_w .Grid.-spc2 {
    gap: 24px
  }
}

@media screen and (max-width: 374px) {
  .price_s5_w .Grid.-spc2 .ColumnArea.-point {
    padding: 16px 0
  }
}

@media screen and (min-width: 1160px) {

  .price_s3_w .ColumnInfo.-resp>.ColumnInfo__body,
  .price_s5_w .ColumnInfo.-resp>.ColumnInfo__body {
    display: flex !important;
    flex-direction: column;
    gap: 12px
  }
}

@media screen and (min-width: 820px) {

  .price_s3_w .ColumnInfo__body>*,
  .price_s5_w .ColumnInfo__body>* {
    margin-top: 12px
  }
}

@media screen and (min-width: 1160px) {

  .price_s3_w .ColumnInfo__body>*,
  .price_s5_w .ColumnInfo__body>* {
    margin-top: 0
  }
}

@media screen and (min-width: 820px) {

  .price_s3_w .ColumnInfo__cell,
  .price_s5_w .ColumnInfo__cell {
    flex-direction: row;
    padding: 4px 0
  }
}

@media screen and (min-width: 820px) {

  .price_s3_w .ColumnInfo__data,
  .price_s5_w .ColumnInfo__data {
    margin-top: 0
  }
}

@media screen and (min-width: 600px) {
  .price_s6_w {
    padding-top: 64px !important
  }
}

@media screen and (min-width: 820px) {
  .price_s6_w .Stack.-spc2 p+.PageSection__item {
    padding-top: 24px
  }
}

@media screen and (min-width: 820px) {
  .price_s6_w .ColumnArea.-hasLine.-price {
    padding: 24px 16px 16px 16px
  }
}

@media screen and (min-width: 820px) {
  .price_s6_w .ColumnArea.-hasLine.-price .Heading.-h5 {
    font-size: 1.25rem
  }
}

@media screen and (min-width: 600px) {
  .price_s6_w section.PageSection__item {
    max-width: 600px
  }
}

@media screen and (min-width: 820px) {
  .price_s6_w section.PageSection__item {
    max-width: 1080px
  }
}

@media screen and (min-width: 600px) {
  .price_s6_w .ColumnCard.-bgBlue.-spc5 {
    flex-direction: column;
    gap: 16px
  }
}

@media screen and (min-width: 820px) {
  .price_s6_w .ColumnCard.-bgBlue.-spc5 {
    flex-direction: row;
    gap: 16px
  }
}

@media screen and (min-width: 600px) {
  .price_s6_w .ColumnCard.-bgBlue.-spc5>*:first-child {
    width: 100%
  }
}

@media screen and (min-width: 600px) {
  .price_s6_w .ColumnCard.-bgBlue.-spc5>*:first-child .CommonList.-spc1>*+* {
    margin-top: 11px
  }
}

@media screen and (min-width: 820px) {
  .price_s6_w .ColumnCard.-bgBlue.-spc5>*:first-child .Grid.-spc5.-spColumn {
    margin: 0 24px !important
  }
}

@media screen and (min-width: 600px) {
  .price_s6_w .ColumnCard.-bgBlue.-spc5 .ColumnCard__item img {
    width: 311px
  }
}

@media screen and (min-width: 820px) {
  .price_s6_w .ColumnCard.-bgBlue.-spc5 .ColumnCard__item img {
    width: 330px
  }
}

@media screen and (min-width: 600px) {
  .price_s6_w .ColumnCard.-bgBlue.-spc5 .Heading.-hasBg.-white {
    line-height: 32px;
    font-size: 20px;
    font-weight: 400
  }
}

@media screen and (min-width: 820px) {
  .price_s6_w .ColumnCard.-bgGray.-spc5>*:first-child {
    margin: 0 24px
  }
}

@media screen and (min-width: 600px) {
  .price_s6_w .ColumnCard.-bgGray.-spc5>*:last-child {
    text-align: center;
    width: 100%
  }
}

@media screen and (min-width: 820px) {
  .price_s6_w .ColumnCard.-bgGray.-spc5 .ColumnCard__item {
    max-width: 40.243902439vw;
    justify-content: center;
    height: 223px
  }
}

@media screen and (min-width: 1160px) {
  .price_s6_w .ColumnCard.-bgGray.-spc5 .ColumnCard__item {
    max-width: 560px;
    height: 240px
  }
}

@media screen and (min-width: 820px) {
  .price_s6_w .ColumnCard.-bgGray.-spc5 .ColumnCard__item>p {
    margin-top: 0
  }
}

@media screen and (min-width: 820px) {
  .price_s6_w .ColumnCard.-bgGray.-spc5 .ColumnCard__item>p small {
    margin-top: 0
  }
}

@media screen and (min-width: 600px) {
  .price_s7_w.CTASection {
    padding-bottom: 64px
  }
}

@media screen and (min-width: 820px) {
  .new_price .SwitchArea.sp {
    display: none
  }
}

@media screen and (min-width: 820px) {
  .new_price .SwitchArea__button.-active {
    height: 56px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700
  }
}

@media screen and (min-width: 820px) {
  .new_price .SwitchArea__panel>.ColumnArea.-y_pink .Grid.-wAuto {
    flex-direction: row;
    gap: 16px;
    padding-bottom: 24px;
    white-space: nowrap;
    height: 72px
  }
}

@media screen and (min-width: 1080px) {
  .new_price .SwitchArea__panel>.ColumnArea .Grid.-wAuto p {
    font-size: 16px;
    font-weight: 500;
    line-height: 140%
  }
}

@media screen and (min-width: 820px) {
  .new_price .SwitchArea__panels h4 {
    padding: 0
  }
}

@media screen and (min-width: 1080px) {
  .new_price .SwitchArea__panels .PriceCard {
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .new_price .SwitchArea__panels .PriceCard__priceBox.head_price .PriceCard__price.-before>*:first-child {
    font-size: 14px
  }
}

@media screen and (min-width: 600px) {
  .new_price .SwitchArea__panels .PriceCard__priceBox.head_price .PriceCard__price.-before>*:last-child {
    font-size: 14px
  }
}

@media screen and (min-width: 1080px) {
  .new_price .SwitchArea__panels .price_w {
    gap: 1px
  }
}

@media screen and (min-width: 1080px) {
  .new_price .SwitchArea__panels .price_w .PriceCard__body {
    width: calc((100% - 24px)/2)
  }
}

@media screen and (min-width: 1080px) {
  .new_price .SwitchArea__panels .price_w .Icon.-plus {
    width: 24px
  }
}

@media screen and (min-width: 820px) {
  .new_price .SwitchArea__panels.pc {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin: 24px 0 0
  }
}

@media screen and (min-width: 1080px) {
  .new_price .SwitchArea__panels.pc {
    gap: 32px
  }
}

@media screen and (min-width: 1080px) {
  .new_price .SwitchArea__panels.pc>* {
    flex-basis: calc((100% - 32px)/2)
  }
}

@media screen and (min-width: 600px) {
  .new_price.price_s3_w .IconInfo {
    min-height: 171px
  }
}

@media screen and (min-width: 1160px) {
  #features .vl_w .balloon_w {
    top: -11px;
    left: 415px;
    transform: none
  }
}

@media screen and (min-width: 820px) {
  #features .vl_w .img_w {
    min-width: 311px
  }
}

@media screen and (min-width: 600px) {

  #features .vl_w .img_w p,
  #features .vl_w .img_w p span {
    margin-bottom: 0
  }
}

@media screen and (min-width: 820px) {

  #features .vl_w .img_w p,
  #features .vl_w .img_w p span {
    font-size: 24px;
    margin-bottom: 0
  }
}

@media screen and (min-width: 820px) {
  #features .vl_w .img_w picture img {
    width: 68.2926829268vw;
    max-width: 640px
  }
}

@media screen and (min-width: 1160px) {
  #features .vl_w .img_w picture img {
    width: 480px
  }
}

@media screen and (min-width: 1160px) {
  #features .vl_w .txt_w {
    width: 100%;
    margin-top: 16px
  }
}

@media screen and (min-width: 820px) {
  #features .vl_w .txt_w h5 {
    font-size: 1.5rem;
    width: 100%
  }
}

@media screen and (min-width: 820px) {
  #features .vl_w .txt_w h5 mark {
    background: linear-gradient(transparent 55%, #FFF288 55%)
  }
}

@media screen and (min-width: 820px) {
  #features .vl_w .txt_w h5 span.Text {
    font-size: 1.5rem
  }
}

@media screen and (min-width: 1160px) {
  #features .vl_w .txt_w>div.flex {
    width: 100%
  }
}

@media screen and (min-width: 820px) {
  #features .vl_w a.Button.-SS {
    margin-right: auto
  }
}

@media screen and (min-width: 820px) {
  #features br.sp_tb {
    display: none
  }
}

@media screen and (min-width: 600px) {

  #features p.end_txt.Text.-center,
  #features p.end_txt.Text.-center span.mark,
  #features p.end_txt.Text.-center span {
    font-size: 28px;
    gap: 16px;
    font-family: "Noto Sans JP", Regular;
  }
}

@media screen and (max-width: 374px) {

  #features p.end_txt.Text.-center.sp.sp_only,
  #features p.end_txt.Text.-center span.mark.sp.sp_only,
  #features p.end_txt.Text.-center span.sp.sp_only {
    display: none
  }
}

@media screen and (min-width: 600px) {

  #features p.end_txt.Text.-center.sp.sp_only,
  #features p.end_txt.Text.-center span.mark.sp.sp_only,
  #features p.end_txt.Text.-center span.sp.sp_only {
    display: none
  }
}

@media screen and (max-width: 374px) {

  #features p.end_txt.Text.-center span.sps,
  #features p.end_txt.Text.-center span.mark span.sps,
  #features p.end_txt.Text.-center span span.sps {
    display: inline-block
  }
}

@media screen and (min-width: 1160px) {

  #features p.end_txt.Text.-center span.tb_pc-inb,
  #features p.end_txt.Text.-center span.mark span.tb_pc-inb,
  #features p.end_txt.Text.-center span span.tb_pc-inb {
    margin-top: 0
  }
}

@media screen and (min-width: 1160px) {
  body.price .PageSection__title+p.Heading.-h4 {
    font-weight: 500;
    line-height: 1;
    font-family: "Noto Sans JP", Regular;
  }
}

@media screen and (min-width: 600px) {
  body.price #price .PageSection__title+p.Heading.-h4.eachTextAnime {
    line-height: 1
  }
}

@media screen and (min-width: 600px) {
  body.price #price .Stack.-spc2 p.Heading.-h4 {
    line-height: 1
  }
}

@media screen and (min-width: 600px) {
  body.price #price .ColumnInfo.-resp {
    width: 80vw;
    margin: 0 auto;
    padding: 15px 16px
  }
}

@media screen and (min-width: 820px) {
  body.price #price .ColumnInfo.-resp {
    width: 100%;
    padding: 23px 24px
  }
}

@media screen and (min-width: 600px) {

  body.price #price,
  body.price #features,
  body.price #flow,
  body.price #benefits,
  body.price #payment {
    padding: 96px 40px !important
  }
}

@media screen and (min-width: 1160px) {

  body.price #price,
  body.price #features,
  body.price #flow,
  body.price #benefits,
  body.price #payment {
    padding: 120px 0 !important
  }
}

@media screen and (max-width: 374px) {
  body.price .flex.-gap4.btn_subtit {
    white-space: nowrap
  }
}

@media screen and (min-width: 600px) {
  body.price .flex.-gap4.btn_subtit {
    margin-top: 48px;
    font-size: 1.25rem;
    letter-spacing: 1.44px
  }
}

@media screen and (min-width: 600px) {

  body.price #price .flex.-gap4.btn_subtit,
  body.price #flow .flex.-gap4.btn_subtit {
    margin-top: 48px;
    font-size: 1.25rem
  }
}

@media screen and (min-width: 820px) {

  body.price #price .flex.-gap4.btn_subtit,
  body.price #flow .flex.-gap4.btn_subtit {
    font-size: 1.5rem
  }
}

@media screen and (min-width: 600px) {

  body.price #price .flex.-gap4.btn_subtit+p.cta_btn,
  body.price #flow .flex.-gap4.btn_subtit+p.cta_btn {
    display: flex;
    align-items: center
  }
}

@media screen and (min-width: 600px) {

  body.price #price .flex.-gap4.btn_subtit+p.cta_btn+.ColumnInfo.-resp,
  body.price #flow .flex.-gap4.btn_subtit+p.cta_btn+.ColumnInfo.-resp {
    margin: 40px 0 0
  }
}

@media screen and (min-width: 600px) {

  body.price #price .flex.-gap4.btn_subtit+p.cta_btn .Button.-large,
  body.price #flow .flex.-gap4.btn_subtit+p.cta_btn .Button.-large {
    font-size: 1.125rem;
    max-width: 382px
  }
}

@media screen and (min-width: 820px) {

  body.price #price .flex.-gap4.btn_subtit+p.cta_btn .Button.-large,
  body.price #flow .flex.-gap4.btn_subtit+p.cta_btn .Button.-large {
    font-size: 1.25rem;
    height: 94px;
    max-width: 480px
  }
}

@media screen and (min-width: 820px) {

  body.price section#features,
  body.price section#flow,
  body.price section.PageSection.price_s6_w {
    border-width: 2px
  }
}

@media screen and (min-width: 600px) {
  body.price #price.price_s3_w .PageSection__item {
    max-width: 600px
  }
}

@media screen and (min-width: 820px) {
  body.price #price.price_s3_w .PageSection__item {
    max-width: 740px
  }
}

@media screen and (min-width: 1160px) {
  body.price #price.price_s3_w .PageSection__item {
    max-width: 1080px
  }
}

@media screen and (min-width: 600px) {
  body.price #price div#contents01>.-column.delayScroll>picture.box img {
    height: 36px
  }
}

@media screen and (min-width: 1160px) {
  body.price #price div#contents01>.-column.delayScroll>picture.box img {
    height: 56px
  }
}

@media screen and (min-width: 600px) {
  body.price #price div#contents01>.-column.delayScroll>p.box {
    font-size: 1.75rem
  }
}

@media screen and (min-width: 1160px) {
  body.price #price div#contents01>.-column.delayScroll>p.box {
    font-size: 36px
  }
}

@media screen and (min-width: 1160px) {
  body.price #price div#contents01 dl.ColumnInfo__body {
    padding-top: 12px
  }
}

@media screen and (min-width: 820px) {
  body.price #price div#contents01 dl.ColumnInfo__body .ColumnInfo__cell {
    margin: 12px 0 0
  }
}

@media screen and (min-width: 1160px) {
  body.price #price div#contents01 dl.ColumnInfo__body .ColumnInfo__cell {
    margin: 0
  }
}

@media screen and (min-width: 820px) {
  body.price #price div#contents01 dl.ColumnInfo__body>*:nth-child(2) {
    white-space: nowrap
  }
}

@media screen and (min-width: 600px) {
  body.price #features {
    padding-bottom: 96px !important
  }
}

@media screen and (min-width: 1160px) {
  body.price #features {
    padding-bottom: 120px !important
  }
}

@media screen and (max-width: 374px) {
  body.price #features .Stack.-spc2 {
    padding-bottom: 24px
  }
}

@media screen and (min-width: 820px) {
  body.price #features.price_s3_w .PageSection__inner .IconInfo {
    flex-basis: calc((100% - 24px)/2)
  }
}

@media screen and (min-width: 1160px) {
  body.price #features.price_s3_w .PageSection__inner .IconInfo {
    flex-basis: calc((100% - 48px)/3)
  }
}

@media screen and (min-width: 820px) {
  body.price #features .vl_w .vl_area {
    max-width: 740px
  }
}

@media screen and (max-width: 374px) {
  body.price #features span.sp span.sps {
    margin-top: 4px
  }
}

@media screen and (min-width: 600px) {

  body.price #flow .flow_area,
  body.price #flow .btn_area {
    max-width: 600px;
    margin-top: 24px
  }
}

@media screen and (min-width: 820px) {

  body.price #flow .flow_area,
  body.price #flow .btn_area {
    max-width: 740px
  }
}

@media screen and (min-width: 1160px) {

  body.price #flow .flow_area,
  body.price #flow .btn_area {
    max-width: 1080px
  }
}

@media screen and (min-width: 600px) {
  body.price #flow li.StepList__item:last-child::before {
    height: 0
  }
}

@media screen and (min-width: 600px) {
  body.price #flow li.StepList__item:not(:first-child) .StepList__number {
    transform: translateY(0)
  }
}

@media screen and (min-width: 820px) {
  body.price #flow li.StepList__item::before {
    left: 40px
  }
}

@media screen and (min-width: 820px) {
  body.price #flow li.StepList__item .StepList__body {
    padding-left: 96px
  }
}

@media screen and (min-width: 600px) {
  body.price #flow li.StepList__item .StepList__infoWrapper {
    flex-direction: column;
    align-items: flex-start
  }
}

@media screen and (min-width: 820px) {
  body.price #flow li.StepList__item .StepList__infoWrapper {
    flex-direction: row;
    gap: 24px
  }
}

@media screen and (min-width: 1160px) {
  body.price #flow li.StepList__item .StepList__infoWrapper {
    justify-content: space-between
  }
}

@media screen and (min-width: 820px) {
  body.price #flow li.StepList__item .StepList__infoWrapper .StepList__infoBox {
    min-height: 159px
  }
}

@media screen and (max-width: 374px) {
  body.price #flow li.StepList__item .StepList__infoWrapper h5.Text.-bold {
    font-size: 1.25rem
  }
}

@media screen and (min-width: 820px) {
  body.price #flow li.StepList__item .StepList__infoWrapper h5.Text.-bold {
    font-size: 2rem;
    white-space: nowrap;
    margin-top: 15px;
  }
}

@media screen and (max-width: 374px) {
  body.price #flow li.StepList__item .StepList__infoWrapper p.Text.-medium {
    font-size: .875rem
  }
}

@media screen and (min-width: 820px) {
  body.price #flow li.StepList__item .StepList__infoWrapper p.Text.-medium {
    font-size: 1.25rem
  }
}

@media screen and (max-width: 374px) {
  body.price #flow li.StepList__item .StepList__infoWrapper p.Text.-medium span {
    font-size: 1.125rem
  }
}

@media screen and (min-width: 820px) {
  body.price #flow li.StepList__item .StepList__infoWrapper p.Text.-medium span {
    font-size: 1.5rem
  }
}

@media screen and (max-width: 374px) {
  body.price #flow li.StepList__item .StepList__infoWrapper ul.flex.-gap12 li {
    font-size: .875rem;
    letter-spacing: .84px
  }
}

@media screen and (min-width: 600px) {
  body.price #flow li.StepList__item .StepList__infoWrapper ul.flex.-gap12 li {
    letter-spacing: 1.2px;
    font-size: 1.25rem
  }
}

@media screen and (min-width: 820px) {
  body.price #flow li.StepList__item .StepList__infoWrapper ul.flex.-gap12 li {
    white-space: nowrap
  }
}

@media screen and (min-width: 820px) {
  body.price #flow li.StepList__item .StepList__infoWrapper ul.flex.-gap12 li span.material-symbols-outlined {
    font-size: 1.25rem
  }
}

@media screen and (max-width: 374px) {
  body.price #flow li.StepList__item .StepList__infoWrapper ul.flex.-gap12 li span.-blue {
    font-size: .875rem
  }
}

@media screen and (min-width: 600px) {
  body.price #flow li.StepList__item .StepList__infoWrapper ul.flex.-gap12 li span.-blue {
    font-size: 1.25rem
  }
}

@media screen and (min-width: 600px) {
  body.price #flow li.StepList__item .StepList__infoWrapper .StepList__icon {
    padding-right: 40px
  }
}

@media screen and (min-width: 1160px) {
  body.price #flow li.StepList__item .StepList__infoWrapper .StepList__icon {
    padding-right: 64px
  }
}

@media screen and (min-width: 1160px) {
  body.price #flow li.StepList__item:first-child .StepList__infoWrapper .StepList__icon {
    padding-right: 40px
  }
}

@media screen and (min-width: 600px) {
  body.price #flow li.StepList__item:nth-child(2) .StepList__infoWrapper .StepList__icon {
    padding-right: 80px
  }
}

@media screen and (min-width: 820px) {
  body.price #flow li.StepList__item:nth-child(2) .StepList__infoWrapper .StepList__icon {
    padding-right: 0
  }
}

@media screen and (min-width: 1160px) {
  body.price #flow li.StepList__item:last-child .StepList__infoWrapper .StepList__icon {
    padding-right: 48px
  }
}

@media screen and (min-width: 820px) {
  body.price #flow p.annotation.tbl_pc {
    margin-top: 24px;
    margin-left: 96px;
    max-width: 304px;
    font-size: 10px
  }
}

@media screen and (min-width: 1160px) {
  body.price #flow p.annotation.tbl_pc {
    max-width: 100%
  }
}

@media screen and (min-width: 600px) {
  body.price #benefits .PageSection__item {
    max-width: 600px;
    margin: 0 auto
  }
}

@media screen and (min-width: 820px) {
  body.price #benefits .PageSection__item {
    max-width: 1080px
  }
}

@media screen and (min-width: 600px) {
  body.price #benefits .Grid.-spColumn {
    flex-direction: column;
    gap: 8px
  }
}

@media screen and (min-width: 820px) {
  body.price #benefits .Grid.-spColumn {
    flex-direction: row;
    gap: 24px
  }
}

@media screen and (min-width: 600px) {
  body.price #benefits .ColumnArea__unit.-resp {
    flex-direction: row;
    text-align: left;
    margin: 0
  }
}

@media screen and (min-width: 820px) {
  body.price #benefits .ColumnArea__unit.-resp {
    flex-direction: column;
    text-align: center;
    gap: 4px
  }
}

@media screen and (min-width: 820px) {
  body.price #benefits .ColumnArea__unit.-resp p.Heading.-h5 {
    font-size: 20px;
    margin-bottom: 8px
  }
}

@media screen and (min-width: 820px) {
  body.price #benefits .ColumnArea.-point .Text.-point {
    font-size: 48px;
    line-height: 64px
  }
}

@media screen and (min-width: 820px) {
  body.price #benefits .ColumnArea.-point .Text.-point span {
    font-size: 64px;
    line-height: 1
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .Stack.-spc5.-spcAll {
    max-width: 600px;
    margin: 0 auto
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .Stack.-spc5.-spcAll {
    max-width: 1080px
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .Grid.-spColumn {
    flex-direction: column;
    gap: 16px
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .Grid.-spColumn {
    flex-direction: row;
    gap: 24px
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .Grid.-spColumn .Grid.-spColumn {
    gap: 8px
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .Grid.-spColumn .Grid.-spc3.-contentCenter {
    margin-top: 8px
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .Grid.-spColumn .Grid.-spc3.-contentCenter {
    margin-top: 16px;
    height: 103px;
    align-items: center
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .Grid.-spColumn .Icon.-credit.-large {
    max-width: 48px
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .Grid.-spColumn .Icon.-credit.-large {
    max-width: 70px
  }
}

@media screen and (min-width: 1160px) {
  body.price #payment .Grid.-spColumn .Icon.-credit.-large {
    max-width: 80px
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS) {
    padding: 24px 16px;
    margin-top: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS) {
    margin-top: 24px;
    padding: 40px
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS)>div {
    flex-direction: row;
    gap: 16px
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS)>div {
    justify-content: space-between;
    width: 100%
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS)>div+p.tb_pc {
    margin-top: 0;
    line-height: 1
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS)>div+p.tb_pc small {
    line-height: 1.5
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS) .ColumnCard__item.-gap8 {
    padding-left: 0
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS) .ColumnCard__item.-gap8 {
    padding-left: 24px
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS) .ColumnCard__item.-gap8 p.Heading.-h5.-hasBg.-white {
    font-size: 18px;
    line-height: 1;
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS) .ColumnCard__item.-gap8 p.Heading.-h5.-hasBg.-white {
    font-size: 20px
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS) .ColumnCard__item.-gap8 p.Heading.-h5.-hasBg.-white span {
    line-height: 27px;
    padding-top: 3px
  }
}

@media screen and (max-width: 374px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS) .ColumnCard__item.-gap8 p.sp.tbl_pc {
    font-size: .625rem
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS) .ColumnCard__item.-gap8 p.sp.tbl_pc {
    display: none
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS) .ColumnCard__item.-gap8 p.sp.tbl_pc {
    display: block;
    margin-top: 24px
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS) .ColumnCard__item.-gap8>*:first-child {
    margin-top: 8px !important
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS) .ColumnCard__item.-gap8>*:nth-child(4) {
    margin-bottom: 8px !important
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS) .ColumnCard__item:not(.-gap8) {
    width: 293px
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS) p.tb {
    display: block;
    font-size: 10px
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5:not(.-pxS) p.tb {
    display: none
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5.-pxS .CommonList.-spc1 {
    margin-left: 8px;
    width: 25.487804878vw
  }
}

@media screen and (min-width: 1160px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5.-pxS .CommonList.-spc1 {
    width: -moz-max-content;
    width: max-content
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .ColumnCard.-bgGray.-spc5 {
    padding: 24px 16px;
    flex-direction: column
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnCard.-bgGray.-spc5 {
    padding: 40px;
    flex-direction: row;
    align-items: center
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnCard.-bgGray.-spc5 p.Heading.-h4 {
    font-size: 20px;
    line-height: 36px
  }
}

@media screen and (min-width: 820px) {
  body.price #payment p.Heading.-center:not(.-h5) small {
    margin: 8px 0 0
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnArea.-hasLine .Grid.-spc1 {
    margin-top: 16px
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnArea.-hasLine .Grid.-spc1 .Grid.-spc1.-contentCenter {
    margin-top: 8px
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnArea.-hasLine .ColumnArea.-hasLine.-thin {
    white-space: nowrap
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5 .Grid.-spc5.-spColumn {
    gap: 16px;
    margin: 0 24px
  }
}

@media screen and (min-width: 600px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5>*:last-child {
    margin: 0;
    display: flex;
    justify-content: center;
    width: 100%
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnCard.-bgBlue.-spc5>*:last-child {
    justify-content: flex-end
  }
}

@media screen and (max-width: 374px) {
  body.price #payment .Heading.-hasBg.-white:has(.sps_none) {
    padding-right: .8em
  }
}

@media screen and (max-width: 374px) {
  body.price #payment .Heading.-hasBg.-white.sps {
    display: inline
  }
}

@media screen and (max-width: 374px) {
  body.price #payment .Heading.-hasBg.-white span {
    display: inline
  }
}

@media screen and (max-width: 374px) {
  body.price #payment .Heading.-hasBg.-white span.sps_none {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  body.price #payment .Heading.-hasBg.-white span.pc-inb {
    display: inline-block
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnCard.-bgBlue.-pxS {
    padding: 24px 40px;
    flex-direction: row;
    align-items: center
  }
}

@media screen and (min-width: 820px) {
  body.price #payment .ColumnCard.-bgBlue.-pxS p.Grid__item.Heading.-h5 {
    font-size: 1.25rem;
    white-space: nowrap;
    line-height: 1.5
  }
}

@media screen and (max-width: 374px) {
  body.price br.sps {
    display: block
  }
}

@media screen and (min-width: 820px) {
  .flex.-c_r {
    flex-direction: row
  }
}

@media screen and (min-width: 820px) {
  .flex.-r_c {
    flex-direction: column
  }
}

@media screen and (min-width: 820px) {
  .eachTextAnime.sp_tb {
    display: none
  }
}

@media screen and (min-width: 820px) {
  .eachTextAnime.tbl_pc {
    display: block
  }
}

@media screen and (max-width: 320px) {
  .JPX_logo {
    max-height: 48px;
    min-height: 48px
  }
}

@media screen and (min-width: 600px) {
  .Heading.-h2.coaching__features_sub_heading {
    font-size: var(--fs-h2)
  }
}

@media screen and (min-width: 600px) {
  .Heading.-h2.coaching__features_sub_heading {
    font-size: var(--fs-h4)
  }
}

@media screen and (min-width: 600px) {
  .Heading.-h3.coaching__features_description {
    font-size: var(--fs-h2)
  }
}

@media screen and (min-width: 600px) {
  .Heading.-h3.coaching__features_description {
    font-size: var(--fs-h4)
  }
}

@media screen and (min-width: 600px) {
  :root {
    --fs-lpcopy: 2rem;
    --lp-fs-hero: 1.125rem
  }
}

@media screen and (min-width: 600px) {
  :root {
    --fs-body-m: 1rem;
    --fs-hero: 1.125rem;
    --fs-hero-l: 48px;
    --fs-32-r: 2rem;
    --fs-28-r: 1.75rem;
    --fs-24-r: 1.5rem;
    --fs-20-r: 1.25rem;
    --fs-18-r: 1.125rem;
    --fs-sectionTtl: 6.25rem;
    --fs-h2: 2rem;
    --fs-h3: 1.75rem;
    --fs-h4: 1.5rem;
    --fs-h5: 1.25rem;
    --fs-h6: 1.125rem;
    --fs-point: 3rem;
    --fs-ttl: 2.5rem;
    --fs-price: 2.5rem;
    --header-h: 111px;
    --header-h-n: -111px;
    --hero-h: 536px;
    --spc88-r: 88px;
    --spc64-r: 64px;
    --spc40-r: 40px;
    --spc24-r: 24px;
    --header-sh: 56px;
    --lp-hero-h: 470px
  }
}

@media screen and (min-width: 600px) {
  .Card.-typeA .Card__textBox {
    min-height: 312px
  }
}

@media screen and (min-width: 600px) {
  .Card.-typeA .Card__textBox .Card__text {
    width: calc(100% - 140px)
  }
}

@media screen and (max-width: 374px) {
  .Card.-typeB.swiper-slide {
    width: 82.9333333333vw
  }
}

@media screen and (min-width: 1160px) {
  .Card.-typeB.swiper-slide .Card__textBox {
    min-height: 460px
  }
}

@media screen and (min-width: 1160px) {
  .Card.-typeB.swiper-slide .Card__avatar {
    left: 20px;
    width: 291px
  }
}

@media screen and (min-width: 600px) {
  .Card.-typeB.swiper-slide .Card__avatar img {
    height: 100%
  }
}

@media screen and (max-width: 374px) {
  .Card__desc {
    font-size: 4vw
  }
}

@media screen and (max-width: 374px) {
  .Card__industry {
    font-size: 5.0666666667vw
  }
}

@media screen and (min-width: 1160px) {
  figure.PageSection__table .PageSection__tableTitle {
    font-size: 1.125rem
  }
}

@media screen and (min-width: 600px) {
  .CommonTable.-hasHead {
    padding-top: 11px
  }
}

@media screen and (min-width: 1160px) {
  .CommonTable__item {
    vertical-align: middle;
    font-size: .75rem
  }
}

@media screen and (min-width: 600px) {
  tr:first-child .CommonTable__item:not(:empty).-company {
    border-top: #fff solid 1px
  }
}

@media screen and (min-width: 1160px) {
  .CommonTable__item:first-child {
    width: 200px
  }
}

@media screen and (min-width: 1160px) {
  .CommonTable__item:first-child:not(:empty).-company {
    background-color: rgba(0, 0, 0, 0);
    border-top: #fff solid 1px;
    border-left: #fff solid 1px
  }
}

@media screen and (min-width: 1160px) {
  th.CommonTable__item {
    font-size: .875rem
  }
}

@media screen and (min-width: 1160px) {
  th.CommonTable__item.-company {
    background-color: rgba(0, 0, 0, 0)
  }
}

@media screen and (min-width: 1160px) {
  th.CommonTable__item.-company .CommonTable__itemBody {
    position: absolute;
    z-index: 1;
    left: -1px;
    bottom: -1px;
    width: calc(100% + 3px);
    height: 64px;
    background-color: #0087d2;
    color: #fff;
    border: #0087d2 solid 1px
  }
}

@media screen and (min-width: 1160px) {
  th.CommonTable__item.-primary {
    height: 53px
  }
}

@media screen and (min-width: 1160px) {
  td.CommonTable__item {
    padding: 16px 16px 16px 24px;
    text-align: left;
    height: 56px
  }
}

@media screen and (min-width: 1160px) {
  td.CommonTable__item.-company {
    border-top: none;
    border-left: #0087d2 solid 2px;
    border-right: #0087d2 solid 2px;
    border-bottom: #0087d2 solid 1px;
    height: 56px
  }
}

@media screen and (min-width: 820px) {
  tr:last-child td.CommonTable__item.-company {
    width: auto
  }
}

@media screen and (min-width: 1160px) {
  .PageSection__tableOuter table {
    min-width: 100%
  }
}

@media screen and (min-width: 600px) {
  .GreetSection__figure {
    position: absolute
  }
}

@media screen and (min-width: 600px) {
  .GreetSection__content {
    max-width: 600px;
    margin-left: auto;
    padding: 0px 0px 0px 40px
  }
}

@media screen and (min-width: 600px) {
  .GreetSection__foot {
    margin-top: 40px;
    padding-top: 40px
  }
}

@media(min-width: 768px)and (max-width: 930px) {
  .GreetSection__foot .Stack.-spc1 {
    padding: 0 16px
  }
}

@media(min-width: 768px)and (max-width: 930px) {
  .GreetSection {
    margin: 0 calc(50% - 50vw);
    width: 100vw
  }

  .GreetSection .GreetSection__body {
    padding-top: 48px
  }

  .GreetSection__figure {
    position: relative
  }

  .GreetSection__figure picture {
    height: 320px;
    width: 100%;
    background-image: url(../../ss_images/bg_beginner_tb.webp);
    display: block;
    background-size: cover;
    background-repeat: no-repeat
  }

  .GreetSection__figure img {
    display: none
  }

  .GreetSection__content {
    max-width: 100%;
    margin-left: 0;
    padding: 0
  }

  .GreetSection__content>div>.Stack.-spc3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 16px
  }

  .GreetSection__content>div>.Stack.-spc3 p.Heading.-h3.-blue {
    margin-bottom: 24px
  }
}

@media screen and (min-width: 600px) {
  .IntroItem {
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .IntroItem__headUnit {
    gap: 40px;
    margin-left: 0
  }
}

@media screen and (min-width: 600px) {
  .IntroItem__head {
    width: 100px;
    height: 100px;
    margin-left: 40px
  }
}

@media screen and (min-width: 600px) {
  .IntroItem__desc {
    width: 160px
  }
}

@media screen and (min-width: 600px) {
  .ProgramFigure.-typeA {
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .ProgramFigure.-typeB .ProgramFigure__item {
    font-size: .875rem
  }
}

@media screen and (min-width: 600px) {
  .ProgramFigure.-typeC .ProgramFigure__item {
    padding: 0px 16px;
    font-size: .875rem
  }
}

@media screen and (min-width: 600px) {
  .ProgramFigure__item {
    padding-left: 16px;
    padding-right: 16px
  }
}

@media(min-width: 651px)and (max-width: 768px) {
  .Summary_w .Summary_txt .Headline__text {
    flex-direction: row !important
  }
}

@media screen and (max-width: 850px) {
  .Summary_w .Summary_img {
    display: none
  }
}

@media screen and (max-width: 850px) {
  section.PageSection__item+a.Banner.-bgIcon {
    margin-bottom: 24px;
    height: 100px;
    max-width: 343px;
    padding: 0px 16px
  }

  section.PageSection__item+a.Banner.-bgIcon p.Text.-resp {
    font-size: 14px
  }

  section.PageSection__item+a.Banner.-bgIcon p.Text.-XS {
    font-size: 10px
  }
}

@media screen and (max-width: 850px) {
  .tab_sp2 {
    display: block;
    max-width: 260px;
    margin: 0 !important;
    width: 260px;
    height: 160px;
    flex-basis: auto;
    background-image: url(../ss_images/img_intro_sp.webp);
    background-size: cover;
    flex-basis: 100%
  }
}

@media(min-width: 651px)and (max-width: 850px) {
  .PageSection.intro_w {
    padding-bottom: 40px
  }

  .Summary_w .Summary_txt {
    flex-basis: 100%
  }

  .Summary_w .Summary_txt .Summary {
    height: 463px
  }

  .Summary_w .Summary_txt .Headline__text {
    flex-direction: row
  }

  .Summary_w .Summary_txt .Headline__text:after {
    display: none
  }

  .Summary_w .Summary_txt .Headline__text h3 {
    font-size: 3.6458333333vw;
    gap: 1.0416666667vw;
    position: static;
    justify-content: flex-end
  }

  .Summary_w .Summary_txt .Headline__text h3 span {
    z-index: 10
  }

  .Summary_w .Summary_txt .Headline__text h3 img {
    width: 21.3541666667vw;
    height: 5.46875vw
  }

  .Summary_w .Summary_txt .Headline__text h3:after {
    content: "";
    position: absolute;
    display: block;
    background-color: #e7f3fa;
    width: 100%;
    height: 2.6041666667vw;
    bottom: 0;
    left: 0;
    z-index: 0
  }

  .Summary_w .Summary_txt .Headline__text>img {
    margin: 0;
    width: 33.8541666667vw;
    height: 18.4895833333vw;
    max-width: -moz-fit-content;
    max-width: fit-content
  }
}

@media screen and (max-width: 650px) {
  .pc_tab2 {
    display: none
  }

  .sp_only {
    display: flex
  }

  .tab_sp2 {
    display: block;
    position: relative;
    width: 100%;
    height: 42.6666666667vw;
    background-image: none;
    flex-basis: auto !important
  }

  .tab_sp2:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    margin: 0 !important;
    width: 69.3333333333vw;
    height: 42.6666666667vw;
    background-image: url(../ss_images/img_intro_sp.webp);
    background-size: cover
  }

  .ColumnArea.-pbL {
    padding-bottom: 24px
  }

  .Summary_w .Summary_txt .Summary {
    padding: 40px 16px;
    height: auto
  }

  .Summary_w .Summary_txt .Headline__text h3 {
    padding: 0 0 10px;
    position: relative
  }

  .Summary_w .Summary_txt .Headline__text h3 span {
    z-index: 10
  }

  .Summary_w .Summary_txt .Headline__text h3:after {
    content: "";
    position: absolute;
    display: block;
    background-color: #e7f3fa;
    width: 100%;
    height: 1.1em;
    bottom: 0;
    left: 0;
    z-index: 0
  }

  .Summary_w .Summary_txt .Headline__text:after {
    display: none
  }

  .Summary_w .Summary_txt .Headline__text .tab_sp2 {
    text-align: right;
    max-width: 100%;
    background-color: #e7f3fa
  }
}

@media screen and (max-width: 450px) {
  .sp_br {
    display: block
  }

  section.PageSection__item+a.Banner.-bgIcon {
    height: 116px;
    padding: 8px 16px
  }

  .Summary_w .Summary_txt .Summary div.Grid p mark {
    padding: 4px 8px
  }

  .Summary_w .Summary_txt .Summary div.Grid span.grad_bg {
    margin-right: 0
  }

  .Summary_w .Summary_txt .Summary div.Grid span.mark_w.ml0 {
    margin-left: 0
  }

  .Summary_w .Summary_txt .Headline__text h3 {
    padding: 24px 0 16px
  }

  .Summary_w .Summary_txt .Headline__text h3:after {
    height: 32px
  }

  .Summary_w .Summary_txt .Headline__text h3 img {
    height: 36px;
    width: 144px
  }

  .Summary_w .Summary_txt .Headline__text .tab_sp2 img {
    height: 109px;
    width: -moz-fit-content;
    width: fit-content
  }
}

@media screen and (min-width: 600px) {
  .ArrowLabel {
    justify-content: flex-start;
    padding: 0px 24px;
    width: calc(100% - 16px);
    height: 32px;
    margin-right: 16px
  }
}

@media screen and (min-width: 600px) {
  .ArrowLabel::after {
    right: -16px;
    border-width: 16px 0 16px 16px
  }
}

@media screen and (min-width: 600px) {
  .SpeechBubble.-keyPhrase.-point {
    font-size: 1.125rem
  }
}

@media screen and (min-width: 600px) {
  .SpeechBubble.-keyPhrase.-point .SpeechBubble__content {
    min-height: 192px;
    gap: 16px;
    padding: 24px 40px
  }
}

@media screen and (min-width: 600px) {
  .SpeechBubble.-keyPhrase.-point mark {
    font-size: 1.25rem
  }
}

@media screen and (min-width: 600px) {
  .Avatar.-resp32 {
    max-width: none
  }
}

@media screen and (min-width: 820px) {

  .bnr_w.-BBP,
  .bnr_w.-BC {
    max-width: 100%;
    width: 628px;
    margin: 0 auto
  }
}

@media screen and (min-width: 820px) {

  .bnr_w.-BBP::before,
  .bnr_w.-BC::before {
    width: 160px;
    height: 160px
  }
}

@media screen and (min-width: 820px) {
  .Banner.-bgIcon {
    max-width: 628px;
    height: 200px
  }
}

@media screen and (min-width: 820px) {
  .Banner.-bgIcon {
    max-width: 640px
  }
}

@media screen and (min-width: 820px) {
  .Banner.-bgIcon .Banner__textBox .txt_area {
    padding-left: 196px
  }
}

@media screen and (min-width: 820px) {
  .Banner.-bgIcon .Banner__textBox .txt_area p {
    font-size: 1rem;
    letter-spacing: .96px
  }
}

@media screen and (min-width: 820px) {
  .Banner.-bgIcon .Banner__textBox .txt_area div {
    font-size: 1.25rem;
    letter-spacing: .8px
  }
}

@media screen and (min-width: 820px) {
  .Banner.-bgIcon .Banner__textBox .txt_area div p.svg_mask.-siz16 {
    font-size: 1.5rem;
    width: 24px;
    height: 24px
  }
}

@media screen and (min-width: 600px) {
  .PageSection__item.bnrB_w .Container.-medium {
    width: calc(100% - 32px);
    max-width: 1080px
  }
}

@media screen and (min-width: 600px) {
  .PageSection__item.bnrB_w .Banner.-typeB {
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    margin: 0
  }
}

@media screen and (min-width: 1160px) {
  .PageSection__item.bnrB_w .Banner.-typeB::before {
    display: none
  }
}

@media screen and (min-width: 820px) {
  .PageSection__item.bnrB_w .Banner.-typeB .Banner__title {
    width: 696px;
    padding: 24px 40px
  }
}

@media screen and (min-width: 600px) {
  .Banner.-ourMission {
    padding: 40px 80px;
    background-image: url(../../ss_images/PR_ourMission_bg_pc.webp);
    background-size: cover;
    background-position: center
  }
}

@media(min-width: 768px)and (max-width: 930px) {
  .Banner.-ourMission {
    background-image: url(../../ss_images/PR_ourMission_bg_tb.webp);
    background-position: left;
    background-size: cover;
    padding: 24px 16px
  }
}

@media screen and (min-width: 600px) {
  .Banner.-ourMission .Banner__box {
    max-width: 568px;
    margin-left: auto;
    padding: 24px 0px;
    letter-spacing: -0.05px
  }
}

@media(min-width: 768px)and (max-width: 930px) {
  .Banner.-ourMission .Banner__box {
    max-width: 67.311827957vw;
    margin-left: 240px;
    padding: 24px 0px
  }
}

@media screen and (min-width: 600px) {
  .Banner.-ourMission .Banner__text {
    margin-top: 24px
  }
}

@media screen and (min-width: 600px) {
  .Banner.-ourMission .Banner__foot {
    margin-top: 64px
  }
}

@media(min-width: 768px)and (max-width: 930px) {
  .Banner.-ourMission .Banner__foot {
    margin-top: 64px
  }
}

@media(min-width: 601px)and (max-width: 767px) {
  .Banner.-ourMission .Banner__foot {
    margin-top: 65vw
  }
}

@media(min-width: 491px)and (max-width: 600px) {
  .Banner.-ourMission .Banner__foot {
    margin-top: 60vw
  }
}

@media(min-width: 390px)and (max-width: 490px) {
  .Banner.-ourMission .Banner__foot {
    margin-top: 55vw
  }
}

@media screen and (min-width: 600px) {
  .banner.-typeC {
    justify-content: center;
    height: 288px;
    background-image: url(../img/CTA_ss_footer_pc.webp)
  }
}

@media screen and (min-width: 1160px) {
  .banner.-typeC {
    height: 320px
  }
}

@media screen and (min-width: 600px) {
  .banner.-typeC .button.-cta:hover {
    border-bottom: #e6d54e solid 0px
  }
}

@media screen and (min-width: 600px) {
  .banner.-typeC:hover .banner_button .Button {
    border-bottom: #e6d54e solid 0px
  }
}

@media screen and (min-width: 600px) {
  .banner.-typeC .banner_body {
    padding: 0 24px
  }
}

@media screen and (min-width: 1160px) {
  .banner.-typeC .banner_body {
    padding: 0
  }
}

@media screen and (min-width: 600px) {
  .banner.-typeC .banner_title {
    font-size: 1.25rem
  }
}

@media screen and (min-width: 1160px) {
  .banner.-typeC .banner_title {
    font-size: 1.5rem
  }
}

@media screen and (min-width: 600px) {
  .banner.-typeC .banner_button {
    width: 50%;
    max-width: none;
    margin-left: 50%;
    margin-right: 0;
    margin-top: 0
  }
}

@media screen and (min-width: 600px) {
  .banner.-typeC .banner_button .Button {
    margin: 0
  }
}

@media screen and (min-width: 600px) {
  .Button.-bannerStyle {
    height: auto;
    padding: 0px
  }
}

@media screen and (min-width: 600px) {
  .Button.-bannerStyle:hover {
    opacity: .8
  }
}

@media screen and (min-width: 600px) {
  .Button.-bannerStyle .Button__icon {
    position: static;
    border-radius: 8px 0px 0px 8px
  }
}

@media screen and (min-width: 600px) {
  .Button.-bannerStyle .Button__box {
    padding: 0px 24px
  }
}

@media screen and (min-width: 600px) {
  .Button.-bannerStyle .Button__box.-hasBorder {
    display: flex
  }
}

@media screen and (min-width: 600px) {
  .HeroArea__info button.Button.-cta.-medium {
    font-size: 18px;
    margin: 0
  }
}

@media screen and (min-width: 820px) {

  section.in-content_max .Button.-SS,
  section.trainers_btn .Button.-SS {
    margin-right: 0
  }
}

@media screen and (min-width: 820px) {
  .price_content .Button.-fill {
    margin-right: 0
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-pySS.-resp {
    padding: 16px 24px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-hasHead .ColumnArea__bodyBox {
    padding: 0px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-hasHead .ColumnArea__bodyBox.-headUnit {
    padding: 0px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-hasHead .ColumnArea__body {
    padding: 24px 40px 40px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-hasFigure.-resp {
    padding: 40px 40px 0px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea.-hasFigure.-spFull {
    padding: 40px 40px 0px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea__head.-resp {
    padding: 0px
  }
}

@media screen and (min-width: 600px) {
  .ColumnArea__head.-large {
    margin-top: 40px
  }
}

@media screen and (min-width: 600px) {
  .PageSection__item.-pdL .ColumnArea.-hasLine {
    padding: 24px
  }
}

@media screen and (min-width: 600px) {
  .Grid.-labelDescCluster {
    align-items: flex-start;
    flex-direction: column
  }
}

@media screen and (min-width: 600px) {
  .Grid.-labelDescCluster .Grid__item.-desc {
    padding: 8px 0px 0px
  }
}

@media screen and (min-width: 600px) {
  .Grid.-spc1.-resp2 {
    gap: 8px
  }
}

@media screen and (min-width: 600px) {
  .Grid__item.-pTypeA {
    padding: 0px 40px 40px 0px
  }
}

@media screen and (min-width: 600px) {
  .Grid__item.-wAuto.-resp {
    flex-basis: auto
  }
}

@media screen and (min-width: 600px) {
  .Grid__item.-w646 {
    flex-basis: 646px
  }
}

@media screen and (min-width: 600px) {
  .Grid__item.-w520 {
    flex-basis: 520px
  }
}

@media screen and (min-width: 600px) {
  .Grid__item.-w360 {
    flex-basis: 360px
  }
}

@media screen and (min-width: 600px) {
  .Heading.-spCenter {
    text-align: left
  }
}

@media screen and (max-width: 374px) {
  .Heading.-intro {
    font-size: 7.4666666667vw
  }
}

@media screen and (min-width: 820px) {
  .Heading.-intro.sp_tb {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  .Heading.-intro.sp_tbl {
    display: none
  }
}

@media screen and (min-width: 820px) {
  .Heading.-intro.tbl_pc {
    display: flex
  }
}

@media screen and (min-width: 1160px) {
  .Heading.-intro.pc {
    display: flex
  }
}

@media screen and (min-width: 1160px) {

  .Heading.-intro p,
  .Heading.-intro span {
    font-size: 2.5rem;
    letter-spacing: 2.4px
  }
}

@media screen and (max-width: 374px) {

  .Heading.-intro p,
  .Heading.-intro span {
    font-size: 7.4666666667vw
  }
}

@media screen and (min-width: 1160px) {
  .Heading.-intro img {
    max-width: initial
  }
}

@media screen and (max-width: 374px) {
  .Heading.-intro img {
    width: 38.4vw
  }
}

@media screen and (min-width: 600px) {
  .Heading.-dashed.-pcNone {
    padding-bottom: 8px;
    background-image: none
  }
}

@media screen and (min-width: 600px) {
  .Heading.-dashed.-spNone {
    background-image: linear-gradient(to right, #141821, #141821 2px, transparent 2px, transparent 4px)
  }
}

@media screen and (min-width: 600px) {
  .Heading.-beginner>span {
    align-items: center;
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .Heading.-beginner mark {
    background-image: none
  }
}

@media screen and (min-width: 600px) {
  .Headline.-primary .Heading>*:first-child {
    padding: 16px 0
  }
}

@media screen and (min-width: 600px) {
  .Headline.-primary .Heading img {
    max-width: 195px
  }
}

@media screen and (min-width: 600px) {
  .Headline.-primary .Heading>*:last-child {
    font-size: 1.5rem
  }
}

@media screen and (min-width: 600px) {
  .Headline.-floatText .Headline__text {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 62%;
    text-align: center
  }
}

@media screen and (min-width: 600px) {
  .Headline.-floatText .Headline__icon {
    width: 40%;
    max-width: none;
    margin-top: 0px;
    margin-right: 0px
  }
}

@media screen and (min-width: 600px) {
  .Headline.-features .Headline__icon {
    position: absolute;
    top: 0px;
    left: 0px
  }
}

@media screen and (min-width: 600px) {
  .Headline.-biginner .Headline__wrapper {
    align-items: center;
    flex-direction: row
  }
}

@media screen and (min-width: 820px) {
  .HeroArea__wrapper .HeroArea__button .Button.-posL {
    height: 79px
  }
}

@media screen and (min-width: 820px) {
  .HeroArea__wrapper .HeroArea__button button.Button.-cta.-medium {
    max-width: 320px;
    font-size: 1.125rem
  }
}

@media(min-width: 600px)and (max-width: 710px) {
  .HeroArea__wrapper .HeroArea__box.-badge>.Grid {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 248px
  }
}

@media screen and (min-width: 600px) {
  .HeroArea__copy {
    line-height: 150%;
    letter-spacing: 14.4px
  }
}

@media screen and (max-width: 374px) {
  .Icon.-spM {
    max-width: 25vw
  }
}

@media screen and (min-width: 1160px) {
  .PageSection__title {
    font-size: 1rem
  }
}

@media screen and (min-width: 1160px) {
  .PageSection__title span.square {
    width: 20px;
    height: 20px
  }
}

@media screen and (max-width: 374px) {
  .PageSection__tableTitle {
    letter-spacing: 1.68px
  }
}

@media screen and (min-width: 820px) {
  .PageSection.-hasBg.-grayHarf {
    padding: 0 0 96px
  }
}

@media screen and (min-width: 1160px) {
  .PageSection.-hasBg.-grayHarf {
    padding: 0 0 120px
  }
}

@media screen and (min-width: 820px) {
  .PageSection.-hasBg.-grayHarf h2.Text {
    font-size: 24px
  }
}

@media screen and (min-width: 1160px) {
  .PageSection.-hasBg.-grayHarf h2.Text {
    font-size: 36px
  }
}

@media screen and (min-width: 600px) {
  .PageSection__item.-hasDeco::after {
    background-size: 185px 320px;
    width: 185px;
    height: 320px
  }
}

@media screen and (min-width: 600px) {
  .PageSection__headItem {
    padding-top: 24px;
    padding-bottom: 96px
  }
}

@media screen and (min-width: 820px) {
  .PageSection__headItem {
    padding-top: 48px;
    padding-bottom: 120px
  }
}

@media screen and (min-width: 1160px) {
  .LinkItem_flex .PageSection__heading.-hasIcon.-resp .Icon {
    margin: 0 auto
  }
}

@media screen and (min-width: 600px) {
  .LinkItem_flex .PageSection__heading.-hasIcon.-resp+p {
    font-size: 2rem
  }
}

@media(min-width: 769px)and (max-width: 1090px) {
  .LinkItem_flex .PageSection__heading.-hasIcon.-resp+p {
    font-size: 2.6007802341vw
  }
}

@media screen and (max-width: 768px) {
  .PageSection__figure.-spFull img {
    width: 100%
  }
}

@media screen and (min-width: 600px) {
  .PageSection__thumbnail a:hover {
    opacity: .8
  }
}

@media screen and (min-width: 820px) {
  .info_bnr {
    padding: 48px 0 0
  }
}

@media screen and (min-width: 820px) {
  .info_bnr .annotation {
    max-width: 100%;
    text-align: right
  }
}

@media screen and (min-width: 1160px) {
  .section.-hasBg.section_topics {
    gap: 96px
  }
}

@media screen and (min-width: 820px) {
  .section.-hasBg.section_topics .head_area_w {
    gap: 48px
  }
}

@media screen and (min-width: 1160px) {
  .section.-hasBg.section_topics .head_area_w {
    gap: 72px;
    padding: 0 40px
  }
}

@media screen and (min-width: 630px) {
  .section.-hasBg.section_topics .head_area_w .head_area {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between
  }
}

@media screen and (min-width: 1160px) {
  .section.-hasBg.section_topics .head_area_w .head_area>.flex.-gap24 {
    gap: 36px
  }
}

@media screen and (min-width: 1160px) {
  .section.-hasBg.section_topics .head_area_w+.section.-blue {
    border-radius: 16px;
    margin: 0 auto;
    width: 100%;
    max-width: 1160px
  }

  .section.-hasBg.section_topics .head_area_w+.section.-blue #voice_slider {
    margin: 0 calc(50% - 50vw);
    width: 100vw
  }

  .section.-hasBg.section_topics .head_area_w+.section.-blue #voice_slider+div.flex.-center {
    justify-content: flex-end
  }
}

@media screen and (min-width: 740px) {
  .section.-hasBg.section_topics .focus {
    max-width: 740px;
    width: 100%
  }
}

@media screen and (min-width: 1160px) {
  .section.-hasBg.section_topics .focus {
    max-width: 1160px;
    gap: 0
  }
}

@media screen and (min-width: 740px) {
  .section.-hasBg.section_topics .focus>div>.flex.-center {
    width: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 24px
  }
}

@media screen and (min-width: 820px) {
  .section.-hasBg.section_topics .focus>div>.flex.-center {
    flex-direction: row
  }
}

@media screen and (min-width: 1160px) {
  .section.-hasBg.section_topics .focus>div>.flex.-center {
    justify-content: center;
    gap: 40px
  }
}

@media screen and (min-width: 740px) {
  .section.-hasBg.section_topics .focus>div>.flex.-center .img_txt {
    width: calc(100% - 380px);
    text-align: center;
    display: block
  }
}

@media screen and (min-width: 820px) {
  .section.-hasBg.section_topics .focus>div>.flex.-center .img_txt {
    max-width: 342px;
    width: 100%
  }
}

@media screen and (min-width: 1160px) {
  .section.-hasBg.section_topics .focus>div>.flex.-center .img_txt {
    width: auto
  }
}

@media screen and (min-width: 1160px) {

  .section.-hasBg.section_topics .focus .focus_txt,
  .section.-hasBg.section_topics .focus .focus_txt span.Text {
    font-size: 1.5rem
  }
}

@media screen and (max-width: 374px) {

  .section.-hasBg.section_topics .focus .focus_txt,
  .section.-hasBg.section_topics .focus .focus_txt span.Text {
    font-size: 5.3333333333vw
  }
}

@media screen and (min-width: 1160px) {
  .section.-hasBg.section_topics .focus .focus_txt mark {
    font-size: 1.5rem
  }
}

@media screen and (max-width: 374px) {
  .section.-hasBg.section_topics .focus .focus_txt mark {
    font-size: 5.3333333333vw
  }
}

@media screen and (min-width: 820px) {

  .section.-hasBg.section_topics .focus .focus_txt p.tbl,
  .section.-hasBg.section_topics .focus .focus_txt div.sub_txt.tbl {
    display: flex
  }
}

@media screen and (min-width: 1160px) {

  .section.-hasBg.section_topics .focus .focus_txt p.tbl,
  .section.-hasBg.section_topics .focus .focus_txt div.sub_txt.tbl {
    display: none
  }
}

@media screen and (min-width: 1160px) {

  .section.-hasBg.section_topics .focus .focus_txt p.pc,
  .section.-hasBg.section_topics .focus .focus_txt div.sub_txt.pc {
    display: flex
  }
}

@media screen and (min-width: 820px) {

  .section.-hasBg.section_topics .focus .focus_txt>div.sub_txt,
  .section.-hasBg.section_topics .focus .focus_txt>div.sub_txt span.Text.-blue {
    font-size: 1rem
  }
}

@media screen and (min-width: 1160px) {

  .section.-hasBg.section_topics .focus .focus_txt>div.sub_txt,
  .section.-hasBg.section_topics .focus .focus_txt>div.sub_txt span.Text.-blue {
    font-size: 1.125rem
  }
}

@media screen and (min-width: 740px) {
  .section.-hasBg.section_topics .focus .focus_txt.sp_tb {
    align-items: flex-start
  }
}

@media screen and (min-width: 740px) {
  .section.-hasBg.section_topics .focus .focus_txt.sp_tb>div {
    align-items: flex-start
  }
}

@media screen and (min-width: 820px) {
  .section.-hasBg.section_topics .focus .focus_txt.sp_tb {
    display: none
  }
}

@media screen and (min-width: 820px) {
  .section.-hasBg.section_topics .focus .focus_txt.tbl_pc {
    gap: 12px;
    display: flex;
    width: 680px
  }
}

@media screen and (min-width: 1160px) {
  .section.-hasBg.section_topics .focus .hikasan_img {
    width: 100%;
    height: 120px;
    position: relative
  }

  .section.-hasBg.section_topics .focus .hikasan_img::after {
    content: "";
    display: block;
    position: absolute;
    right: -40px;
    bottom: 0;
    width: 275px;
    height: 275px;
    background-image: url(../assets/common/images/HIKAsan_1.webp);
    background-repeat: no-repeat;
    background-size: contain
  }
}

@media screen and (min-width: 1290px) {
  .section.-hasBg.section_topics .focus .hikasan_img::after {
    right: -64px
  }
}

@media screen and (min-width: 1160px) {
  .section.-hasBg.section_topics .focus .hikasan_img img {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .section.-hasBg.section_topics br.sp {
    display: none
  }
}

@media screen and (min-width: 820px) {
  .section.-hasBg.section_topics .sp_w_max {
    display: none
  }
}

@media screen and (min-width: 820px) {
  .section.-hasBg.section_topics .tbl_pc {
    display: block
  }
}

@media screen and (min-width: 1160px) {
  body.top section.PageSection.-hasBg.section_topics {
    padding: 0
  }
}

@media screen and (min-width: 820px) {
  #badge_logo_w {
    gap: 48px
  }
}

@media screen and (min-width: 1160px) {
  #badge_logo_w {
    gap: 96px
  }
}

@media screen and (min-width: 1160px) {
  #badge_logo_w .head_w .head_sub {
    font-size: 1.25rem;
    letter-spacing: 1.2px
  }
}

@media screen and (min-width: 1160px) {
  #badge_logo_w #badge_area {
    padding: 40px;
    max-width: 1160px
  }
}

@media screen and (min-width: 1160px) {
  #badge_logo_w #badge_area .head_txt {
    font-size: 1.5rem;
    letter-spacing: 1.44px
  }
}

@media screen and (min-width: 1160px) {
  #badge_logo_w #badge_area .Grid.-badgeCluster {
    gap: 40px
  }
}

@media screen and (min-width: 1160px) {
  #badge_logo_w #logo_area {
    max-width: 1160px
  }
}

@media screen and (min-width: 1160px) {
  #badge_logo_w #logo_area .head_txt {
    font-size: 36px;
    letter-spacing: 2.16px
  }
}

@media screen and (min-width: 820px) {
  br.sp_tb {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  br.sp_tbl {
    display: none
  }
}

@media screen and (min-width: 820px) {
  br.sp_tb.pc {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  br.sp_tb.pc {
    display: block
  }
}

@media screen and (min-width: 820px) {
  br.tbl {
    display: block
  }
}

@media screen and (min-width: 1160px) {
  br.tbl {
    display: none
  }
}

@media screen and (min-width: 820px) {
  br.tbl_pc {
    display: block
  }
}

@media screen and (min-width: 1160px) {
  #features {
    gap: 96px
  }
}

@media screen and (min-width: 1160px) {
  #features .head_area_pc {
    padding: 0 40px;
    justify-content: space-between
  }
}

@media screen and (min-width: 820px) {
  #features .head_area_pc .head_area_w {
    gap: 48px
  }
}

@media screen and (min-width: 1160px) {
  #features .head_area_pc .head_area_w {
    width: -moz-max-content;
    width: max-content;
    gap: 72px
  }
}

@media screen and (min-width: 1160px) {
  #features .head_area_pc .head_area_w .annotation {
    white-space: nowrap
  }
}

@media screen and (min-width: 760px) {
  #features .head_area_pc .head_area {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .head_area_w,
  #features #contents02 .head_area_w,
  #features #contents03 .head_area_w {
    gap: 96px
  }
}

@media screen and (min-width: 820px) {

  #features #contents01 .head_area_w .float_badge,
  #features #contents02 .head_area_w .float_badge,
  #features #contents03 .head_area_w .float_badge {
    right: 40px
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .head_area_w .float_badge,
  #features #contents02 .head_area_w .float_badge,
  #features #contents03 .head_area_w .float_badge {
    top: 40px
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .head_area_w .head_area .head_tit,
  #features #contents02 .head_area_w .head_area .head_tit,
  #features #contents03 .head_area_w .head_area .head_tit {
    font-size: 2.5rem
  }
}

@media screen and (max-width: 374px) {

  #features #contents01 .head_area_w .head_area .head_tit,
  #features #contents02 .head_area_w .head_area .head_tit,
  #features #contents03 .head_area_w .head_area .head_tit {
    font-size: 7.4666666667vw
  }
}

@media screen and (min-width: 820px) {

  #features #contents01 .head_area_w .head_area .SS_img_features_01,
  #features #contents01 .head_area_w .head_area .SS_img_features_02,
  #features #contents01 .head_area_w .head_area .SS_img_features_03,
  #features #contents02 .head_area_w .head_area .SS_img_features_01,
  #features #contents02 .head_area_w .head_area .SS_img_features_02,
  #features #contents02 .head_area_w .head_area .SS_img_features_03,
  #features #contents03 .head_area_w .head_area .SS_img_features_01,
  #features #contents03 .head_area_w .head_area .SS_img_features_02,
  #features #contents03 .head_area_w .head_area .SS_img_features_03 {
    position: absolute;
    top: 64px;
    right: 0;
    width: 375px;
    height: 285px;
    margin: 0;
    z-index: 0
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .head_area_w .head_area .SS_img_features_01,
  #features #contents01 .head_area_w .head_area .SS_img_features_02,
  #features #contents01 .head_area_w .head_area .SS_img_features_03,
  #features #contents02 .head_area_w .head_area .SS_img_features_01,
  #features #contents02 .head_area_w .head_area .SS_img_features_02,
  #features #contents02 .head_area_w .head_area .SS_img_features_03,
  #features #contents03 .head_area_w .head_area .SS_img_features_01,
  #features #contents03 .head_area_w .head_area .SS_img_features_02,
  #features #contents03 .head_area_w .head_area .SS_img_features_03 {
    top: 0;
    width: 630px;
    height: 480px;
    background-size: 630px 480px
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .head_area_w .head_area>*:last-child,
  #features #contents02 .head_area_w .head_area>*:last-child,
  #features #contents03 .head_area_w .head_area>*:last-child {
    gap: 36px
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .head_area_w h4.brdr_r_comn,
  #features #contents02 .head_area_w h4.brdr_r_comn,
  #features #contents03 .head_area_w h4.brdr_r_comn {
    max-width: 511px
  }
}

@media screen and (max-width: 374px) {

  #features #contents01 .head_area_w h4.brdr_r_comn,
  #features #contents02 .head_area_w h4.brdr_r_comn,
  #features #contents03 .head_area_w h4.brdr_r_comn {
    font-size: 5.3333333333vw
  }
}

@media screen and (min-width: 820px) {

  #features #contents01 .lead_txt,
  #features #contents02 .lead_txt,
  #features #contents03 .lead_txt {
    z-index: 10;
    width: calc(100% - 390px)
  }
}

@media screen and (min-width: 820px) {

  #features #contents01 .annotation,
  #features #contents02 .annotation,
  #features #contents03 .annotation {
    z-index: 10
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .annotation,
  #features #contents02 .annotation,
  #features #contents03 .annotation {
    margin-top: 36px
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .section.-block .area_tit .flex.-row,
  #features #contents02 .section.-block .area_tit .flex.-row {
    gap: 24px
  }
}

@media screen and (min-width: 820px) {

  #features #contents01 .section.-block .area_tit .tit_line,
  #features #contents01 .section.-block .area_tit .tit_line2,
  #features #contents02 .section.-block .area_tit .tit_line,
  #features #contents02 .section.-block .area_tit .tit_line2 {
    height: 84px
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .section.-block .area_tit .tit_line,
  #features #contents01 .section.-block .area_tit .tit_line2,
  #features #contents02 .section.-block .area_tit .tit_line,
  #features #contents02 .section.-block .area_tit .tit_line2 {
    width: 8px;
    height: 104px
  }
}

@media screen and (max-width: 374px) {

  #features #contents01 .section.-block .area_tit .tit_line,
  #features #contents01 .section.-block .area_tit .tit_line2,
  #features #contents02 .section.-block .area_tit .tit_line,
  #features #contents02 .section.-block .area_tit .tit_line2 {
    height: 34.6666666667vw
  }
}

@media screen and (min-width: 820px) {

  #features #contents01 .section.-block .area_tit .tit_line2,
  #features #contents02 .section.-block .area_tit .tit_line2 {
    height: 130px
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .section.-block .area_tit .tit_line2,
  #features #contents02 .section.-block .area_tit .tit_line2 {
    height: 156px
  }
}

@media screen and (max-width: 374px) {

  #features #contents01 .section.-block .area_tit .tit_line2,
  #features #contents02 .section.-block .area_tit .tit_line2 {
    height: 48vw
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .section.-block .area_tit+.section.-p0,
  #features #contents02 .section.-block .area_tit+.section.-p0 {
    padding-left: 32px;
    padding-right: 32px
  }
}

@media screen and (min-width: 820px) {

  #features #contents01 .section.-block .area_tit h4.sp_tb,
  #features #contents02 .section.-block .area_tit h4.sp_tb {
    display: none
  }
}

@media screen and (min-width: 820px) {

  #features #contents01 .section.-block .area_tit h4.tbl_pc,
  #features #contents02 .section.-block .area_tit h4.tbl_pc {
    display: flex
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .section.-block .area_tit h4>span,
  #features #contents02 .section.-block .area_tit h4>span {
    font-size: 1.75rem
  }
}

@media screen and (max-width: 374px) {

  #features #contents01 .section.-block .area_tit h4>span,
  #features #contents02 .section.-block .area_tit h4>span {
    font-size: 5.8666666667vw
  }
}

@media screen and (min-width: 820px) {

  #features #contents01 .section.-block .sub_tit_w .sub_tit,
  #features #contents02 .section.-block .sub_tit_w .sub_tit {
    gap: 8px
  }
}

@media screen and (min-width: 820px) {

  #features #contents01 .section.-block .sub_tit_w .sub_tit p,
  #features #contents02 .section.-block .sub_tit_w .sub_tit p {
    margin-left: 0
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .section.-block .sub_tit_w .sub_tit p,
  #features #contents02 .section.-block .sub_tit_w .sub_tit p {
    font-size: 1rem
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .section.-block .sub_tit_w .sub_tit+p,
  #features #contents02 .section.-block .sub_tit_w .sub_tit+p {
    font-size: 1.125rem;
    letter-spacing: 1.08px
  }
}

@media screen and (min-width: 820px) {

  #features #contents01 .marker_area p.maker_gd,
  #features #contents02 .marker_area p.maker_gd {
    width: -moz-max-content;
    width: max-content
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .marker_area p.maker_gd,
  #features #contents02 .marker_area p.maker_gd {
    font-size: 18px;
    letter-spacing: 1.08px
  }
}

@media screen and (min-width: 820px) {

  #features #contents01,
  #features #contents03 {
    padding-bottom: 96px
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .reason_bnr .PageSection__heading,
  #features #contents03 .reason_bnr .PageSection__heading {
    letter-spacing: .96px;
    font-size: 1rem
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max {
    padding-top: 48px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .pgm_area {
    gap: 48px
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .in-content_max .pgm_area .section.-hasBg {
    border-radius: 8px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .pgm_area .section.-hasBg {
    padding: 96px 48px 0
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .in-content_max .pgm_area .section.-hasBg .section.-ptb0.-prl>.flex.-column {
    text-align: center
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .in-content_max .pgm_area .section.-hasBg>.section.-block {
    padding-left: 24px;
    padding-right: 24px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .pgm_area .section.-hasBg>.section.-block {
    padding-left: 0;
    padding-right: 0
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .in-content_max .pgm_area .section.-ptb0.-prl.-gap0 {
    padding-left: 24px;
    padding-right: 24px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .pgm_area .section.-ptb0.-prl.-gap0 {
    padding-left: 0;
    padding-right: 0
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .pgm_area .Text.-center p {
    font-size: 1.25rem
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .in-content_max .pgm_area ul.program_link {
    flex-wrap: wrap;
    max-width: 740px;
    margin: 48px auto 0
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .pgm_area ul.program_link {
    max-width: 100%;
    margin: 48px 0 0
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .in-content_max .pgm_area ul.program_link li {
    flex-basis: calc((100% - 24px)/2)
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .pgm_area ul.program_link li {
    flex-basis: calc((100% - 48px)/3)
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .in-content_max .pgm_area ul.program_link li>div.-column p.head_txt {
    height: 84px
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .in-content_max .pgm_area ul.program_link li>div.-column div.ColumnArea.-hasBg {
    height: 96px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .pgm_area ul.program_link li>div.-column div.ColumnArea.-hasBg {
    height: auto
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .in-content_max .pgm_area ul.program_link li>div.-column div.ColumnArea.-hasBg.-h72 {
    height: 72px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .pgm_area>ul {
    flex-direction: row
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .in-content_max .pgm_area>ul li.pgm_area {
    border-radius: 16px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .pgm_area>ul li.pgm_area {
    flex-basis: calc((100% - 48px)/3)
  }
}

@media screen and (max-width: 374px) {
  #features #contents01 .in-content_max .pgm_area>ul li.pgm_area .pgm_head p.Text.-bold {
    font-size: 4.2666666667vw
  }
}

@media screen and (min-width: 600px) {
  #features #contents01 .in-content_max .pgm_area>ul li.pgm_area ul.point_list li>div {
    width: 382px;
    height: -moz-max-content;
    height: max-content;
    margin: 0 auto
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .pgm_area>ul li.pgm_area ul.point_list li>div {
    width: 100%;
    height: 72px
  }
}

@media screen and (max-width: 374px) {
  #features #contents01 .in-content_max .pgm_area>ul li.pgm_area ul.point_list li>div {
    height: 19.2vw
  }
}

@media screen and (max-width: 374px) {
  #features #contents01 .in-content_max .pgm_area>ul li.pgm_area ul.point_list li>div p.Text {
    font-size: 4.1333333333vw
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .in-content_max .pgm_area .vl_w {
    margin: 24px 0 0
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .pgm_area .vl_w {
    height: 260px;
    padding: 16px 24px 20px 48px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .pgm_area .vl_w .vl_area {
    position: relative;
    flex-direction: row;
    gap: 0
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .in-content_max .pgm_area .vl_w .img_w {
    min-width: 311px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .pgm_area .vl_w .txt_w {
    width: 100%;
    margin-left: 56px;
    text-align: left
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .in-content_max .pgm_area .vl_w .txt_w h5 {
    font-size: 1.5rem;
    width: 100%
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .in-content_max .pgm_area .vl_w .txt_w h5 mark {
    background: linear-gradient(transparent 55%, #FFF288 55%)
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .in-content_max .pgm_area .vl_w a.Button.-SS {
    margin-right: auto
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .pgm_area .vl_w a.Button.-SS {
    position: absolute;
    bottom: 0;
    right: 0
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .in-content_max .reason_bnr .PageSection__heading {
    margin-top: 48px
  }
}

@media screen and (max-width: 374px) {
  #features #contents01 .in-content_max .reason_bnr .PageSection__heading {
    padding: 0
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .Logo.-center {
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    position: relative;
    padding-right: 18px;
    height: 28px
  }
}

@media screen and (max-width: 374px) {
  #features #contents01 .Logo.-center picture {
    width: 80%
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .Logo.-center sup {
    position: absolute;
    top: 5px;
    right: 0
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .ex_area {
    padding: 48px !important
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .ex_area::after {
    bottom: -48px;
    width: 160px;
    height: 160px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .ex_area::after {
    width: 199px;
    height: 200px
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .ex_area>.flex.-c_r {
    gap: 24px
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .ex_area>.flex.-c_r {
    gap: 48px
  }
}

@media screen and (min-width: 820px) {
  #features #contents01 .ex_area .SpeechBubble.-common {
    width: calc(100% - 294px)
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .ex_area .SpeechBubble.-common {
    width: calc(100% - 424px)
  }
}

@media screen and (min-width: 600px) {
  #features #contents01 .ex_area .SpeechBubble.-common li {
    max-width: 270px;
    margin: 0 auto
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .ex_area .SpeechBubble.-common li {
    max-width: 288px;
    margin: 0 auto
  }
}

@media screen and (min-width: 1160px) {
  #features #contents01 .ex_area .SpeechBubble.-common li h5 {
    font-size: 1.125rem
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 {
    padding: 40px 0 0
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .lead_txt {
    width: calc(100% - 630px)
  }
}

@media screen and (min-width: 820px) {
  #features #contents02 .head_area_w {
    padding: 0 40px 0
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .head_area_w {
    gap: 96px
  }
}

@media screen and (min-width: 820px) {
  #features #contents02 .head_area_w h4.brdr_r_comn {
    display: block
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .head_area_w h4.brdr_r_comn {
    margin: 48px 0 0
  }
}

@media screen and (min-width: 820px) {

  #features #contents02 #trainer-slider,
  #features #contents02 #trainer_pc {
    padding: 24px 0 0
  }
}

@media screen and (min-width: 1160px) {

  #features #contents02 #trainer-slider,
  #features #contents02 #trainer_pc {
    padding: 48px 0
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 section.trainers_btn {
    margin-top: 0
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 section.ex_area02 {
    gap: 96px;
    padding: 0 40px 96px
  }
}

@media screen and (min-width: 820px) {
  #features #contents02 section.ex_area02 .section.-block {
    margin: 0 40px;
    padding: 48px 24px;
    border-radius: 16px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 section.ex_area02 .section.-block {
    margin: 0;
    padding: 48px
  }
}

@media screen and (min-width: 820px) {
  #features #contents02 section.ex_area02 .section.-block .area_tit .tit_line+h4 span.sp_tb {
    display: none
  }
}

@media screen and (min-width: 600px) {
  #features #contents02 .ex_area2 {
    padding: 48px 24px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .ex_area2 {
    padding: 48px !important
  }
}

@media screen and (min-width: 820px) {
  #features #contents02 .ex_area2::after {
    bottom: -48px;
    width: 160px;
    height: 160px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .ex_area2::after {
    right: -32px;
    width: 199px;
    height: 200px
  }
}

@media(min-width: 1160px)and (max-width: 1180px) {
  #features #contents02 .ex_area2::after {
    right: -45px
  }
}

@media screen and (min-width: 820px) {
  #features #contents02 .ex_area2>.flex.-c_r {
    gap: 24px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .ex_area2>.flex.-c_r {
    gap: 48px
  }
}

@media screen and (min-width: 820px) {

  #features #contents02 .ex_area2>.flex.-c_r .left_item,
  #features #contents02 .ex_area2>.flex.-c_r .SpeechBubble.-common.sb2 {
    width: 270px;
    height: -moz-fit-content;
    height: fit-content
  }
}

@media screen and (min-width: 1160px) {

  #features #contents02 .ex_area2>.flex.-c_r .left_item,
  #features #contents02 .ex_area2>.flex.-c_r .SpeechBubble.-common.sb2 {
    width: 388px
  }
}

@media screen and (max-width: 374px) {
  #features #contents02 .ex_area2>.flex.-c_r .Avatar img {
    width: 12.8vw;
    height: 12.8vw
  }
}

#features #contents02 .ex_area2 .SpeechBubble.-common.sb1 {
  padding: 16px 16px 16px 24px;
  width: calc(100% - 56px);
  position: relative;
  background-color: #d1d4d7
}

@media screen and (max-width: 374px) {
  #features #contents02 .ex_area2 .SpeechBubble.-common.sb1 {
    padding: 16px;
    width: calc(100% - (12.8vw + 8px))
  }
}

@media screen and (max-width: 374px) {
  #features #contents02 .ex_area2 .SpeechBubble.-common.sb1 p {
    font-size: 4.8vw
  }
}

@media screen and (max-width: 374px) {

  #features #contents02 .ex_area2 .SpeechBubble.-common.sb1::after,
  #features #contents02 .ex_area2 .SpeechBubble.-common.sb2 .point_txt::after {
    width: 17.0666666667vw;
    height: 17.0666666667vw
  }
}

@media screen and (min-width: 820px) {
  #features #contents02 .ex_area2 .SpeechBubble.-common.sb2 {
    width: calc(100% - 294px)
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .ex_area2 .SpeechBubble.-common.sb2 {
    width: calc(100% - 424px)
  }
}

@media screen and (max-width: 374px) {
  #features #contents02 .ex_area2 .SpeechBubble.-common.sb2>p.Text.-large {
    font-size: 4.8vw
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .ex_area2 .SpeechBubble.-common.sb2 li {
    max-width: 288px;
    margin: 0 auto
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .ex_area2 .SpeechBubble.-common.sb2 li h5 {
    font-size: 1.125rem
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .ex_area2 .SpeechBubble.-common.sb2 div.point_txt {
    height: 96px
  }
}

@media screen and (max-width: 374px) {
  #features #contents02 .ex_area2 .SpeechBubble.-common.sb2 div.point_txt p {
    font-size: 4.8vw
  }
}

@media screen and (max-width: 374px) {
  #features #contents02 .ex_area2 .SpeechBubble.-common.sb2>*:last-child {
    font-size: 4.2666666667vw
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .bnrB_w:hover .Banner.-typeB {
    background-size: 110%
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .bnrB_w .Banner.-typeB {
    border-radius: 16px;
    background: none;
    background: linear-gradient(0deg, rgba(0, 135, 210, 0.2) 0%, rgba(0, 135, 210, 0.2) 100%), url(../ss_common/images/PR_trainerlist_bg.webp);
    background-size: 102%;
    background-position: center;
    transition: all .5s 0s ease
  }
}

@media screen and (min-width: 1180px) {
  #features #contents02 .bnrB_w .Banner.-typeB {
    background-size: 100%
  }
}

@media screen and (min-width: 600px) {
  #features #contents02 .bnrB_w .bnr_body {
    height: 174px;
    margin-top: 25.6vw
  }
}

@media screen and (min-width: 820px) {
  #features #contents02 .bnrB_w .bnr_body {
    height: 156px;
    flex-direction: row;
    align-items: center;
    padding: 48px 40px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .bnrB_w .bnr_body {
    margin-top: 0;
    padding: 48px;
    height: 304px;
    align-items: flex-end
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .bnrB_w .bnr_body.sp_tbl {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .bnrB_w .bnr_body.pc {
    display: flex;
    text-decoration: none
  }
}

@media screen and (min-width: 820px) {
  #features #contents02 .bnrB_w .bnr_body p {
    font-size: 1.25rem
  }
}

@media screen and (max-width: 374px) {
  #features #contents02 .bnrB_w .bnr_body p {
    font-size: 5vw
  }
}

@media screen and (min-width: 1160px) {
  #features #contents02 .bnrB_w .bnr_body p span {
    font-size: 1.75rem;
    padding: 0 8px;
    width: -moz-max-content;
    width: max-content;
    background: #0087d2
  }
}

@media screen and (min-width: 600px) {
  #features #contents02 .bnrB_w .bnr_body .Button.-SS {
    padding: 12px 16px
  }
}

@media screen and (min-width: 820px) {
  #features #contents02 .bnrB_w .bnr_body .Button.-SS {
    max-width: 240px;
    padding: 16px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents03 .head_area_w+.Headline.-features {
    gap: 96px
  }
}

@media screen and (min-width: 820px) {
  #features #contents03 .head_area_w .head_area .head_tit {
    margin-bottom: 24px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents03 .head_area_w .head_area .head_tit {
    margin-bottom: 36px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents03 .list_w {
    margin-top: 96px
  }
}

@media screen and (min-width: 820px) {
  #features #contents03 .feature_list>li {
    flex-basis: calc((100% - 24px)/2)
  }
}

@media screen and (min-width: 1160px) {
  #features #contents03 .feature_list>li {
    flex-basis: calc((100% - 48px)/3)
  }
}

@media(min-width: 820px)and (max-width: 1230px) {
  #features #contents03 .feature_list>li {
    height: 334px
  }
}

@media screen and (min-width: 820px) {
  #features #contents03 .ColumnArea__wrap>.ColumnArea:not(:first-child) {
    margin-top: 0;
    flex-basis: calc((100% - 24px)/2) !important
  }
}

@media screen and (min-width: 1160px) {
  #features #contents03 .ColumnArea__wrap>.ColumnArea:not(:first-child) {
    flex-basis: calc((100% - 48px)/3) !important;
    height: -moz-max-content;
    height: max-content
  }
}

@media screen and (min-width: 820px) {
  #features #contents03 .ColumnArea__wrap .CA_1st {
    flex-basis: 100% !important
  }
}

@media screen and (min-width: 1160px) {
  #features #contents03 .ColumnArea__wrap .CA_1st {
    gap: 0
  }
}

@media screen and (min-width: 1160px) {
  #features #contents03 .ColumnArea__wrap .CA_1st>.ColumnArea+p {
    text-align: right
  }
}

@media screen and (max-width: 768px) {
  #features #contents03 .PageSection__heading strong {
    font-size: 5.6vw
  }
}

@media screen and (min-width: 820px) {
  #features #contents03 .CA_1st>.ColumnArea {
    flex-direction: column
  }
}

@media screen and (min-width: 1160px) {
  #features #contents03 .CA_1st>.ColumnArea {
    flex-wrap: wrap;
    flex-direction: row
  }
}

@media screen and (min-width: 820px) {
  #features #contents03 .CA_1st>.ColumnArea .CommonList__item {
    margin-top: 7px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents03 .CA_1st>.ColumnArea .CommonList__item {
    margin-top: 0
  }
}

@media screen and (min-width: 820px) {
  #features #contents03 .CA_1st>.ColumnArea img {
    width: 400px
  }
}

@media screen and (min-width: 1160px) {
  #features #contents03 .CA_1st>.ColumnArea img {
    width: 26.4516129032vw;
    max-width: 328px
  }
}

@media screen and (min-width: 820px) {
  #features #contents03 .CA_1st>.ColumnArea .Grid.txt_w {
    width: 100%
  }
}

@media screen and (min-width: 1160px) {
  #features #contents03 .CA_1st>.ColumnArea .Grid.txt_w {
    width: calc(100% - 352px)
  }
}

@media screen and (min-width: 820px) {
  #features #contents03 .Grid.-spc3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px
  }
}

@media screen and (min-width: 820px) {
  #features #contents03 ul.up_point {
    width: 100%;
    flex-direction: row
  }
}

@media screen and (min-width: 1160px) {
  #features #contents03 ul.up_point {
    flex-direction: column
  }
}

@media screen and (min-width: 820px) {
  #features #contents03 ul.up_point li {
    flex-basis: calc((100% - 24px)/2)
  }
}

@media screen and (min-width: 1160px) {

  #features #contents03 .CA_1st>.ColumnArea .Grid.txt_w,
  #features #contents03 ul.up_point {
    width: 25.625vw;
    max-width: 328px
  }
}

@media screen and (min-width: 820px) {
  #features #contents03 ul.up_point .ColumnArea.-blue .txt_icon p {
    font-size: 16px
  }
}

@media screen and (min-width: 600px) {
  .bnr_w {
    flex-direction: row-reverse;
    justify-content: center
  }
}

@media screen and (min-width: 1160px) {
  #price {
    gap: 96px
  }
}

@media screen and (min-width: 1160px) {
  #price>.container {
    gap: 96px
  }
}

@media screen and (min-width: 1160px) {
  #price .head_area .float_badge {
    top: 50%;
    transform: translate(0, -50%)
  }
}

@media screen and (min-width: 1160px) {
  #price .head_area .PageSection__heading.-large>div {
    font-size: 1.5rem;
    line-height: 36px
  }
}

@media screen and (min-width: 1160px) {

  #price .head_area .PageSection__heading.-large .Text.-blue,
  #price .head_area .PageSection__heading.-large>*:last-child {
    font-size: 2.5rem
  }
}

@media screen and (min-width: 820px) {
  #price .head_area mark {
    background-image: linear-gradient(to right, #FFFBDE, #FFEDF6);
    background-repeat: no-repeat;
    background-size: 100% 40%;
    background-position: bottom
  }
}

@media screen and (min-width: 1160px) {
  #price .head_area mark {
    font-size: 2.5rem;
    background-size: 100% 25%
  }
}

@media screen and (min-width: 820px) {
  #price .head_area mark p {
    background: none
  }
}

@media screen and (min-width: 1160px) {
  #price .head_area p small {
    max-width: 100%;
    margin-top: 36px
  }
}

@media screen and (min-width: 820px) {
  #price .price_content .ColumnArea.-gradients {
    padding: 16px
  }
}

@media screen and (min-width: 820px) {

  #price .price_content .SwitchArea,
  #price .price_content .price_btn {
    margin-top: 24px
  }
}

@media screen and (min-width: 1160px) {

  #price .price_content .SwitchArea,
  #price .price_content .price_btn {
    margin-top: 48px
  }
}

@media screen and (min-width: 820px) {
  #bnrslide {
    margin: 96px auto;
    padding: 24px;
    border-radius: 16px;
    width: 740px
  }
}

@media screen and (min-width: 1160px) {
  #bnrslide {
    margin: 120px auto;
    padding: 40px 0;
    width: 1160px
  }
}

@media screen and (min-width: 1160px) {
  #bnrslide .head_area p {
    font-size: 1.25rem;
    letter-spacing: 1.2px
  }
}

@media screen and (min-width: 1160px) {
  #bnrslide .head_area h4 {
    font-size: 1.5rem;
    letter-spacing: 1.44px
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 #bnr_slider,
  #features #contents03 #bnr_slider,
  #bnrslide #bnr_slider {
    padding: 0 160px
  }
}

@media screen and (min-width: 600px) {

  #features #contents01 .card_area,
  #features #contents03 .card_area,
  #bnrslide .card_area {
    width: 100%;
    max-width: 840px
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .card_area,
  #features #contents03 .card_area,
  #bnrslide .card_area {
    height: 300px;
    width: 840px;
    padding: 40px 40px 40px 248px
  }
}

@media screen and (max-width: 374px) {

  #features #contents01 .card_area,
  #features #contents03 .card_area,
  #bnrslide .card_area {
    height: 320px
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .card_area::after,
  #features #contents03 .card_area::after,
  #bnrslide .card_area::after {
    width: 220px;
    height: 220px;
    background-size: 200px
  }
}

@media screen and (min-width: 820px) {

  #features #contents01 .card_area .txt_area,
  #features #contents03 .card_area .txt_area,
  #bnrslide .card_area .txt_area {
    width: 100%
  }
}

@media screen and (max-width: 374px) {

  #features #contents01 .card_area .logo_txt>div.flex,
  #features #contents03 .card_area .logo_txt>div.flex,
  #bnrslide .card_area .logo_txt>div.flex {
    font-size: 3.7333333333vw
  }
}

@media screen and (max-width: 374px) {

  #features #contents01 .card_area .logo_txt>div.flex p.svg_mask.-siz20,
  #features #contents03 .card_area .logo_txt>div.flex p.svg_mask.-siz20,
  #bnrslide .card_area .logo_txt>div.flex p.svg_mask.-siz20 {
    width: 6.4vw;
    height: 6.4vw
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .card_area .logo_txt>div.flex .Text.-small,
  #features #contents03 .card_area .logo_txt>div.flex .Text.-small,
  #bnrslide .card_area .logo_txt>div.flex .Text.-small {
    font-size: 1.25rem
  }
}

@media screen and (max-width: 374px) {

  #features #contents01 .card_area .logo_txt>div.flex .Text.-small,
  #features #contents03 .card_area .logo_txt>div.flex .Text.-small,
  #bnrslide .card_area .logo_txt>div.flex .Text.-small {
    font-size: 3.7333333333vw;
    line-height: 5.3333333333vw
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .card_area .head_txt .Text.-blue,
  #features #contents03 .card_area .head_txt .Text.-blue,
  #bnrslide .card_area .head_txt .Text.-blue {
    font-size: 1.125rem
  }
}

@media screen and (max-width: 374px) {

  #features #contents01 .card_area .head_txt .Text.-blue,
  #features #contents03 .card_area .head_txt .Text.-blue,
  #bnrslide .card_area .head_txt .Text.-blue {
    font-size: 3.7333333333vw
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .card_area .content,
  #features #contents03 .card_area .content,
  #bnrslide .card_area .content {
    margin-left: 0;
    gap: 24px
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .card_area .content .flex.-gap8,
  #features #contents03 .card_area .content .flex.-gap8,
  #bnrslide .card_area .content .flex.-gap8 {
    justify-content: flex-start
  }
}

@media screen and (max-width: 374px) {

  #features #contents01 .card_area .content p.Text,
  #features #contents03 .card_area .content p.Text,
  #bnrslide .card_area .content p.Text {
    font-size: 3.7333333333vw
  }
}

@media screen and (min-width: 820px) {

  #features #contents01 .card_area .content .Text.-small,
  #features #contents03 .card_area .content .Text.-small,
  #bnrslide .card_area .content .Text.-small {
    font-size: 1rem
  }
}

@media screen and (min-width: 820px) {

  #features #contents01 .card_area,
  #features #contents03 .card_area {
    max-width: 628px
  }
}

@media screen and (min-width: 1160px) {

  #features #contents01 .card_area,
  #features #contents03 .card_area {
    max-width: 840px
  }
}

@media screen and (max-width: 374px) {
  #features #contents01 .card_area .logo_txt img {
    width: 27.4666666667vw
  }
}

@media screen and (min-width: 600px) {
  section#lesson-flow {
    padding: 72px 16px
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow {
    padding: 120px 0
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow .head_area.max382 {
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 0 auto
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow .head_area.max382>.flex.-row {
    position: relative
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow .head_txt {
    gap: 16px
  }
}

@media screen and (min-width: 820px) {
  section#lesson-flow .head_tit .Text.-blue {
    font-size: 1.125rem;
    letter-spacing: 1.08px
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow .head_tit .Text.-blue {
    font-size: 36px;
    letter-spacing: 2.16px
  }
}

@media screen and (min-width: 820px) {
  section#lesson-flow .head_tit .Text.-medium:not(.-blue) {
    font-size: 1.5rem;
    letter-spacing: 1.44px
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow .head_tit .Text.-medium:not(.-blue) {
    font-size: 36px;
    letter-spacing: 2.16px
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow .CTASection__Badge.sp_tbl {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow .CTASection__Badge.pc {
    display: flex;
    position: absolute;
    top: 0;
    right: 0
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow h3.head_tit {
    width: 531px;
    position: relative
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow>.max382 {
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 0 auto
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow>.max382>.flex.-gap16 {
    justify-content: center;
    text-align: center
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow>.max382 .flex.-gap12 {
    flex-direction: column
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow>.max382 .flex.-gap12 ul {
    flex-direction: row
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow .PageSection__heading.-comment p {
    font-size: 1.25rem
  }
}

@media screen and (min-width: 1160px) {

  section#lesson-flow #flow .PageSection__heading.-comment::before,
  section#lesson-flow #flow .PageSection__heading.-comment::after {
    display: block
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow li.step {
    width: 270px;
    height: 56px
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow li.step::after {
    border: none;
    border-left: 48px solid #99cfed;
    border-top: 28px solid rgba(0, 0, 0, 0);
    border-bottom: 28px solid rgba(0, 0, 0, 0)
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow li.step span {
    transform: none;
    font-size: 1.25rem;
    letter-spacing: 1.2px
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow li.step1 {
    border-radius: 8px 0 0 8px
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow li.step3::after {
    border-left: 48px solid #4cabdf;
    border-top: 28px solid rgba(0, 0, 0, 0)
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow li.step4 {
    border-radius: 0 8px 8px 0
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow li.step4::after {
    border-left: 48px solid #0087d2;
    border-top: 28px solid rgba(0, 0, 0, 0)
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow ul.txtimg_ul li {
    width: 252px
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow ul.txtimg_ul li .img_txt_w {
    height: 298px;
    padding: 48px 14px
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow ul.txtimg_ul li .img_txt_w h5 {
    font-size: 1.25rem
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow .Button.-cta {
    height: 98px;
    max-width: 480px;
    padding: 32px 0;
    font-size: 1.25rem
  }
}

@media screen and (min-width: 820px) {
  section#lesson-flow #flow .modal_w {
    max-width: 640px;
    height: 200px;
    padding: 16px 56px
  }
}

@media screen and (min-width: 1160px) {
  section#lesson-flow #flow .modal_w {
    margin-top: 48px
  }
}

@media screen and (min-width: 820px) {
  section#lesson-flow #flow .modal_w .PageSection__title {
    font-size: 1rem
  }
}

@media screen and (min-width: 820px) {
  section#lesson-flow #flow .modal_w .PageSection__title span.square {
    width: 20px;
    height: 20px
  }
}

@media screen and (min-width: 820px) {
  section#lesson-flow #flow .modal_w span.Text.-center {
    text-align: left
  }
}

@media screen and (min-width: 820px) {
  .section.message_area.-gap24 {
    gap: 48px
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 {
    gap: 96px
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .message_tit_w {
    padding: 0 40px
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .message_tit_w>.flex.-gap24 {
    gap: 36px
  }
}

@media screen and (min-width: 600px) {
  .section.message_area.-gap24 .message_tit_w::before {
    content: "";
    position: absolute;
    top: 0;
    right: -23px;
    width: 407px;
    height: 310px;
    background-image: url(../assets/SS/images/SS_img_message.webp);
    background-repeat: no-repeat;
    background-size: 407px 310px;
    background-position: top right;
    z-index: -1
  }
}

@media screen and (min-width: 1000px) {
  .section.message_area.-gap24 .message_tit_w::before {
    right: 0;
    width: 40.7vw;
    height: 31vw;
    background-size: 40.7vw 31vw
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .message_tit_w::before {
    width: 631px;
    height: 480px;
    background-size: 631px 480px;
    right: 40px
  }
}

@media screen and (min-width: 600px) {
  .section.message_area.-gap24 .message_tit_w .SS_img_message {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .section.message_area.-gap24 .GreetSection {
    padding: 24px 0 0
  }
}

@media screen and (min-width: 820px) {
  .section.message_area.-gap24 .message_content .head_txt {
    gap: 24px
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .message_content .head_txt {
    gap: 0
  }
}

@media screen and (min-width: 820px) {
  .section.message_area.-gap24 .message_content .head_txt .txt_area {
    width: calc(100% - 335px)
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .message_content .head_txt .txt_area {
    gap: 36px;
    width: calc(100% - 423px);
    margin-top: 48px
  }
}

@media screen and (min-width: 820px) {
  .section.message_area.-gap24 .message_content .head_txt .flex.heading_w+.sub_txt {
    margin-left: 44px
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .message_content .head_txt .flex.heading_w+.sub_txt {
    margin-left: 60px
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .message_content .head_txt .flex.heading_w p.svg_mask.-siz32 {
    width: 48px;
    height: 48px
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .message_content .head_txt .Heading.-intro {
    gap: 16px;
    margin-top: 16px
  }
}

@media screen and (min-width: 1160px) {

  .section.message_area.-gap24 .message_content .head_txt .Heading.-intro p,
  .section.message_area.-gap24 .message_content .head_txt .Heading.-intro span {
    font-size: 2rem;
    gap: 36px
  }
}

@media(min-width: 1160px)and (max-width: 1180px) {

  .section.message_area.-gap24 .message_content .head_txt .Heading.-intro p,
  .section.message_area.-gap24 .message_content .head_txt .Heading.-intro span {
    font-size: 2.5862068966vw
  }
}

@media screen and (max-width: 374px) {

  .section.message_area.-gap24 .message_content .head_txt .Heading.-intro p,
  .section.message_area.-gap24 .message_content .head_txt .Heading.-intro span {
    font-size: 6.3vw
  }
}

@media screen and (min-width: 820px) {
  .section.message_area.-gap24 .message_content .section.-block.brdr_r16 {
    padding: 48px 24px
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .message_content .section.-block.brdr_r16 {
    padding: 48px 40px
  }
}

@media screen and (min-width: 820px) {
  .section.message_area.-gap24 .message_content .section.-block.brdr_r16>.Text.-center {
    text-align: left;
    letter-spacing: .96px
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .message_content .section.-block.brdr_r16>.Text.-center {
    font-size: 1.5rem;
    letter-spacing: 1.44px;
    margin-left: 60px
  }
}

@media screen and (min-width: 820px) {
  .section.message_area.-gap24 .message_content .bg_w {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 24px 16px
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .message_content .bg_w {
    gap: 12px;
    padding-left: 60px;
    flex-wrap: nowrap
  }
}

@media screen and (min-width: 820px) {
  .section.message_area.-gap24 .message_content .bg_w .max382 {
    width: 220px;
    margin: 0
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .message_content .bg_w .max382 {
    width: inherit
  }
}

@media screen and (max-width: 374px) {
  .section.message_area.-gap24 .PageSection__item>section>p {
    font-size: 4.2666666667vw
  }
}

@media screen and (max-width: 374px) {
  .section.message_area.-gap24 .PageSection__item>section>a {
    font-size: 4vw
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .PageSection__item .ColumnArea.-hasLine {
    flex-direction: row;
    width: 640px;
    height: auto
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .PageSection__item .ColumnArea.-hasLine .modal_w {
    flex-direction: row;
    gap: 40px;
    padding: 0 40px
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .PageSection__item .ColumnArea.-hasLine .modal_w .Text.-small.flex {
    align-items: flex-start
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .PageSection__item .ColumnArea.-hasLine .modal_w .Text.-small.flex .PageSection__title {
    font-size: 1rem
  }
}

@media screen and (min-width: 1160px) {
  .section.message_area.-gap24 .PageSection__item .ColumnArea.-hasLine .modal_w .Text.-small.flex span.Text.-small.-medium {
    font-size: .875rem;
    letter-spacing: .84px;
    text-align: left
  }
}

@media screen and (min-width: 1160px) {
  #top_price .container_pc {
    gap: 40px;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
    width: 100%
  }
}

@media screen and (min-width: 1160px) {
  #top_price .Headline.-primary {
    width: 240px;
    height: 96px
  }
}

@media screen and (min-width: 1160px) {
  #top_price .Headline.-primary .Heading>*:last-child {
    font-size: 1.5rem
  }
}

@media screen and (min-width: 820px) {
  #top_price .content.section.-gap16 {
    gap: 8px
  }
}

@media screen and (min-width: 1160px) {
  #top_price .content.section.-gap16 {
    padding: 0;
    gap: 20px;
    flex-direction: row
  }
}

@media screen and (min-width: 820px) {
  #top_price .content.section.-gap16 .price_area {
    gap: 20px
  }
}

@media screen and (min-width: 820px) {
  #top_price .content.section.-gap16 .price_area+p {
    width: 636px;
    padding-left: 175px
  }
}

@media screen and (min-width: 820px)and (min-width: 1160px) {
  #top_price .content.section.-gap16 .price_area+p {
    width: auto;
    padding-left: 0
  }
}

@media screen and (min-width: 1160px) {
  #top_price .content.section.-gap16 .price_area+p span.pc_block {
    display: block;
    margin-left: 1em
  }
}

@media screen and (min-width: 820px) {
  #top_price .plan_25min {
    width: 155px;
    height: 40px;
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 8px
  }
}

@media screen and (min-width: 820px) {
  #top_price div.flex.-gap8 {
    gap: 20px
  }
}

@media screen and (min-width: 820px) {
  #top_price div.flex.-gap8 .price_before+.arrw p.svg_mask span.icon_arrwD {
    -webkit-mask: url(../img/icon_arrowRight.svg) no-repeat center center/contain;
    mask: url(../img/icon_arrowRight.svg) no-repeat center center/contain
  }
}

@media screen and (min-width: 820px) {
  #top_price div.flex.-gap8 .PriceCard__price {
    width: auto;
    gap: 8px
  }
}

@media screen and (min-width: 600px) {
  #top_price div.flex.-gap8 .PriceCard__price.-before {
    display: flex
  }
}

@media screen and (min-width: 820px) {
  #top_price div.flex.-gap8 .PriceCard__price.-before .PriceCard__item.-terms {
    margin: 0 4px
  }
}

@media screen and (min-width: 820px) {
  #top_price div.flex.-gap8 .PriceCard__price .PriceCard__item.-terms {
    font-size: .875rem
  }
}

@media screen and (min-width: 820px) {
  #top_price div.flex.-gap8 .PriceCard__price .PriceCard__item.-main {
    font-size: 36px
  }
}

@media screen and (min-width: 820px) {
  #top_price div.flex.-gap8 .PriceCard__price .PriceCard__item.-unit {
    font-size: 1.25rem
  }
}

@media screen and (min-width: 820px) {
  #top_price div.flex.-gap8 .PriceCard__price .PriceCard__item.-tax {
    font-size: .875rem
  }
}

@media screen and (min-width: 600px) {
  section#contents03 {
    padding-bottom: 120px
  }
}

@media screen and (min-width: 1160px) {
  section#faq .head_area {
    gap: 36px
  }
}

@media screen and (min-width: 1160px) {
  section#faq .PageSection__heading {
    font-size: 40px;
    letter-spacing: 2.4px
  }
}

@media screen and (min-width: 820px) {
  footer .breadcrumb_area {
    max-height: 0
  }
}

@media(min-width: 600px)and (max-width: 819px) {

  #user-slider .swiper-slide,
  #user-slide_pc .swiper-slide {
    max-width: 50.5494505495vw
  }
}

@media screen and (min-width: 820px) {

  #user-slider .swiper-slide,
  #user-slide_pc .swiper-slide {
    max-width: 414px;
    width: 100%
  }
}

@media screen and (min-width: 1160px) {

  #user-slider .swiper-slide,
  #user-slide_pc .swiper-slide {
    max-width: 344px !important;
    margin: 0 !important;
    width: 100%
  }
}

@media screen and (min-width: 1080px) {

  #user-slider .Slider__dots,
  #user-slide_pc .Slider__dots {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  .HeroArea__slider.sp {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  .HeroArea__slider.pc {
    display: block
  }
}

@media screen and (min-width: 600px) {

  #trainer-slider .swiper-wrapper,
  #trainer_pc .swiper-wrapper {
    flex-wrap: nowrap
  }
}

@media screen and (min-width: 1160px) {

  #trainer-slider .swiper-wrapper,
  #trainer_pc .swiper-wrapper {
    flex-wrap: wrap;
    max-width: 1080px;
    margin: 0 40px;
    gap: 40px 24px !important
  }
}

@media screen and (min-width: 600px) {

  #trainer-slider .swiper-slide,
  #trainer_pc .swiper-slide {
    width: 311px
  }
}

@media screen and (min-width: 1160px) {

  #trainer-slider .swiper-slide,
  #trainer_pc .swiper-slide {
    width: calc((100% - 48px)/3)
  }
}

@media screen and (min-width: 600px) {

  #trainer-slider .Slider__dots,
  #trainer_pc .Slider__dots {
    display: flex
  }
}

@media screen and (min-width: 1160px) {
  .reason_link .LinkItem.-hoverTypeB .LinkItem__wrapper {
    width: 344px;
    height: 324px
  }
}

@media screen and (max-width: 374px) {
  .reason_link .LinkItem.-hoverTypeB .LinkItem__wrapper {
    height: 330px
  }
}

@media screen and (min-width: 600px) {
  .reason_link .LinkItem .Heading.-withNum::before {
    font-size: 3.75rem
  }
}

@media screen and (min-width: 1160px) {
  .reason_link .LinkItem .LinkItem_flex {
    max-width: 288px
  }
}

@media screen and (max-width: 374px) {
  .reason_link .LinkItem .LinkItem_flex .txt_w p.sub_txt {
    font-size: 4.1vw
  }
}

@media screen and (max-width: 374px) {
  .reason_link .LinkItem .LinkItem_flex p.Heading {
    font-size: 7.4666666667vw
  }
}

@media screen and (min-width: 1160px) {
  .reason_link .LinkItem2 .LinkItem_flex .txt_w p.sub_txt {
    letter-spacing: .4px
  }
}

@media screen and (min-width: 600px) {
  .program_link .LinkItem.-hoverTypeB .LinkItem__wrapper {
    flex-direction: column
  }
}

@media screen and (min-width: 1160px) {
  .program_link .LinkItem.-hoverTypeB .LinkItem__wrapper {
    width: 344px;
    height: 324px
  }
}

@media screen and (min-width: 600px) {
  .program_link .LinkItem .Heading.-withNum::before {
    font-size: 3.75rem
  }
}

@media screen and (min-width: 600px) {
  .program_link .LinkItem .LinkItem_flex {
    gap: 24px
  }
}

@media screen and (min-width: 1160px) {
  .program_link .LinkItem .LinkItem_flex {
    gap: 0;
    max-width: 288px
  }
}

@media screen and (min-width: 1160px) {
  .program_link .LinkItem .LinkItem_flex p.Heading {
    font-size: 1.75rem
  }
}

@media screen and (min-width: 600px) {
  .reason_link {
    padding: 0;
    max-width: 1080px;
    width: calc(100% - 80px)
  }
}

@media screen and (min-width: 1160px) {
  .reason_link>.flex.-column.-gap24 {
    gap: 72px
  }
}

@media screen and (min-width: 820px) {
  .reason_link .Grid.flex.-gap24 {
    max-width: 382px
  }
}

@media screen and (min-width: 1160px) {
  .reason_link .Grid.flex.-gap24 {
    flex-direction: row
  }
}

@media screen and (min-width: 820px) {

  .LinkItem.-hoverTypeB.-border_n a,
  .LinkItem.-hoverTypeB.-border_n a:hover {
    border: none !important
  }
}

@media screen and (min-width: 1160px) {
  #faq .ToggleList {
    margin: 24px 0
  }
}

@media screen and (min-width: 820px) {
  #faq .ToggleList .ToggleList__button {
    padding: 40px 56px 40px 0
  }
}

@media screen and (min-width: 820px) {
  .SwitchArea__button {
    font-size: .875rem
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__button {
    font-size: 1.125rem;
    padding: 23px 0px 24px
  }
}

@media screen and (min-width: 820px) {
  .SwitchArea__panels .SwitchArea__panel>.ColumnArea.-hasBg {
    padding: 24px
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .SwitchArea__panel>.ColumnArea.-hasBg {
    padding: 48px
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .SwitchArea__panel>.ColumnArea.-hasBg .Grid {
    gap: 24px
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .SwitchArea__panel>.ColumnArea.-hasBg>.flex.-column {
    max-width: 100%;
    gap: 24px;
    flex-direction: row
  }
}

@media screen and (min-width: 820px) {
  .SwitchArea__panels .SwitchArea__panel>.ColumnArea.-hasBg>.flex.-column>* {
    gap: 24px;
    width: 100%;
    height: -moz-max-content;
    height: max-content
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .SwitchArea__panel>.ColumnArea.-hasBg>.flex.-column>* {
    width: -moz-max-content;
    width: max-content;
    height: auto
  }
}

@media screen and (min-width: 820px) {
  .SwitchArea__panels .SwitchArea__panel>.ColumnArea.-hasBg>.flex.-column>* .ColumnArea__lead {
    font-size: .875rem
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .SwitchArea__panel>.ColumnArea.-hasBg>.flex.-column>* .ColumnArea__lead {
    font-size: 1.125rem;
    letter-spacing: 1.08px
  }
}

@media screen and (min-width: 820px) {
  .SwitchArea__panels .SwitchArea__panel>.ColumnArea.-hasBg>.flex.-column>.flex.-column {
    gap: 24px;
    flex-direction: row-reverse;
    align-items: flex-end
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .SwitchArea__panel>.ColumnArea.-hasBg>.flex.-column>.flex.-column {
    gap: 8px;
    flex-direction: column;
    width: calc(100% - 608px)
  }
}

@media screen and (min-width: 820px) {
  .SwitchArea__panels .SwitchArea__panel>.ColumnArea.-hasBg>.flex.-column>.flex.-column>div {
    flex-basis: calc(100% - 12px)
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .SwitchArea__panel>.ColumnArea.-hasBg>.flex.-column>.flex.-column>div {
    width: 100%;
    flex-basis: auto
  }
}

@media screen and (min-width: 1160px) {
  .PriceCard__body .ColumnArea.-hasBg.-blue {
    padding: 16px
  }
}

@media screen and (min-width: 1160px) {
  .PriceCard__body .ColumnArea.-hasBg.-blue p {
    font-size: 1rem;
    letter-spacing: .96px
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .PriceCard__body .ColumnArea {
    padding: 16px
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .PriceCard__body .ColumnArea br.pc {
    display: block
  }
}

@media screen and (min-width: 820px) {
  .SwitchArea__panels .Grid.-spc3 {
    max-width: 480px
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .Grid.-spc3 {
    gap: 24px;
    max-width: 100%;
    flex-direction: row
  }
}

@media screen and (min-width: 820px) {
  .SwitchArea__panels .ColumnArea {
    padding: 24px
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .ColumnArea {
    padding: 40px
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .ColumnArea.-pdS.-large {
    height: 140px;
    display: flex;
    align-items: center
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .PriceCard {
    max-width: 280px
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .PriceCard__body .ColumnArea>*:first-child {
    font-size: 16px
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .PriceCard__body .ColumnArea>*:last-child {
    padding-top: 16px;
    font-size: 16px
  }
}

@media screen and (min-width: 820px) {
  .SwitchArea__panels .PriceCard__priceBox {
    height: auto
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .PriceCard__priceBox {
    flex-direction: column
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .PriceCard__priceBox .PriceCard__price.-before::after {
    margin: 8px auto !important
  }
}

@media screen and (min-width: 820px) {
  .SwitchArea__panels .txt_img_w {
    padding: 0
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .txt_img_w {
    background: none
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .txt_img_w>div+img {
    max-width: 240px;
    height: auto
  }
}

@media screen and (min-width: 820px) {
  .SwitchArea__panels .txt_img_w>div p {
    font-size: 1rem
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .txt_img_w>div p {
    font-size: 18px
  }
}

@media screen and (min-width: 1160px) {
  .SwitchArea__panels .txt_img_w>div p span {
    font-size: 18px;
    padding: 4px 12px
  }
}

@media screen and (min-width: 1160px) {
  .price_btn.fadeUp.pc {
    display: block;
    margin: 40px 0 32px
  }
}

@media screen and (min-width: 820px) {
  .ColumnArea.-gradients {
    padding: 16px
  }
}

@media screen and (min-width: 1160px) {
  a.ColumnArea.-typeA.sp_tbl {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  a.ColumnArea.-typeA.pc {
    display: flex;
    max-width: 240px;
    flex-direction: row;
    justify-content: flex-end;
    margin: 24px 0 auto auto !important;
    padding: 8px 13px
  }
}

@media(min-width: 820px)and (max-width: 1159px) {
  .SwitchArea__panels .SwitchArea__panel>.ColumnArea.-hasBg .Grid {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    max-width: 100%;
    gap: 32px 24px
  }

  .SwitchArea__panels .PriceCard {
    max-width: calc((100% - 24px)/2)
  }

  .SwitchArea__panels .txt_img_w {
    background: none
  }

  .SwitchArea__panels .txt_img_w>div p span {
    font-size: 16px;
    padding: 4px 12px;
    line-height: 1.5
  }

  .SwitchArea__panels .ColumnArea.-pdS.-large {
    height: 144px;
    padding: 16px 24px
  }

  .Grid__item.-streach {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end
  }

  .Grid__item.-streach>* {
    max-width: calc((100% - 24px)/2);
    width: 100%
  }

  .Grid__item.-streach>*:first-child {
    margin-right: 24px
  }

  .Grid__item.-streach .txt_img_w img {
    max-width: 240px
  }

  .Grid__item.-streach a.ColumnArea.-typeA {
    margin-top: -48px !important;
    width: 100%
  }

  .Grid__item.-streach .CommonList li.CommonList__item {
    font-size: 1.7073170732vw
  }
}

@media screen and (min-width: 820px) {
  #features_link {
    padding: 96px 0
  }
}

@media screen and (min-width: 1160px) {
  #features_link {
    padding: 120px 0;
    position: relative
  }
}

@media screen and (min-width: 1160px) {
  #features_link .Container.flex {
    height: 542px;
    max-width: 1160px;
    position: relative
  }
}

@media screen and (min-width: 1160px) {
  #features_link .Container.flex .head_txt {
    padding: 40px;
    align-items: flex-start;
    gap: 36px;
    border-radius: 0 16px 16px 16px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0px 0px 20px 0px rgba(20, 24, 33, .2);
    width: -moz-max-content;
    width: max-content;
    z-index: 10
  }
}

@media screen and (min-width: 820px) {
  #features_link .videoBox {
    display: flex;
    justify-content: flex-end
  }
}

@media screen and (min-width: 1160px) {
  #features_link .videoBox {
    margin: 0;
    width: 100%;
    position: absolute;
    top: 40px;
    z-index: 1
  }
}

@media screen and (min-width: 820px) {
  #features_link .video_view {
    width: 820px;
    height: 546px
  }
}

@media screen and (min-width: 1160px) {
  #features_link .video_view {
    width: 752px;
    height: 501px;
    border-radius: 16px
  }
}

@media screen and (min-width: 1160px) {
  #features_link .bg_videoBox_w {
    display: block;
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 576px;
    overflow: hidden
  }
}

@media screen and (min-width: 820px) {
  .eachTextAnime.sp_tb {
    display: none
  }
}

@media screen and (min-width: 820px) {
  .eachTextAnime.tbl_pc {
    display: block
  }
}

@media screen and (min-width: 820px) {
  .flex.-c_r {
    flex-direction: row
  }
}

@media screen and (min-width: 820px) {
  .flex.-r_c {
    flex-direction: column
  }
}

@media screen and (min-width: 600px) {
  .section {
    padding: 96px 40px
  }
}

@media screen and (min-width: 1160px) {
  .section {
    padding: 120px 40px;
    gap: 96px
  }
}

@media screen and (min-width: 600px) {
  .section.-block {
    padding: 48px 40px
  }
}

@media screen and (min-width: 600px) {
  .section.-bgPX {
    padding: 120px 0px
  }
}

@media screen and (min-width: 1160px) {
  .section.-bgPX {
    padding: 144px 0px
  }
}

@media screen and (min-width: 600px) {
  .section.-plr1 {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media screen and (min-width: 600px) {
  .section.-content_p {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media screen and (min-width: 1160px) {
  .section.-content_p {
    padding: 40px
  }
}

@media screen and (min-width: 820px) {
  .tb_max {
    max-width: 100%
  }
}

@media screen and (min-width: 820px) {
  .sp_tb_max {
    max-width: 740px
  }
}

@media screen and (min-width: 1160px) {
  .sp_tb_max {
    max-width: 100%
  }
}

@media screen and (min-width: 1160px) {
  .max740 {
    max-width: 1160px;
    width: calc(100% - 80px)
  }
}

@media screen and (min-width: 600px) {
  .sp_w_max {
    margin: 0 auto;
    width: 100%
  }
}

@media screen and (min-width: 820px) {
  .in-content_max {
    width: 100%;
    margin-left: auto
  }
}

@media screen and (min-width: 600px) {
  .section_tit_b {
    height: 152px
  }
}

@media screen and (min-width: 1160px) {
  .section_tit_b {
    height: 200px
  }
}

@media screen and (min-width: 1160px) {
  .section_tit_b h3.heading.-h2 {
    font-size: 2.5rem
  }
}

@media screen and (min-width: 600px) {
  .section_3points .point_area.-hasDeco#contents03 {
    padding-bottom: 96px
  }
}

@media screen and (min-width: 1160px) {
  .section_3points .point_area.-hasDeco#contents03 .card_area.-column {
    flex-direction: row
  }
}

@media screen and (min-width: 1160px) {
  .section_3points .point_area.-hasDeco::after {
    width: 130px;
    height: 260px
  }
}

@media screen and (min-width: 1160px) {
  .section_3points .section_toptit {
    font-size: 1rem
  }
}

@media screen and (min-width: 1160px) {
  .section_3points .content_area p.Text.-subtit {
    text-align: center
  }
}

@media screen and (min-width: 1160px) {
  .section.-block.lead_badgeArea h2.lead_tit {
    font-size: 2.5rem
  }
}

@media screen and (min-width: 820px) {
  .CTASection.section {
    padding: 96px 0
  }
}

@media screen and (min-width: 1160px) {
  .CTASection.section {
    position: relative;
    overflow: hidden
  }

  .CTASection.section::after {
    content: "";
    position: absolute;
    right: -60px;
    bottom: -9px;
    width: 33.6805555556vw;
    height: 20.8333333333vw;
    background-image: url(../assets/SS/images/SS_img_CTA.webp);
    background-repeat: no-repeat;
    background-size: 33.6805555556vw 20.8333333333vw;
    z-index: -1
  }
}

@media screen and (min-width: 1440px) {
  .CTASection.section::after {
    width: 485px;
    height: 300px;
    background-size: 485px 300px
  }
}

@media screen and (min-width: 1160px) {
  .CTASection.section p.blue_head {
    font-size: 1.125rem
  }
}

@media screen and (min-width: 1160px) {
  .CTASection.section p.blue_head+.txt_w {
    gap: 48px
  }
}

@media screen and (min-width: 1160px) {
  .CTASection.section p.txt_box {
    font-size: 1.75rem
  }
}

@media screen and (min-width: 1160px) {

  .CTASection.section p.txt_box+.Text,
  .CTASection.section p.txt_box+.Text span {
    font-size: 2.5rem
  }
}

@media screen and (max-width: 374px) {

  .CTASection.section p.txt_box+.Text,
  .CTASection.section p.txt_box+.Text span {
    font-size: 6.4vw
  }
}

@media screen and (min-width: 1160px) {
  .CTASection.section .CTA_img_w {
    display: none
  }
}

@media screen and (max-width: 374px) {
  .CTASection.section .CTA_img_w {
    width: calc(100% - 32px);
    margin: 0 auto
  }
}

@media screen and (max-width: 374px) {
  .CTASection.section ul.point_list {
    width: calc(100% - 32px)
  }
}

@media screen and (min-width: 1160px) {
  .CTASection.section ul.point_list li {
    font-size: 1rem;
    width: 640px
  }
}

@media screen and (min-width: 820px) {
  .CTASection.section ul.point_list br.sp_tb {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  .CTASection.section .btn_area {
    gap: 40px
  }
}

@media screen and (min-width: 1160px) {
  .CTASection.section .btn_area .CTASection__ButtonBox {
    margin: 0 auto;
    max-width: 480px
  }
}

@media screen and (min-width: 1160px) {
  .CTASection.section .btn_area .CTASection__ButtonBox .Button.-large {
    height: 98px;
    font-size: 1.25rem
  }
}

@media screen and (min-width: 820px) {
  .CTASection__Badge {
    top: 50%;
    transform: translate(0, -50%)
  }
}

@media screen and (min-width: 1160px) {
  .CTASection__Badge {
    left: auto;
    right: -120px
  }
}

@media screen and (min-width: 1160px) {
  .CTASection__Badge.pc {
    display: flex
  }
}

@media screen and (min-width: 1160px) {
  .box_deco.-large::after {
    width: 74px;
    height: 128px
  }
}

@media screen and (min-width: 1160px) {
  #features_link .box_deco.-large::after {
    width: 37px;
    height: 64px
  }
}

@media screen and (min-width: 600px) {
  .PriceCard {
    max-width: 100%;
    padding-top: 0
  }
}

@media screen and (min-width: 820px) {
  .PriceCard {
    padding-top: var(--price-h)
  }
}

/* @media screen and (min-width: 1160px) {
  .PriceCard {
    width: 280px;
    padding-top: 37px !important
  }
} */

@media screen and (min-width: 600px) {
  .PriceCard .PriceCard__body {
    padding: 14px 14px 22px
  }
}

@media screen and (min-width: 1160px) {
  .PriceCard .PriceCard__body {
    padding: 14px 22px 22px;
    /* height: 317px */
  }
}

@media screen and (min-width: 600px) {
  .PriceCard .PriceCard__body .ColumnArea.-pXS.-hasBg.-blue {
    padding: 4px
  }
}

@media screen and (min-width: 1160px) {
  .PriceCard .PriceCard__body .ColumnArea.-pXS.-hasBg.-blue {
    height: 88px
  }
}

@media screen and (min-width: 600px) {
  .PriceCard .PriceCard__priceBox {
    display: flex
  }
}

@media screen and (min-width: 1160px) {
  .PriceCard .PriceCard__priceBox {
    flex-direction: column;
    gap: 0;
    padding: 0
  }
}

@media screen and (min-width: 600px) {
  .PriceCard .PriceCard__price.-before {
    display: flex
  }
}

@media screen and (min-width: 1160px) {
  .PriceCard .PriceCard__price.-before {
    margin: 0;
    display: block;
    font-size: .875rem
  }
}

@media screen and (min-width: 600px) {
  .PriceCard .PriceCard__price.-before::after {
    margin: 0 0 0 8px;
    transform: rotate(-90deg)
  }
}

@media screen and (min-width: 1160px) {
  .PriceCard .PriceCard__price.-before::after {
    display: block;
    width: 24px;
    height: 24px;
    transform: none;
    margin: 8px auto !important
  }
}

@media screen and (min-width: 1160px) {
  .PriceCard .PriceCard__price.-after {
    gap: 8px;
    margin: 0
  }
}

@media screen and (min-width: 600px) {
  .PriceCard .PriceCard__price.-after .PriceCard__item.-terms {
    font-size: .875rem
  }
}

@media screen and (min-width: 1160px) {
  .PriceCard .PriceCard__price.-after .PriceCard__item.-terms {
    font-size: 1.25rem;
    line-height: 120%;
    letter-spacing: 1.2px
  }
}

@media screen and (min-width: 600px) {
  .PriceCard .PriceCard__price.-after .PriceCard__item.-main {
    font-size: 2rem
  }
}

@media screen and (min-width: 1160px) {
  .PriceCard .PriceCard__price.-after .PriceCard__item.-main {
    font-size: 3rem
  }
}

@media screen and (min-width: 600px) {
  .PriceCard .PriceCard__price.-after .PriceCard__item.-unit {
    font-size: 1rem
  }
}

@media screen and (min-width: 1160px) {
  .PriceCard .PriceCard__price.-after .PriceCard__item.-unit {
    font-size: 1.5rem;
    line-height: 1
  }
}

@media screen and (min-width: 1160px) {
  .ColumnArea.-hasBg.-pdS {
    padding: 16px 24px;
    height: 166px;
    display: flex;
    align-items: center
  }
}

@media screen and (min-width: 600px) {
  :root {
    --fs-lpcopy: 2rem;
    --lp-fs-hero: 1.125rem
  }
}

@media screen and (min-width: 600px) {
  :root {
    --fs-body-m: 1rem;
    --fs-hero: 1.125rem;
    --fs-hero-l: 48px;
    --fs-32-r: 2rem;
    --fs-28-r: 1.75rem;
    --fs-24-r: 1.5rem;
    --fs-20-r: 1.25rem;
    --fs-18-r: 1.125rem;
    --fs-sectionTtl: 6.25rem;
    --fs-h2: 2rem;
    --fs-h3: 1.75rem;
    --fs-h4: 1.5rem;
    --fs-h5: 1.25rem;
    --fs-h6: 1.125rem;
    --fs-point: 3rem;
    --fs-ttl: 2.5rem;
    --fs-price: 2.5rem;
    --header-h: 111px;
    --header-h-n: -111px;
    --hero-h: 536px;
    --spc88-r: 88px;
    --spc64-r: 64px;
    --spc40-r: 40px;
    --spc24-r: 24px;
    --header-sh: 56px;
    --lp-hero-h: 470px
  }
}

@media screen and (min-width: 600px) {
  .SiteHeader.-single {
    transform: none;
    opacity: 1
  }
}

@media screen and (min-width: 600px) {
  .SiteHeader.-single .siteHeader_main {
    padding-left: 40px
  }
}

@media screen and (min-width: 600px) {
  .SiteHeader.-single .Logo {
    position: static;
    transform: none
  }
}

@media screen and (min-width: 600px) {
  .SiteHeader.-single .siteHeader_buttons {
    width: auto;
    justify-content: flex-start
  }
}

@media screen and (min-width: 600px) {
  .SiteHeader.-single .siteHeader_button.-cta {
    display: flex
  }
}

@media screen and (min-width: 600px) {
  .SiteHeader.-single .siteHeader_menu {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .SiteHeader.-single.-hasLabel {
    opacity: 1;
    transform: translateY(-40px);
    transition: opacity .3s, transform .3s
  }
}

@media screen and (min-width: 600px) {
  .siteHeader_main {
    border-bottom: none
  }
}

@media screen and (min-width: 600px) {
  .siteHeader_main {
    padding-left: 40px
  }
}

@media screen and (min-width: 1160px) {
  .siteHeader_button {
    height: 56px !important
  }
}

@media screen and (min-width: 1160px) {
  .siteHeader_button.pc {
    display: flex
  }
}

@media screen and (min-width: 600px) {
  .siteHeader_button.-LPSiteTop {
    display: flex;
    padding-left: 0px
  }
}

@media screen and (min-width: 600px) {
  .siteHeader_button.-LPSiteTop:hover {
    background-color: #e7f3fa
  }
}

@media screen and (min-width: 600px) {
  .siteHeader_button.-LPSiteTop.-resp {
    width: auto;
    height: auto
  }
}

@media screen and (min-width: 1160px) {
  .siteHeader_button.-small {
    width: 140px
  }
}

@media screen and (min-width: 600px) {
  .siteHeader_button.-medium {
    width: 200px
  }
}

@media screen and (min-width: 600px) {
  .siteHeader_button.-cta:hover {
    background-color: #e6d54e
  }
}

@media screen and (min-width: 1160px) {
  .siteHeader_button.-secondary {
    width: 140px;
    height: 56px;
    border: none;
    border-radius: 0px;
    background-color: #0087d2;
    color: #fff;
    margin-right: 0px
  }
}

@media screen and (min-width: 600px) {
  .siteHeader_button.-secondary:hover {
    background-color: #006eac
  }
}

@media screen and (min-width: 600px) {
  .siteHeader_button.-normal:hover {
    background-color: #e7f3fa
  }
}

@media screen and (min-width: 600px) {
  .siteHeader_button.-fill:hover {
    background-color: #006eac
  }
}

@media screen and (min-width: 600px) {
  .siteHeader_menu {
    max-width: 375px;
    height: 200vw
  }
}

@media screen and (min-width: 1160px) {
  .siteHeader_menu {
    max-width: 100%;
    position: static;
    opacity: 1
  }
}

@media screen and (max-width: 769px) {
  .headerNavReason {
    padding-bottom: 56px !important
  }

  .Main__section-content {
    padding-top: 0 !important
  }

  .l-body[data-page=top] {
    padding-top: 20px !important
  }
}

@media screen and (min-width: 1160px) {
  .headerNavReason {
    padding-bottom: 111px !important
  }

  .Main__section-content {
    padding-top: 0 !important
  }

  .siteHeader_button {
    font-size: 14px
  }

  .siteHeader_button.-cta {
    display: flex
  }

  .siteHeader_button.-cta:hover {
    background-color: #e6d54e
  }

  .siteHeader_button.-secondary {
    width: 140px;
    height: 56px;
    border: none;
    border-radius: 0px;
    background-color: #0087d2;
    color: #fff;
    margin-right: 0px
  }

  .siteHeader_button.-secondary:hover {
    background-color: #006eac
  }

  .siteHeader_button.-login {
    flex-direction: row;
    background-color: #fff
  }

  .siteHeader_button.-login:hover {
    background-color: #e7f3fa
  }

  .siteHeader_menu {
    display: block;
    position: static;
    text-align: center;
    height: auto;
    padding-bottom: 0px
  }

  .siteHeader_menuButton {
    display: none
  }

  .siteHeader_menuList {
    flex-direction: row
  }

  .siteHeader_menuItem {
    width: 20%;
    max-width: 256px;
    border-bottom: none
  }

  .siteHeader_menuItem a {
    justify-content: center;
    padding: 0px
  }

  .siteHeader_menuItem a::before {
    content: none
  }

  .siteHeader_menuItem a::after {
    top: auto;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 4px;
    background-color: #0087d2;
    opacity: 0;
    transition: opacity .2s;
    transform: none
  }

  .siteHeader_menuItem a:hover {
    color: #0087d2 !important
  }

  .siteHeader_menuItem a:hover::after {
    opacity: 1
  }
}

@media screen and (min-width: 1160px) {
  #header .flex_item.-wAuto {
    max-width: 100%
  }
}

@media screen and (min-width: 1160px) {
  #header .flex_item.-wAuto.sp_tbl {
    display: none
  }
}

@media screen and (min-width: 769px) {
  #header .sp {
    display: none
  }
}



@media screen and (min-width: 1160px) {
  :root {
    --fs-sectionTtl: 6.25rem;
    --fs-point: 3rem;
    --fs-ttl: 2.5rem;
    --fs-price: 2.5rem;
    --fs-hero-l: 2.5rem;
    --fs-lpcopy: 2rem;
    --fs-h2: 2rem;
    --fs-h3: 1.75rem;
    --fs-h4: 1.5rem;
    --fs-h5: 1.25rem;
    --fs-h6: 1.125rem;
    --lp-fs-hero: 1.125rem;
    --fs-hero: 1.125rem;
    --fs-body-m: 1rem;
    --fs-32-r: 2rem;
    --fs-28-r: 1.75rem;
    --fs-24-r: 1.5rem;
    --fs-20-r: 1.25rem;
    --fs-18-r: 1.125rem;
    --header-h-n: -111px;
    --header-h: 111px;
    --hero-h: 536px;
    --header-sh: 56px;
    --lp-hero-h: 470px
  }
}

@media screen and (min-width: 600px) {
  a:hover {
    text-decoration: none
  }
}

@media screen and (min-width: 1160px) {
  .pc {
    display: block
  }
}

@media screen and (min-width: 1160px) {
  .flex.pc {
    display: flex
  }
}

@media screen and (min-width: 1160px) {
  .pc-inb {
    display: inline-block
  }
}

@media screen and (min-width: 820px) {
  .tbl {
    display: block
  }
}

@media screen and (min-width: 1160px) {
  .tbl {
    display: none
  }
}

@media screen and (min-width: 820px) {
  .flex.tbl {
    display: flex
  }
}

@media screen and (min-width: 1160px) {
  .flex.tbl {
    display: none
  }
}

@media screen and (min-width: 820px) {
  .tbl-inb {
    display: inline-block
  }
}

@media screen and (min-width: 1160px) {
  .tbl-inb {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .tb {
    display: block
  }
}

@media screen and (min-width: 820px) {
  .tb {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .felx.tb {
    display: flex
  }
}

@media screen and (min-width: 820px) {
  .felx.tb {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .tb-inb {
    display: inline-block
  }
}

@media screen and (min-width: 820px) {
  .tb-inb {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .sp {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .flex.sp {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .sp-inb {
    display: none
  }
}

@media screen and (min-width: 820px) {
  .tbl_pc {
    display: block
  }
}

@media screen and (min-width: 820px) {
  .flex.tbl_pc {
    display: flex
  }
}

@media screen and (min-width: 820px) {
  .tbl_pc-inb {
    display: inline-block
  }
}

@media screen and (min-width: 600px) {
  .tb_pc {
    display: block
  }
}

@media screen and (min-width: 600px) {
  .flex.tb_pc {
    display: flex
  }
}

@media screen and (min-width: 600px) {
  .tb_pc-inb {
    display: inline-block
  }
}

@media screen and (min-width: 600px) {
  .tb_tbl {
    display: block
  }
}

@media screen and (min-width: 1160px) {
  .tb_tbl {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .flex.tb_tbl {
    display: flex
  }
}

@media screen and (min-width: 1160px) {
  .flex.tb_tbl {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .tb_tbl-inb {
    display: inline-block
  }
}

@media screen and (min-width: 1160px) {
  .tb_tbl-inb {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  .sp_tbl {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  .flex.sp_tbl {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  .sp_tbl-inb {
    display: none
  }
}

@media screen and (min-width: 820px) {
  .sp_tb {
    display: none
  }
}

@media screen and (min-width: 820px) {
  .flex.sp_tb {
    display: none
  }
}

@media screen and (min-width: 820px) {
  .sp_tb-inb {
    display: none
  }
}

@media screen and (min-width: 1160px) {
  span.pc {
    display: inline
  }
}

@media screen and (max-width: 374px) {
  .sps {
    display: block
  }
}

@media screen and (max-width: 374px) {
  .sps-inb {
    display: inline-block
  }
}

@media screen and (max-width: 374px) {
  .sps_none {
    display: none
  }
}

@media screen and (max-width: 320px) {
  .JPX_logo {
    max-height: 48px;
    min-height: 48px
  }
}

@media screen and (min-width: 600px) {
  .Heading.-h2.coaching_features_sub_heading {
    font-size: var(--fs-h4)
  }
}

@media screen and (min-width: 600px) {
  .Heading.-h3.coaching_features_description {
    font-size: var(--fs-h4)
  }
}

@media screen and (min-width: 820px) {
  .link.-single .link_wrapper {
    border-left: #d1d4d7 solid 1px
  }
}

@media screen and (min-width: 1160px) {
  .link_wrapper {
    flex-direction: column;
    padding-left: 24px;
    border-bottom: none;
    border-left: #d1d4d7 solid 1px
  }
}

@media screen and (min-width: 769px) {
  .link_wrapper .Heading.h3 {
    font-size: var(--fs-h5)
  }
}

@media screen and (min-width: 820px) {
  .link_inner {
    flex-basis: auto
  }
}

@media screen and (min-width: 820px) {
  .link.-hoverTypeB .link_wrapper {
    flex-direction: column;
    border-bottom: none;
    border-left: #d1d4d7 solid 1px
  }
}

@media screen and (min-width: 1160px) {
  .link.-hoverTypeB .link_wrapper {
    padding: 24px 24px 8px 24px;
    flex-direction: column;
    align-items: center
  }
}

@media screen and (min-width: 1160px) {
  .link.-hoverTypeB .link_wrapper:hover {
    border-left: #0087d2 solid 1px
  }
}

@media screen and (min-width: 1160px) {
  .link .link_flex {
    gap: 24px
  }
}

@media screen and (min-width: 600px) {
  .linkNav {
    padding: 0 0 48px
  }
}

@media screen and (min-width: 820px) {
  .linkNav {
    max-width: 1080px;
    width: calc(100% - 80px)
  }
}

@media screen and (min-width: 1160px) {
  .linkNav {
    padding: 24px 0 72px
  }
}

@media screen and (min-width: 1160px) {
  .linkNav .link.-hoverTypeB .link_wrapper:hover {
    border-left: #d1d4d7 solid 1px !important
  }
}

@media screen and (min-width: 1160px) {

  .linkNav .link.-hoverTypeB.-border_n a,
  .linkNav .link.-hoverTypeB.-border_n a:hover {
    border: none !important
  }
}

@media screen and (min-width: 600px) {
  .linkNav_top.section.-block {
    padding: 24px 0 96px
  }
}

@media screen and (min-width: 1160px) {
  .linkNav_top.section.-block {
    padding: 48px 0 120px
  }
}

@media screen and (min-width: 1160px) {
  .linkNav_top.section.-block .linkNav {
    max-width: 1600px
  }
}

@media screen and (min-width: 1160px) {
  .linkNav_top.section.-block .link_flex {
    gap: 0;
    max-width: 288px
  }
}

@media screen and (min-width: 820px) {
  .linkNav_top.section.-block .badge_tit {
    width: auto;
    max-width: none;
    padding-top: 0px
  }
}

@media screen and (min-width: 1160px) {
  .linkNav_top.section.-block .badge_tit {
    gap: 0;
    flex-direction: column;
    max-height: 100%;
    width: 100%
  }
}

@media screen and (min-width: 1160px) {
  .linkNav_top.section.-block .badge_tit .icon {
    max-width: 100%;
    margin: 0 auto
  }
}

@media screen and (min-width: 1160px) {
  .linkNav_top.section.-block .badge_tit .icon img {
    max-width: 91px
  }
}

@media screen and (min-width: 1160px) {
  .linkNav_top.section.-block .badge_tit .heading.-withNum {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px
  }
}

@media screen and (min-width: 1160px) {
  .linkNav_top.section.-block .badge_tit+p {
    font-size: 2rem
  }
}

@media(min-width: 769px)and (max-width: 1090px) {
  .linkNav_top.section.-block .badge_tit+p {
    font-size: 2.6007802341vw
  }
}

@media screen and (min-width: 820px) {
  .linkCard {
    flex-direction: column
  }
}

@media screen and (min-width: 820px) {
  .linkCard:hover::before {
    opacity: 1
  }
}

@media screen and (min-width: 820px) {
  .linkCard_desc {
    white-space: wrap
  }
}

@media screen and (min-width: 600px) {
  .linkitem_wrapper {
    flex-direction: column;
    padding-left: 24px;
    border-bottom: none;
    border-left: #d1d4d7 solid 1px
  }
}

@media screen and (min-width: 769px) {
  .linkitem_wrapper .Heading.h3 {
    font-size: var(--fs-h5)
  }
}

@media screen and (min-width: 600px) {
  .reason_link {
    padding: 0;
    max-width: 1080px;
    width: calc(100% - 80px)
  }
}

@media screen and (min-width: 1160px) {
  .reason_link>.flex.-column.-gap24 {
    gap: 72px
  }
}

@media screen and (min-width: 820px) {
  .reason_link>.flex.-column.-gap24>.flex.-gap24 {
    max-width: 382px
  }
}

@media screen and (min-width: 1160px) {
  .reason_link>.flex.-column.-gap24>.flex.-gap24 {
    flex-direction: row
  }
}

@media screen and (min-width: 1160px) {
  .reason_link .linkitem.-hoverTypeB .linkitem_wrapper {
    width: 344px;
    height: 324px
  }
}

@media screen and (max-width: 374px) {
  .reason_link .linkitem.-hoverTypeB .linkitem_wrapper {
    height: 330px
  }
}

@media screen and (min-width: 820px) {
  .reason_link .linkitem.-hoverTypeB .linkitem_wrapper .sec_head.-hasIcon {
    flex-direction: row
  }
}

@media screen and (min-width: 600px) {
  .reason_link .linkitem.-hoverTypeB .linkitem_wrapper .sec_head.-hasIcon.pc {
    display: flex
  }
}

@media screen and (min-width: 600px) {
  .reason_link .linkitem.-hoverTypeB .heading.-withNum::before {
    font-size: 3.75rem
  }
}

@media screen and (min-width: 1160px) {
  .reason_link .linkitem.-hoverTypeB .linkitem_flex {
    max-width: 288px
  }
}

@media screen and (min-width: 1160px) {
  .reason_link .linkitem.-hoverTypeB .linkitem_flex .sec_head.-resp .icon {
    margin: 0 auto
  }
}

@media screen and (min-width: 600px) {
  .reason_link .linkitem.-hoverTypeB .linkitem_flex .sec_head.-resp+p {
    font-size: 2rem
  }
}

@media(min-width: 769px)and (max-width: 1090px) {
  .reason_link .linkitem.-hoverTypeB .linkitem_flex .sec_head.-resp+p {
    font-size: 2.6007802341vw
  }
}

@media screen and (max-width: 374px) {
  .reason_link .linkitem.-hoverTypeB .linkitem_flex .txt_w p.sub_txt {
    font-size: 4.1vw
  }
}

@media screen and (max-width: 374px) {
  .reason_link .linkitem.-hoverTypeB .linkitem_flex p.heading {
    font-size: 7.4666666667vw
  }
}

@media screen and (min-width: 1160px) {
  .reason_link .linkitem2.-hoverTypeB .linkitem_flex .txt_w p.sub_txt {
    letter-spacing: .4px
  }
}

@media screen and (min-width: 600px) {
  .fixedArea+.siteFooter {
    padding-bottom: 0px
  }
}

@media screen and (min-width: 600px) {
  .fixedArea.-single+.siteFooter {
    padding-bottom: 0px
  }
}

@media screen and (min-width: 600px) {
  .fixedArea#float-banner+.siteFooter {
    padding-bottom: 0px
  }
}

@media screen and (min-width: 600px) {
  .fixedArea#float-banner.-single+.siteFooter {
    padding-bottom: 0px
  }
}

@media screen and (min-width: 820px) {
  .siteFooter_wrapper {
    max-width: 100%
  }
}

@media screen and (min-width: 820px) {
  .siteFooter_wrapper.tbl {
    display: block;
    margin-top: 24px
  }
}

@media screen and (min-width: 1160px) {
  .siteFooter_wrapper.tbl {
    display: none
  }
}

@media screen and (min-width: 600px) {
  .siteFooter_menuUnit {
    max-width: 100%
  }
}

@media screen and (min-width: 820px) {
  #footerNav .linkCard_image img {
    position: static
  }
}

@media screen and (min-width: 600px) {
  #footerNav .breadcrumb {
    margin: 0 auto
  }
}

@media screen and (min-width: 820px) {
  .fixedArea+.siteFooter {
    padding-bottom: 0px
  }

  .fixedArea.-single+.siteFooter {
    padding-bottom: 0px
  }

  .siteFooter_main {
    padding-left: 40px;
    padding-right: 40px
  }

  .siteFooter_wrapper {
    flex-direction: row
  }
}

@media screen and (min-width: 820px)and (min-width: 820px) {
  .siteFooter_wrapper {
    gap: 24px
  }
}

@media screen and (min-width: 820px) {
  .siteFooter_item.-buttonStack>*+* {
    margin-top: 8px
  }

  .siteFooter_button:hover {
    background-color: #006eac
  }

  #footerNav .linkCard_wrapLink {
    font-size: 20px;
    line-height: 30px
  }

  #footerNav .linkCard_title {
    font-size: 20px;
    line-height: 30px
  }

  #footerNav .siteFooter_menuList {
    line-height: 18px
  }
}

@media screen and (min-width: 820px) {
  #footerNav .linkCard_image img {
    width: 100%
  }
}

@media screen and (min-width: 1160px) {
  .siteFooter_wrapper .sp_tb.pc {
    display: block;
    flex-basis: 25%
  }
}

@media screen and (min-width: 600px) {
  footer .container.-spFull {
    width: calc(100% - 32px)
  }
}

@media screen and (min-width: 600px) {
  footer .container.-offset {
    padding-left: 10%;
    padding-right: 10%
  }
}

@media screen and (min-width: 600px) {
  footer .container.-offset.-medium {
    max-width: calc(1080px + 20%)
  }
}

@media screen and (min-width: 820px) {
  .breadcrumb {
    justify-content: center
  }
}

@media screen and (min-width: 1160px) {
  .breadcrumb {
    padding: 24px 0 0
  }
}

@media screen and (min-width: 820px) {
  .breadcrumb_area {
    display: flex
  }
}

@media screen and (min-width: 600px) {
  .breadcrumb_item a:hover {
    text-decoration: none
  }
}

@media screen and (min-width: 600px) {
  .breadcrumb_item a:hover {
    text-decoration: none
  }
}

@media screen and (min-width: 820px) {
  .linkCard {
    flex-direction: column;
    flex-basis: 33.3333333333%;
    height: 248px
  }
}

@media screen and (min-width: 1160px) {
  .linkCard {
    flex-basis: 25%
  }
}

@media screen and (min-width: 600px) {
  .linkCard:hover::before {
    opacity: 1;
    z-index: 100
  }
}

@media screen and (min-width: 820px) {
  .linkCard_image img {
    width: 100%
  }
}

@media screen and (min-width: 600px) {
  #footerNav .siteFooter .banner.-typeC .banner_body.flex {
    gap: 24px
  }
}

@media screen and (min-width: 600px) {
  #footerNav .siteFooter .banner.-typeC .banner_title {
    font-size: 1.25rem;
    margin-top: 0
  }
}

@media screen and (min-width: 820px) {
  #footerNav .siteFooter .banner.-typeC .banner_title {
    font-size: 1.5rem;
    letter-spacing: 1.44px
  }
}

@media screen and (min-width: 820px) {
  .siteFooter_item.-buttonStack.sp_tb.pc {
    display: none !important
  }
}

@media screen and (min-width: 1160px) {
  .siteFooter_item.-buttonStack.sp_tb.pc {
    display: block !important
  }
}

@media (min-width:960px) and (max-width:1024px) {
  body {
    min-width: 100%;
  }
}

@media screen and (max-width:1024px) {
  .l-header__navigation {
    font-size: 12px
  }
}

@media screen and (min-width:1600px) {
  .c-blockButton[data-type="companies"] {
    margin-right: -13.51351vw !important;
    margin-left: -13.51351vw !important
  }
}

@media screen and (max-width:320px) {
  .c-button[data-width="auto"] {
    padding-right: 1.5rem;
    padding-left: 1rem
  }

  .c-button[data-width="auto"] .c-button__label {
    padding-left: 1.2rem
  }

  .c-button[data-align-sp="left"] .c-button__inner {
    padding-left: 1.2rem
  }

  .c-button[data-align-sp="left"] .c-button__label {
    padding-left: 1.4rem
  }

  .c-button__label {
    padding: 0 1em
  }
}

@media screen and (max-width:320px) {
  .c-program__desription {
    padding-top: .5rem
  }

  .c-program__desription>dt {
    margin-bottom: .5rem
  }

  .c-program__desription>dd {
    font-size: 1.2rem
  }

  .c-program[data-type="bizmates_program"] .c-program__desription img {
    height: 1.2rem
  }

  .c-program[data-type="other_program"] .c-program__desription img {
    height: 1.3rem
  }
}

.c-rankUp {
  max-width: 960px;
  margin: auto;
  position: relative
}

.c-rankUp__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 85%;
  color: #1978b1;
  position: absolute;
  bottom: 4.5%;
  left: 6%;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

@media screen and (max-width:320px) {
  .p-cmEyecatch__head {
    font-size: 1.3rem
  }
}

@media screen and (max-width:640px) {
  .p-comparison {
    width: 210vw
  }
}

@media screen and (min-width:1600px) {
  .p-difference {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (max-width:1100px) {
  .p-features[data-type="top"] .p-features__item:nth-child(1) {
    width: 240px
  }

  .p-features[data-type="top"] .p-features__item:nth-child(2) {
    width: 240px;
    top: 200px;
    right: 200px
  }

  .p-features[data-type="top"] .p-features__item:nth-child(3) {
    width: 240px;
    top: 400px;
    right: 200px
  }

  .p-features[data-type="top"] .p-features__item:nth-child(4) {
    width: 180px;
    top: 200px
  }
}

@media screen and (min-width:1600px) {
  .p-information {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (min-width:1600px) {
  .p-introduction__content {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (max-width:320px) {
  .p-lpButtons__button p {
    font-size: 1rem !important
  }

  .p-lpButtons__button i {
    height: 20px;
    font-size: 2rem
  }
}

@media screen and (max-width:320px) {
  .p-lpCampaign {
    font-size: 1.2rem
  }

  .p-lpCampaign__list {
    font-size: 1.2rem
  }

  .p-lpCampaign__list strong,
  .p-lpCampaign__list em {
    font-size: inherit
  }
}

@media screen and (max-width:767px) {
  .p-program__skillTable th {
    width: 11.82432vw
  }
}

@media screen and (max-width:320px) {
  .p-reasonSection__inner {
    padding-right: 1.2rem;
    padding-left: 1.2rem
  }
}

@media screen and (max-width:640px) {
  .p-scroll::before {
    content: '';
    width: 5rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
    -webkit-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear
  }

  .p-scroll.is-end::before {
    opacity: 0
  }
}

@media screen and (min-width:1600px) {
  .p-section:not([data-fixed]),
  .p-section--index:not([data-fixed]) {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (max-width:767px) {
  .p-slide>div.recommend_sp>span {
    width: 42%;
    bottom: 20rem;
  }

  .p-slide>div.recommend_sp>p {
    padding: 0 0 25rem 1.3rem;
    font-size: 2.2vw;
  }
}

@media screen and (max-width:414px) {
  .block-sns-timeline.hide_PC {
    display: block;
  }

  .block-sns-timeline.hide_SP {
    display: none;
  }

  .p-slide>div.recommend_sp>span {
    width: 38%;
    right: -5vw;
    display: inline-block;
    bottom: 20rem;
  }

  .p-slide>div.recommend_sp>p {
    padding: 0 0 25rem 1.4rem;
  }
}

@media screen and (min-width:1600px) {
  .p-slide__panel {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (min-width:960px) {
  dl.p-slide__recommend_sp {
    display: block;
  }

  dl.p-slide__recommend_sp .inner {
    display: block;
  }

  dl.p-slide__recommend_sp .inner dt {
    width: 20%;
    text-align: left;
  }

  dl.p-slide__recommend_sp .inner dd {
    text-align: left;
    font-size: 30px;
  }
}

@media screen and (min-width:1600px) {
  .p-top__content {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (min-width:1600px) {
  .p-topHeader[data-type="feature"] {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (min-width:1600px) {
  .p-topReason {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (min-width:1600px) {
  .p-videoLesson {
    padding-right: 13.51351vw !important;
    padding-left: 13.51351vw !important
  }
}

@media screen and (min-width:1600px) {
  .u-offset {
    margin-right: -13.51351vw !important;
    margin-left: -13.51351vw !important
  }
}

@media screen and (max-width:769px) {
  .l-body[data-page="company"] {
    padding-top: 56px;
  }
}

@media screen and (max-width:1159px) {
  body.reprint_top main.l-main {
    padding-top: 55px;
  }
}

@media screen and (min-width:600px) {
  body.reprint_top .siteHeader_main>.flex>* {
    height: 55px !important;
  }

  body.reprint_top .siteHeader_main {
    border-bottom: 1px solid #0087d2;
  }
}

@media (min-width:960px) and (max-width:1400px) {
  body.reprint_top .p-mv__right-cont--pc img {
    height: 100%;
    object-fit: cover;
    object-position: center left;
  }
}

@media screen and (min-width:1080px) {
  body.reprint_top #user-slider .Slider__dots {
    max-width: 1080px;
    display: flex;
  }
}

@media screen and (min-width:1024px) {
  body.reprint_top #user-slider .swiper-slide {
    margin: 0 12px;
  }
}

@media screen and (max-width: 959px) {
  body.reprint_top .main-box {
    margin-bottom: 0;
  }

  body.reprint_top .reason-lists__items {
    width: calc(100% - 32px);
    margin: 24px auto 0;
  }

  body.reprint_top .main-box .section__header {
    gap: 0;
  }

  body.reprint_top .main-box .header-sub-ttl {
    margin-bottom: 4px;
    font-size: 16px;
  }

  body.reprint_top .main-box .bigger-blue {
    font-size: 20px;
  }

  body.reprint_top .main-box .header-ttl {
    font-size: 30px;
  }

  body.reprint_top .main-box .reasons .inner {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  body.reprint_top .main-box .image-area {
    width: max-content;
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 959px) {
  body.reprint_top .main-box .upper-area {
    flex-direction: column;
  }

  body.reprint_top .main-box .list-item__ttl {
    margin-bottom: 5px;
  }

  body.reprint_top .main-box .list-item a {
    flex-direction: row;
    gap: 0;
  }

  body.reprint_top .main-box .upper-area__number {
    font-size: 20px;
  }

  body.reprint_top .main-box .txt-lists .lists-item {
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 9px;
    background: url(../img/check__blue.svg) left 0px top 0.2em no-repeat;
  }

  body.reprint_top .main-box .txt-lists .lists-item:last-child {
    margin-bottom: 0;
    padding-bottom: 10px;
  }

  body.reprint_top .main-box .list-item a {
    padding: 10px 12px 12px 14px;
  }

  body.reprint_top .main-box .txt-lists {
    padding: 10px 10px 0 8px;
  }

  body.reprint_top .main-box .list-item .txt-area {
    margin: 0 12px;
  }

  body.reprint_top .main-box .list-item__ttl {
    line-height: 1.4;
  }

  body.reprint_top .main-box .txt-lists .lists-item {
    background-size: 1.25em auto;
    padding-left: 22px;
    line-height: 1.2;
  }

  body.reprint_top .main-box .list-item .arrow {
    width: 16px;
    margin: auto;
    height: 100%;
  }
}

@media screen and (max-width: 959px) {
  body.reprint_top .companies>.Container.-medium {
    margin-top: 8px;
  }

  body.reprint_top .companies .inner {
    margin-bottom: 0;
    padding: 48px 0;
  }

  body.reprint_top .companies .companies__wrap {
    margin-bottom: 32px;
  }

  body.reprint_top .companies .companies-ttl {
    font-size: 20px;
  }

  body.reprint_top .companies .HeroArea__button {
    margin: 48px 0 0;
  }

  body.reprint_top .companies .Slider .swiper-slide {
    width: calc(80 / 375 * 100vw) !important;
  }
}

@media screen and (max-width: 600px) {
  body.reprint_top .companies .Slider .swiper-slide {
    width: calc(140 / 375 * 100vw) !important;
  }
}

@media (min-width: 960px) and (max-width: 1159px) {
  body.reprint_top ol.reason-lists li#reason-1 #trainer-slider .Slider__dots {
    width: 100%;
  }
}

@media screen and (max-width: 959px) {

  body.reprint_top ol.reason-lists li.reason-lists__items .box-contents__image img,
  body.reprint_top ol.reason-lists li.reason-lists__items .search-banner__image-area img {
    width: 100%;
  }

  body.reprint_top .reason-box .box-ttl__pict {
    width: 100%;
    height: max-content;
    padding: 16px 24px;
  }

  body.reprint_top .reason-box .box-ttl__pict .pict {
    bottom: auto;
    right: 24px;
    top: 50%;
  }


  body.reprint_top .reason-box .box-ttl__txt {
    padding: 48px 16px;
    gap: 16px;
    margin-left: 0;
  }

  body.reprint_top .main-ttl {
    font-size: 28px;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    padding-top: 0;
  }

  body.reprint_top .main-ttl p {
    font-size: 10px;
    margin-top: 20px;
  }

  body.reprint_top .reason-box.first .trainer .box-contents__ttl {
    padding-top: 0;
  }

  body.reprint_top .main-ttl p small {
    font-weight: 400;
    text-align: left;
  }

  body.reprint_top .box-contents .contents-ttl h4 {
    font-size: 20px;
    width: calc(100% - 26px);
  }

  body.reprint_top .box-contents .contents-ttl figure {
    margin-right: 6px;
  }

  body.reprint_top .box-contents .check {
    width: 20px;
  }

  body.reprint_top .box-contents .contents-main-txt {
    margin-bottom: 0;
  }

  body.reprint_top ol.reason-lists li#reason-1 .box-contents picture.box-contents__image {
    padding: 0 16px;
  }

  body.reprint_top ol.reason-lists li#reason-1 .box-contents {
    margin-bottom: 0;
  }

  body.reprint_top ol.reason-lists li#reason-1 .Slider {
    padding: 48px 0 80px;
  }

  body.reprint_top ol.reason-lists li#reason-1 .Slider .Slider__dots {
    width: calc(100% - 36px);
  }

  body.reprint_top .search-banner__text-area {
    padding: 16px;
    margin-bottom: 48px;
  }

  body.reprint_top .search-banner__text-area .main-txt {
    font-size: 16px;
  }

  body.reprint_top .search-banner__image-area {
    width: 100%;
  }

  body.reprint_top .search-banner__text-area a.Button.-outline,
  body.reprint_top .lessons-card a.Button.-fill {
    max-width: 240px;
    margin: 0 auto;
  }

  body.reprint_top .box-contents:not(.trainer) .contents-ttl {
    margin-top: 0;
  }

  body.reprint_top .recruitment .process-list-wrap {
    margin-top: 40px;
    margin-bottom: 24px;
  }

  body.reprint_top .p-processList>li {
    padding-top: 22px;
  }

  body.reprint_top .recruitment .p-processList>li::before {
    font-size: 16px;
    top: -16px;
  }

  .recruitment .p-processList>li {
    padding-top: 28px;
  }

  .recruitment .p-processList>li:nth-child(6) p {
    color: #fff;
  }

  body.reprint_top .recruitment .p-processList__item {
    height: 200px;
    font-size: 14px;
    color: #26455C;
  }

  body.reprint_top .recruitment .p-processList__item i {
    font-size: 14px;
    width: 20px;
    height: 20px;
    bottom: 10px;
  }

  body.reprint_top .recruitment .process-list-wrap .pict-box {
    font-size: 13px;
    padding: 16px 20px 20px 29px;
  }

  body.reprint_top .recruitment .process-list-wrap .pict-box li {
    list-style-type: none;
    text-indent: -1em;
  }

  body.reprint_top li#reason-1 .HeroArea__button {
    margin-top: 48px;
  }

  body.reprint_top li#reason-1 .HeroArea__button .Button.-posL {
    max-width: 240px;
    height: 60px;
    width: 100%;
    font-size: 14px;
  }
}

@media screen and (max-width: 450px) {
  body.reprint_top .p-processList>li[data-recruit] {
    width: 62px;
  }
}

@media screen and (max-width: 959px) {
  li#reason-2,
  li#reason-3,
  li#reason-4 {
    margin-top: 48px;
  }

  body.reprint_top .box-contents .check {
    width: 20px;
  }

  li#reason-2 .reason-box .box-ttl {
    margin-bottom: 0;
  }

  body.reprint_top .box-contents.level-up {
    margin-bottom: 24px;
  }

  body.reprint_top .reason-box .box-ttl__txt .pict_beginner {
    width: 22px;
  }

  body.reprint_top .reason-lists__items .reason-box .box-ttl {
    margin-bottom: 0;
  }

  body.reprint_top .box-contents.level-up .box-contents__ttl {
    margin-bottom: 0;
  }

  body.reprint_top .reason-box.sec .level-up .ttl-area {
    margin-bottom: 24px;
    display: flex;
    gap: 16px;
    flex-direction: column;
    line-height: 1;
  }

  body.reprint_top .reason-box.sec .level-up .box-contents__image {
    margin-top: 24px;
    padding: 24px 16px;
  }

  body.reprint_top .reason-box.sec .level-up .image-main-ttl {
    font-size: 18px;
  }

  body.reprint_top .reason-box.sec .level-up .image-sub-ttl .wrap,
  body.reprint_top .reason-box.sec .level-up .image-sub-ttl .wrap+p {
    font-size: 16px;
  }

  body.reprint_top .reason-box.sec .level-up .image-sub-ttl {
    gap: 16px;
  }

  body.reprint_top .reason-box.sec .level-up .logo {
    width: 141px;
    margin: 0 4px;
    margin-bottom: 0;
  }

  body.reprint_top .box-contents.graduate .image__graph {
    width: max-content;
  }

  body.reprint_top .box-contents.graduate .box-contents-inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  body.reprint_top .box-contents.graduate p.annotation+a.Button.-fill {
    margin: 24px auto 48px auto;
    width: 240px;
  }

  body.reprint_top .box-contents.graduate .box-contents__ttl {
    margin: 48px 0;
  }

  body.reprint_top .reason-box.sec .graduate .box-contents__image {
    padding: 24px 16px;
    background-color: #E7F3FA;
    margin-bottom: 48px;
  }

  body.reprint_top .reason-box.sec .reason-2-levels {
    flex-direction: column;
    gap: 0;
  }

  body.reprint_top .box-contents.graduate .reason-2-title-number {
    font-size: 64px;
    font-weight: 500;
    color: #0087D2;
    opacity: 0.2;
  }

  body.reprint_top .box-contents.graduate .reason-2-sub-title,
  body.reprint_top .box-contents.graduate .reason-2b-sub-title {
    font-size: 20px !important;
    color: #141821;
    line-height: 30px;
    padding: 0;
  }

  body.reprint_top .reason-box.sec .reason-2-levels .reason-2b-sub-title {
    padding: 0;
  }

  body.reprint_top .reason-2-section-2-container .reason-2-section-2b-contents__left {
    height: max-content;
  }

  body.reprint_top .reason-2-section-2-container {
    margin-top: 24px;
  }

  body.reprint_top .reason-2-section-2-container .reason-2-section-2b-contents__left a.Button.-fill {
    display: none;
  }

  body.reprint_top .reason-2-section-2-container>a.Button.-fill {
    display: flex;
  }

  body.reprint_top .reason-2-section-2__subtext,
  body.reprint_top .reason-2-section-2-contents,
  body.reprint_top .reason-2-section-2b-contents {
    margin-left: 0;
  }

  body.reprint_top .box-contents.graduate .reason-2-section-2__subtext__container {
    padding: 4px 8px;
    font-family: "Noto Serif JP";
    width: 100%;
    margin-bottom: 8px;
    line-height: 28px;
  }

  body.reprint_top .box-contents.graduate .reason-2-section-2-contents__right img {
    width: 100%;
    margin: 8px 0 36px;
  }

  body.reprint_top .reason-2-section-2-contents__right .btn-sample {
    margin: 0 auto;
    width: 274px;
  }

  body.reprint_top .box-contents.graduate .reason-2-section-2-contents__left {
    margin: 36px 0 0;
  }

  body.reprint_top .box-contents.graduate .reason-2-section-2b-contents__title--24px {
    color: #141821;
    font-size: 18px;
    font-weight: 500;
    margin-top: 8px;
  }

  body.reprint_top .reason-box.sec .reason-2-section-2-contents+a.Button.-fill,
  body.reprint_top .reason-box.sec .reason-2-section-2b-contents+a.Button.-fill {
    margin-top: 24px;
    text-align: center;
  }

  body.reprint_top .box-contents.graduate .reason-2-section-2b-contents__left {
    margin-right: 0;
  }

  body.reprint_top .box-contents.graduate .voice-box__lead:before {
    top: -25px;
    font-weight: 700;
  }

  body.reprint_top .box-contents.graduate .voice-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 48px 0;
    padding: 24px 16px;
  }

  body.reprint_top .box-contents.graduate .voice-box .voice-box__lead {
    font-size: 14px;
    padding: 48px 0 0 12px;
    margin-bottom: 24px;
  }

  body.reprint_top .box-contents.graduate .voice-box .voice-box__lead:before {
    top: -30px;
    left: 12px;
  }

  body.reprint_top .box-contents.graduate .voice-box .Button.-fill {
    margin-top: 0;
  }

  body.reprint_top .voice-box__name-wrapper,
  body.reprint_top .voice-box__name {
    font-size: 14px;
    line-height: 1;
    color: #141821;
  }

  body.reprint_top .box-contents.graduate .voice-box+.HeroArea__button .Button.-posL {
    max-width: 240px;
    height: 60px;
    width: 100%;
    font-size: 14px;
  }
}

@media screen and (max-width: 959px) {
  body.reprint_top .reason-box.third .main-ttl>div.pc {
    display: none;
  }

  body.reprint_top .reason-box.third .main-ttl>div.sp {
    display: flex;
  }

  body.reprint_top .reason-box.third .main-ttl>div.sp p {
    font-size: 28px;
    margin-top: 0;
  }

  body.reprint_top .reason-box.third .box-contents.lessons ol.lessons-lists {
    gap: 16px;
    max-width: 670px;
    margin: 48px auto 0;
  }

  body.reprint_top .reason-box.third .lessons .lists-item .caption {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
  }

  body.reprint_top .reason-box.third .lessons .lists-item {
    padding: 0 0 22px 0;
    margin-bottom: 0;
    width: 147px;
  }

  body.reprint_top .reason-box.third .lessons .lists-item figure.lists-item__image {
    margin-bottom: 8px;
  }

  body.reprint_top .reason-box.third .lessons .lists-item figure.lists-item__image {
    height: 83px;
  }

  body.reprint_top .reason-box.third .details .about-lesson .image {
    height: 67px;
  }

  body.reprint_top .reason-box.third .lessons .lists-item__logo img {
    height: 18px;
  }

  body.reprint_top .reason-box.third ol.lessons-lists li img {
    width: 147px;
  }

  body.reprint_top .reason-box.third .bizmates .samples .level-lists .wrap {
    padding: 16px;
  }

  body.reprint_top .reason-box.third .bizmates .samples .item-description {
    margin-bottom: 16px;
    font-size: 14px;
    letter-spacing: 0.7px;
  }

  body.reprint_top .reason-box.third .level-lists .p-program__button {
    font-size: 14px;
    width: 200px;
    height: 52px;
  }

  body.reprint_top .reason-box.third .bizmates .samples .item-level-marker {
    height: 24px;
    width: 24px;
  }

  body.reprint_top .reason-box.third .bizmates .samples .item-level-marker-container {
    display: flex;
    gap: 17px;
  }

  body.reprint_top .reason-box.third .bizmates .samples .lists-item {
    margin-bottom: 16px;
  }

  body.reprint_top .reason-box.third .bizmates .samples .lists-item.fifth {
    margin-bottom: 24px;
  }

  body.reprint_top .reason-box.third .bizmates .samples .level-lists {
    margin: 0 auto;
  }

  body.reprint_top .reason-box.third .box-contents.details.bizmates {
    margin-bottom: 48px;
  }

  body.reprint_top .box-contents.details.bizmates a.Button.-fill {
    margin-right: auto;
    width: 240px;
    height: 56px;
  }

  body.reprint_top .reason-box.third .taiken_movie {
    padding: 24px 16px;
  }

  body.reprint_top .reason-box.third .taiken_movie_description {
    margin-left: 0;
    margin-bottom: 0;
  }

  body.reprint_top div#taiken_movie .p-blockButtons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  body.reprint_top .reason-box.third .taiken_movie .description-txt {
    font-size: 14px;
    margin: 24px auto;
  }

  body.reprint_top .reason-box.third .taiken_movie-ttl {
    margin-bottom: 24px;
    white-space: nowrap;
  }

  body.reprint_top div#taiken_movie .HeroArea__button .Button.-posL {
    margin-left: auto;
  }

  body.reprint_top .reason-box.third .details .about-lesson .txt {
    font-size: 16px;
    line-height: 2;
  }

  body.reprint_top .box-contents.details .box-contents__ttl {
    margin-bottom: 24px;
  }

  body.reprint_top .reason-box.third .details .about-lesson .image {
    margin-right: 12px;
    width: 120px;
  }

  body.reprint_top .reason-box.third .box-contents.details.assist .logo {
    width: 127px;
  }

  body.reprint_top .reason-box.third .box-contents.details.discovery .logo {
    width: 95px;
  }

  body.reprint_top .reason-box.third .samples-lists .p-program__button {
    width: 140px;
    height: 52px;
    padding-right: 16px;
    font-size: 14px;
  }

  body.reprint_top .reason-box.third .samples-lists .c-button__inner {
    font-size: 13px;
  }

  body.reprint_top .reason-box.third .samples-lists .lessons-name {
    height: 64px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  body.reprint_top .reason-box.third .samples-lists .lessons-box {
    margin-bottom: 8px;
  }

  body.reprint_top .reason-box.third .other .item-ttl {
    margin-bottom: 8px;
  }

  body.reprint_top .reason-box.third .other .item-ttl,
  body.reprint_top .reason-box.third .assist .example-ttl,
  body.reprint_top .reason-box.third .samples .samples-ttl {
    font-size: 20px;
  }

  body.reprint_top .reason-box.third .other .lessons {
    margin-bottom: 8px;
  }

  body.reprint_top .reason-box.third .other .c-button__inner {
    height: 43px;
  }

  body.reprint_top .reason-box.third .other .lists-item.forth .item-ttl {
    margin-bottom: 16px;
  }

  body.reprint_top .reason-box.third .other .lists-item.forth .contact-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 0;
  }

  body.reprint_top .reason-box.third .other .lists-item.forth .contact-box>* {
    line-height: 1;
  }

  body.reprint_top .reason-box.third .lists-item.forth .caution {
    margin-top: 0;
  }

  body.reprint_top .reason-box.third .other .en-name {
    font-size: 16px;
  }

  body.reprint_top .reason-box.third .other .link-to-contact {
    font-size: 12px;
  }

  body.reprint_top .reason-box.third .assist .example-lists {
    width: 100%;
    gap: 16px;
  }

  body.reprint_top .box-contents.details.other {
    margin-bottom: 96px;
  }

  body.reprint_top .reason-box.third .box-contents.details.other .logo {
    width: 149px;
  }

  body.reprint_top .reason-box.third .assist .example-ttl {
    height: auto;
    font-weight: 600;
    padding: 8px 0;
  }

  body.reprint_top .reason-box.third .assist .lists-item {
    height: auto;
    padding: 8px;
    margin-bottom: 0;
    width: calc(calc(100% - 16px) / 2);
  }

  .reason-box.third .assist .list-image {
    text-align: center;
  }

  body.reprint_top .reason-box.third .assist .list-ttl {
    text-align: center;
    font-size: 12px;
  }

  body.reprint_top .reason-box.third .discovery .lists-item {
    font-size: 18px;
  }

  body.reprint_top .reason-box.third .p-program__button {
    font-size: 14px;
    width: 200px;
    height: 52px;
  }

  li#reason-3 {
    margin-bottom: 24px;
  }
}

@media (min-width: 959px) and (max-width: 1250px) {
  body.reprint_top .reason-box.forth .lessons-card .card-list {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  body.reprint_top .reason-box.forth .lessons-card .card-list .list-item {
    width: 540px;
  }
}

@media screen and (max-width: 959px) {
  li#reason-4 {
    margin-top: 24px;
  }

  body.reprint_top .reason-box.forth h3.main-ttl>div {
    line-height: 1;
  }

  body.reprint_top .reason-box.forth .box-contents .main__txt p {
    font-size: 16px;
  }

  body.reprint_top .box-contents-inner span.-red.-serif {
    font-size: 20px;
  }

  body.reprint_top .reason-box.forth .table-area .box-contents-inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  body.reprint_top .reason-box.forth>p.Text.-center {
    line-height: 1;
  }

  body.reprint_top .reason-box.forth .box-contents .table-ttl {
    margin-bottom: 30px;
  }

  /* table */
  body.reprint_top .reason-box.forth .table-area .wrapper::-webkit-scrollbar {
    display: none;
  }

  body.reprint_top .reason-box.forth .table-area .wrapper {
    padding: 18px 0 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: hidden;
  }

  body.reprint_top .reason-box.forth .table .table-wrap {
    justify-content: center;
  }

  body.reprint_top .reason-box.forth .table .column.bizmates {
    margin-top: -18px;
    margin-bottom: -18px;
  }

  body.reprint_top .reason-box.forth .table .column.terms {
    width: 80px;
  }

  body.reprint_top .reason-box.forth .table .column.bizmates,
  body.reprint_top .reason-box.forth .table .column.other-company {
    width: 148px;
  }

  body.reprint_top .reason-box.forth .box-contents.table-area {
    margin-bottom: 48px;
  }

  body.reprint_top .reason-box.forth .table .column.bizmates {
    box-shadow: none;
  }

  body.reprint_top .reason-box.forth .table .column .box.company-name {
    font-size: 14px;
    padding: 16px 8px;
  }

  body.reprint_top .reason-box.forth .table .column .box {
    height: 96px;
    padding: 16px 0;
  }

  body.reprint_top .reason-box.forth .table .column.bizmates .box.strong,
  body.reprint_top .reason-box.forth .table .column.bizmates .box {
    min-height: 100px;
  }

  /* price_card */
  body.reprint_top .reason-box.forth .lessons-card .card-list .list-item {
    margin-bottom: 24px;
  }

  body.reprint_top .reason-box.forth .lessons-card .wrap {
    padding: 16px 8px;
    border: 8px solid #0087D2;
  }

  body.reprint_top .reason-box.forth .lessons-card .circle {
    width: 80px;
    height: 80px;
    margin-right: 12px;
    font-size: 12px;
  }

  body.reprint_top .reason-box.forth .lessons-card .txt-area__ttl {
    font-size: 18px;
  }

  body.reprint_top .reason-box.forth .lessons-card .txt-area .number {
    font-size: 22px;
  }

  body.reprint_top .reason-box.forth .lessons-card .txt-area .bigger {
    font-size: 36px;
  }

  body.reprint_top .reason-box.forth .lessons-card .txt-area .tax,
  body.reprint_top .reason-box.forth .lessons-card .txt-area__contents>*:last-child {
    font-size: 12px;
  }

  body.reprint_top .reason-box.forth .lessons-card .txt-area {
    text-align: right;
  }

  body.reprint_top .lessons-card a.Button.-fill {
    margin: 0 auto 48px;
  }

  body.reprint_top .ColumnArea.-gradients {
    width: calc(100% + 24px);
    margin-left: -12px;
  }

  body.reprint_top li.reason-lists__items>section.reason-box {
    padding-bottom: 48px;
  }

  body.reprint_top li.reason-lists__items#reason-4>section.reason-box {
    padding-bottom: 0;
  }

  body.reprint_top .reason-box.forth .box-contents:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 959px) and (max-width: 1080px) {
  body.reprint_top li.banner .p-banner .p-banner__content {
    padding-left: calc(540/1080 * 100vw);
  }
}

@media screen and (max-width: 959px) {
  body.reprint_top li.banner .p-banner[data-type="1"] {
    background-size: cover;
    background-position: top center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 296px;
    padding: 0 16px;
  }

  body.reprint_top li.banner .p-banner .p-banner__content {
    padding-left: 0;
  }

  body.reprint_top li.banner .p-banner__text {
    font-size: 18px;
    letter-spacing: 1.08px;
    padding-left: calc(171/375 * 100vw);
  }

  body.reprint_top li.banner .HeroArea__button {
    margin-top: 48px;
  }

  body.reprint_top li.banner .HeroArea__button .Button.-posL {
    margin-left: auto;
  }

  body.reprint_top .CTASection {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

@media screen and (max-width: 959px) {
  body.reprint_top .PageSection.-hasBg.-grayHarf {
    padding: 72px 0;
    margin-top: 24px;
  }
}

@media screen and (min-width:960px) {
  body.reprint_top #faq .ToggleList .ToggleList__button {
    font-size: 18px;
  }

  body.reprint_top #faq .ToggleList .ToggleList__button {
    padding: 38px 56px 39px 0;
  }
}

@media screen and (min-width:960px) {
  body.reprint_top .CTASection {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}