@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap');

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


.Ckvis { display: flex; width: 100%; height: calc(100vh - 140px); min-height: 600px; /**max-height: 750px;**/ position: relative; color: #fff;line-height: 1.2;overflow: hidden; max-height: 900px; }
.Ckvis .bg_box_left{position: absolute;top: -5vw;left: -10vw;transform: rotate(8.73deg);height: calc(100% + 15vw);width: calc(50% + 10vw);background-image: url(../img/index_c/Cpc_bg.jpg);background-repeat: no-repeat;background-position: left -5vw;background-size: cover;z-index: 9;}
.Ckvis .bg_box_right{position: absolute;top: 0;right: 0;height: 100%; width: calc(50% + 4em); background-image: url(../img/index_c/Cpc_photo.jpg);background-repeat: no-repeat; background-position: right -55px; background-size: auto calc(110% + 55px);}
.Ckvis #copy_box{ height: 100%;position: relative; width: 100%; display: flex; flex-direction: column; justify-content: center; padding-left: 6vw;}
.Ckvis #copy_box >*{ z-index:10;}


.Ckvis #copy_box h1{ padding-bottom: 0.5em; font-size: 1rem!important;font-style: italic;font-weight: bold;letter-spacing: 0.05em; position: relative;}

.shuchu_txt{
font-size: clamp(1.5em, 2.75vw, 2.5em);
background-image: url(../img/index_c/C_obi.png);
background-repeat: no-repeat;
background-size: cover;
padding: 0.5em 3em 0.75em 48px;
display: block;
background-position: right top;
width: 17em;
}
.getsugaku_txt{font-size: clamp(5em, 8vw, 6.875em);padding: 0.1em 0 0 32px; letter-spacing: 0;}
.getsugaku_txt .tukiduki{display: inline-block;vertical-align: baseline;width: 1.2em;font-size: 0.35em;line-height: 1.2;margin-right: 0.25em;font-style: normal;}
.getsugaku_txt small{font-size: 0.5em;margin-left: 0.25em;}

.koshitsu_txt{font-size: clamp(5em, 8vw, 6.875em);padding: 0.1em 0 0.25em 80px; letter-spacing: 0.1em;}

.spoint_ul{ display: flex;align-items: stretch;font-style: normal; width: clamp(25em, 40vw, 35.625em);}
.spoint_ul li{border-radius: 50%;position: relative; /*border: 1px solid #FFFFFF;*/width: 31%;margin-right: 3.5%; text-align: center; display: flex; align-items: center; justify-content: center;}
.spoint_ul li:nth-of-type(3n){margin-right: 0;}
.spoint_ul li:last-child{margin-right: 0px;}
.spoint_ul li:after{content: '';display: block;padding-top: 100%;}
.spoint_ul li img{width:100%; height: auto; display: block;}
.spoint_ul li p small{font-size: 50%; vertical-align: top;} 
.under_kvis{position:relative; padding-top: 1em; width: 100%;}
.TxtFukuro{text-shadow: 2px 2px 0px #DA2429,-2px 2px 0px #DA2429,2px -2px 0px #DA2429,-2px -2px 0px #DA2429,2px 0px 0px #DA2429,0px 2px 0px #DA2429,-2px 0px 0px #DA2429,0px -2px 0px #DA2429;}
/*.TxtFukuro{text-shadow: 1px 1px 0px #DA2429,-1px 1px 0px #DA2429,1px -1px 0px #DA2429,-1px -1px 0px #DA2429,1px 0px 0px #DA2429,0px 1px 0px #DA2429,-1px 0px 0px #DA2429,0px -1px 0px #DA2429;}*/
.TxtFukuro02{text-shadow: 0px 0px 14px rgba(218,36,41,1.00),0px 0px 14px rgba(218,36,41,1.00),0px 0px 14px rgba(218,36,41,0.50);}

.TxtShad{text-shadow: 4px 4px 4px rgba(0,0,0,1);}


@media screen and (min-height: 600px) and (max-height: 750px) {
.Ckvis #copy_box h1{ font-size: 2vh!important;}
}
@media screen and (max-height: 600px) {
.Ckvis #copy_box h1{ font-size: 0.75em!important;}
}
/* ##### responsive ##### */
@media screen and (max-width: 760px) {
.Ckvis { display: flex; min-height: initial; min-width: initial; max-height: initial; height: auto; flex-direction: column; flex-wrap: wrap;}
.Ckvis:after{
    display: none;
    content: "";
    position: absolute;
    top: 30vw;
    left: -22vw;
    transform: rotate(8.73deg);
    height: calc(120% + 15vw);
    width: calc(120% + 10vw);
    background-image: url(../img/index_c/Cpc_bg.jpg);
    background-repeat: no-repeat;
    background-position: left -5vw;
    background-size: cover;
    z-index: 9;}


.Ckvis .bg_box_left{display: none;}
.Ckvis .bg_box_right{ display: none;}
.Ckvis #copy_box{order: 1; position: relative; z-index: 10; background-color: #000;}
.Ckvis #copy_box >*{position :relative;}
.Ckvis #copy_box h1 { position: static; font-size: 7.5vw!important; margin: auto; background-image: url(../img/index_c/Cpc_photo.jpg); background-repeat: no-repeat; background-position: right -10vw top; background-size: cover; padding-bottom: 0;}
.sp_black{ overflow: hidden; position: relative; padding-bottom: 0.75em; padding-left: 0.75em; padding-top: 0.5em; margin-top: 1em;}
.sp_black:after{content:""; display: block; position: absolute; top: 0; left: 0; width: 8.3em; border-top: 7em solid rgb(0 0 0 / 68%); border-right: 50px solid transparent;}
.shuchu_txt{ font-size: 4.5vw; padding: 0.5em 0 0.75em 1em;}
.getsugaku_txt{font-size: 10vw; padding: 0; text-align: left; position: relative; z-index: 1;}
.koshitsu_txt{font-size: 10vw; padding: 0.1em 0 0 0; text-align: left; position: relative; z-index: 1;}
.spoint_ul{ font-size: 3.75vw; max-width: initial; width: 60%; padding: 1em 0 1em 1em;}
.under_kvis[class*="wth_"][class*="_nopad"]{padding:2em!important; font-size: 0.6em;}


.TxtFukuro{text-shadow: 1px 1px 0px #DA2429,-1px 1px 0px #DA2429,1px -1px 0px #DA2429,-1px -1px 0px #DA2429,1px 0px 0px #DA2429,0px 1px 0px #DA2429,-1px 0px 0px #DA2429,0px -1px 0px #DA2429;}



}