@charset "UTF-8";

html,body{background-color:#FFF;font-family: 'Noto Sans JP', sans-serif;font-size:16px;font-weight:400;color:#000;background-size:auto;background-position:center top;background-repeat:no-repeat;width:100%;margin:0px;overflow-x:hidden;}
.min{font-family: 'Noto Serif JP', serif;}

.allura{font-family: 'Allura', cursive;}

.serif{font-family:serif;}

.lead{font-size:1.25em;line-height:2;}
.lead > em{font-size:1.5em;}

.org{color:#ff961e;}
.grn{color:#40b200;}
.bg_org{background-color:#ff961e;}
.bg_grn{background-color:#40b200;}
.bg_bwn{background-color:#e6e6dc;}
.bg_wht{background-color:#FFF;}

a.disable{pointer-events:none;}
strong{font-weight:inherit;}
em{font-style:normal;font-weight:400;}
i{font-style:normal;display:inline-block;position:relative;}
i:after{content:'';position:absolute;left:0;bottom:1px;display:block;width:100%;height:1px;border-bottom:2px dotted #FFF;}

ruby > rt {font-size:0.6em;text-indent:1em;}
.fl{float:left;margin-right:1rem;}
.fr{float:right;margin-left:1rem;}
.abs{position:absolute;}
*{overflow-wrap: break-word;word-wrap: break-word;}

a.underline{text-decoration:underline;color:#ff961e;}
a.underline:hover{text-decoration:none;}


span{}



h1,h2,h3,h4,h5,h6{position:relative;box-sizing:border-box;line-height:1.25;margin:0px 0px 1em;padding:0px;position:relative;box-sizing:border-box;font-weight:300;}

h1{}

h2{width:92vw;max-width:1000px;margin-bottom:1em;font-size:1.35em;line-height:1.5;font-weight:600;color:#40b200;margin-left:auto;margin-right:auto;}
h2 > span > img{display:inline-block;margin:0;width:auto;height:1.5em;vertical-align:inherit;margin-bottom:-0.1em;}
h2.bottom_bar{text-align:center;padding:0.5em 0;border-bottom:1px solid #000;margin-bottom:1.25em;}
h2.bottom_bar:after{display:block;content:'';width:0.4em;height:0.4em;border-left:1px solid #000;border-bottom:1px solid #000;transform:rotate(-45deg);position:absolute;bottom:-0.27em;left:50%;margin-left:-0.2em;background:#FFF;}
h2.side_bar{display:flex;align-items:center;justify-content:center;}
h2.side_bar > span{margin-left:1em;margin-right:1em;}
h2.side_bar:before,
h2.side_bar:after{content:'';display:block;width:1px;height:3em;border-left:2px solid #40b200;}
h2.side_bar:before{transform:rotate(-20deg);}
h2.side_bar:after{transform:rotate(20deg);}
h2.side_bar.dot:before,
h2.side_bar.dot:after{border-left:3px dotted #40b200;}

h3.bottom_bar{color:#ff961e;font-weight:600;font-size:1.35em;text-align:center;}
h3.bottom_bar span{display:inline-block;border-bottom:3px solid #ff961e;padding-bottom:0.2em;}
h3.bg_grn{color:#FFF;padding:0.3em;}
h3.bg_org{color:#FFF;padding:0.3em;}

h3.names{border-bottom:1px solid #000;padding-bottom:0.4em;color:#40b200;text-align:right;s}
h3.names em{font-size:1.5em;font-weight:600;display:block;}
h3.names small{font-size:0.825em;display:block;}

.rev h3.names{text-align:left;}

ul,ol{margin:1rem 0px;padding:0px;list-style-type:none;}
ul > li{position:relative;margin:8px 0px;line-height:1.6;padding:0px;}
ul li{position:relative;line-height:1.6;text-align: justify;text-justify: inter-ideograph;}

ul.lih1 {padding-left:1rem;}
ul.lih1 > li+li{margin-top:1rem;}

ul.caption{margin-top:0px;margin-bottom:0px;}
ul.caption > li{padding-left:1.3em;margin:0px 0px 0.3em;font-weight:400;}
ul.caption > li:before{content:'※';display:block;width:1em;height:1em;font-size:1em;position:absolute;left:0.2em;top:0em;}
ul.caption > li.red{color:#DB0000;}
ul.caption > li.red:before{color:#DB0000;}

ul.dot > li{padding-left:1em;}
ul.dot > li+li{margin-top:10px;}
ul.dot > li:before{content:'';display:block;background:#000;border-radius:50%;width:0.3rem;height:0.3rem;position:absolute;left:0.2em;top:0.65em;}
ul.dot.wht li:before{background:#FFF;}

ul.cle{margin:0;}
ul.cle > li{padding-left:1.2em;}
ul.cle > li+li{margin-top:10px;}
ul.cle > li:before{content:'';display:block;background:#ff961e;border-radius:50%;width:0.8rem;height:0.8rem;position:absolute;left:0em;top:0.4em;}

ul.inline{}
ul.inline li{display:inline-block;margin-right:1rem;}
ul.inline.slsh li:after{content:'/';display:inline-blokc;margin-left:1rem;}

ul.icon_i{}
ul.icon_i > li{background:url(../images-04/icon_i.svg) left center no-repeat;font-size:1.625rem;font-weight:600;padding:1em 0 1em 3.6em;line-height:1.4;}

ul.link_list li a{text-decoration:underline;font-size:1.25rem;}
ul.link_list li a:hover{text-decoration:none;}


ol{counter-reset: num;}
ol > li{position:relative;line-height:1.6;}
ol > li:before{counter-increment: num;}

ol.num{}
ol.num > li{padding-left:1.6em;position:relative;}
ol.num > li:before{content:counter(num) ".";position:absolute;left:0px;top:0px;}

ol.num.em > li{padding-left:2rem;font-weight:400;}
ol.num.em > li+li{margin-top:2rem;}
ol.num.em > li h4{margin:0 0 0.5em;color:#000;}
ol.num.em > li:before{font-size:1.5rem;font-weight:500;line-height:1.3;top:0;}

ol.num.cle > li{}
ol.num.cle > li+li{margin-top:.75em;}
ol.num.cle > li:before{content:counter(num);position:absolute;left:0px;top:0.5em;font-size:1em;font-size:0.75em;background:transparent;border:1px solid #000;border-radius:50%;width:1.2em;height:1.2em;display:flex;align-items:center;justify-content:center;color:#000;}

ol.num.kakko > li{}
ol.num.kakko > li:before{content:"(" counter(num) ")";position:absolute;left:0px;top:0px;font-size:0.875em;top:0.125rem;}

ol.num.lag > li:before{font-size:1.125em;font-weight:600;line-height: 1.3;}

ol.num.caption > li{font-size:0.875em;padding-left:1.875em;}
ol.num.caption > li:before{content:"※" counter(num);position:absolute;left:0px;top:0.5em;font-size:1em;top:0;}

ol.allura_num{}
ol.allura_num > li{padding-left:4rem;}
ol.allura_num >li+li{margin-top:4rem;}
ol.allura_num > li:before{content:counter(num);font-size:4em;font-family: 'Allura', cursive;color:#4f64ae;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;line-height:1;}


.column dl{flex-direction:column;align-items:stretch;padding:1rem 0px;}
.column dl dt{margin-bottom:0.6em;font-size:1.125em;font-weight:600;}

a{color:inherit;text-decoration:none;transition:all 0.2s;}
a > img{transition:all 0.2s;}
a:hover > img{opacity:0.6;}
a > img.img_w100{width:100%;height:auto;display:block;}


p{line-height:2;font-size:1em;}
.caption{font-size:0.875em;}



i{font-style:normal;}
sup{font-size:0.75em;}
small{position:relative;font-size:0.875em;font-weight:300;}

address{font-size:1em;line-height:1.5;}


.row > table{display:table;}

table{width:100%;margin:2rem 0px;border-collapse:collapse;}
table th{text-align:left;padding:0.5em 1em;font-weight:300;font-size:1.125em;line-height:1.3;border:1px solid #bebebe;}
table td{text-align:left;padding:0.5em 1em;font-weight:300;font-size:1.12rem;line-height:1.3;border:1px solid #bebebe;}
table thead th{text-align:center;background:#e4e4e4;}
table .center td{text-align:center;}


button{background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none;}


.underline{text-decoration:underline;}

header{display:flex;align-items:center;justify-content:space-between;padding:2vw;box-sizing:border-box;}
header .site_name{order:2;width:50vw;max-width:300px;}
header .site_name img{display:block;width:100%;height:auto;}
header .registration_btn{order:3;border:1px solid #40b200;font-weight:600;color:#40b200;font-size:0.825em;padding:0.2em 0.6em;box-sizing:border-box;background:#FFF;box-shadow:0.2em 0.2em 0 0 #00000023;border-radius:0.4em;}
header .gm{order:1;z-index:1000;}
header .gm .panel_btn{z-index:1300;position:relative;display:block;width:3em;height:3em;background:url(../images-04/menu_btn_o_b.png) center center no-repeat;background-size:auto 90%;}
header .gm .panel_btn.active{background-image:url(../images-04/menu_btn_c.png);}

.gm_bg{background:#00000099;padding:4vw;box-sizing:border-box;width:100%;position:absolute;top:0;left:-100vw;transition:all 0.3s;z-index:1200;padding-top:15vw;}
header .gm .panel_btn.active+.gm_bg{left:0;}

.gm_bg .inner{}
.gm_bg .inner > a{display:block;border-bottom:1px solid #FFF;font-weight:600;font-size:1.125em;padding:0.5em;color:#FFF;}
.gm_bg .inner > div{margin-top:1em;}
footer{text-align:center;background:#FFF;padding:2em 0 0;color:#FFF;}
footer .imgs{width:45vw;max-width:300px;margin:0 auto 1.25em;}
footer .gototop{position:fixed;right:1em;bottom:-6em;width:4em;height:em;background:url(../images-04/gototop.png) center center no-repeat;background-size:contain;transition:all 0.3s;}
footer .gototop.active{bottom:1em;}
.copyright{font-size:0.75rem;background:#40b200;padding:0.7em 0;margin-top:3em;}





#mv{background:url(../images-cc/mv_bg_sp.jpg) center bottom no-repeat;background-size:cover;padding:0 0;}

.conv .bg_grn,
#mv .bg_org{font-size:0.875em;font-weight:600;color:#FFF;}

#mv .cont{padding:7vw 4vw 4vw;}
#mv .cont h1{width:80vw;max-width:800px;margin:0 auto 65vw;}
#mv .cont p{max-width:650px;margin:0 auto 1em;}
#mv .cont h1 > img,
#mv .cont p > img{display:block;width:100%;height:auto;}

.conv{background:#ecf7e5;padding:0;}
.conv > .row{padding:7vw 4vw;}



#abouts{background:url(../images-04/abouts_bg.jpg) center bottom no-repeat;background-size:100% auto;}
.movie{text-align:center;}
.movie iframe{width:84vw;height:48vw;margin:1em auto;}

#worries{}
#worries .worries_blk .imgs{margin-bottom:1em;}

#counselor{}
#counselor .counselor_profile{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2em;}
#counselor .counselor_profile.rev{flex-direction:row-reverse;}
#counselor .counselor_profile .imgs{width:60vw;}
#counselor .counselor_profile .profile{width:50vw;margin-left:-15vw;margin-right:5vw;z-index:2;}
#counselor .counselor_profile.rev .profile{width:50vw;margin-right:-15vw;margin-left:5vw;}
#counselor .counselor_blk{max-width:1000px;margin-left:auto;margin-right:auto;}
#counselor .counselor_blk  p{width:100%;max-width:90vw;margin-left:auto;margin-right:auto;}
#counselor .counselor_blk  p a{display:inline-block;}
#counselor .counselor_profile h3{margin-bottom:0.5em;}
#counselor .counselor_profile p.caption{text-align:right;line-height:1.5;}
#counselor .counselor_profile.rev p.caption{text-align:left;}

#fee h2.bottom_bar:after,
#reason h2.bottom_bar:after{background:#e6e6dc;}
.reason_lead{font-weight:600;font-size:1.25em;margin-bottom:0.75em;}
.reason_lead > em{color:#40b200;font-weight:600;}
.reason_blk{width:92vw;max-width:1000px;}


#fee{padding-bottom:0;}
#fee .row >h2{margin:0 auto;padding:2em 0;}
.fee_bg_img{margin-top:4em;position:relative;background:url(../images-04/fee_bg_img.jpg) center center no-repeat;display:flex;align-items:center;height:90vw;}

.fee_blk{border:5px solid #ff961e;background:#FFF url(../images-04/fee_blk_bg.jpg) right 1em bottom 1em no-repeat;background-size:35% auto;padding:1.25em;}
.fee_blk .price{font-size:2em;color:#ff961e;text-align:center;line-height:1.3;}
.fee_blk .price em{font-weight:900;font-size:1.5em;}
.fee_blk .price small{font-weight:900;}

.fee_bg_img h2{position:absolute;top:-2em;left:4vw;}
.fee_bg_img h2:before,
.fee_bg_img h2:after{border-left:4px solid #ff961e;}
.fee_bg_img h2 span{font-size:2.5em;color:#ff961e;margin-left:0.4em;margin-right:0.4em;}
.fee_bg_img .fee_lead{color:#000;margin-left:4vw;line-height:1.6;}
.fee_bg_img .fee_lead > span{display:inline-block;background: linear-gradient(to bottom, rgba(255,150,30,0) 0%,rgba(255,150,30,0) 80%,rgba(255,150,30,1) 80%,rgba(255,150,30,1) 100%);}

.fee_lead{color:#FFF;font-weight:600;font-size:1.85em;line-height:1.3;padding:0.6em 0;}
.fee_lead em{font-weight:600;font-size:1.75em;line-height:1.1;}
.ylw{color:#ffc21e;}

#user{}
#user > .row{width:92vw;max-width:1000px;}
#user .user_blk{border:1px solid #000;box-sizing:border-box;padding:1em;}
#user .user_blk p{line-height:1.6;}
#user .user_blk .imgs{padding:0.5em;}

#step{}
#step .row{width:92vw;max-width:1000px;}

@media screen and (min-width: 751px){

.pc_center{text-align:center;}
a.tel{pointer-events:none;}
p.pc_lh{line-height:3;}
p.pc_lh+p.pc_lh{margin-top:3rem;}

header .gm{width:12em;}
header .gm .gm_bg{padding-top:8em;}
.gm_bg .inner > div{margin:2em auto;max-width:600px;}

header .registration_btn{font-size:1.25em;border-radius:0.2em;padding:0.3em 1em;letter-spacing:0.1em;border-width:2px;}

h2{font-size:2em;}

#mv{background:url(../images-cc/mv_bg_pc.jpg) center top no-repeat #ffe6a7;}
#mv .cont{padding:3em 30% 0 0;margin:0 auto;width:90vw;position:relative;}
#mv .cont h1{margin:0 auto 2em;width:auto;}
#mv .cont h1 > img{width:100%;max-width:574px;margin:0 auto;}
#mv .cont p > img{width:100%;max-width:500px;display:block;margin:0 auto;}

.gm_bg .inner{max-width:800px;margin-left:auto;margin-right:auto;}

#contents{}
#contents > #main{}

section{padding:5em 0px;}
section > .row{max-width:1000px;width:90vw;}


.conv > .row{padding:2em 0;max-width:750px;}
.conv .bg_grn, #mv .bg_org{font-size:1.5em;}

.conflict_cont{align-items: stretch;flex-direction: column;}

#fee > .bg_wht{width:100%!important;max-width:100%;}

.fee_bg_img{background-size:auto 100%;background-position:right center;background-color:#FFF;margin-top:6em;flex-direction:column;align-items:flex-start;justify-content:center;height:auto;padding:8em calc(50vw - 500px);}
.fee_bg_img:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 41%,rgba(255,255,255,0) 100%);}
.fee_bg_img h2{max-width:100%;position:relative;justify-content: flex-start;top:auto;left:auto;}
.fee_bg_img .fee_lead{z-index:4;position:relative;font-size:2.5em;margin-left:0;padding:0;}


#counselor .counselor_profile .imgs{width:60%;}
#counselor .counselor_profile.rev{flex-direction:row;}
#counselor .counselor_profile .profile,
#counselor .counselor_profile.rev .profile{width:60%;margin-right:0;margin-left:-10%;}

.rev h3.names,
#counselor .counselor_profile.rev p.caption{text-align:right;}
.movie iframe{width:800px;height:500px;}
}

@media screen and (max-width: 1050px) and (min-width: 751px){


}


@media screen and (max-width: 750px){

html,body{font-size:3.5vw;}
.sp_center{text-align:center;}


p{line-height:1.8;}
.lead{font-size:1.125rem;}
p.sp_center .btn{margin-left:auto;margin-right:auto;}
p.lead.em{font-size:1.25rem;}
br.tb{display:none;}
imgcenter{margin-left:auto;margin-right:auto;}
img.sp_orign{width:auto;height:auto;margin-left:auto;margin-right:auto;}
a > img.img_sp_w100{width:100%;height:auto;display:block;}

#mv .logo img{margin:0 auto;max-width:50vw;}

#mv .cont p{width:65vw;}





#main{}
section{padding:7vw 0 7vw;}


#worries .worries_blk{width:60vw;}

.reason_blk .imgs{width:70vw;margin-left:auto;margin-right:auto;}

.dl_tbl{margin-bottom:6vw;border-bottom:1px solid #b0b0b0;}
.dl_tbl > dl{padding:0 0 5vw;}
.dl_tbl > dl dt{padding:2vw 0;}



}