@charset "UTF-8";

/* ヘッダーCVエリア */
.header_left {
    position: relative;
    width: unset;
}

.header-cv {
    position: absolute;
    top: 26px;
    right: -139px;
    gap: 8px;
}

.float-area__inner.header-cv .trial-btn,
.float-area__inner.header-cv .request-btn {
    width: unset;
    min-width: 36px;
}

.float-area__inner.header-cv .trial-btn a,
.float-area__inner.header-cv .request-btn a {
    line-height: 1.3;
    font-size: 15px;
    margin: 0;
    transition: transform .4s
}

.float-area__inner.header-cv .trial-btn a:hover,
.float-area__inner.header-cv .request-btn a:hover {
    transform: translate(0, 4px) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    box-shadow: none;
}

@media only screen and (max-width: 799px) {
    .header_left {
        width: calc(100% - 60px);
    }

    .header-cv {
        top: -5px;
        right: 0;
        gap: 5px;
    }
}

@media only screen and (max-width: 549px) {
    .float-area__inner.header-cv .request-btn {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .header_left_logo {
        margin-top: 14px;
    }

    .header-cv {
        top: 4px;
    }
}

@media only screen and (max-width: 380px) {
    .float-area__inner.header-cv .trial-btn a{
        font-size: 13px;
            padding: 0 5px;
        }
}

@media only screen and (min-width: 800px) {
    .headerNav.fixed .header-cv {
        top: -4px;
        right: -189px;
    }
}

/* フッター固定CVエリア（モバイル時のみ） */
.float-overray {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 72px;
    background-color: #000;
    opacity: 0.6;
    z-index: 999;
    margin: 0;
    left: 0;
    display: none;
}

.float-area {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: transparent;
    padding: 12px 0px;
    z-index: 9999;
    margin: 0;
}

.float-area__inner {
    display: flex;
    justify-content: center;
}

.float-area__inner .tel-btn a {
    width: 48px;
    height: 48px;
    background-color: #fff;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 .3rem 0 0 #bbb;
    border-radius: 10px;
    position: relative;
    display: flex;
    justify-content: center;
}

.float-area__inner .trial-btn {
    width: 50%;
}

.float-area__inner .trial-btn a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    height: 48px;
    justify-content: center;
    align-items: center;
    background-color: #faa500;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 .3rem 0 0 #c58a17;
    border-radius: 10px;
    padding: 0px 10px;
    margin: 0 10px;
}

.float-area__inner .request-btn {
    width: 35%;
}

.float-area__inner .request-btn a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    height: 48px;
    justify-content: center;
    align-items: center;
    background-color: #03ac8f;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 .3rem 0 0 #038C8F;
    border-radius: 10px;
    padding: 0 10px;
}

@media only screen and (max-width: 799px) {
    .float-area {
        display: block;
    }

    .float-overray {
        display: block;
    }
    footer{
        padding-bottom: 70px;
    }
}

.cv-section {
    background-color: #F1FAFF;

}

.cv-section__inner {
    width: 1024px;
    margin: 0 auto;
    padding: 40px 10px 10px;
}

.cv-section__heading-area p {
    color: #002971;
    font-size: calc(24 / 20 * 1em);
    font-weight: bold;
    text-align: center;
    margin: 0;
    letter-spacing: .05em;
}

.cv-section__heading-area p span {
    color: #e94919;
}

.cv-section__btn-area {
    display: flex;
    list-style: none;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 20px;
}

.cv-section__btn-area li {
    width: 32%;
    padding: 10px 0;
    margin: 0 0.5%;
}

.cv-section__btn-area li>a {
    /* padding-top: calc(4 / 16 * 1em); */
    /* padding-bottom: calc(7 / 16 * 1em); */
    padding-left: 5px;
    padding-right: calc(45 / 24 * 1em);
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    cursor: pointer;
    transition: transform .25s ease-in-out 0s, background .25s ease-in-out 0s, box-shadow .25s ease-in-out 0s;
    will-change: transform;
    position: relative;
}

.cv-section__btn-area li>a::before,
.cv-section__btn-area li>a::after,
.cv-section__tel-area a::before,
.cv-section__tel-area a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4%;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.cv-section__btn-area li a {
    text-decoration: none;
    color: #fff;
    font-size: calc(18 / 20 * 1em);
    font-weight: bold;
    text-shadow: 0 2px 2px #02020233;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.cv-section__btn-area li>a:hover {
    transform: translate(0, 4px) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    box-shadow: none;
}

.cv-section__btn-area li a div {
    display: inline-block;
}

.cv-section__btn-area li span {
    font-size: calc(24 / 21 * 1em);
}

.cv-section__btn-area .trial {
    background-color: #faa500;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 .4rem 0 0 #c58a17;
}

.cv-section__btn-area .trial::before {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}

.cv-section__btn-area .trial::after {
    right: 7%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #faa500;
    border-right: 2px solid #faa500;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cv-section__btn-area .request {
    background-color: #03ac8f;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 .4rem 0 0 #038C8F
}

.cv-section__btn-area .request::before {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}

.cv-section__btn-area .request::after {
    right: 7%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #03ac8f;
    border-right: 2px solid #03ac8f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cv-section__btn-area .simulator {
    background-color: #e94919;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 .4rem 0 0 #d44114;
}

.cv-section__btn-area .simulator::before {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}

.cv-section__btn-area .simulator::after {
    right: 7%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #e94919;
    border-right: 2px solid #e94919;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cv-section__tel-area {
    padding: 0 20px 20px;
}

.cv-section__tel-area p {
    text-align: center;
    color: #000;
    padding: 20px 0 10px;
    font-size: 18px;
    font-weight: bold;
}

.cv-section__tel-area .remark {
    font-size: 14px;
}

.cv-section__tel-area a {
    font-size: 1.8em;
    color: #c4121c;
    text-decoration: none;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 500px;
    border-radius: 9999px;
    font-weight: bold;
    text-align: center;
    height: 60px;
    position: relative;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 .4rem 0 0 #bbb;
    transition: transform .25s ease-in-out 0s, background .25s ease-in-out 0s, box-shadow .25s ease-in-out 0s;
}

.cv-section__tel-area a:hover {
    transform: translate(0, 4px) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    box-shadow: none;
}

.cv-section__tel-area a>div {
    content: "";
    position: absolute;
    width: 60px;
    height: 35px;
    top: 12px;
    left: 4%;
    background-image: url('/theme/sakura_kobetsu/img/common/tel.png');
    background-repeat: no-repeat;
    background-size: 60px 35px;
}

.cv-section__tel-area a::before {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #c4121c;
    right: 5%;
}

.cv-section__tel-area a::after {
    right: 5.4%;
    width: 6px;
    height: 6px;
    box-sizing: border-box;
    border: 6px solid transparent;
    border-left: 6px solid #fff;
}

.cv-section__tel-area a span {
    font-size: 14px;
    color: #000;
    display: block;
    font-weight: 400;
    margin-top: 3px;
}

@media only screen and (max-width: 799px) {
    .cv-section__tel-area a>div {
        width: 48px;
        height: 30px;
        top: 13px;
        left: 3%;
        background-image: url('/theme/sakura_kobetsu/img/common/tel_sp.png');
        background-size: 48px 30px;
    }

    .cv-section__inner {
        width: 100%;
    }

    .cv-section__btn-area li {
        width: 100%;
    }

    .cv-section__btn-area li>a::before,
    .cv-section__btn-area li>a::after,
    .cv-section__tel-area a::before,
    .cv-section__tel-area a::after {
        right: 5.5%;
    }
}

@media only screen and (max-width: 479px) {
    .cv-section__heading-area p {
        font-size: calc(24 / 19 * 1em);
    }

    .cv-section__tel-area a {
        font-size: 1.3em;
    }

    .cv-section__tel-area a span {
        font-size: 10px;
    }

    .cv-section__btn-area .trial::after,
    .cv-section__btn-area .request::after,
    .cv-section__btn-area .simulator::after {
        right: 7.5%;
    }

    .cv-section__btn-area li a {
        font-size: calc(18 / 22 * 1em);
    }

    .cv-section__btn-area li span {
        font-size: calc(24 / 20 * 1em);
    }
}

/* 教室詳細ページ　メインビジュアルスライダー バナープラグイン */
#mv {
    top: 0;
    left: 0;
    max-width: 1730px;
    width: 100%;

}

#mv::before {
    content: "";
    display: block;
    width: 100%;
}

#mv .mvSlider {
    left: 0;
    top: 0;
    width: 90%;
    margin: 0 auto 80px;
}

#mv .mvSlider {
    width: 100%;
    opacity: 0;
    transition: opacity .3s linear;
}

#mv .mvSlider.slick-initialized {
    opacity: 1;
}

#mv .mvSlider .slick-slide {
    margin: 0 30px;
}

#mv .mvSlider ul:not(.slick-dots) li {
    width: 960px;
}

#mv .mvSlider .slideItem {
    display: block;
    position: relative;
}

#mv .mvSlider a:hover {
    opacity: 0.7;
}

#mv .mvSlider .slideItem img {
    border: 1px solid #e2e2e2;
    border-radius: 8px;
}

#mv .slick-dots {
    z-index: 0;
}

#mv .slick-dots li {
    width: 10px;
    height: 10px;
}

#mv .slick-dots li button {
    width: 10px;
    height: 10px;
}

#mv .slick-dots li button:before {
    color: #ddd;
    opacity: 1;
    width: 10px;
    height: 10px;
    font-size: 27px;
    line-height: 10px;
}

#mv .slick-dots li button:hover:before {
    color: #7dcdf4;
}

#mv .slick-dots li.slick-active button:before {
    color: #7dcdf4;
    opacity: 1;
}

/* #mv .slide-arrow {
    position: absolute;
    z-index: 110;
    cursor: pointer;
}

#mv .slide-arrow:hover {
    opacity: 0.7;
} */

#mv .mvSlider .slideItem .tagTitle {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #328fdf;
    border-radius: 0 0 8px 8px;
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 6.5px 20px;
    width: 100%;
}

@media print,
screen and (min-width: 768px) {
    #mv {
        margin: 0px auto;
        padding-bottom: 10px;
    }

    #mv .mvSlider .slideItem img {
        object-fit: scale-down;
        aspect-ratio: 16 / 9;
        width: auto;
        height: 300px;
        background-color: #eeeeee;
    }

    #mv .slick-dots {
        bottom: -15%;
    }

    /* #mv .slide-arrow {
        width: 35px;
        height: 35px;
        top: 105%;
    }

    #mv .slide-arrow img {
        width: 35px;
        height: 35px;
    }

    #mv .slide-arrow.prev-arrow {
        left: 34.5%;
    }

    #mv .slide-arrow.next-arrow {
        right: 34.5%;
    } */
}

@media print,
screen and (max-width: 767px) {
    #mv {
        margin: 15px auto 0px;
    }

    #mv .mvSlider .slick-slide {
        margin: 0;
    }

    #mv .mvSlider .slideItem img {
        border-radius: 0;
        object-fit: scale-down;
        /* aspect-ratio: 16 / 9; */
        width: 100%;
        height: 215px;
        /* height: auto; */
        background-color: #eeeeee;
    }

    /* #mv .slide-arrow {
        width: 35px;
        height: 35px;
        bottom: -50px;
    }

    #mv .slide-arrow img {
        width: 35px;
        height: 35px;
    }

    #mv .slide-arrow.next-arrow {
        right: 10px;
    }

    #mv .slide-arrow.prev-arrow {
        left: 10px;
    } */

    /* #mv .slick-next {
        right: 0;
        top: auto;
        bottom: -10%;
    }

    #mv .slick-prev {
        left: 0;
        top: auto;
        bottom: -10%;
    } */

    #mv .slick-dots {
        bottom: -42px;
    }

    #mv .slick-dots li {
        width: 8px;
        height: 8px;
        margin: 8px;
    }

    #mv .slick-dots li button {
        width: 8px;
        height: 8px;
    }

    #mv .slick-dots li button:before {
        width: 8px;
        height: 8px;
        font-size: 8px;
        line-height: 8px;
    }

    #mv .mvSlider .slideItem .tagTitle {
        border-radius: 0;
        padding: 6px 20px;
    }
}

/* 教室詳細ページ　TOPスライダー */
.schoolTopSlider {
    top: 0;
    left: 0;
    max-width: 1730px;
    width: 100%;
    margin: 0 auto 5px;
}

.schoolTopSlider::before {
    content: "";
    display: block;
    width: 100%;
}

.schoolTopSlider .slick-slide {
    width: 500px;
    margin: 0 10px;
}

/* .schoolTopSlider .slick-dots li {
    width: 10px;
    height: 10px;
} */

/* .schoolTopSlider .slick-dots li button {
    width: 10px;
    height: 10px;
} */


/* .schoolTopSlider .slide-arrow {
    position: absolute;
    z-index: 110;
    cursor: pointer;
}

.schoolTopSlider .slide-arrow:hover {
    opacity: 0.7;
} */

/* .schoolTopSlider .slick-loading .slick-list {
    background: #fff url('/common_2019/img/ajax-loader.gif') center center no-repeat;
} */

.schoolTopSlider .slick-dots {
    position: absolute;
    z-index: 0;
    bottom: 3px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.schoolTopSlider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.schoolTopSlider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.schoolTopSlider .slick-dots li button:hover,
.schoolTopSlider .slick-dots li button:focus {
    outline: none;
}

.schoolTopSlider .slick-dots li button:before {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 5px;
    background: #ccc;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.schoolTopSlider .slick-dots li button:hover:before,
.schoolTopSlider .slick-dots li button:focus:before {
    opacity: 1;
    color: #7dcdf4;
}

/* .schoolTopSlider .slick-dots li button:before { */
    /* color: #ddd; */
    /* line-height: 10px; */
/* } */

.schoolTopSlider .slick-dots li.slick-active button:before {
    color: #7dcdf4;
    background: #328fdf;
    opacity: 1;
}

@media print,
screen and (max-width: 767px) {
    .schoolTopSlider .slick-slide {
        margin: 0;
    }

    /* .schoolTopSlider .slide-arrow {
        width: 35px;
        height: 35px;
        bottom: -50px;
    }

    .schoolTopSlider .slide-arrow img {
        width: 35px;
        height: 35px;
    }

    .schoolTopSlider .slide-arrow.next-arrow {
        right: 10px;
    }

    .schoolTopSlider .slide-arrow.prev-arrow {
        left: 10px;
    } */

    /* .schoolTopSlider .slick-next {
        right: 0;
        top: auto;
        bottom: -10%;
    } */

    /* .schoolTopSlider .slick-prev {
        left: 0;
        top: auto;
        bottom: -10%;
    } */

    .schoolTopSlider .slick-dots {
        bottom: 0;
    }

    .schoolTopSlider .slick-dots li {
        width: 6px;
        height: 6px;
        margin: 3px 5px;
    }

    .schoolTopSlider .slick-dots li button {
        width: 8px;
        height: 8px;
    }

    .schoolTopSlider .slick-dots li button:before {
        font-size: 8px;
        line-height: 8px;
    }
}

/* 教室詳細ページ */
.search-classDetail p{
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
}
.search-classDetail__title{
    margin-bottom: 5px;
    color: #13408D;
    background-color: #fff;
    border-bottom: none;
    padding: 5px 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 7px 20px;
}
.search-classDetail__title .subTtl{
   padding: 0 15px;
   background-color: #fff;
   color: #13408D;
   font-size: 16px;
   margin: 0;
}

.search-classDetail__title .mainTtl {
    font-size: 33px;
    margin: 0;
    line-height: 1.2;
}

@media only screen and (max-width: 599px) {
    .search-classDetail__title .subTtl {
    font-size: 14px;
    }
    .search-classDetail__title .mainTtl {
    font-size: 28px;
    }
}

.search-classDetail__anker {
    margin: 0px auto 40px;
    padding: 0 10px;
    width: 100%;
}

@media only screen and (max-width: 599px) {
    .search-classDetail__anker {
        margin: 0px auto 20px;
    }
}

.search-classDetail__anker--btn {
    width: 48%;
    background-color: #F1FAFF;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #cccccc;
}

.search-classDetail .bnrArea {
    text-align: center;
    margin-bottom: 20px;
}

.search-classDetail .bnrArea .row01{
    background-color: #fff;
    font-size: 32px;
    font-weight: 700;
    color: #000;
}
.search-classDetail .bnrArea .green{
    color: #03ac8f;
    font-size: 30px;
   }
.search-classDetail .bnrArea .price{
    font-size: 48px;
}

.search-classDetail .bnrArea .row02 {
    background-color: #03ac8f;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    padding: 15px;
}
.search-classDetail .bnrArea .bnrItem {
    margin: 15px auto 0;
    max-width: 800px;
}
.search-classDetail .bnrArea .bnrItem .imgWrap {
    aspect-ratio: 730 / 227;
}
.search-classDetail .bnrArea .bnrItem .imgWrap img{
object-fit: contain;
}

@media only screen and (max-width: 799px) {
.search-classDetail .bnrArea .row01 {
    font-size: 24px;
}
.search-classDetail .bnrArea .green {
    font-size: 22px;
}
.search-classDetail .bnrArea .price {
    font-size: 38px;
}
.search-classDetail .bnrArea .row02 {
    font-size: 20px;
    padding: 10px;
}
}

.schoolAccess{
    margin-top: 30px;
}

.schoolAccess .g-profile{
display: block;
background: url(../img/common/icon/icon-gmap.webp) no-repeat center left,
    url(../img/common/icon/icon-link.svg) no-repeat center right;
background-size: 20px auto,20px auto;
padding: 0 25px 0 25px;
margin-bottom: 10px;
line-height: 1.4;
width: max-content;
font-family: "Noto Sans JP", sans-serif;
}

.schoolAccess iframe{
    width: 100%;
    aspect-ratio: 16 / 6; 
    height: auto;
    border: 0;
    min-height: 300px;
}

.search-classDetail__info__timetable .item {
margin: 0 auto;
}

.search-classDetail__info__detail .table--type01 .td,.search-classDetail__info__detail .table--type01 .th {
color: #333;
}

.search-classDetail__info__detail .table--type01 .td{
font-family: "Noto Sans JP", sans-serif;
}

@media only screen and (max-width: 479px) {
    .search-classDetail__info__detail .table--type01 .row:not(:last-child){
    border-bottom: none;
    }

    .search-classDetail__info__detail .table--type01 .td {
    text-align: center;
    }
}

.search-classDetail__price{
margin: 80px auto 40px;
width: 100%;
padding: 0 10px;
}
.search-classDetail__campaign {
margin: 33px 10px 0;
}
.search-classDetail__campaign .itemWrap{
display: flex;
gap: 4%;
}
.search-classDetail__campaign--item{
width: 48%;
padding: 0;
margin: 20px 0 0;
border: none;
}
@media only screen and (max-width: 479px) {
.search-classDetail__campaign .itemWrap {
display: block;
}
.search-classDetail__campaign--item {
width: 100%;
}
.search-classDetail__campaign--item .main--innerBox--title {
margin: 0px 0 20px;
}
}

.search-classDetail__campaign--item .sub{
float: none;
width: 100%;
height: auto;
}
.search-classDetail__campaign--item .main {
float: none;
margin: 0;
}
.search-classDetail__campaign--item .main--innerBox{
    margin: 0;
}
.search-classDetail__campaign .link-recruit{
    color: #666666;
    display: block;
    margin: 10px 10px 0 0;
    text-align: right;
    font-family: "Noto Sans JP", sans-serif;
}
.search-classDetail__news .newsList__more::after,.search-classDetail__news .newsList__more.is-show::after  {
content: none;
}
.newsList__body .newsList__text {
    display: none;
}
.newsList__body.is-open .newsList__text {
    display: block;
}
.newsList__body.is-open .newsList__more::before{
    content: "-";
    font-size: 21px;
}
.search-classDetail__news .newsList__title{
padding: 0 48px;
margin-bottom: 0;
}
.search-classDetail__news .newsList__body {
width: 100%;
padding: 0;
position: relative;
}
.search-classDetail__news .newsList__text{
    margin-top: 20px;
    padding-left: 35px;
}
.search-classDetail__news .newsList__more{
    top: 3px;
    right: 8px;
    bottom: unset;
}
.search-classDetail__news .newsList__more::before{
    width: 22px;
    height: 22px;
    font-size: 22px;
    background-color: #666666;
}
@media only screen and (max-width: 799px) {
    .search-classDetail__news .newsList__item{
        padding: 20px;
    }
    .search-classDetail__news .newsList__title{
    padding: 0 35px;
    }
    .search-classDetail__news .newsList__more {
        right: 0px;
    }
    .search-classDetail__news .newsList__text{
        padding-left: 0;
    }
}

.search-classDetail__course__type .titleWrap {
text-align: center;
}
.search-classDetail__course__type .title{
max-width: unset;
display: inline-block;
}

/* map */
#schoolMapPreview iframe {
    width: 100%;
    height: 350px;
    border: 1px solid #ccc;
}

/* 合格実績 */
.search-classDetail__result .school{
    background-color: #ebf5ff;
}

@media only screen and (min-width: 480px) {
    .search-classDetail__result .resultMoreBtn{
        display: none;
    }
}

.search-classDetail__result .item{
display: inline;
line-height: 1.6;
font-size: 20px;
}

@media only screen and (max-width: 479px) {
.search-classDetail__result .list {
    max-height: 120px;
    overflow: hidden;
    transition: max-height 0.6s ease;
    -webkit-mask-image: linear-gradient(to bottom,
                #000 0,
                #000 calc(100% - 40px),
                transparent 100%);
        mask-image: linear-gradient(to bottom,
                #000 0,
                #000 calc(100% - 40px),
                transparent 100%);
            }

.search-classDetail__result .list.is-open {
    max-height: 2000px;
    -webkit-mask-image:none;
    mask-image: none;
}
.list.no-mask {
    -webkit-mask-image: none;
    mask-image: none;
}
.search-classDetail__result .item {
    font-size: 16px;
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
}

.search-classDetail__result .resultMoreBtn {
    display: block;
    text-align: center;
    cursor: pointer;
    user-select: none;
    position: relative;
    padding: 10px;
    font-family: "Noto Sans JP", sans-serif;
}

.search-classDetail__result .resultMoreBtn::after {
    content: '';
    width: 10px;
    height: 10px;
    border: 0;
    border-bottom: solid 2px #187dc6;
    border-right: solid 2px #187dc6;
    transform: rotate(45deg);
    position: absolute;
    top: 11px;
    right: calc(50% - 60px);
    margin: auto;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.search-classDetail__result .resultMoreBtn.is-open::after {
    transform: translateY(5px) rotate(-135deg);
    }
}

.search-classDetail__question .qa-txtA{
margin-top: 10px;
}

@media only screen and (min-width: 800px) {
    .search-classDetail__course {
        margin: 75px auto 40px;
    }
}

/* よくある質問 */
@media only screen and (min-width: 800px) {
    .search-classDetail__question .qaMoreBtn {
        display: none;
    }
}

@media only screen and (max-width: 799px) {
    .search-classDetail__question .qaContainer {
        max-height: 540px;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }

    .search-classDetail__question .qaContainer.is-open {
        max-height: 6000px;
    }

    .search-classDetail__question .qaMoreBtn {
        font-family: "Noto Sans JP", sans-serif;
        display: block;
        margin: 0px auto 0;
        text-align: center;
        cursor: pointer;
        user-select: none;
        position: relative;
        background: linear-gradient(to bottom,
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 1) 100%);
        padding: 20px 10px;
    }

    .search-classDetail__question .qaMoreBtn::after {
        content: '';
        width: 10px;
        height: 10px;
        border: 0;
        border-bottom: solid 2px #187dc6;
        border-right: solid 2px #187dc6;
        transform: rotate(45deg);
        position: absolute;
        top: 20px;
        right: calc(50% - 60px);
        margin: auto;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .search-classDetail__question .qaMoreBtn.is-open::after {
        transform: translateY(5px) rotate(-135deg);
    }
    .search-classDetail__question .qaMoreBtn::before{
        content: "";
        position: absolute;
        bottom: 50px;
        left: 0;
        right: 0;
        width: 100%;
        height: 30px;
        background: linear-gradient(to bottom,
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 1) 100%);
    }
    .search-classDetail__question .qaMoreBtn.is-open::before {
    content: none;
    }

    .search-classDetail__question .hl--type02{
    font-size: 18px;
    }
}


.search-classDetail__info .schoolYear::before {
content: '　';
}

.search-classDetail__info .schoolYear:first-child::before {
display: none;
}
.search-classDetail__question .search-classDetail__course__title{
    margin-bottom: 30px;
}
.search-classDetail__question .qaBox{
margin-top: 40px;
}

.search-classDetail__flow__item{
    max-width: 500px;
    margin: 30px auto;
}
.search-classDetail__feature__list{
    margin: 0 auto;
    width: 95%;
    display: block;
}

.search-classDetail__feature__list .sliderBtn {
background: url(../img/common/icon/arrow_circleblu_l.svg) no-repeat left top / 100%;
}

.search-classDetail__feature__list .sliderBtn.sliderNext {
    transform: rotate(180deg);
}

@media only screen and (max-width: 479px) {
    .search-classDetail__feature__list {
        width: 100%;
    }
    .search-classDetail__feature__list .sliderBtn.sliderPref {
        left: -7px;
    }
    .search-classDetail__feature__list .sliderBtn.sliderNext {
        right: -7px;
    }
    }
.search-classDetail__feature__list .text{
margin-top: 10px;
line-height: 1.3;
font-size: 15px;
color: #333;
}
.search-classDetail__feature__list .item {
    padding: 15px;
    border-radius: 5px;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); */
    background-color: #e6f5ff;
    /* border: 1px solid #e8e8e8; */
    max-width: unset;
    margin-right: 5px;
    margin-left: 5px;
    }

    .imgWrap {
        width: 100%;
        aspect-ratio: 4 / 3;
        overflow: hidden;
    }

    .imgWrap .objectFitCover{
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* SNS */
    .search-classDetail__sns{
        margin: 50px auto;
        text-align: center;
    }

    .search-classDetail__sns a{
        width: 60px;
        height: auto;
        display: inline-block;
        margin: 0 10px;
    }

    .search-classDetail__sns a img{
    width: 100%;
    height: auto;
    }

    /* 教室詳細ページのTOPスライダー　*/
    /* 教室詳細ページのTOPスライダー バナープラグイン*/
    #mv .slick-loading .slick-list {
        background: #fff url('/common_2019/img/ajax-loader.gif') center center no-repeat;
    }
    
    #mv .slick-prev,
    #mv .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 35px;
        height: 35px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
        z-index: 1;
    }
    
    #mv .slick-prev {
        left: 0;
    }
    
    #mv .slick-next {
        right: 0;
    }
    
    #mv .slick-prev:hover,
    #mv .slick-prev:focus,
    #mv .slick-next:hover,
    #mv .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent;
    }
    
    #mv .slick-prev:hover:before,
    #mv .slick-prev:focus:before,
    #mv .slick-next:hover:before,
    #mv .slick-next:focus:before {
        opacity: 1;
    }
    
    #mv .slick-prev.slick-disabled:before,
    #mv .slick-next.slick-disabled:before {
        opacity: .25;
    }
    
    #mv .slick-prev:before,
    #mv .slick-next:before {
        content: "";
        position: absolute;
        bottom: -10px;
        margin-top: -19px;
        width: 35px;
        height: 35px;
        background-repeat: no-repeat;
        background-size: contain;
        opacity: 1;
    }
    
    #mv .slick-prev:before {
        left: calc(50% + 32px);
        background-image: url(/common_2019/img/arrow/arrow_circleblu_l.svg);
    }
    
    #mv .slick-next:before {
        right: calc(50% + 32px);
        background-image: url(/common_2019/img/arrow/arrow_circleblu_r.svg);
    }
    
    @media screen and (max-width: 767px) {
    
        #mv .slick-prev,
        #mv .slick-next {
            top: auto;
            bottom: -14px;
        }
    
        #mv .slick-prev:before,
        #mv .slick-next:before {
            bottom: -6px;
        }
    
        #mv .slick-prev:before {
            left: 0;
            background-image: url(/common_2019/img/arrow/arrow_circleblu_l.svg);
        }
    
        #mv .slick-next:before {
            right: 0;
            background-image: url(/common_2019/img/arrow/arrow_circleblu_r.svg);
        }
    }
    
    #mv .slick-dotted.slick-slider {
        margin-bottom: 5px;
    }
    
    #mv .slick-dots {
        position: absolute;
        bottom: 0px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
    }
    
    #mv .slick-dots li {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }
    
    #mv .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }
    
    #mv .slick-dots li button:hover,
    #mv .slick-dots li button:focus {
        outline: none;
    }
    
    #mv .slick-dots li button:hover:before,
    #mv .slick-dots li button:focus:before {
        opacity: 1;
    }
    
    #mv .slick-dots li button:before {
        content: "";
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background: #ccc;
        opacity: 1;
    
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    #mv .slick-dots li.slick-active button:before {
        opacity: 1;
        background: #328fdf;
    } 



/* 教室詳細ページの料金タブ */
  .price-simulator {
      width: 100%;
      -webkit-font-smoothing: antialiased;
  }

  /* ===== タブ（PCは横幅100%） ===== */
  .price-tabs {
      display: flex;
      gap: 8px;
      width: 100%;
      background: #f2f4f9;
      border-radius: 16px;
      padding: 8px;
      box-sizing: border-box;
  }

  .price-tab {
      flex: 1 1 0;
      min-width: 0;
      padding: 15px 10px;
      border: none;
      background: transparent;
      border-radius: 12px;
      font-size: 15px;
      font-weight: 700;
      color: var(--main);
      line-height: 1.35;
      cursor: pointer;
      transition: background .25s ease, color .25s ease, box-shadow .25s ease, transform .1s ease;
  }

  .price-tab:hover:not(.is-active) {
      background: var(--light);
  }

  .price-tab:active {
      transform: translateY(1px);
  }

  .price-tab.is-active {
      background: var(--grad);
      color: #fff;
      box-shadow: 0 6px 16px var(--shadow);
  }

  /* ===== パネル ===== */
  .price-panel {
      display: none;
  }

  .price-panel.is-active {
      display: block;
      animation: pricePanelFade .3s ease;
  }

  @keyframes pricePanelFade {
      from {
          opacity: 0;
          transform: translateY(6px);
      }

      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

  /* ===== 料金テーブル（PCは少し小さめ・中央寄せ） ===== */
  .price-table-scroll {
      margin: 32px auto 0;
      overflow-x: auto;
  }

  .price-table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
      border: 1px solid #ccc;
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 4px 18px rgba(20, 40, 80, .07);
      font-size: 17px;
  }

  .price-table th,
  .price-table td {
      padding: 18px 10px;
      text-align: center;
      width: 33.33%;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
  }

  .price-table th:last-child,
  .price-table td:last-child {
      border-right: none;
  }

  .price-table tr:last-child td {
      border-bottom: none;
  }

  .price-table th {
      background: var(--light);
      color: var(--main);
      font-weight: 700;
      border-bottom: 2px solid var(--main);
      letter-spacing: .02em;
  }

  .price-table td {
      color: #333;
  }

  /* ===== スマホ：タブを縦積み・テーブルは全幅 ===== */
  @media (max-width: 600px) {
      .price-tabs {
          flex-direction: column;
          border-radius: 14px;
      }

      .price-tab {
          border-radius: 10px;
      }

      .price-table-scroll {
          max-width: none;
          margin-top: 24px;
      }
  }

@media only screen and (max-width: 479px) {
    .l-mainContainer {
        margin-top: 67px;
    }
    .header_boder{
        border: none;
    }
    .mobileMenu {
        margin-top: 5px;
    }
    .header_left{
        margin-top: 0;
    }
}