@charset "UTF-8";

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


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

/* ============================================== */
/*  KV
/* ============================================== */
.kv .kv_cont02 .figure_wrapper figure:nth-of-type(1){
    inset: auto max(calc(50% - 34.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 - 40.5vw),50px) auto;
}

@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 - 41.5vw),-120px) auto;
    }
}
@media screen and (max-width: 850px){
    .kv .kv_cont02 .figure_wrapper figure:nth-of-type(1){
        inset: auto auto -2vw min(14.6vw,57px);
        width: max(80.63vw, 260px);
    }
}

@media screen and (min-width: 1400px) and (max-width: 1999px){
    .kv .kv_cont02 .figure_wrapper figure:nth-of-type(1){
        inset: auto max(calc(50% - 34.5vw),-175px) max(calc(50vh - 41vw),-200px) auto;
        inset: auto max(calc(50% - 35vw),-195px) max(calc(50vh - 40vw),-130px) auto;
        /* width: min(51.52vw, 742px); */
    }
}
@media screen and (min-width:2000px) {
    .kv .kv_cont02 .figure_wrapper figure:nth-of-type(1){
        inset: auto max(calc(50% - 34.5vw),-175px) max(calc(50vh - 24vw),-80px) auto;
        /* width: min(51.52vw, 742px); */
    }
}


/* ============================================== */
/* プレゼント紹介
/* ============================================== */
.sec_cont.course ul li:nth-of-type(1) .card_item > figure{
    max-width: 392px;
    inset: 75px 25px auto auto;
}
@media screen and (max-width:767px) {
    .sec_cont.course ul li:nth-of-type(1) .card_item > figure{
        max-width: 290px;
        inset: max(17%, 14.5vw) 4% auto auto;
    }
    /* =========== /max-width:767px =========== */
}