@charset "UTF-8";

:root{
    --main_color: #009be3;
    --sub_color: #d3eef8;
    --btn_bg: #b3e1f7;
    --li_marker_color:#009be3;
}
/* ============================================== */
/*                    共通設定                    */
/* ============================================== */
.bg_area{
    background: url(../img/vol4/bg.jpg) no-repeat center/cover;
}
@media screen and (max-width:767px) {
    .bg_area{background: url(../img/vol4/bg_sp.jpg) no-repeat center/cover;}
}


@media screen and (min-width:1100px) and (max-height:1000px) {
    .bg_area{background: url(../img/vol4/bg.jpg) no-repeat center top -140px/150% calc(100% + 140px);}
}
@media screen and (min-width:2000px) {
    .bg_area{background: url(../img/vol4/bg.jpg) no-repeat center top 0px/150% calc(100% + 830px);}
}

/* ============================================== */
/*  KV
/* ============================================== */
.kv .kv_cont02 p{top: -5vw;}
.kv .kv_cont02 .figure_wrapper figure:nth-of-type(1){
    inset: auto max(calc(50% - 35.5vw),-195px) max(calc(50vh - 41.5vw),30px) auto;
    inset: auto max(calc(50% - 35vw),-195px) max(calc(50vh - 31vw),-45px) auto;
    inset: auto max(calc(50% - 35vw),-195px) max(calc(50vh - 46.5vw),50px) auto;
}
@media screen and (max-width:374px) {
    .kv .kv_cont02 .figure_wrapper figure:nth-of-type(1){
        width: 85vw;
        left: 42px !important;
    }
    /* =========== /max-width:374px =========== */
}
@media screen and (max-height: 1100px){
    .kv .kv_cont02 .figure_wrapper figure:nth-of-type(1){
        inset: auto max(calc(50% - 35vw),-195px) max(calc(50vh - 42.5vw),-140px) auto;
    }
}
@media screen and (max-width: 850px){
    .kv{min-height: 100vh;}
    .kv .kv_cont02 p{inset: auto auto auto 0;}
    .kv .kv_cont02 .figure_wrapper figure:nth-of-type(1){
        inset: auto auto -8vw min(13vw,38px);
        width: max(79.63vw, 260px);
        /* width: min(48.34vw, 1083px); */
    }
}
@media screen and (min-width: 1400px) and (max-width: 1999px){
    .kv .kv_cont02 p{top: -6.5vw;}
    .kv .kv_cont02 .figure_wrapper figure:nth-of-type(1){
        inset: auto max(calc(50% - 35vw),-195px) max(calc(50vh - 41vw),-200px) auto;
    }
}
@media screen and (min-width:2000px) {
    .kv .kv_cont02 p{top: -8.5vw;}
    .kv .kv_cont02 .figure_wrapper figure:nth-of-type(1){
        inset: auto max(calc(50% - 35vw),-195px) max(calc(50vh - 23.5vw),93px) auto;
        /* width: min(51.52vw, 742px); */
    }
}
/* ============================================== */
/* プレゼント紹介
/* ============================================== */
.sec_cont.course ul li:nth-of-type(1) .card_item > figure{
    max-width: 355px;
    inset: -40px 55px auto auto;
}
.sec_cont.course ul li .card_item + div p{font-size: 16px;}
@media screen and (max-width:767px) {
    .sec_cont.course ul li:nth-of-type(1) .card_item > figure{
        max-width: 290px;
        inset: min(-2%, -4.7vw) 5% auto auto;
    }
    .sec_cont.course ul li .card_item h2 {width: clamp(185px, 49.33vw, 225px);}
    /* =========== /max-width:767px =========== */
}
@media screen and (min-width:420px) and (max-width:767px) {
    .sec_cont.course ul li:nth-of-type(1) .card_item > figure{inset: min(-2%, -1.6vw) 5% auto auto;}
}
@media screen and (min-width:1066px) {
    .sec_cont.course ul li:nth-of-type(2) .card_item>p:nth-of-type(2){padding-bottom: 2.8em;}
    /* =========== /min-width:768px =========== */
}