@charset "utf-8";

#bdash-reception-window-close-detector{
    visibility: hidden;
}

section *{
    box-sizing: border-box;
    line-height: 1;
}

.msg_container,
.about_container,
.care_container,
.news_container,
.feature-all_container,
.feature-junior_container,
.feature-upper_container,
.feature-elementary_container,
.selection_container,
.voice_container,
.flow_container,
.covid19_container,
.page_container{
    margin-left: auto;
    margin-right: auto;
    max-width: 1260px;
}

.faq_container,
.section_flow .btn_wrap{
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}

main{
    overflow: hidden;
}

main picture{
    display: block;
}
main picture img{
    display: block;
    width: 100%;
    height: auto;
}

/* 共通 */
.btn_wrap{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 4%;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    width: 36%;
}

.btn_inner{
    display: block;
    margin-bottom: 7%;
    width: 48%;
}
.btn_inner.full{
    width: 100%;
}

.btn_inner,
.msg_text,
.msg_logo,
.grade_title_img,
.grade_head,
.grade_title_txt,
.grade_inner,
.test_title,
.test_inner,
.experience_title,
.experience_head_inner,
.experience_inner,
.voice_title,
.voice_head,
.faq_title,
.faq_head,
.flow_head,
.covid19_title,
.covid19_head_inner{
    opacity: 0;
}

.underline_white{
    background-image: linear-gradient(90deg, #FFF, #FFF);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% .5em;
}

/* loading */
.loading_container{
    background: linear-gradient(hsl(60, 100%, 92%), hsla(42,100%,88%,1));
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.loading_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.loading_blossom{
    margin-right: 3%;
    width: 12%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
}

.loading_logo_box{
    position: relative;
    width: 0%;
    height: 50vh;
    overflow: hidden;
}

.loading_logo{
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    width: 30vw;
    height: auto;
}

.loading_logo img{
    width: 100%;
    height: auto;
}


/* mv */
.bg1_container{
    background-color: hsla(42,100%,88%,1);
    background-image:
    radial-gradient(at 13% 51%, hsla(41,100%,95%,1) 0px, transparent 50%),
    radial-gradient(at 83% 47%, hsla(42,100%,88%,1) 0px, transparent 50%),
    radial-gradient(at 20% 100%, hsla(12,74%,80%,1) 0px, transparent 50%),
    radial-gradient(at 80% 100%, hsla(12,74%,80%,1) 0px, transparent 50%),
    radial-gradient(at 51% 24%, hsla(25,100%,92%,1) 0px, transparent 50%),
    radial-gradient(at 9% 10%, hsla(342,100%,90%,1) 0px, transparent 50%);
    position: relative; 
}

.bg1_blossom{
    position: absolute;
    width: 15%;
}
.bg1_blossom1{
    top: 23%;
    left: -4%;
}
.bg1_blossom2{
    width: 26%;
    top: 25%;
    right: -10%;
}
.bg1_blossom3{
    top: 78%;
    left: -3%;
}
.bg1_blossom4{
    width: 6%;
    top: 85%;
    left: 44%;
}
.bg1_blossom5{
    width: 10%;
    top: 4%;
    left: -3%;
}
.bg1_blossom6{
    top: 4%;
    right: -6%;
}
.bg1_blossom7{
    top: 41%;
    left: -4%;
}
.bg1_blossom8{
    width: 11%;
    top: 63%;
    right: -3%;
}

.section_mv{
    position: relative;
}

.mv_notice_wrap{
    width: 100%;
    position: relative;
}

.mv_notice_bg{
    width: 100%;
}

.mv_notice_img{
    margin-left: auto;
    margin-right: auto;
    width: 64%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.mv_deco1,
.mv_deco2{
    pointer-events: none;
    width: 50%;
    position: absolute;
}
.mv_deco1{
    top: 0;
    left: -15%;
}
.mv_deco2{
    bottom: -24%;
    right: -10%;
    transform: rotate(180deg);
}

.mv_img{
    mask-image: url("../img/sp2025/mask_circle_leaf.svg");
    -webkit-mask-image: url("../img/sp2025/mask_circle_leaf.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: .3%;
    width: 60%;
}

.mv_head{
    color: #fff;
    font-size: min(1vw, 12px);
    font-weight: 500;
    letter-spacing: .03em;
    position: absolute;
    top: 16%;
    right: 8%;
}

.mv_logo{
    width: 25%;
    position: absolute;
    top: 26%;
    left: 7%;
}

.mv_copy{
    width: 11%;
    position: absolute;
    top: 26%;
    right: 11%;
}

.mv_start{
    width: 17%;
    position: absolute;
    top: 78%;
    right: 21%;
}

.mv_title{
    width: 14%;
    position: absolute;
    top: 14%;
    right: 25%;
}

/* msg */
.section_msg{
    padding-top: 5%;
    padding-bottom: 8%;
}

.msg_text{
    color: #FF8377;
    font-size: min(1.6vw, 20px);
    font-weight: 700;
    line-height: 2.6;
    margin-top: 4%;
    text-align: center;
}

.msg_notice{
    color: #FF8377;
    font-size: min(1vw, 12px);
    font-weight: 700;
    margin-top: 1%;
    margin-left: 34.5%;
}

/* about */
.about_btn_title_en{
    margin-left: auto;
    margin-right: auto;
    width: 38%;
}

.about_btn_title{
    margin-left: auto;
    margin-right: auto;
    margin-top: -2.5%;
    width: 28%;
}

.about_wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    width: 80%;
}

.about_btn_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2%;
    margin-top: 3%;
}

.about_btn_inner{
    display: block;
    width: 16%;
    will-change: filter;
}
.about_btn_inner:nth-child(1){
    filter: drop-shadow(1.3vw 1.7vw 0 rgb(0, 171, 227, .4));
}
.about_btn_inner:nth-child(2){
    filter: drop-shadow(1.3vw 1.7vw 0 rgb(255, 131, 119, .4));
}
.about_btn_inner:nth-child(3){
    filter: drop-shadow(1.3vw 1.7vw 0 rgb(0, 122, 227, .4));
}

/* care */
.section_care{
    padding-top: 7%;
    padding-bottom: 14%;
}

.care_title{
    margin-left: auto;
    margin-right: auto;
    width: 32%;
}

.care_wrap{
    margin-left: auto;
    margin-right: auto;
    margin-top: -1%;
    margin-bottom: 16%;
    width: 49%;
    position: relative;
}

.care_inner{
    background: linear-gradient(to right, #FF8377, #FF8338);
    border-radius: 1000px;
    display: flex;
    align-items: center;
    padding: 2% 3%;
    position: relative;
    z-index: 1;
}
.care_inner:nth-child(n+2){
    margin-top: 5%;
}

.care_deco{
    width: 10%;
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translateX(-50%);
}

.care_grade{
    aspect-ratio: 1 / 1;
    background-color: #fff;
    color: #FF8377;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: min(1.3vw, 16px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .12em;
    mask-image: url(../img/sp2025/mask_circle_leaf.svg);
    -webkit-mask-image: url(../img/sp2025/mask_circle_leaf.svg);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    margin-right: 4%;
    text-align: center;
    width: 16%;
}
.care_grade.bg-yellow{
    background-color: #FFF100;
}

.care_text{
    color: #fff;
    font-size: min(1.5vw, 18px);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .12em;
}

/* news */
.section_news{
    background: linear-gradient(to bottom, #FFE291, #FFFFB7);
    border-top-left-radius: min(5vw, 55px);
    border-top-right-radius: min(5vw, 55px);
    margin-top: -8%;
    padding-top: 6.5%;
    padding-bottom: 12%;
    position: relative;
}

.news_blossom1{
    width: 15%;
    position: absolute;
    top: 7%;
    left: -5%;
}
.news_blossom2{
    width: 11%;
    position: absolute;
    top: 76%;
    right: -3%;
}

.news_title_en{
    margin-left: auto;
    margin-right: auto;
    width: 32%;
    position: relative;
}

.news_head{
    color: #007AE3;
    font-size: min(1.8vw, 22px);
    font-weight: 700;
    margin-top: -5.5%;
    text-align: center;
    position: relative;
}

.news_title{
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
    width: 73%;
}

.news_item_wrap{
    background-color: #fff;
    border-radius: min(2.3vw, 25px);
    margin-left: auto;
    margin-right: auto;
    margin-top: 1%;
    margin-bottom: 5%;
    width: 82%;
    padding-top: 3%;
    padding-bottom: 2%;
}

.news_item{
    margin-left: auto;
    margin-right: auto;
    width: 89%;
}

.news_switch{
    display: none;
}

/* feature-all */
.section_feature-all{
    background: linear-gradient(to bottom, #00ABE3, #7AD3F0);
    border-top-left-radius: min(5vw, 55px);
    border-top-right-radius: min(5vw, 55px);
    margin-top: -6%;
    padding-top: 3%;
    padding-bottom: 29%;
    position: relative;
}

.feature-all_deco{
    pointer-events: none;
    width: 100%;
    position: absolute;
    top: 7%;
    left: 0;
}

.feature-all_title{
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.feature-all_wrap{
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.feature-all_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.feature-all_img_box{
    width: 49%;
    position: relative;
}
.feature-all_img_box::before,
.feature-all_img_box::after{
    content: "";
    aspect-ratio: 1/1;
    background-image: url(../img/sp2025/leaf_deco_pink.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 32%;
    position: absolute;
}
.feature-all_img_box::before{
    top: 6%;
    left: -7%;
    transform: rotate(180deg);
}
.feature-all_img_box::after{
    bottom: 2%;
    right: -6%;
}

.feature-all_img{
    mask-image: url(../img/sp2025/mask_circle_leaf.svg);
    -webkit-mask-image: url(../img/sp2025/mask_circle_leaf.svg);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
}

.feature-all_info{
    width: 44%;
}

.feature-all_grade{
    background-color: #FFFF00;
    border: min(.2vw, 2px) solid #FF8377;
    border-radius: 1000px;
    color: #FF8377;
    display: inline-block;
    font-size: min(1.8vw, 22px);
    font-weight: 500;
    letter-spacing: .12em;
    padding: 2% 3%;
    position: relative;
    z-index: 1;
}

.feature-all_head{
    background-color: #FFFF00;
    color: #00ABE3;
    display: inline-block;
    font-size: min(3.2vw, 37px);
    font-weight: 700;
    letter-spacing: .12em;
    margin-top: -2%;
    padding: 4% 3%;
}

.feature-all_text{
    color: #fff;
    font-size: min(1.5vw, 19px);
    font-weight: 500;
    line-height: 2;
    letter-spacing: .12em;
    margin-top: 5%;
    text-align: justify;
}

/* feature共通 */
.feature_item{
    margin-bottom: 6%;
    width: 48%;
}

.feature_item_title_box{
    display: flex;
    align-items: flex-end;
}

.feature_item_title_num{
    flex-shrink: 0;
    margin-right: 3%;
}
.feature_item_title_num[data-num="1"]{
    width: min(3.5vw, 40px);
}
.feature_item_title_num[data-num="2"]{
    width: min(7vw, 80px);
}
.feature_item_title_num[data-num="3"]{
    width: min(7vw, 80px);
}

.feature_item_grade{
    background-color: #FFFF00;
    border: min(.2vw, 2px) solid #FF8377;
    border-radius: 1000px;
    color: #FF8377;
    display: inline-block;
    font-size: min(1.8vw, 22px);
    font-weight: 500;
    letter-spacing: .12em;
    padding: 2% 3%;
    position: relative;
}

.feature_item_title{
    background-color: #FF8377;
    color: #fff;
    display: inline-block;
    font-size: min(3.2vw, 37px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .12em;
    margin-top: -2%;
    padding: 2%;
}

.feature_item_text{
    color: #fff;
    font-size: min(1.5vw, 19px);
    font-weight: 500;
    line-height: 2;
    letter-spacing: .12em;
    margin-top: 3%;
    text-align: justify;
}

.feature_item_img{
    border-radius: min(2.3vw, 25px);
    overflow: hidden;
    margin-top: 3%;
}
.feature_item_img.sp{
    display: none;
}

.feature_line{
    width: 100%;
}

/* feature-junior */
.feature-junior_human{
    margin-left: auto;
    margin-right: auto;
    margin-top: -27%;
    width: 9%;
    position: relative;
}

.section_feature-junior{
    background: linear-gradient(to bottom, #007AE3, #79CAFF);
    border-top-left-radius: min(5vw, 55px);
    border-top-right-radius: min(5vw, 55px);
    margin-top: -3%;
    padding-top: 5%;
    padding-bottom: 20%;
    position: relative;
}

.feature-junior_deco{
    pointer-events: none;
    width: 100%;
    position: absolute;
    top: 3%;
    left: 0;
}

.feature-junior_head{
    color: #fff;
    font-size: min(1vw, 13px);
    letter-spacing: .02em;
    text-align: center;
}

.feature-junior_title{
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
    width: 42%;
}

.feature-junior_wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    width: 90%;
}

.section_feature-junior .feature_item:nth-child(1){
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.feature-junior_info{
    width: 48%;
}

.feature-junior_img_box{
    width: 48%;
}

.section_feature-junior .feature_item:nth-child(1) .feature_item_img{
    border-radius: 0;
}

/* feature-upper */
.feature-upper_human{
    margin-left: auto;
    margin-right: auto;
    margin-top: -15%;
    width: 8%;
    position: relative;
}

.bg2_container{
    background: linear-gradient(to bottom, #FF8377, #FF8338);
    border-top-left-radius: min(5vw, 55px);
    border-top-right-radius: min(5vw, 55px);
    margin-top: -2%;
    padding-top: 5%;
    padding-bottom: 21%;
    position: relative;
}

.feature-upper_title{
    margin-left: auto;
    margin-right: auto;
    width: 42%;
}

.feature-upper_head{
    color: #fff;
    font-size: min(1vw, 13px);
    letter-spacing: .02em;
    margin-top: 2%;
    text-align: center;
}

.feature-upper_wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    width: 90%;
}

.section_feature-upper .feature_item_title{
    background-color: #007AE3;
}

/* feature-elementary */
.section_feature-elementary{
    padding-top: 6%;
    position: relative;
}

.feature-elementary_deco{
    pointer-events: none;
    width: 100%;
    position: absolute;
    top: 4%;
    left: 0;
}

.feature-elementary_title{
    margin-left: auto;
    margin-right: auto;
    width: 42%;
}

.feature-elementary_head{
    color: #fff;
    font-size: min(1vw, 13px);
    letter-spacing: .02em;
    margin-top: 2%;
    text-align: center;
}

.feature-elementary_wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    width: 90%;
}

.section_feature-elementary .feature_item_title{
    background-color: #007AE3;
}

.section_feature-elementary .feature_item:nth-child(1){
    width: 100%;
}

.section_feature-elementary .feature_item:nth-child(1) .feature-elementary_info{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}

.section_feature-elementary .feature_item:nth-child(1) .feature_item_title_box{
    width: 51%;
}

.section_feature-elementary .feature_item:nth-child(1) .feature_item_text{
    width: 46%;
}

.section_feature-elementary .feature_item:nth-child(1) .feature_item_img{
    border-radius: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    width: 55%;
}

.section_feature-elementary .feature_item:nth-child(2){
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.feature-elementary_info{
    width: 52%;
}

.feature-elementary_img_box{
    width: 46%;
}

/* selection */
.bg3_container{
    background: linear-gradient(to bottom, #00ABE3, #7AD3F0);
    border-top-left-radius: min(5vw, 55px);
    border-top-right-radius: min(5vw, 55px);
    margin-top: -18%;
    padding-top: 4%;
    padding-bottom: 9%;
    position: relative;
}

.selection_deco{
    pointer-events: none;
    width: 100%;
    position: absolute;
    top: 3%;
    left: 0;
}

.selection_title_en{
    margin-left: auto;
    margin-right: auto;
    width: 59%;
}

.selection_title{
    margin-left: auto;
    margin-right: auto;
    margin-top: -6%;
    width: 32%;
    position: relative;
}

.selection_head{
    color: #fff;
    font-size: min(4vw, 47px);
    font-weight: 700;
    margin-top: -4%;
    text-align: center;
    position: relative;
}

.selection_wrap{
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    width: 80%;
}

.selection_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.selection_img_box{
    width: 49%;
    position: relative;
}
.selection_img_box::before,
.selection_img_box::after{
    content: "";
    aspect-ratio: 1/1;
    background-image: url(../img/sp2025/leaf_deco_pink.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 32%;
    position: absolute;
}
.selection_img_box::before{
    top: 0%;
    left: -10%;
    transform: rotate(180deg);
}
.selection_img_box::after{
    bottom: 2%;
    right: -10%;
}

.selection_img{
    mask-image: url(../img/sp2025/mask_circle_leaf.svg);
    -webkit-mask-image: url(../img/sp2025/mask_circle_leaf.svg);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
}

.selection_img_icon{
    width: 39%;
    position: absolute;
    top: 39%;
    left: -11%;
    z-index: 2;
}

.selection_info_box{
    width: 46%;
}

.selection_info_grade{
    background-color: #FFFF00;
    border: min(.2vw, 2px) solid #FF8377;
    border-radius: 1000px;
    color: #FF8377;
    display: inline-block;
    font-size: min(1.8vw, 22px);
    font-weight: 500;
    letter-spacing: .12em;
    padding: 2% 3%;
    position: relative;
    z-index: 1;
}

.selection_info_title{
    background-color: #007AE3;
    color: #fff;
    display: inline-block;
    font-size: min(2.9vw, 34px);
    font-weight: 700;
    letter-spacing: .12em;
    margin-top: -2%;
    padding: 4% 3%;
}
.selection_info_title span::before{
    content: attr(data-ruby);
    font-size: min(.9vw, 12px);
    letter-spacing: .03em;
    display: block;
    margin-left: 3%;
}

.selection_info_text{
    color: #fff;
    font-size: min(1.5vw, 19px);
    font-weight: 500;
    line-height: 2;
    letter-spacing: .12em;
    margin-top: 5%;
    text-align: justify;
}

.selection_line{
    margin-left: auto;
    margin-right: auto;
    margin-top: 7%;
    width: 81%;
}

/* seminar */
.section_seminar{
    padding-top: 6%;
    position: relative;
}

.seminar_deco{
    pointer-events: none;
    width: 100%;
    position: absolute;
    top: 3%;
    left: 0;
}

.seminar_deco{
    width: 7%;
    position: absolute;
    top: 85%;
    left: 1%;
    transform: rotate(90deg);
}

.seminar_title{
    margin-left: auto;
    margin-right: auto;
    width: 31%;
}

.seminar_head{
    color: #fff;
    font-size: min(4.1vw, 47px);
    font-weight: 700;
    letter-spacing: .07em;
    margin-top: -7%;
    text-align: center;
    position: relative;
    z-index: 1;
}

.seminar_slide_wrap{
    margin-left: auto;
    margin-right: auto;
    margin-top: 6%;
    margin-bottom: 5%;
    width: 100%;
    position: relative;
}
.seminar_slide_wrap::before,
.seminar_slide_wrap::after{
    content: "";
    aspect-ratio: 1/1;
    background-image: url(../img/sp2025/leaf_deco_pink.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 13%;
    position: absolute;
}
.seminar_slide_wrap::before{
    top: -13%;
    left: -2%;
    transform: rotate(180deg);
}
.seminar_slide_wrap::after{
    bottom: -11%;
    right: -2%;
}

.seminar_slide_wrap .splide__track{
    position: relative;
    z-index: 1;
}

.seminar_slide_inner{
    position: relative;
    z-index: 1;
}

.seminar_slide_img{
    border-radius: min(2.3vw, 25px);
    overflow: hidden;
}

.seminar_btn{
    display: block;
    width: 17%;
    position: absolute;
    bottom: 6%;
    left: 3%;
}

.splide__arrow{
    width: min(5%, 60px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.splide__arrow--prev{
    left: 4%;
}
.splide__arrow--next{
    right: 4%;
}

/* voice */
.section_voice{
    background: linear-gradient(to bottom, #FF8377, #FF8338);
    border-top-left-radius: min(5vw, 55px);
    border-top-right-radius: min(5vw, 55px);
    padding-top: 7%;
    padding-bottom: 5.5%;
}

.voice_title_en{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 39%;
    height: auto;
}

.voice_title{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -6%;
    width: 47%;
    height: auto;
}
.voice_title img{
    display: block;
    width: 100%;
    height: auto;
}

.voice_wrap{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 5% auto;
    width: 90%;
}

.voice_inner{
    display: block;
    width: 23%;
}

.voice_img_box{
    width: 100%;
}

.voice_img{
    display: block;
    width: 100%;
    height: auto;
}

/* faq */
.section_faq{
    background-color: #007AE3;
    padding-top: 9%;
    padding-bottom: 8%;
}

.faq_title{
    color: #fff;
    font-size: min(4.9vw, 56px);
    font-weight: 700;
    letter-spacing: .12em;
    text-align: center;
    position: relative;
}

.faq_container{
    background-color: #fff;
    border-radius: min(4.5vw, 50px);
    margin-left: auto;
    margin-right: auto;
    margin-top: 4%;
    padding: 2.4% 3.6% 4.5%;
    width: 82%;
}

.faq_inner{
    padding-top: 3%;
    padding-bottom: 3%;
}
.faq_inner:nth-child(n+2){
    border-top: 1px solid #231815;
}

.faq_box{
    display: flex;
    align-items: center;
}
.faq_box.question{
    cursor: pointer;
}
.faq_box.answer{
    align-items: flex-start;
    overflow: hidden;
}

.faq_icon{
    display: block;
    width: 6.5%;
    height: auto;
}
.faq_box.answer .faq_icon{
    margin-top: 3%;
}

.faq_text_content{
    margin-top: 2.5%;
    width: 90.5%;
}

.faq_text{
    color: #231815;
    font-size: min(1.7vw, 21px);
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1.6;
    margin-left: 2%;
    text-align: justify;
    width: 78%;
}
.faq_box.answer .faq_text{
    color: #231815;
    width: 100%;
}
.faq_text .annot{
    display: block;
    font-size: min(1.7vw, 21px);
    margin-top: 2%;
}

.faq_switch{
    --rotate: 90deg;
    aspect-ratio: 9 / 4;
    border: 2px solid #285BCD;
    border-radius: 1000px;
    box-sizing: border-box;
    margin-left: auto;
    width: 11.5%;
    position: relative;
}
.faq_switch::before,
.faq_switch::after{
    content: "";
    background-color: #285BCD;
    width: 27%;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.faq_switch::after{
    transform: translate(-50%, -50%) rotate(var(--rotate));
}

.section_faq .btn_wrap{
    margin-left: 0;
    margin-top: 3%;
    width: 50%;
}

.section_faq .btn_inner{
    width: 100%;
}

/* flow */
.section_flow{
    background-color: #007AE3;
    padding-top: 10%;
    padding-bottom: 9%;
}

.flow_title{
    color: #fff;
    font-size: min(4.9vw, 56px);
    font-weight: 700;
    letter-spacing: .12em;
    text-align: center;
    position: relative;
}
.flow_wrap{
    margin: 8% auto;
    width: 71%;
}

.flow_inner:nth-child(n+2){
    margin-top: 5%;
}

.flow_step_box{
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 1% 15% 1% 4%;
    width: 100%;
}

.flow_step_img{
    display: block;
    flex-shrink: 0;
    width: 13%;
    height: auto;
    position: relative;
}

.flow_step_title{
    color: #007AE3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: min(2.1vw, 25px);
    font-weight: 700;
    letter-spacing: .12em;
    width: 100%;
}

.flow_info_box{
    display: flex;
    align-items: center;
    margin-top: 2%;
}

.flow_info_icon_box{
    display: block;
    flex-shrink: 0;
    width: 13%;
}

.flow_info_icon{
    display: block;
    width: 100%;
    height: auto;
}

.flow_info_text{
    color: #fff;
    font-size: min(1.7vw, 21px);
    font-weight: 500;
    letter-spacing: .12em;
    line-height: 1.25;
    margin-left: 1%;
    text-align: justify;
}

/* covid19 */
.section_covid19{
    background-color: #FF8377;
    padding-top: 8%;
    padding-bottom: 5%;
}

.covid19_title_wrap{
    margin-left: auto;
    margin-right: auto;
    width: 68%;
}

.covid19_title{
    color: #fff;
    font-size: min(4.9vw, 54px);
    font-weight: 700;
    letter-spacing: .12em;
    text-align: center;
}

.covid19_text{
    color: #fff;
    font-size: min(1.5vw, 18px);
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.85;
    margin-top: 5%;
    text-align: center;
}

.covid19_annot{
    color: #fff;
    font-size: min(1.3vw, 16px);
    font-weight: 500;
    letter-spacing: .02em;
    margin-top: 2%;
    text-align: center;
}

.covid19_wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
    width: 73%;
}

.covid19_inner{
    display: block;
    margin-top: 7%;
    width: 32%;
}
.covid19_inner:nth-child(n+4){
    margin-top: 2.5%;
}

.covid19_img{
    display: block;
    width: 100%;
    height: auto;
}

/* page */
.section_page{
    padding-top: 7%;
    padding-bottom: 7%;
}

.section_page .about_btn_wrap{
    margin-top: 0;
    margin-bottom: 6%;
}

/* フローティングバナー */
.floating_container{
    display: block;
    width: 6%;
    max-width: 73px;
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 900;

    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}
.floating_container.scroll{
    opacity: 1;
    visibility: visible;
}

.floating_img{
    display: block;
    width: 100%;
    height: auto;
}


br.pc{
    display: block;
}
br.sp{
    display: none;
}














@media screen and (max-width:768px){
    /* 共通 */
    .btn_wrap{
        width: 84%;
    }

    .btn_inner{
        margin-bottom: 5%;
    }

    /* mv */
    .bg1_blossom{
        width: 22%;
    }
    .bg1_blossom1{
        top: 12.5%;
        left: -11%;
    }
    .bg1_blossom2{
        top: 33.5%;
        right: -5%;
    }
    .bg1_blossom3{
        display: none;
    }
    .bg1_blossom4{
        width: 17%;
        top: 83.5%;
        left: 36%;
    }
    .bg1_blossom5{
        display: none;
    }
    .bg1_blossom6{
        top: 3.5%;
        right: -5%;
    }
    .bg1_blossom7{
        display: none;
    }
    .bg1_blossom8{
        display: none;
    }

    .mv_notice_img{
        width: 92%;
    }

    .mv_deco1,
    .mv_deco2{
        width: 88%;
    }
    .mv_deco1{
        top: -4%;
        left: -58%;
    }
    .mv_deco2{
        bottom: 6%;
        right: -37%;
        transform: rotate(0deg);
    }

    .mv_img{
        margin-top: 7%;
        width: 88%;
    }

    .mv_head{
        font-size: 2.4vw;
        font-weight: 700;
        letter-spacing: .07em;
        top: 14%;
        right: 2%;
    }

    .mv_logo{
        margin-left: auto;
        margin-right: auto;
        margin-top: -12%;
        width: 92%;
        position: relative;
        top: 0;
        left: 0;
    }

    .mv_copy{
        width: 19%;
        top: 14%;
        right: 0;
        left: 7%;
    }

    .mv_start{
        display: none;
    }

    .mv_title{
        width: 22%;
        top: 49.5%;
        right: 3%;
    }

    /* msg */
    .section_msg{
        padding-top: 8%;
        padding-bottom: 7%;
    }

    .msg_text{
        font-size: 4vw;
        margin-top: 8%;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        text-align: left;
    }

    .msg_notice{
        font-size: 2.4vw;
        font-weight: 300;
        margin-left: 5%;
    }

    /* about */
    .about_btn_title_en{
        width: 89%;
    }

    .about_btn_title{
        margin-top: -6.5%;
        width: 66%;
    }

    .about_btn_wrap{
        gap: 3%;
    }

    .about_btn_inner{
        width: 28%;
    }
    .about_btn_inner:nth-child(1){
        filter: drop-shadow(2vw 3vw 0 rgb(0, 171, 227, .4));
    }
    .about_btn_inner:nth-child(2){
        filter: drop-shadow(2vw 3vw 0 rgb(255, 131, 119, .4));
    }
    .about_btn_inner:nth-child(3){
        filter: drop-shadow(2vw 3vw 0 rgb(0, 122, 227, .4));
    }

    /* care */
    .section_care{
        padding-top: 18%;
        padding-bottom: 38%;
    }

    .care_title{
        width: 82%;
    }

    .care_wrap{
        margin-bottom: 29%;
        width: 90%;
    }

    .care_inner{
        padding: 3% 4.4%;
    }
    .care_inner:nth-child(n+2){
        margin-top: 7%;
    }

    .care_deco{
        width: 15%;
        top: 12%;
    }

    .care_grade{
        font-size: 3.8vw;
        width: 27%;
    }

    .care_text{
        font-size: 4.2vw;
    }

    /* news */
    .section_news{
        border-top-left-radius: 7.3vw;
        border-top-right-radius: 7.3vw;
        margin-top: -26%;
        padding-top: 16%;
        padding-bottom: 36%;
    }

    .news_blossom1{
        width: 22%;
        top: 15%;
        left: -10%;
    }
    .news_blossom2{
        width: 22%;
        top: 73%;
        right: -7%;
    }

    .news_title_en{
        width: 84%;
    }

    .news_head{
        font-size: 5.2vw;
        line-height: 1.5;
        margin-top: -16.5%;
    }

    .news_title{
        margin-top: 0;
        width: 82%;
    }

    .news_item_wrap{
        border-radius: 3.7vw;
        margin-top: 4%;
        margin-bottom: 11%;
        width: 90%;
        padding-top: 7%;
        padding-bottom: 4%;
    }

    .news_item{
        width: 90%;
    }

    .news_switch{
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 6%;
    }

    .news_switch_mark{
        --rotate: 90deg;
        aspect-ratio: 1/1;
        border: 2px solid #007AE3;
        border-radius: 50%;
        width: 6%;
        position: relative;
    }
    .news_switch_mark::before, .news_switch_mark::after {
        content: "";
        background-color: #007AE3;
        width: 65%;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .news_switch_mark::after {
        transform: translate(-50%, -50%) rotate(var(--rotate));
    }

    .news_switch_text{
        color: #007AE3;
        font-size: min(3.7vw, 30px);
        font-weight: 500;
        letter-spacing: .04em;
        margin-left: 2%;
    }

    /* feature-all */
    .section_feature-all{
        border-top-left-radius: 7.3vw;
        border-top-right-radius: 7.3vw;
        margin-top: -20%;
        padding-top: 3%;
        padding-bottom: 46%;
    }

    .feature-all_deco{
        display: none;
    }

    .feature-all_title{
        width: 82%;
    }

    .feature-all_wrap{
        margin-bottom: 10%;
        width: 90%;
    }

    .feature-all_inner{
        align-items: center;
        flex-direction: column;
        position: relative;
    }

    .feature-all_img_box{
        width: 100%;
    }
    .feature-all_img_box::before,
    .feature-all_img_box::after{
        width: 48%;
    }
    .feature-all_img_box::before{
        top: 0%;
        left: -30%;
        transform: rotate(180deg);
    }
    .feature-all_img_box::after{
        bottom: -19%;
        right: -28%;
        transform: rotate(180deg);
    }

    .feature-all_info{
        margin-top: 7%;
        width: 100%;
        z-index: 1;
    }

    .feature-all_grade{
        border: min(.3vw, 2px) solid #FF8377;
        font-size: 4vw;
        position: absolute;
        top: -7%;
        left: 8%;
        z-index: 2;
    }

    .feature-all_head{
        font-size: 6.9vw;
        margin-top: -3%;
        padding: 3% 2%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        word-break: keep-all;
        z-index: 1;
    }

    .feature-all_text{
        font-size: 4vw;
        margin-top: 0;
    }

    /* feature共通 */
    .feature_item{
        margin-bottom: 13%;
        width: 100%;
    }

    .feature_item_title_num{
        margin-right: 2%;
    }
    .feature_item_title_num[data-num="1"]{
        width: 7.6vw;
    }
    .feature_item_title_num[data-num="2"]{
        width: 15vw;
    }
    .feature_item_title_num[data-num="3"]{
        width: 15vw;
    }

    .feature_item_grade{
        border: .3vw solid #FF8377;
        font-size: 4vw;
        padding: 3% 4%;
    }

    .feature_item_title{
        font-size: 6.6vw;
        letter-spacing: .08em;
        padding: 1%;
    }

    .feature_item_text{
        font-size: 4vw;
    }

    .feature_item_img{
        border-radius: 4vw;
    }
    .feature_item_img.sp{
        display: block;
    }

    /* feature-junior */
    .feature-junior_human{
        margin-top: -38%;
        width: 21%;
    }

    .section_feature-junior{
        border-top-left-radius: 7.3vw;
        border-top-right-radius: 7.3vw;
        margin-top: -7%;
        padding-bottom: 65%;
    }

    .feature-junior_deco{
        top: 6%;
    }

    .feature-junior_head{
        font-size: 2.6vw;
    }

    .feature-junior_title{
        margin-top: 5%;
        width: 66%;
    }

    .feature-junior_wrap{
        margin-top: 7%;
        width: 92%;
    }

    .feature-junior_info{
        width: 100%;
    }

    .feature-junior_img_box{
        display: none;
    }

    /* feature-upper */
    .feature-upper_human{
        margin-top: -62%;
        width: 21%;
    }

    .bg2_container{
        border-top-left-radius: 7.3vw;
        border-top-right-radius: 7.3vw;
        margin-top: -5%;
        padding-top: 8%;
        padding-bottom: 91%;
    }

    .feature-upper_title{
        width: 66%;
    }

    .feature-upper_head{
        font-size: 2.6vw;
        margin-top: 3%;
    }

    .feature-upper_wrap{
        margin-top: 7%;
        width: 92%;
    }

    /* feature-elementary */
    .section_feature-elementary{
        padding-top: 15%;
    }

    .feature-elementary_deco{
        top: 8%;
    }

    .feature-elementary_title{
        width: 66%;
    }

    .feature-elementary_head{
        font-size: 2.6vw;
        margin-top: 3%;
    }

    .feature-elementary_wrap{
        margin-top: 7%;
        width: 92%;
    }

    .section_feature-elementary .feature_item:nth-child(1) .feature-elementary_info{
        flex-direction: column;
        width: 100%;
    }

    .section_feature-elementary .feature_item:nth-child(1) .feature_item_title_box{
        width: 100%;
    }

    .section_feature-elementary .feature_item:nth-child(1) .feature_item_text{
        width: 100%;
    }

    .section_feature-elementary .feature_item:nth-child(1) .feature_item_img{
        margin-top: 4%;
        width: 96%;
    }

    .feature-elementary_info{
        width: 100%;
    }

    .feature-elementary_img_box{
        display: none;
    }

    /* selection */
    .bg3_container{
        border-top-left-radius: 7.3vw;
        border-top-right-radius: 7.3vw;
        margin-top: -74%;
        padding-top: 16%;
        padding-bottom: 23%;
    }

    .selection_deco{
        display: none;
    }

    .selection_title_en{
        width: 95%;
    }

    .selection_title{
        margin-top: -17%;
        width: 81%;
    }

    .selection_head{
        font-size: 8.6vw;
        line-height: 1.5;
        margin-top: -22%;
    }

    .selection_wrap{
        margin-top: 9%;
        margin-bottom: 6%;
        width: 88%;
    }

    .selection_inner{
        align-items: flex-start;
        flex-direction: column;
    }

    .selection_img_box{
        width: 100%;
    }
    .selection_img_box::before,
    .selection_img_box::after{
        width: 49%;
    }
    .selection_img_box::before{
        top: -3%;
        left: -31%;
    }
    .selection_img_box::after{
        bottom: -14%;
        right: -29%;
        transform: rotate(180deg);
    }

    .selection_img_icon{
        width: 36%;
        top: 0%;
        left: -2%;
    }

    .selection_info_box{
        margin-top: -3%;
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .selection_info_grade{
        border: .3vw solid #FF8377;
        font-size: 4vw;
        padding: 3% 4%;
    }

    .selection_info_title{
        font-size: 6.9vw;
        margin-top: -1%;
        padding: 3% 2%;
    }
    .selection_info_title span::before{
        font-size: 2.8vw;
        letter-spacing: .09em;
    }

    .selection_info_text{
        font-size: 4vw;
    }

    .selection_line{
        width: 100%;
    }

    /* seminar */
    .section_seminar{
        padding-top: 8%;
    }

    .seminar_deco{
        display: none;
    }

    .seminar_title{
        width: 81%;
    }

    .seminar_head{
        font-size: 8.6vw;
        line-height: 1.5;
        margin-top: -8%;
    }

    .seminar_slide_wrap{
        margin-top: 8%;
        margin-bottom: 9%;
    }
    .seminar_slide_wrap::before,
    .seminar_slide_wrap::after{
        width: 43%;
    }
    .seminar_slide_wrap::before{
        bottom: 18%;
        right: -19%;
    }
    .seminar_slide_wrap::after{
        bottom: 19%;
        right: -14%;
        transform: rotate(180deg);
    }

    .seminar_slide_img{
        border-radius: 4.7vw;
    }

    .seminar_btn{
        width: 48%;
        bottom: 3%;
        left: 4%;
    }

    .splide__arrow{
        width: 10%;
    }
    .splide__arrow--prev{
        left: 1%;
    }
    .splide__arrow--next{
        right: 1%;
    }

    /* voice */
    .section_voice{
        border-top-left-radius: min(7vw, 55px);
        border-top-right-radius: min(7vw, 55px);
        padding-top: 7%;
        padding-bottom: 17%;
    }

    .voice_title_en{
        width: 88%;
    }
    
    .voice_title{
        margin-top: -10%;
        width: 88%;
    }

    .voice_wrap{
        flex-direction: column;
        margin: 9% auto 11%;
        width: 95%;
    }

    .voice_inner{
        width: 100%;
    }
    .voice_inner:nth-child(n+2){
        margin-top: 5%;
    }
    
    /* faq */
    .section_faq{
        padding-top: 7%;
        padding-bottom: 11%;
    }

    .faq_title{
        font-size: 8.3vw;
    }

    .faq_container{
        border-radius: 8vw;
        margin-top: 6%;
        width: 89%;
    }

    .faq_wrap{
        margin-top: 3%;
    }

    .faq_inner{
        padding-top: 4%;
        padding-bottom: 4%;
    }

    .faq_icon{
        width: 8.5%;
    }
    .faq_box.answer .faq_icon{
        margin-top: 5%;
    }

    .faq_text_content{
        margin-top: 5%;
        width: 87.5%;
    }

    .faq_text{
        font-size: 3.8vw;
        line-height: 1.3;
        width: 68%;
    }
    .faq_text .annot{
        font-size: 2.4vw;
        letter-spacing: .1em;
        margin-top: 3%;
    }

    .faq_switch{
        border: .3vw solid #007AE3;
        width: 15%;
    }
    .faq_switch::before,
    .faq_switch::after{
        height: .4vw;
    }

    .section_faq .btn_wrap{
        width: 100%;
    }

    /* flow */
    .section_flow{
        padding-top: 13%;
        padding-bottom: 6%;
    }

    .flow_title{
        font-size: 8.3vw;
    }

    .flow_wrap{
        margin-top: 8%;
        width: 90%;
    }

    .flow_inner:nth-child(n+2){
        margin-top: 10%;
    }

    .flow_step_box{
        padding: 1.5% 0% 1.5% 5%;
    }

    .flow_step_img{
        width: 20%;
    }

    .flow_step_title{
        font-size: 4.8vw;
        letter-spacing: .02em;
    }

    .flow_info_box{
        justify-content: space-between;
        margin-top: 4%;
    }

    .flow_info_icon_box{
        width: 29%;
    }

    .flow_info_text{
        font-size: 3.6vw;
        letter-spacing: 0;
        line-height: 1.5;
        margin-left: 0;
        width: 69%;
    }
    .flow_info_text .annot{
        font-size: 2.6vw;
        font-weight: 400;
        margin-top: 3%;
    }

    .section_flow .btn_wrap{
        margin-top: 5%;
    }

    /* covid19 */
    .section_covid19{
        padding-top: 14%;
        padding-bottom: 15%;
    }

    .covid19_title_wrap{
        width: 70%;
    }
    
    .covid19_title{
        font-size: 10.1vw;
        line-height: 1.2;
        text-align: center;
    }

    .covid19_text{
        font-size: 3.3vw;
        line-height: 1.65;
        margin-left: auto;
        margin-right: auto;
        margin-top: 6%;
        width: 88%;
    }

    .covid19_annot{
        font-size: 2.8vw;
        line-height: 1.45;
        margin-top: 6%;
    }

    .covid19_wrap{
        width: 92%;
    }

    .covid19_inner{
        margin-top: 13%;
        width: 100%;
    }
    .covid19_inner:nth-child(n+2){
        margin-top: 3%;
    }

    .section_covid19 .btn_wrap{
        margin-top: 15%;
    }

    /* page */
    .section_page{
        padding-top: 20%;
        padding-bottom: 20%;
    }

    /* フローティングバナー */
    .floating_container{
        top: auto;
        bottom: 0;
        transform: translateY(0);
        width: 100%;
        max-width: none;
    }


    br.pc{
        display: none;
    }
    br.sp{
        display: block;
    }
}













/* 講座詳細 スケジュール */
.cs-search .cs-radio input[type="radio"]:checked + .cs-radio-label::before{
    background-color: #FF698A;
}

.course ul.accordion > li > p span,
.course ul.accordion > li > h2 span {
    background-image: url(https://www.edic.jp/common/img/open2.png);
}

.course ul.accordion > li > p span.open,
.course ul.accordion > li > h2 span.open {
    background-image: url(https://www.edic.jp/common/img/close2.png);
}

.course ul.accordion > li > h2 {
    background: #FF698A;
}

#briefing .btn a{
    background: #ff698a;
}

/* 講座詳細 */
#lp-wrap{
    margin-top: 14%;
    margin-bottom: 14%;
}

/* 色変更 #00348B→#FF698A*/
.course ul.accordion > li > p {
    background: #FF698A;
    padding: 0;
}

.course .resp-tabs-list li {
    border-left: 2px solid #FF698A;
    color: #FF698A;
}

.course .resp-tabs-list li::after {
    border-color: #FF698A transparent transparent transparent;
}

.course .resp-tab-active {
    background: #FF698A !important;
}

.course .resp-tabs-list li::before {
    background-color: #FF698A;
}

.course .resp-tabs-list li.resp-tab-active::after {
    border-color: #FF698A transparent transparent transparent;
}

.course .resp-tabs-list li:last-child {
    border-right: 2px solid #FF698A;
}

.course .courselink li a {
    border-bottom: 1px solid #FF698A;
}

.course .courselink::after {
    background-color: #FF698A;
}

.course .courselink li {
    border-right: 1px solid #FF698A;
}

.course .courselink li a:hover {
    background-color: #FF698A;
}

@media screen and (min-width: 768px){
    .course .resp-tab-content {
        border-top: 2px solid #FF698A;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .course .courselink li:first-child a, .course .courselink li:nth-child(4) a, .course .courselink li:nth-child(7) a {
        border-left: 1px solid #FF698A;
}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .course .courselink li:nth-child(-n+3) a {
        border-top: 1px solid #FF698A;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1200px){
    .course .courselink li:first-child a, .course .courselink li:nth-child(5) a, .course .courselink li:nth-child(9) a {
        border-left: 1px solid #FF698A;
}
}

@media screen and (min-width: 1025px) and (max-width: 1200px){
    .course .courselink li:nth-child(-n+4) a {
        border-top: 1px solid #FF698A;
    }
}

@media screen and (max-width: 767px){
    .course h2.resp-accordion {
        background: #FF698A !important;
    }
}

@media screen and (max-width: 767px){
    .course .courselink li:nth-child(odd) a {
        border-left: 1px solid #FF698A;
    }
}

@media screen and (max-width: 767px){
    .course .courselink li:nth-child(-n+2) a {
        border-top: 1px solid #FF698A;
    }
}

/* 色変更 tab hover */
.course .resp-tabs-list li:hover::before,
.course .resp-tabs-list li.resp-tab-active::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background: #289efe;
    background: #289efe;
    background-repeat: repeat;
    background-clip: border-box;
    -webkit-transition: background-color 0.1s;
    transition: background-color 0.1s;
}

/* 講座詳細 */
.course .resp-tabs-list li{
    font-size: 14px;
}