@charset "UTF-8";
/* CSS Document */

.color01 {color: #313131;}
.color02 {color: #FFF;}
.color03 {color: #fff23f;}

.font-fm01 {font-family: 'FP-KoburinaGoStdN-W3', sans-serif}
.font-fm02 {font-family: 'FP-KoburinaGoStdN-W6', sans-serif}

.font-14 {font-size: 14px; line-height: 1.6;}
.font-17 {font-size: 17px; line-height: 1.5;}
.font-18 {font-size: 18px; line-height: 1.5;}
.font-20 {font-size: 20px; line-height: 1.5;}
.font-22 {font-size: 22px; line-height: 1.4;}
.font-30 {font-size: 30px; line-height: 1.3;}
@media screen and (min-width: 1024px) {
.font-14 {font-size: 16px; line-height: 1.6;}
.font-17 {font-size: 19px; line-height: 1.5;}
.font-18 {font-size: 20px; line-height: 1.5;}
.font-20 {font-size: 22px; line-height: 1.5;}
.font-22 {font-size: 25px; line-height: 1.4;}
.font-30 {font-size: 34px; line-height: 1.3;}
}

.lh01 {line-height: 2.6!important;}

/*bg*/
.bg_pc_wrap {
 position: relative;
 z-index: 0;
 background-image: none !important;
 clip-path:  inset(0);
}
.bg_pc_wrap::before {
 content: "";
 display: block;
 position: fixed;
 top: 0;
 left: 0;
 z-index: -1;
 width: 50%;
 height: 100vh;
 height: 100dvh;
 background-repeat: no-repeat;
 background-position: center center;
 background: url("/is/image/content/dam/sites/kao/www-kao-co-jp/cape/maegami/bg_left.png?fmt=png-alpha&hei=1366");
 background-size: cover;
}
.bg_pc_wrap::after {
 content: "";
 display: block;
 position: fixed;
 top: 0;
 right: 0;
 z-index: -1;
 width: 50%;
 height: 100vh;
 height: 100dvh;
 background-repeat: no-repeat;
 background-position: center center;
 background: url("/is/image/content/dam/sites/kao/www-kao-co-jp/cape/maegami/bg_right.png?fmt=png-alpha&hei=1366");
 background-size: cover;
}
.bg01 {padding-top: 60px!important;}
.bg02 {padding-top: 60px!important;}
.bg03 {padding-top: 60px!important;}
.bg04 {padding-top: 60px!important; padding-bottom: 40px!important; margin: 0;}

/*shadow*/
.shadow {background-color: #FFF; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);}

/*school info*/
.school_info {margin-top: 20px; margin-bottom: 0;}
.school_info .l-AccordionUnit__titleBlock {
 background-color: #fff23f;
 border-radius: 15px;
 border: 1px solid #000;
 box-shadow: 4px 4px 0px 0px #000;
}
.school_info .is-radius--open .l-AccordionUnit__titleBlock {
 border-top-left-radius: 15px;
 border-top-right-radius: 15px;
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
}
.school_info .l-AccordionUnit__contentBlock {
 background-color: #FFF;
 border-top-left-radius: 0;
 border-top-right-radius: 0;
 border-bottom-left-radius: 15px;
 border-bottom-right-radius: 15px;
 border: 1px solid #000;
 box-shadow: 4px 4px 0px 0px #000;
}
.school_info .l-AccordionUnit__titleBlock p {
 color: #FFF;
 text-shadow:1px 1px 0 #000, -1px -1px 0 #000,-1px 1px 0 #000, 1px -1px 0 #000,0px 1px 0 #000,  0-1px 0 #000,-1px 0 0 #000, 1px 0 0 #000,2px 2px 0 #000,3px 3px 0 #000;
}
.school_info .cmn-icon--down:before {
 content: "";
 width: 18px;
 height: 18px;
 background: url("/content/dam/sites/kao/www-kao-co-jp/cape/maegami/ico_open.svg") center center no-repeat;
 display: block;
}
.school_info .cmn-icon--up:before {
 content: "";
 width: 18px;
 height: 18px;
 background: url("/content/dam/sites/kao/www-kao-co-jp/cape/maegami/ico_close.svg") center center no-repeat;
 display: block;
}

/*btn*/
.btn_tiktok .is-colorset--1 .l-ButtonUnit__link {
 background-color:#000;
 border-radius:999px;
 border: 1px solid #FFF;
 box-shadow: 4px 4px 0px 0px #FFF;
 position: relative;
 padding: 10px 1.8em 10px 4em;
 margin-bottom: 40px;
}
.btn_tiktok .is-colorset--1 .l-ButtonUnit__link::before {
 content: "";
 width: 1.5em;
 height: 1.75em;
 background: url("/content/dam/sites/kao/www-kao-co-jp/cape/maegami/02_ico_tiktok.png") center center no-repeat;
 background-size: 100% auto;
 position: absolute;
 top: 50%;
 left: 1.5em;
 transform: translate(0,-52%);
}