@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');


/* ------------------------------
 UA stylesheet RESET
------------------------------ */
*,*:before,*:after{box-sizing:border-box;font-style:normal;font-optical-sizing:auto;}
html,body{margin:0;padding:0;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,div,pre,blockquote,fieldset{display:block;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;font-weight:normal;}
p{margin:0;padding:0;font-size:100%;font-weight:normal;}
ol,ul,li,dl,dt,dd{margin:0;padding:0;font-weight:normal;list-style:none;}
form,input,button,select,optgroup,textarea{margin:0;padding:0;}
table,caption,thead,tbody,tfoot,tr,td,th{margin:0;padding:0;border-collapse:collapse;border-spacing:0;border:0;text-align:left;font-weight:normal;}
hr{margin:0;padding:0;height:0;border:0;box-sizing:content-box;overflow:visible;}
img,svg,figure,abbr,fieldset{border:0;vertical-align:middle;}
object,embed{vertical-align:top;}


/* --------------------------
 BASIC
-------------------------- */
.pc{display:block;}
.sp{display:none;}
@media only screen and (max-width:750px){
.pc{display:none;}
.sp{display:block;}
.sp_no{display:none;}
}

/* --------------------------
 FONT/TEXT
-------------------------- */
/* a ----------*/
a{text-decoration:none;color:inherit;}
a:hover{text-decoration:none;color:inherit;}
a:not([href]):not([class]),a:not([href]):not([class]):hover {color:inherit;text-decoration:none;}

/* text-align ----------*/
.t-left{text-align:left;}
.t-center{text-align:center;}
.t-right{text-align:right;}

/* text-decoration ----------*/
.t-ul{text-decoration:underline;}
.t-ol{text-decoration:overline;}
.t-lt{text-decoration:line-through;}
.t-bg{background:linear-gradient(transparent 90%, #fbbc05 0%)}

/* font-color ----------*/
.f-black{color:#333333;}
.f-white{color:#ffffff;}
.f-red{color:#e26b5a;}
.f-blue{color:#66aba5;}
.f-yellow{color:#f1b04e;}

/* font-weight ----------*/
.f-w100{font-weight:100;}/*Thin*/
.f-w200{font-weight:200;}/*ExtraLight*/
.f-w300{font-weight:300;}/*Light*/
.f-w400{font-weight:400;}/*Regular*/
.f-w500{font-weight:500;}/*Medium*/
.f-w600{font-weight:600;}/*SemiBold*/
.f-w700,.bold{font-weight:700;}/*Bold*/
.f-w800{font-weight:800;}/*ExtraBold*/
.f-w900{font-weight:900;}/*Black*/

/* font-size ----------*/
.f-4x{font-size:64px;}
.f-3x{font-size:48px;}
.f-2x{font-size:32px;}
.f-xxl{font-size:28px;}
.f-xl{font-size:24px;}
.f-l{font-size:20px;}
.f-m{font-size:16px;}
.f-s{font-size:14px;}
.f-xs{font-size:12px;}
.f-xxs{font-size:8px;}
@media only screen and (max-width:750px){
.f-4x{font-size:64px;}
.f-3x{font-size:48px;}
.f-2x{font-size:32px;}
.f-xxl{font-size:28px;}
.f-xl{font-size:16px;}
.f-l{font-size:16px;}
.f-m{font-size:16px;}
.f-s{font-size:14px;}
.f-xs{font-size:12px;}
.f-xxs{font-size:8px;}
}

/* vertical-text ----------*/
.vertical-text{
-ms-writing-mode:tb-rl;
writing-mode:vertical-rl;
-webkit-text-orientation:upright;
text-orientation:upright;
}
.vertical-text-number{
-webkit-text-combine:horizontal;
-ms-text-combine-horizontal:all;
text-combine-upright:all;
}



/* --------------------------
 h2
-------------------------- */
h1,h2,h3,h4,h5,h6{/* 基本設定 */
position:relative;
display:block;
}

/* --------------------------
 HTML/BODY
-------------------------- */
html,body{  
position:relative;
width:100%;
color:#333333;
font-size:18px;
line-height:0;
text-align:center;
letter-spacing:0em;
word-break:break-all;
font-family:"Zen Maru Gothic",sans-serif;
}

/* --------------------------
 FV
-------------------------- */
.fv{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
}
.fv-wrapper{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
background:linear-gradient(to bottom,#7ecef4,#d2effc);
}
.fv-wrapper:after{
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
display:block;
width:100%;
height:100%;
margin:auto 0 0 0;
padding:0;
background:url(../img/fv-bg-pc.png) repeat-x center bottom;
}
@media only screen and (max-width:1000px){
.fv-wrapper:after{
aspect-ratio:5 / 1;
width:100%;
height:auto;
background:url(../img/fv-bg-pc.png) repeat-x center bottom;
background-size:cover;
}
}
.fv-container{
position:relative;
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
z-index:10;
}
.fv-box{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
}
.fv-title{
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
.fv-title img{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
@media only screen and (max-width:750px){
.fv{}
.fv-wrapper{}
.fv-wrapper:after{
aspect-ratio:75 / 20;
width:100%;
height:auto;
background:url(../img/fv-bg-sp.png) repeat-x center bottom;
background-size:cover;
}
.fv-container{}
.fv-box{}
.fv-title{}
.fv-title img{}
}


/* ------------------------------
 SECTION
------------------------------ */
.section{
position:relative;
display:block;
margin:0;
padding:0;
}
.section-wrapper{
position:relative;
display:block;
margin:0;
padding:120px 0;
background-color:;
background-image:url(../img/);
background-position:;
background-repeat:;
background-size:;
}
.section-container{
position:relative;
display:block;
margin:0 auto;
padding:0;
width:100%;
max-width:1000px;
}
.section-container + .section-container{
padding:120px 0 0 0;
}

/* section-title --------------------*/
.section-title{
position:relative;
display:block;
margin:0 auto 80px auto;
padding:0 4%;
}
.section-title-en{
position:relative;
display:block;
margin:0 auto 30px auto;
padding:0;
font-family:"Amatic SC",sans-serif;
font-weight:700;
font-style:normal;
font-size:38px;
line-height:30px;
letter-spacing:2px;
text-indent:2px;
color:#f1b04e;
}
.section-title-slash{
position:relative;
display:flex;
justify-content:center;
align-items:center;
margin:0 auto 15px auto;
padding:0;
font-size:24px;
line-height:30px;
font-weight:500;
}
.section-title-slash:before,.section-title-slash:after{
content:"";
position:relative;
display:block;
width:2px;
height:30px;
border-radius:1px;
}
.section-title-slash:before{
margin:0 20px 0 0;
rotate:-30deg;
background:#f1b04e;
}
.section-title-slash:after{
margin:0 0 0 20px;
rotate:30deg;
background:#f1b04e;
}
.section-title-text{
position:relative;
display:block;
margin:0;
padding:0;
font-size:30px;
line-height:60px;
text-align:center;
font-weight:500;
letter-spacing:2px;
text-indent:2px;
color:#333333;
}
.section-title-img{
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
.section-title-img img{
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
.section-title-bottom{
position:relative;
display:block;
margin:30px auto 0 auto;
padding:0;
width:10px;
height:10px;
border-radius:50%;
background:#66aba5;
}
.section-title-bottom:before,.section-title-bottom:after{
content:"";
display:block;
width:10px;
height:10px;
border-radius:50%;
position:absolute;
top:0;
}
.section-title-bottom:before{
left:-20px;
background:#e26b5a;/* 設定可 */
}
.section-title-bottom:after{
right:-20px;
background:#f1b04e;/* 設定可 */
}

/* section-box --------------------*/
.section-box{
position:relative;
display:block;
margin:0 auto;
padding:0 4%;
}

/* section-text --------------------*/
.section-text{
position:relative;
display:block;
margin:0;
padding:0;
font-size:18px;
line-height:40px;
text-align:justify;
}
.section-text p{margin:40px 0;padding:0;}
.section-text ol,.section-text ul,.section-text dl{margin:60px 0;}
dt{
position:relative;
display:block;
font-weight:700;
}
dd{
position:relative;
display:block;
}
.section-text p:last-child{
margin:0;
padding:0;
}


/* section-connect --------------------*/
.section-connect{
display:flex;
justify-content:center;
align-items:center;
width:160px;
height:160px;
border-radius:50%;
position:absolute;
top:-80px;
left:calc(50% - 80px);
font-size:28px;
line-height:40px;
font-weight:700;
text-algin:center;
z-index:1000;
color:#ffffff;
background:#000000;/* 設定可 */
}

@media only screen and (max-width:750px){
.section{}
.section-wrapper{padding:12vw 0;}
.section-container{}
.section-container + .section-container{padding:12vw 0;}
/* section-title --------------------*/
.section-title{margin:0 auto 8vw auto;padding:0 4vw;}
.section-title-en{margin:0 auto 4vw auto;font-size:26px;line-height:20px;letter-spacing:1px;text-indent:1px;}
.section-title-slash{margin:0 auto 4vw auto;font-size:16px;}
.section-title-slash:before,.section-title-slash:after{height:30px;}
.section-title-slash:before{}
.section-title-slash:after{}
.section-title-text{font-size:20px;line-height:40px;letter-spacing:0;text-indent:0;}
.section-title-img{}
.section-title-img img{}
.section-title-bottom{margin:4vw auto 0 auto;}
.section-title-bottom:before,.section-title-bottom:after{}
.section-title-bottom:before{}
.section-title-bottom:after{}

/* section-box --------------------*/
.section-box{}

/* section-text --------------------*/
.section-text{font-size:14px;line-height:30px;}
.section-text p{margin:30px 0;padding:0;}
.section-text ol,.section-text ul,.section-text dl{margin:30px 0;}
dt{}
dd{}
.section-text p:last-child{}
.section-text br{display:none;}
br.all{display:block !important;}


/* section-connect --------------------*/
.section-connect{
width:90px;
height:90px;
border-radius:50%;
top:-45px;
left:calc(50% - 45px);
font-size:18px;
line-height:30px;
}
}

/* LIST-TITLE --------------------*/
.list-title{
position:relative;
margin:0;
padding:20px 0 20px 20px;
font-size:20px;
line-height:40px;
font-weight:700;
border-radius:10px 10px 0 0;
background:#fbe7ca;
}

/* LIST-CIRCLE --------------------*/
.list-circle{
position:relative;
margin:0;
padding:20px 0 20px 20px;
font-size:20px;
line-height:40px;
font-weight:700;
border-bottom:dotted 4px #e2d4c4;
}
ul .list-circle:first-of-type{
border-top:dotted 4px #e2d4c4;
}
.list-circle:before{
content:"";
position:absolute;
left:0;
top:34px;
display:block;
margin:0;
padding:0;
width:16px;
height:16px;
border-radius:50%;
background:#e26b5a;
}

/* LIST-CHECK --------------------*/
.list-check{
position:relative;
margin:0;
padding:20px 0 20px 24px;
font-size:20px;
line-height:40px;
font-weight:700;
border-bottom:dotted 4px #e2d4c4;
}
ul .list-check:first-of-type{
border-top:dotted 4px #e2d4c4;
}
.list-check:before{
content:"";
position:absolute;
left:0;
top:31px;
display:block;
margin:0;
padding:0;
width:20px;
height:20px;
border:2px solid #999999;
background:#ffffff;
}
.list-check:after{
content:"";
position:absolute;
left:2px;
top:33px;
display:block;
width:16px;
height:10px;
border-left:3px solid #ff0000;
border-bottom:3px solid #ff0000;
transform:rotate(-45deg);
}

/* LIST-TRIANGLE-BOTTOM --------------------*/
.list-triangle-bottom{
position:relative;
margin:0;
padding:20px 0 20px 20px;
font-size:20px;
line-height:40px;
font-weight:700;
border-bottom:dotted 4px #e2d4c4;
}
ul .list-triangle-bottom:first-of-type{
border-top:dotted 4px #e2d4c4;
}
.list-triangle-bottom:before{
content:"";
position:absolute;
left:0;
top:34px;
display:block;
margin:0;
padding:0;
width:18px;
height:16px;
clip-path:polygon(0% 0%,100% 0%,50% 100%);
background:#66aba5;
}
@media only screen and (max-width:750px){
/* LIST-TITLE --------------------*/
.list-title{font-size:14px;line-height:30px;}

/* LIST-CIRCLE --------------------*/
.list-circle{padding:20px 0 20px 16px;font-size:14px;line-height:30px;}
ul .list-circle:first-of-type{}
.list-circle:before{top:30px;width:12px;height:12px;}

/* LIST-CHECK --------------------*/
.list-check{padding:20px 0 20px 20px;font-size:14px;line-height:30px;}
ul .list-check:first-of-type{}
.list-check:before{top:28px;width:16px;height:16px;border:1px solid #999999;}
.list-check:after{top:30px;width:12px;height:8px;}

/* LIST-TRIANGLE-BOTTOM --------------------*/
.list-triangle-bottom{padding:20px 0 20px 16px;font-size:14px;line-height:30px;}
ul .list-triangle-bottom:first-of-type{}
.list-triangle-bottom:before{top:30px;width:14px;height:12px;}
}


/* --------------------------
 INTRO
-------------------------- */
#intro .section-wrapper{
background:#fef2dc url(../img/bg-04.png) repeat center top;
}
#intro .section-text{text-align:center;}
@media only screen and (max-width:750px){
#intro .section-text br{display:block;}
}


/* --------------------------
 AGITATION
-------------------------- */
#agitation .section-wrapper{background:#fcfaf8 url(../img/bg-02.png) repeat center top;}
@media only screen and (max-width:750px){}

/* --------------------------
 PROBLEM
-------------------------- */
#problem{}
#problem .section-wrapper{background:#ffffff;}
@media only screen and (max-width:750px){}


/* --------------------------
 WHY
-------------------------- */
#why{}
#why:after{
content:"";
position:absolute;
bottom:0;
left:0;
display:block;
width:100%;
height:60px;
clip-path:polygon(0 0,calc(50% - 60px) 0,50% 60px,calc(50% + 60px) 0,100% 0,100% 100%,0 100%);
background:#ffffff;
}
#why .section-wrapper{
padding:120px 0 180px 0;
background:#fcfaf8 url(../img/bg-02.png) repeat center top;
}
@media only screen and (max-width:750px){
#why{}
#why:after{height:6vw;clip-path:polygon(0 0,calc(50% - 6vw) 0,50% 6vw,calc(50% + 6vw) 0,100% 0,100% 100%,0 100%);}
#why .section-wrapper{padding:12vw 0 18vw 0;}
#why .section-container{}
}


/* --------------------------
 ABOUT
-------------------------- */
#about{}
#about .section-wrapper{background:#ffffff;}
@media only screen and (max-width:750px){}


/* --------------------------
 BENEFIT
-------------------------- */
#benefit{}
#benefit .section-wrapper{background:#fcfaf8 url(../img/bg-02.png) repeat center top;}
.benefit-box{
position:relative;
display:block;
width:100%;
margin:0 auto 40px auto;
padding:40px;
background:#ffffff;
border-radius:20px;
}
.benefit-box dt{
position:relative;
margin:0 0 10px 0;
padding:0;
font-size:20px;
line-height:30px;
font-weight:700;
}
.benefit-img{
display:inline-block;
width:40px;
margin:-5px 0 0 -10px;
}
.benefit-box dd{
position:relative;
margin:0;
padding:0 0 0 20px;
font-size:20px;
line-height:40px;
}
.benefit-box dd:before{
content:"";
position:absolute;
left:0;
top:14px;
display:block;
margin:0;
padding:0;
width:16px;
height:16px;
border-radius:50%;
background:#e26b5a;
}
@media only screen and (max-width:750px){
#benefit{}
#benefit .section-wrapper{}
.benefit-box{margin:0 auto 4vw auto;padding:30px;border-radius:10px;}
.benefit-box dt{margin:0 0 20px 0;font-size:16px;}
.benefit-img{}
.benefit-box dd{margin:0 0 20px 0;padding:0 0 0 16px;font-size:14px;line-height:30px;}
.benefit-box dd:last-of-type{margin:0;}
.benefit-box dd:before{top:10px;width:12px;height:12px;}
}

/* --------------------------
 REVIEW
-------------------------- */
#review{}
#review .section-wrapper{
padding:120px 0 0 0;
background:#ffffff;
}
.review-wrapper{
position:relative;
display:block;
margin:0 auto;
padding:0 4%;
}
.review-container{
position:relative;
display:block;
margin:0 auto 80px auto;
padding:0;
}
.review-box{
position:relative;
display:flex;
flex-direction:row-reverse;
justify-content:flex-start;
align-items:center;
width:100%;
max-width:1000px;
margin:0 0 20px 0;
padding:0;
}
.review-text{
position:relative;
display:block;
flex:1;
margin:0 0 0 20px;
padding:20px;
border-radius:20px;
background:#fef7ed;
}
.review-text:after{
content:"";
position:absolute;
left:-20px;
top:calc(50% - 20px);
display:block;
width:20px;
height:40px;
clip-path:polygon(0 50%,100% 0,100% 100%);
background:#fef7ed;
}
.review-text p{
margin:0;
padding:0;
font-size:18px;
line-height:30px;
text-align:justify;
color:#333333;
}
.review-img{
position:relative;
display:block;
margin:0 auto;
width:150px;
height:150px;
}
.review-img img{width:100%;height:auto;}

/* LINE ----------*/
#line00{
margin:120px 0 0 0;
padding:0;
background:#8cabd9;
}
#line00 img{
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}

@media only screen and (max-width:750px){
#review{}
#review .section-wrapper{padding:12vw 0 0 0;}
.review-wrapper{}
.review-container{margin:0 auto 8vw auto;}
.review-box{margin:0 0 4vw 0;}
.review-text{margin:0 0 0 5px;padding:20px;border-radius:10px;}
.review-text:after{left:-10px;top:calc(50% - 10px);width:10px;height:20px;}
.review-text p{font-size:14px;line-height:24px;}
.review-img{width:60px;height:60px;}
.review-img img{}
/* LINE ----------*/
#line00{margin:12vw 0 0 0;}
#line00 img{}
}

/* --------------------------
 UPDATE
-------------------------- */
#update .section-wrapper{background:#ffffff;}


/* --------------------------
 POINT
-------------------------- */
#point{}
#point .section-wrapper{
background:#fef7ed url(../img/bg-03.png) repeat center top;
}
.point-wrapper{
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0 4%;
box-sizing:border-box;
}
.point-box{
width:100%;
max-width:1000px;
margin:40px auto;
padding:40px 30px;
background:rgba(255,255,255,0.75);
box-sizing:border-box;
}
.point-box:nth-of-type(1){box-shadow:5px 5px 0px 0px rgba(226,107,90,0.5);}
.point-box:nth-of-type(2){box-shadow:5px 5px 0px 0px rgba(102,171,165,0.5);}
.point-box:nth-of-type(3){box-shadow:5px 5px 0px 0px rgba(241,176,78,0.5);}
.point-title{
position:relative;
display:block;
width:100%;
margin:0 auto 30px auto;
padding:0;
}
.point-title-num{
position:relative;
display:block;
width:100%;
margin:0 auto 30px 0;
padding:0;
font-family:"Amatic SC",sans-serif;
font-weight:700;
font-style:normal;
font-size:38px;
line-height:30px;
letter-spacing:2px;
text-indent:2px;
text-align:left;
}
.point-box:nth-of-type(1) .point-title-num{color:#e26b5a;}
.point-box:nth-of-type(2) .point-title-num{color:#66aba5;}
.point-box:nth-of-type(3) .point-title-num{color:#f1b04e;}
.point-title-text{
position:relative;
display:block;
font-size:24px;
line-height:40px;
text-align:left;
font-weight:700;
color:#333333;
}
.point-title-bottom{
position:relative;
display:block;
width:8%;
height:2px;
margin:30px auto 0 0;
padding:0;
background:#f1b04e;
}
.point-box:nth-of-type(1) .point-title-bottom{background:#e26b5a;}
.point-box:nth-of-type(2) .point-title-bottom{background:#66aba5;}
.point-box:nth-of-type(3) .point-title-bottom{background:#f1b04e;}
.point-text{
display:flex;
align-items:center;
width:100%;
margin:0 auto;
padding:0;
font-size:18px;
line-height:40px;
font-weight:400;
text-align:justify;
box-sizing:border-box;
}
.point-text p{
display:block;
flex:1;
margin:0 20px 0 0;
padding:0;
}
.point-img{width:200px;}
.point-img img{display:block;width:100%;height:auto;}
.ol-point{
display:flex;
justify-content:space-between;
align-items:stretch;
margin:0;
}
.ol-point li{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
width:32%;
margin:0;
padding:20px 0;
font-size:20px;
line-height:40px;
font-weight:700;
color:#ffffff;
text-align:center;
letter-spacing:0;
text-indent:0;
border-radius:10px;
}
.ol-point li:nth-of-type(1){background:#e26b5a;}
.ol-point li:nth-of-type(2){background:#66aba5;}
.ol-point li:nth-of-type(3){background:#f1b04e;}
.ol-point li span{
display:block;
width:40px;
height:40px;
margin:0 auto 20px auto;
padding:0;
font-family:"Amatic SC",sans-serif;
font-weight:700;
font-style:normal;
font-size:28px;
line-height:40px;
letter-spacing:2px;
text-indent:2px;
text-align:center;
background:#ffffff;
border-radius:50%;
}
.ol-point li:nth-of-type(1) span{color:#e26b5a;}
.ol-point li:nth-of-type(2) span{color:#66aba5;}
.ol-point li:nth-of-type(3) span{color:#f1b04e;}
.ol-point-img{
display:block;
width:100%;
max-width:300px;
margin:auto auto 0 auto;
}
@media only screen and (max-width:750px){
#point{}
#point .section-wrapper{}
.point-wrapper{}
.point-box{margin:8vw auto;padding:8vw 4vw;}
.point-box:nth-of-type(1){box-shadow:5px 5px 0px 0px rgba(226,107,90,0.5);}
.point-box:nth-of-type(2){box-shadow:5px 5px 0px 0px rgba(102,171,165,0.5);}
.point-box:nth-of-type(3){box-shadow:5px 5px 0px 0px rgba(241,176,78,0.5);}
.point-title{margin:0 auto 4vw auto;}
.point-title-num{margin:0 auto 4vw 0;font-size:28px;line-height:20px;letter-spacing:1px;text-indent:1px;text-align:center;}
.point-title-bottom{margin:4vw auto 0 auto;}
.point-title-text{font-size:20px;line-height:40px;text-align:center;}
.point-text{display:block;font-size:14px;line-height:30px;}
.point-text p{margin:0;}
.point-img{width:50%;margin:0 auto;}
.point-img img{}
.ol-point{display:block;margin:0;}
.ol-point li{width:100%;margin:0 0 4vw 0;font-size:16px;line-height:30px;}
.ol-point li span{margin:0 auto 20px auto;}
.ol-point-img{width:50%;}
}

/* --------------------------
 PROFILE
-------------------------- */
#profile .section-wrapper{background:#ffffff;}
#profile .section-text{text-align:center;}
.profile-wrapper{
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
.profile-container{
padding:0 4%;
}
.profile-box{
width:100%;
display:block;
margin:40px auto 0 auto;
padding:40px 30px;
background:#fcfaf8 url(../img/bg-02.png) repeat center top;
border-radius:20px;
}
.profile-info{
width:100%;
display:flex;
flex-direction:row-reverse;
justify-content:flex-start;
align-items:center;
margin:0 0 40px 0;
padding:0;
}
.profile-ul li{
position:relative;
margin:0;
padding:0 0 0 20px;
font-size:20px;
line-height:40px;
font-weight:700;
}
.profile-ul li:before{
content:"";
position:absolute;
left:0;
top:14px;
display:block;
margin:0;
padding:0;
width:16px;
height:16px;
border-radius:50%;
background:#e26b5a;
}
.profile-dl{
margin:0 0 40px 0;
}
.profile-dl dt{
position:relative;
display:flex;
align-items: center;
margin:0;
padding:0;
font-weight:700;
}
.profile-dl dt:after{
content:"";
flex:1;
margin:0 0 0 10px;
border-bottom:dotted 4px #e2d4c4;
}
.profile-dl dd{
position:relative;
margin:0;
padding:0 0 0 20px;
}
.profile-dl dd:before{
content:"";
position:absolute;
left:0;
top:14px;
display:block;
margin:0;
padding:0;
width:16px;
height:16px;
border-radius:50%;
background:#e26b5a;
}
.profile-img{
display:block;
width:240px;
margin:0 20px 0 0;
border-radius:50%;
overflow:hidden;
}
.profile-img img{
display:block;
width:100%;
height:auto;
}
.profile-title{
position:relative;
display:block;
width:100%;
margin:0 auto 20px auto;
padding:0;
font-weight:700;
text-align:left;
}
.profile-title-job{
display:block;
font-size:24px;
line-height:50px;
}
.profile-title-name{
display:block;
font-size:30px;
line-height:50px;
}
.profile-title-bottom{
position:relative;
display:block;
width:8%;
height:2px;
margin:30px auto 0 0;
padding:0;
background:#f1b04e;
}
.profile-text{
display:block;
width:100%;
margin:0 auto;
padding:0;
font-size:18px;
line-height:40px;
font-weight:400;
text-align:justify;
box-sizing:border-box;
}
.profile-text p{
margin:0 0 30px 0;
padding:0;
}
.profile-text ul{
margin:0 0 30px 0;
font-weight:700;
}
.profile-text ul li{
font-weight:700;
}
.profile-text dl{
margin:0 0 30px 0;
}
.profile-text-img{
width:100%;
}
.profile-text-img img{
margin:0 auto 10px auto;
width:100%;
height:auto;
}
@media only screen and (max-width:750px){
#profile .section-wrapper{}
#profile .section-text{text-align:justify;}
.profile-wrapper{}
.profile-container{}
.profile-box{margin:8vw auto 0 auto;padding:8vw 4vw;border-radius:10px;}
.profile-info{flex-direction:column-reverse;margin:0 0 8vw 0;}
.profile-img{width:50%;max-width:300px;margin:0 auto;}
.profile-img img{}
.profile-title{margin:4vw auto 0 auto;text-align:center;}
.profile-title-job{font-size:16px;line-height:30px;}
.profile-title-name{font-size:20px;line-height:40px;}
.profile-title-bottom{margin:4vw auto 0 auto;}
.profile-text{font-size:14px;line-height:30px;}
.profile-text p{margin:0 0 30px 0;}
.profile-ul li{padding:0 0 0 16px;font-size:14px;line-height:30px;}
.profile-ul li:before{top:10px;width:12px;height:12px;}
.profile-dl{margin:0 0 30px 0;}
.profile-dl dt{}
.profile-dl dt:after{}
.profile-dl dd{padding:0 0 0 16px;}
.profile-dl dd:before{top:10px;width:12px;height:12px;}
.profile-text-img{width:100%;}
.profile-text-img img{}
}

#counselor{padding:120px 0 0 0;}
.counselor-box{
width:100%;
display:flex;
flex-direction:row-reverse;
justify-content:flex-start;
align-items:flex-start;
margin:40px auto;
padding:40px 30px;
background:#fcfaf8 url(../img/bg-02.png) repeat center top;
border-radius:20px;
}
.counselor-title{
position:relative;
display:block;
width:100%;
margin:0 auto 30px auto;
padding:0;
font-weight:700;
text-align:left;
}
.counselor-title-job{
display:block;
font-size:20px;
line-height:40px;
}
.counselor-title-name{
display:block;
font-size:24px;
line-height:40px;
}
.counselor-title-bottom{
position:relative;
display:block;
width:8%;
height:2px;
margin:30px auto 0 0;
padding:0;
background:#f1b04e;
}
.counselor-text{
display:block;
width:100%;
margin:0 auto;
padding:0;
font-size:18px;
line-height:40px;
font-weight:400;
text-align:justify;
box-sizing:border-box;
}
.counselor-text p{
margin:0;
padding:0;
}
.counselor-img{
display:block;
width:240px;
margin:0 20px 0 0;
border-radius:50%;
overflow:hidden;
}
.counselor-img img{
display:block;
width:100%;
height:auto;
}
@media only screen and (max-width:750px){
#counselor{padding:12vw 0 0 0;}
#counselor .section-title-slash:before,#counselor .section-title-slash:after{height:60px;}
.counselor-box{flex-direction:column-reverse;margin:8vw auto;padding:8vw 4vw;border-radius:10px;}
.counselor-title{margin:0 auto 4vw auto;text-align:center;}
.counselor-title-job{font-size:16px;line-height:30px}
.counselor-title-name{font-size:20px;line-height:40px;}
.counselor-title-bottom{margin:4vw auto 0 auto;}
.counselor-text{font-size:14px;line-height:30px;}
.counselor-text p{}
.counselor-img{width:50%;max-width:300px;margin:0 auto 4vw auto;}
.counselor-img img{}
}

/* --------------------------
 PROGRAM
-------------------------- */
#program{}
#program .section-wrapper{
padding:120px 0 180px 0;
background:#fef7ed url(../img/bg-03.png) repeat center top;
}
.program-wrapper{
position:relative;
display:block;
margin:0 auto;
padding:0;
}
.program-box{
position:relative;
display:flex;
flex-direction:row-reverse;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
margin:0 auto;
padding:0;
}
.program-box + .program-box{padding:120px 0 0 0;}
.program-text{
position:relative;
display:block;
width:500px;
height:100%;
margin:0;
padding:0;
z-index:100;
}
.program-title{
position:relative;
display:block;
margin:0 0 40px 0;
padding:0;
}
.program-title-num{ 
position:relative;
display:block;
width:84%;
margin:0 auto 30px auto;
padding:20px 8%;
font-family:"Amatic SC",sans-serif;
font-weight:700;
font-style:normal;
font-size:38px;
line-height:30px;
letter-spacing:2px;
text-indent:2px;
text-align:left;
border-radius:40px;
color:#ffffff;
background:#f1b04e;
}
.program-title-text{
position:relative;
display:block;
margin:0 auto;
padding:0 8%;
font-size:24px;
line-height:40px;
text-align:left;
font-weight:700;
color:#333333;
}
.program-title-bottom{
position:relative;
display:block;
width:8%;
height:2px;
margin:30px auto 0 8%;
padding:0;
background:#f1b04e;
}
.program-text p{
position:relative;
display:block;
width:100%;
margin:0;
padding:0 8%;
font-size:18px;
line-height:40px;
text-align:justify;
}
.program-text p:last-child{margin:0;}
.program-img{
flex:1;
height:auto;
min-height:500px;
background-color:#999999;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
border-radius:30px;
}
@media only screen and (max-width:1000px){.program-img{border-radius:0 30px 30px 0;}}
.program-box:nth-of-type(1) .program-img{background-image:url(../img/program01-img.png);}
.program-box:nth-of-type(2) .program-img{background-image:url(../img/program02-img.png);}
.program-box:nth-of-type(3) .program-img{background-image:url(../img/program03-img.png);}
.program-box:nth-of-type(4) .program-img{background-image:url(../img/program04-img.png);}
.program-box:nth-of-type(5) .program-img{background-image:url(../img/program05-img.png);}
@media only screen and (max-width:750px){
#program{}
#program .section-wrapper{padding:12vw 0 18vw 0;}
.program-wrapper{}
.program-box{flex-direction:column-reverse;align-items:flex-start;padding:0 0 12vw 0;}
.program-box + .program-box{padding:12vw 0 0 0;}
.program-text{width:100%;margin-top:-20px;}
.program-title{margin:0 0 4vw 0;}
.program-title-num{width:92%;margin:0 auto 4vw auto;padding:10px 4%;font-size:28px;line-height:20px;letter-spacing:1px;text-indent:1px;text-align:center;border-radius:20px;}
.program-title-text{padding:0 4%;font-size:20px;line-height:40px;text-align:center;}
.program-title-bottom{margin:4vw auto 0 auto;}
.program-text p{padding:0 4%;font-size:14px;line-height:30px;}
.program-text p:last-child{margin:0;}
.program-img{aspect-ratio:2 / 1;width:100%;height:auto;min-height:0;border-radius:0;}
}

/* --------------------------
 PRESENT
-------------------------- */
#present{}
#present .section-wrapper{background:#fef2dc url(../img/bg-04.png) repeat center top;padding:180px 0 120px 0;}
#present .section-connect{background:#f1b04e;}
#present .section-title-en{color:#e26b5a;}
.present-wrapper{
position:relative;
display:block;
margin:0 auto;
padding:0;
}
.present-wrapper:after{
content:"";
display:block;
width:92%;
height:2px;
margin:0 auto 80px auto;
background:#e26b5a;
}
.present-box{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:stretch;
margin:0 auto;
padding:0 0 120px 0;
}
.present-text{
position:relative;
display:block;
width:500px;
height:100%;
margin:0;
padding:0;
z-index:100;
}
.present-title{
position:relative;
display:block;
margin:0;
padding:0;
margin:0 0 40px 0;
}
.present-title-ribbon{
position:relative;
display:block;
width:84%;
margin:0 auto 30px auto;
padding:20px 8%;
font-family:"Amatic SC",sans-serif;
font-weight:700;
font-style:normal;
font-size:38px;
line-height:30px;
letter-spacing:2px;
text-indent:2px;
text-align:left;
color:#ffffff;
background:#e26b5a;
clip-path:polygon(0 0,100% 0,calc(100% - 20px) 50%,100% 100%,0 100%,20px 50%);
}
.present-title-text{
position:relative;
display:block;
margin:0 auto;
padding:0 8%;
font-size:24px;
line-height:40px;
text-align:left;
font-weight:700;
color:#333333;
}
.present-title-bottom{
position:relative;
display:block;
width:8%;
height:2px;
margin:30px auto 0 8%;
padding:0;
background:#e26b5a;
}
.present-text p{
position:relative;
display:block;
width:100%;
margin:0 0 30px 0;
padding:0 8%;
font-size:18px;
line-height:40px;
text-align:justify;
}
.present-text p:last-child{margin:0;}
.present-img{
flex:1;
height:auto;
min-height:500px;
background-color:#999999;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
border-radius:30px;
}
@media only screen and (max-width:1000px){.present-img{border-radius:30px 0 0 30px;}}
.present-box:nth-of-type(1) .present-img{background-image:url(../img/present01-img.png);}
.present-box:nth-of-type(2) .present-img{background-image:url(../img/present02-img.png);}
.present-box:nth-of-type(3) .present-img{background-image:url(../img/present03-img.png);}
@media only screen and (max-width:750px){
#present{}
#present .section-wrapper{padding:18vw 0 12vw 0;}
#present .section-connect{}
#present .section-title-en{}
.present-wrapper{}
.present-wrapper:after{height:1px;margin:0 auto 12vw auto;}
.present-box{flex-direction:column-reverse;align-items:flex-start;padding:0 0 12vw 0;}
.present-text{width:100%;margin-top:-20px;}
.present-title{margin:0 0 4vw 0;}
.present-title-ribbon{width:92%;margin:0 auto 4vw auto;padding:10px 4%;font-size:28px;line-height:20px;letter-spacing:1px;text-indent:1px;text-align:center;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%,10px 50%);}
.present-title-text{padding:0 4%;font-size:20px;line-height:40px;text-align:center;}
.present-title-bottom{margin:4vw auto 0 auto;}
.present-text p{padding:0 4%;font-size:14px;line-height:30px;}
.present-text p:last-child{margin:0;}
.present-img{aspect-ratio:2 / 1;width:100%;height:auto;min-height:0;border-radius:0;}
}


/* --------------------------
 VALUE
-------------------------- */
#value{background:#ffffff;}
@media only screen and (max-width:750px){}

/* --------------------------
 CAMPAIGN
-------------------------- */
#campaign{background:#fef7ed url(../img/bg-03.png) repeat center top;}
@media only screen and (max-width:750px){}



/* --------------------------
 FAQ
-------------------------- */
#faq{}
#faq .section-wrapper{
background:#fef7ed url(../img/bg-02.png) repeat center top;
}
.faq-wrapper{}
.faq-container{padding:0 4%;}
#faq input[type=checkbox]{display:none;}
/* FAQ_QUESTION ----- */
.faq_question{
position:relative;
display:block;
width:100%;
max-width:920px;
margin:0 auto;
padding:20px 40px 20px 70px;
font-size:16px;
line-height:30px;
text-align:justify;
color:#333333;
border-radius:10px;
cursor:pointer;
box-sizing:border-box;
background:#ffffff;
}
.faq_question:hover{background:#f7fbfa;}
.faq_question:before{
content:"Q";
position:absolute;
display:block;
top:20px;
left:20px;
width:30px;
height:30px;
font-family:"Amatic SC",sans-serif;
font-weight:700;
font-style:normal;
font-size:26px;
line-height:30px;
text-align:center;
color:#ffffff;
background:#66aba5;
border-radius:2px;
}
.faq_question:after{
content:"＋";
position:absolute;
display:block;
top:50%;
margin-top:-10px;
right:10px;
width:20px;
height:20px;
font-size:18px;
line-height:19px;
color:#66aba5;
}
#faq input[type=checkbox]:checked + .faq_question:after{content:"－";}
#faq input[type=checkbox]:checked + .faq_question{background:#ffffff;border-radius:10px 10px 0 0;}
#faq input[type=checkbox]:checked + .faq_question:hover{background:#f7fbfa;}

/* FAQ_ANSWER ----- */
.faq_answer{
position:relative;
margin:0 auto 30px auto;
padding:0 20px 0 70px;
width:100%;
max-width:920px;
height:0;
font-size:16px;
line-height:30px;
text-align:justify;
transition:1s;
box-sizing:border-box;
color:#333333;
background:#ffffff;
border-radius:0 0 10px 10px;
opacity:0;
}
.faq_answer:before{
content:"A";
position:absolute;
display:block;
top:20px;
left:20px;
width:30px;
height:30px;
font-family:"Amatic SC",sans-serif;
font-weight:700;
font-style:normal;
font-size:26px;
line-height:30px;
text-align:center;
color:#ffffff;
background:#e26b5a;
border-radius:2px;
}
.faq_answer p{margin:0;padding:0;}
.faq_answer:last-of-type{margin:0 auto;}
#faq input[type=checkbox]:checked + .faq_question + .faq_answer{
padding:20px 20px 20px 70px;
height:auto;
opacity:1;
}
@media only screen and (max-width:750px){
#faq{}
#faq .section_wrapper{}
#faq input[type=checkbox]{}
/* FAQ_QUESTION ----- */
.faq_question{padding:10px 26px 10px 40px;font-size:14px;line-height:20px;border-radius:6px;}
.faq_question:hover{}
.faq_question:before{top:10px;left:10px;width:20px;height:20px;font-size:18px;line-height:20px;border-radius:2px;}
.faq_question:after{margin-top:-8px;right:5px;width:16px;height:16px;font-size:16px;line-height:16px;}
#faq input[type=checkbox]:checked + .faq_question:after{}
#faq input[type=checkbox]:checked + .faq_question{border-radius:6px 6px 0 0;}
#faq input[type=checkbox]:checked + .faq_question:hover{}
/* FAQ_ANSWER ----- */
.faq_answer{margin:0 auto 4vw auto;padding:0 10px 0 40px;font-size:14px;line-height:30px;border-radius:0 0 6px 6px;}
.faq_answer:before{top:10px;left:10px;width:20px;height:20px;font-size:18px;line-height:20px;}
.faq_answer p{}
.faq_answer p br{display:none;}
.faq_answer:last-of-type{}
#faq input[type=checkbox]:checked + .faq_question + .faq_answer{padding:10px 10px 10px 40px;}
}

/* --------------------------
 MESSAGE
-------------------------- */
#message{}
.message-box{
width:100%;
margin:0 auto;
padding:40px 40px 80px 40px;
background:#fcfaf8;
border-radius:20px;
}
.message-box .message-text{
margin:0;
padding:0;
font-size:18px;
line-height:40px;
text-align:justify;
background:url(../img/letter-bg-pc.png) repeat center top;
}
.message-box .message-text p{
margin:0 0 40px 0;
padding:0;
}
.message-box .message-text ul{
margin:0 0 40px 0;
padding:0;
font-weight:700;
}
.message-box .message-text p:last-of-type{margin:0;}
@media only screen and (max-width:750px){
#message{}
.message-box{padding:30px 30px 60px 30px;}
.message-box .message-text{font-size:14px;line-height:30px;background:url(../img/letter-bg-sp.png) repeat center top;}
.message-box .message-text p{margin:0 0 30px 0;}
.message-box .message-text ul{margin:0 0 30px 0;}
.message-box .message-text p:last-of-type{margin:0;}
}

/* --------------------------
 CTA
-------------------------- */
.cta{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
}
.cta-wrapper{
position:relative;
display:block;
width:100%;
margin:0;
padding:0 0 80px 0;
background:linear-gradient(to bottom,#7ecef4,#d2effc);
}
.cta-wrapper:after{
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
display:block;
width:100%;
height:100%;
margin:auto 0 0 0;
padding:0;
background:url(../img/fv-bg-pc.png) repeat-x center bottom;
}
@media only screen and (max-width:1000px){
.cta-wrapper:after{
aspect-ratio:5 / 1;
width:100%;
height:auto;
background:url(../img/fv-bg-pc.png) repeat-x center bottom;
background-size:cover;
}
}
.cta-container{
position:relative;
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
z-index:10;
}
.cta-title{
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
.cta-title img{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
@media only screen and (max-width:750px){
.cta{}
.cta-wrapper{padding:0 0 8vw 0;}
.cta-wrapper:after{
aspect-ratio:75 / 20;
width:100%;
height:auto;
background:url(../img/fv-bg-sp.png) repeat-x center bottom;
background-size:cover;
}
.cta-container{}
.cta-title{}
.cta-title img{}
}


/* --------------------------
 BTN
-------------------------- */
.btn{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
}
.btn-wrapper{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.btn-box{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0 10%;
box-sizing:border-box;
}
.btn-bg{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
box-shadow:0px 10px 10px 0px rgba(0,0,0,0.2);
color:#ffffff;
background:linear-gradient(to bottom,#1fd537,#0a7533);
border-radius:10px;
}
.btn-bg:hover{
box-shadow:0px 0 10px 0px rgba(0,0,0,0.2);
background:linear-gradient(to bottom,#8fea9b,#84ba99);
}
.btn-bg a{
display:block;
width:100%;
margin:0;
padding:30px 0;
font-family:"Noto Sans JP",sans-serif;
font-size:24px;
line-height:40px;
font-weight:700;
text-align:center;
text-decoration:none;
color:#ffffff;
}
.btn-bg a:hover{text-decoration:none;}
.btn-bg:after{
content:"";
position:absolute;
right:-10px;
bottom:-10px;
display:block;
width:65px;
height:80px;
margin:0;
padding:0;
background-image:url(../img/template-02/cursor-hand.png);
background-position:left top;
background-repeat:no-repeat;
background-size:cover;
transform:rotate(-30deg);
}
@media only screen and (max-width:750px){
.btn{}
.btn-wrapper{}
.btn-box{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0 10%;
box-sizing:border-box;
}
.btn-bg{}
.btn-bg:hover{}
.btn-bg a{padding:20px 0;font-size:18px;line-height:30px;}
.btn-bg a:hover{}
.btn-bg:after{width:32px;height:40px;}
}


/* --------------------------
 FOOTER
-------------------------- */
footer{
position:relative;
display:block;
margin:0;
padding:40px 0 40px 0;
color:#333333;
}
footer a{color:#333333;text-decoration:none;}
footer a:hover{color:#333333;text-decoration:underline;}
.footer-nav{
position:relative;
display:block;
max-width:750px;
margin:0 auto;
padding:0;
}
.footer-nav ul{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:flex-start;
width:100%;
margin:0;
padding:0 4%;
text-align:center;
}
.footer-nav ul li{
position:relative;
display:block;
margin:0;
padding:0 20px;
font-size:12px;
line-height:20px;
border-right:1px solid #f1b04e;
}
.footer-nav ul li:last-of-type{border-right:none;}
.footer-copyright{
position:relative;
display:block;
margin:20px 0 0 0;
padding:0 4%;
text-align:center;
font-size:12px;
line-height:20px;
}
@media only screen and (max-width:750px){
footer{}
.footer-nav{}
.footer-nav ul{flex-direction:column;text-align:left;}
.footer-nav ul li{width:100%;margin:0 0 20px 0;padding:0 0 0 5px;border-left:1px solid #f1b04e;border-right:none;}
.footer-copyright{margin:0;text-align:right;}
}