/*

Editor	: C.I.
Version	: 1.0
Since	: 2019-12-25

 */

/* ----------------------------------------------------------
 /index.html
------------------------------------------------------------ */
#indexTopTtlWrap ul,
#indexTopTtlWrap figure{
margin-top:0;
}
#indexTopTtlWrap h1 img{
height:5em;
width:auto;
}
#indexTopTtlWrap{
position: relative;
z-index:0;
}
#indexTopTtlWrap h1{
position: absolute;
left:50%;
top:50%;
margin-top:-3em;
margin-left:-40%;
width:80%;
}



#TopAbout{
text-align:center;
}

#TopProblem{
background:url("/asset/img/top_problem_bg.jpg") 0 0 no-repeat;
background-size:100% auto;
}
#TopProblem .txt{
background-color:#FFF;
padding:1em 2em 2em;
margin-top:2em;
}
#TopProblem h2{
text-align:left;
font-size:100%;
position:relative;
}
#TopProblem h2:before{
content:"Problem";
position: absolute;
top:-2em;
left:0;
font-size:4em;
font-weight: normal;
transform: rotate(-25deg);
color:#E6CEB3;
}
#TopProblem h2:after{
content:"";
height:0.5em;
width:20em;
position:absolute;
bottom:0;
left:0;
background-color:#FFE9D0;
}
#TopPoint{
background-color:#FCFBFA;
}
#TopPoint .txt{
background-color:#FFF;
margin-top:-1em;
padding:2em 4em 4em;
box-shadow: 1px 2px 5px #F4EEE8;
}
#TopPoint .differ{
width:60%;
margin-left:auto;
margin-right:auto;
}
#TopPoint ul.tumList3{
width:80%;
margin-left:auto;
margin-right:auto;
}

/* .topStep */

.topStep{
margin-top:2em;
background:url("/asset/img/top_step_arrow.svg") 15% 100% no-repeat;
background-size:1.6em auto;
}
.stepBg > .inCon > .topStep:last-child{
background:none;
}

.topStep h2{
float:left;
width:32%;
margin-top:0;
font-size:100%;
color:#444;
position:relative;
padding-bottom:1em;
margin-top:0 !important;
}
.topStep h2 span{
display: inline-block;
position:absolute;
top:-2em;
left:1em;
z-index:2;
font-size:2em;
color:#BD9469;
transform: rotate(-45deg);
font-weight: normal;
}
/*.topStep:nth-child(2) h2:before{
background:url("/asset/img/top_step2.svg") 0 0 no-repeat;
background-size:auto 100%;
}
.topStep:nth-child(3) h2:before{
background:url("/asset/img/top_step3.svg") 0 0 no-repeat;
background-size:auto 100%;
}
.topStep:nth-child(4) h2:before{
background:url("/asset/img/top_step4.svg") 0 0 no-repeat;
background-size:auto 100%;
}
.topStep:nth-child(5) h2:before{
background:url("/asset/img/top_step5.svg") 0 0 no-repeat;
background-size:auto 100%;
}*/
.topStep h2{background-color:#FCFBFA;padding:1em;position:relative;}
.topStep:first-child h2{background-color:transparent;}
.topStep h2:after{
content:"";
position:absolute;
bottom:0;
left:50%;
margin-left:-5em;
display: block;
width:10em;
height:1em;
background-color:#FAF2EA;
}
.topStep .txt{
float:right;
width:65%;
background-color:#fff;
padding:2em 0;
}
.topStep .txt > p,
.topStep .txt > dl,
.topStep .txt > div{
margin:0 2em;
}
.topStep:after{
content:"";
display: block;
height:0;
clear:both;
visibility: hidden;
}
/* TopStep */
#TopStep .tumList3{
margin-top:0;
}
#TopStep .tumList3 li{
margin-left:0;
width:33.3%;
}
#TopStep .tumList3 li figure{
margin-top:0;
}
#TopStep .tumList3 li figure img{
margin-bottom:0;
}

/*#TopStep .txt{
margin-top:-2em;
}*/
#TopStep .stepBg{
padding-top:10em;
background:url("/asset/img/top_step_bg.svg") 0 0 no-repeat #FCFBFA;
background-size:100% auto;
}
#TopStep .stepBg .inCon{counter-reset:number;}
#TopStep .stepBg .inCon h2 span:after{
counter-increment: number;
content: counter(number);
padding-right:10px;
font-size:2em;
}
dl.recoPoint{
margin-top:2.5em !important;
margin-bottom:-3em !important;
background-color:#FDF8F2;
padding:2em;
}
dl.recoPoint dt{
margin-top:-3em !important;
}
dl.recoPoint dt i.Good{
background-color:#FFEDED;
border-radius: 20px;
padding:5px;
color:#F49E9E;
margin-right: 0.5em;
}
dl.recoPoint dt i.Good:before{
content:"";
display: inline-block;
width:1em;
height:1em;
background:url("/asset/img/ico_good.svg") 0 0 no-repeat;
vertical-align: middle;
}

/* TopNakodo */
#TopNakodo{
padding-top:3em;
}
#TopNakodo h2{
padding:2em 0;
}
#TopNakodo div.col{
margin-top:4em;
background:url("/asset/img/top_nacodo_icon.svg") 50% 0 no-repeat;
padding-top:3em;
text-align:center;
position:relative;
padding-bottom:2em;
}
#TopNakodo div.col:after{
content:"";
display: block;
position:absolute;
bottom:0;
left:50%;
height:1px;
width:4em;
margin-left:-2em;
border-bottom:solid 1px #BD9469;
}

/* TopOurNakodo */
#TopOurNakodo{
background:url("/asset/img/top_our_nakodo_bg.jpg") 0 0 no-repeat;
}
#TopOurNakodo p{
margin-left:4em;
margin-right: 4em;
}
#TopOurNakodo .txt{
background-color:#fff;
padding:4em;
margin-top:2em;
}
#TopOurNakodo .txt p{
margin-left:0;
margin-right: 0;
}
#TopOurNakodo .txt .aboutNakodo{
width:90%;
margin-left:auto;
margin-right: auto;
}
#TopOurNakodo .txt .aboutNakodo figure{
display: inline-block;
width:30%;
}
.nakodoPoint{
background-color:#FDF8F2;
margin-top:2em;
padding:2em 4em;
position: relative;
}
.nakodoPoint:before{
content:"Point";
color:#E6CEB3;
transform: rotate(-25deg);
position: absolute;
left:0;
top:-0.5em;
font-size:4em;
}
/*  */
#TopAchievement .columG3{
margin-top:2em;
}
#TopAchievement .columG3 .col1{
background-color:#FDF8F2;
text-align:center;
border-radius: 500px;
min-height:350px;
}

#TopAchievement .columG3 .col1 figure img{
height:100px;
}

#TopAchievement h3{
margin-top:6em;
color:#BD9469;
line-height: 1.3;
}
@media only screen and (max-width: 1250px){
    #TopAchievement .columG3 .col1{
    min-height:280px;
    }
    #TopAchievement h3{
    margin-top:4em;
    }
}
@media only screen and (max-width: 767px){
    #TopOurNakodo p{
	margin-left:0;
	margin-right:0;
	}
}

/* TopCouple */
#TopCouple {
margin-top:6em;
background-color:#FCFBFA;
}
#TopCouple .inCon{
padding-top:0;
}
.CouplePer{
margin-top:-4em;
padding:2em 2.5em;
background:url("/asset/img_cmn/bg_hearts.svg") 0 0 no-repeat;
background-size:auto 100%;
display: inline-block;
color:#fff;
}
.CouplePer dd strong{
font-size:4em;
line-height: 1;
font-weight: normal;
}
#TopCouple .inTxt{
background-color:#fff;
padding:4em;
}
#TopCouple .inTxt .notes{
text-align:right;
}
@media only screen and (max-width: 767px){
	#TopCouple .inTxt{
	padding:1em;
	}
	#TopCouple .tableSet th,
	#TopCouple .tableSet td{padding:5px;font-size:11px;}
}
/* tableSet */
.tableSet{
margin-left:auto;
margin-right: auto;
}
.tableSet th,
.tableSet td{
border-top:solid 1px #ddd;
padding:15px 10px;
}
.tableSet th.men{
background-color:#8AC6F2;
}
.tableSet th.fma{
background-color:#F49E9E;
}
.tableSet td.men strong{
color:#8AC6F2;
}
.tableSet td.fma strong{
color:#F49E9E;
}

.tableSet th.tai,
.tableSet td.tai{
border-top:none;
}

/* TopUnderlinks */
.TopUnderlinks .toContactBnr{
}
.TopUnderlinks .toContactBnr li{
display: table;
width:100%;
text-align: center;
background: linear-gradient(to bottom right, #BD9469, #EDE6D8);
background-size: 100% auto;
}
.TopUnderlinks .toContactBnr li a{
display:table-cell;
height:250px;
vertical-align: middle;
text-decoration: none;
color:#fff;
}
.TopUnderlinks .inCon .toContactBnr li a{
color:#fff;
padding:10px 2em;
font-size:100%;
text-align: center;
position:relative;
min-width: 12em;
}
.TopUnderlinks .inCon .toContactBnr li a:before{
content:"Contact us";
position:absolute;
top:0;
left:2em;
z-index:0;
transform: rotate(-15deg);
color:#DDBE9C;
font-size:5em;
}

/* TopNews */
#TopNews{
background-color:#F4F4F5;
padding-top:5em;
padding-bottom:5em;
}
#TopNews .inCon{
background-color:#FAFAFA;
float:right;
padding-bottom:0;
}
#TopNews:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}

#TopNews h2{
float:left;
width:12%;
position:relative;
text-align:left;
margin-left:-16%;
}
#TopNews h2:after{
content:"";
display: block;
width:6em;
height:1px;
position:absolute;
top:50%;
left:90%;
border-bottom:solid 1px #BD9469;
}
#TopNews .inCon{
padding-top:2em;
padding-bottom:2em;
width:60%;
}
#TopNews .newsLists{
float:left;
width:70%;
min-height:100px;
padding-left:1em;
}
#TopNews .links{
margin-top:2em;
clear: both;
width:80%;
}
#TopNews .newsLists{
min-height:1em;
}
@media only screen and (max-width: 1024px){
    #TopNews h2,
    #TopNews .newsLists{
    float:none;
    width:auto;
    }
    #TopNews h2{
    margin-top:0;
    margin-left:1em;
    text-align:left;
    }
    #TopNews .newsLists{
    margin-left:1em;
    margin-right:1em;
    min-height:10px;
    }
    #TopNews{
    padding-top:2em;
    }
}

/* topBnr */
#blogBnr{
padding-top:1em;
padding-bottom:2em;
}
#blogBnr li{
width:50%;
margin-left:auto;
margin-right: auto;
color:#BD9469;
}
#blogBnr li a{
color:#BD9469;
}
#blogBnr li img{
float: right;
width:50%;
}
#blogBnr li .txt{
float: left;
display: block;
font-size:1.2em;
position:relative;
}
#blogBnr li .txt span{
font-size:0.8em;
display: block;
}
#blogBnr li .txt:after{
content:"";
display: block;
width:6em;
height:1px;
position:absolute;
top:50%;
left:90%;
border-bottom:solid 1px #BD9469;
}
#blogBnr:after,
#blogBnr li a:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}

/* careersBtn */
.careersBtn li{
margin-left:0;
width:33.3%;
}

/* accessW */
.outlinew{
background-color:#FCFBFA;
}
.outlinew .txt{
margin-top:2em;
padding:3em;
background-color:#fff;
}
.accessW{
margin-top:2em;
padding:3em;
background-color:#fff;
}

/* feeWrap */
.feeWrap{
background:url("../img/fee_bg.png") 0 0 no-repeat;
}
.feeWrap table th{
color:#BD9469;
}
/* about
---------------------------------------------- */
.aboutNakodo{
padding-top:2em;
}
.aboutNakodo h2{
margin-top:0 !important;
}


/* storyDetail
---------------------------------------------- */
.voiceM dt,
.voiceM dd,
.voiceF dt,
.voiceF dd{padding:2em;}
.voiceF dt,
.voiceM dt{padding-bottom:0;}
.voiceF dd,
.voiceM dd{padding-top:1em;}
.voiceM dt,
.voiceM dd{background-color:#F4FAFF;margin-left:10%;}
.voiceF dt,
.voiceF dd{background-color:#FFF8F8;margin-right:10%;}

.voiceF dt:after,
.voiceM dt:after{
content:"";
width:3em;
height:1px;
display: block;
border-top:solid 2px #BAA381;
margin-top:.5em;
}

.voiceW{
width:60%;
margin-left:auto;
margin-right: auto;
}
.voiceM,
.voiceF{
position: relative;
}
.voiceM:before,
.voiceF:after{
content:"";
display: block;
height:4em;
width:3em;
background:url("/asset/img/icon_men.png") 0 0 no-repeat;
background-size:100% auto;
position: absolute;
left:0;
top:4em;
}
.voiceF:after{
right:0;
left:auto;
background:url("/asset/img/icon_wmon.png") 0 0 no-repeat;
background-size:100% auto;
}

@media only screen and (max-width: 1100px){
	.voiceW{
	width:100%;
	}
}

/* storyDetail
---------------------------------------------- */
.storyDetail{
background-color:#FCFBFA;
}
.storyDetail h2{
text-align: left;
}
.sWrap{
margin-top:3em;
background-color:#FFF;
padding:4em;
box-shadow: 5px 10px 10px #F4EEE9;
}
@media only screen and (max-width: 767px){
	.sWrap{
	padding:4em;
	}
}

/* success
---------------------------------------------- */
.flowW{
padding-top:2em;
margin-left:4em;
margin-right: 4em;
}
.flowArrow{
padding-top:6em;
background:url("/asset/img/flow_arrow.png") 50% 0 no-repeat;
background-size:5em auto;
}
.successColum{
margin-top:4em;
margin-bottom:4em;
}
@media only screen and (max-width: 767px){
	.flowW{
	margin-left:0;
	margin-right: 0;
	}
}
.reasonW dl{
background-color:#FCFBFA;
}
.reasonW dl dt,
.reasonW dl dd{
padding:1em;
}
.reasonW dl dt{
text-align: center;
padding-top:2em;
padding-bottom: 0;
font-size:1.2em;
}
.reasonW dl dt:after{
content:"";
display: block;
width:2em;
height:1px;
margin-left:auto;
margin-right: auto;
border-bottom:solid 2px #BD9469;
}
.reasonW dl:last-child dt{
padding-top:2em;
padding-bottom:0;
color:#BD9469;
background:url("/asset/img/icon_ribon_s.png") 50% 10px no-repeat;
background-size:auto 1.5em;
}
.reasonW dl:last-child{
background:url("/asset/img/success_bg_reason.png") #FCFBF9 0 0 no-repeat;
background-size:100% auto;
}

.successPointW{
text-align: center;
}
.successPoint{
background-color:#FDF8F2;
padding:2em;
display: inline-block;
text-align: center;
margin-right: auto;
margin-left: auto;
}
.successPoint dd{
color:#BD9469;
font-size:1.2em;
}

/* course
---------------------------------------------- */
.courseAdoption,
.courseDoctor{
position:relative;
padding-left:5em;
}
.courseAdoption:before,
.courseDoctor:before{
position:absolute;
left:0;
top:0;
content:"";
height:5em;
width:4em;
background:url("/asset/img_cmn/icon_doctor.svg") 0 0 no-repeat;
background-size:auto 100%;
}
.courseAdoption:before{
background:url("/asset/img_cmn/icon_adopt.svg") 0 0 no-repeat;
background-size:100% auto;
}

.inCon.couseDetail{
width:70%;
margin-left:auto;
margin-right: auto;
}
@media only screen and (max-width: 1100px){
	.inCon.couseDetail{
	width:90%;
	}
}