@charset "UTF-8";
/* CSS Document */
@media (max-width:767px) {
	
#wrap{
	display:none;
}

#wrap-index{
	display:none;
}


#sp-wrap{
	font-family: "メイリオ","Hiragino Kaku Gothic ProN", sans-serif;
}

#sp-wrap #header{
	position:relative;
	height:40px;
}

#sp-wrap #header h1{
	padding-top:5px;
	padding-left:5px;
}

#sp-wrap #header #menu{
	position:absolute;
	width:40px;
	height:40px;
	text-align:center;
	top:0;
	right:0;
	background-color:#ffabb4;
}

#sp-wrap #header #menu img{
	padding-top:6px;
}





#sp-wrap  #menuinner {
	display:none;
	padding-top:20px;
	padding-bottom:30px;
	text-align:center;
	font-size:13px;
	line-height:1.6;
	background-color:#eaa9b7;
}

#sp-wrap  #menuinner  ul li{
	position:relative;
	margin:0 auto;
	width:70%;
	position:relative;
	text-align:left;
	height:50px;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	border-bottom:1px solid #f1dbdb;
	color:#fff;
}

#sp-wrap  #menuinner  ul li .img{
	position:absolute;
	top:18px;
	right:10px;
	
}

#sp-wrap  #menuinner  ul li a{
	display:block;
	background:url(../img/ico_arrow_white.png) no-repeat right 12px ;
	padding-top:10px;
	padding-bottom:10px;
	background-size:30px 30px;
	text-decoration:none;
	color:#fff;
}








#sp-wrap #contents .section01{
	padding-top:10px;
	background-color:#ffd9d9;
}

#sp-wrap #contents .section01{
	background-size:100% auto;
}

#sp-wrap #contents .section02{
}

#sp-wrap #contents .section02 .midashi{
	
}

#sp-wrap #contents .section02 .midashi h2{
	background-color:#c3c3c3;
	width:100%;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}


#sp-wrap #contents .section02 .midashi02{
	background-color:#eaa9b7;
	padding-bottom:10px;
}

#sp-wrap #contents .section02 .midashi02 p{
	padding-top:10px;
	margin:0 20px;
	font-size:14px;
	line-height:1.6;
}

#sp-wrap #contents .section02 .midashi02 p span{
	color:#fff;
}


#sp-wrap #contents .section02 .menu02{
	position:relative;
	padding-top:60px;
	
}



#sp-wrap #contents .section02 .menu02.noimg{
	background:none ;

}



#sp-wrap #contents .section02 .menu02 .menu-ico{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-46px;
}



#sp-wrap #contents .section02 .menu02 ul li{
	position:relative;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:40px;
	border-bottom:1px solid #f97180;
	background:url(../img/ico_cyrcle.png) no-repeat 20px 24px ;
	background-size:11px 11px;
}

#sp-wrap #contents .section02 .menu02 ul li.about{
	height:60px;
	line-height:40px;
	padding-bottom:10px;
	background:url(../img/ico_cyrcle.png) no-repeat 20px 32px ;
	background-size:11px 11px;
}


#sp-wrap #contents .section02 .menu02 ul li.about a{
	display:block;
	height:40px;
	line-height:40px;
	padding-bottom:10px;
}




#sp-wrap #contents .section02 .menu02 ul li a{
	display:block;
	width:96%;
	height:40px;
	padding-top:10px;
	padding-bottom:10px;
	background:url(../img/ico_arrow.png) no-repeat right 18px ;
	background-size:30px 30px;
}

#sp-wrap #contents .section02 .menu02 ul li.active a{
	background:none ;
}



#sp-wrap #contents .section02 .menu02 ul.message{
	margin-left:0px;
	background:url(../img/ico_cyrcle.png) no-repeat 20px 24px ;
	background-size:11px 11px;
}



#sp-wrap #contents .section02 .menu02 ul.message li{
	background:none;
}




#sp-wrap #contents .section02 .menu02 ul li .img{
	position:absolute;
	top:18px;
	right:10px;
	
}

#sp-wrap #contents .section02 .menu02 ul li.nobor{
	height:60px;	
	border-bottom:none;
}

#sp-wrap #contents .section02 .menu02 ul li a{
	text-decoration:none;
	color:#888;
}






/*message*/

#sp-wrap #contents.message{

}

#sp-wrap #contents.message h2{
	text-align:center;
	padding-bottom:15px;
}

#sp-wrap #contents.message h3{
	font-size:14px;
	line-height:1.6;
	font-weight:bold;
	color:#E15558;
	padding-bottom:15px;
}






#sp-wrap #contents.message .section01{
 background-image:none;
 background-color:#f1dbdb;
 padding:20px 20px 0 20px;
 
}

#sp-wrap #contents.message .section01 p{
font-size:13px;
line-height:1.6;
margin-bottom:16px;
text-align:justify;
text-justify:inter-ideograph;
}

#sp-wrap #contents.message .profile{
background:url(../img/message/bg_ohmori.png) no-repeat 50% bottom;
 background-size:200px 160px;
 padding-bottom:240px;
}

#wrap #contents.message .profile .name{
font-size:13px;
font-weight:bold;
}

#sp-wrap .link-com.message{
	position:absolute;
	width:80%;
	padding-top:0px;
padding-bottom:60px;	
	text-align:center;
}


#sp-wrap #contents.message .profile p.link{
width:50%;
}


/*about02*/

#sp-wrap #contents.about02  .section01{
	background-color:#ffe4e4;
}

#sp-wrap #contents.about02.about03  .section01{
	background-color:#dde8ea;
}

#sp-wrap #contents.about02 .section01{
 background-image:none;
 position:relative;
 padding-top:30px;

 
}

#sp-wrap #contents.about02 .section01 h2{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-56px;
	text-align:center;
}


#sp-wrap #contents.about02 .box{

	display:block;
	background:url(../img/about2/bg.gif) repeat-y top center;
	background-size:100% auto;
	height:320px;
}

#sp-wrap #contents.about02 .section01 .box #box01{
	float:left;
	width:50%;
	height:320px;
	background:url(../img/about2/bg_ill01.png) no-repeat bottom left;
	background-size:153px 193px;
}

#sp-wrap #contents.about02 .section01 .box #box01 p{
	margin-top:80px;
	margin-left:50px;
}

#sp-wrap #contents.about02 .section01 .box #box02{
	float:right;
	width:50%;
	height:320px;
	background:url(../img/about2/bg_ill02.png) no-repeat bottom right ;
	background-size:148px 193px;
}

#sp-wrap #contents.about02 .section01 .box #box02 p{
	margin-top:80px;
	margin-left:20px;
}


#sp-wrap #contents.about02 .section01 #box01inner{
	background-color:#ffe4e4;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
}

#sp-wrap #contents.about02 .section01 #box01inner.displaynone{
	display:none;
}




#sp-wrap #contents.about02 .section01 #box01inner dl{
padding-bottom:0px;
}

#sp-wrap #contents.about02 .section01 #box01inner dl dt{
	background:#FFFFFF;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:1.4;
	color:#666;
	margin-bottom:5px;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	background:url(../img/about2/bg_btn_open.png) no-repeat bottom right  #fff;
	background-size:65px 40px;
	background-position:-5px right;
}


#sp-wrap #contents.about02 .section01 #box01inner dl dt p{
	margin:5px 10px;
	width:220px;
}


#sp-wrap #contents.about02 .section01 #box01inner dl dd{
	display:none;
	font-size:14px;
	line-height:1.6;
	color:#666;
	text-align:justify;
	text-justify:inter-ideograph;
	padding-top:10px;
	padding-bottom:20px;
}





#sp-wrap #contents.about02 .section01 #box02inner{
	background-color:#dde8ea;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

#sp-wrap #contents.about02 .section01 #box02inner.displaynone{
	display:none;
}


#sp-wrap #contents.about02 .section01 #box02inner h3{
	background-color:#fff;
	width:100%;
	padding:3px 3px 6px 3px;
	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	text-align:center;
}


#sp-wrap #contents.about02 .section01 .illust{
	padding-top:20px;
	margin:0 auto;
	text-align:center;
}

#sp-wrap #contents.about02 .section01 .illust img{
  margin: 0 auto;
  padding-top:20px;
}

#sp-wrap #contents.about02 .section01 #box02inner dl{
padding-bottom:20px;
}

#sp-wrap #contents.about02 .section01 #box02inner dl dt{
	background:#FFFFFF;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:1.4;
	color:#fff;
	margin-bottom:5px;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	background:url(../img/about2/bg_btn_white.png) no-repeat center right  #fff;
	background-size:65px 17px;
	background-position:-5px right;
}


#sp-wrap #contents.about02 .section01 #box02inner dl dt p{
	margin:5px 10px;
	width:220px;
}

#sp-wrap #contents.about02 .section01 #box02inner dl dt.special{
	margin:5px 10px;
	padding-top:15px;
	padding-bottom:15px;
	color:#666;
	background:url(../img/about2/bg_btn_glaypink.png) no-repeat center right  #fff;
	background-size:65px 17px;
}



#sp-wrap #contents.about02 .section01 #box02inner dl dd{
	display:none;
	font-size:14px;
	line-height:1.6;
	color:#666;
	text-align:justify;
	text-justify:inter-ideograph;
	padding-top:10px;
	padding-bottom:20px;
}

#sp-wrap #contents.about02 .section01 #box02inner dl dd .colorlist{
	margin-top:10px;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	background-color:#fff;
	passing:3px;
	text-align:center;
}

#sp-wrap #contents.about02 .section01 #box02inner p.lead{
	font-size:14px;
	line-height:1.6;
	text-align:justify;
	text-justify:inter-ideograph;
	color:#666;
	padding-top:10px;
	padding-bottom:10px;
}


#sp-wrap #contents.about02 .section01 #box02inner dl dt.step01{
  background-color:#fdb7cc
}

#sp-wrap #contents.about02 .section01 #box02inner dl dt.step02{
  background-color:#f4b95b
}

#sp-wrap #contents.about02 .section01 #box02inner dl dt.step03{
  background-color:#dde679
}

#sp-wrap #contents.about02 .section01 #box02inner dl dt.step04{
  background-color:#91dec0
}

#sp-wrap #contents.about02 .section01 #box02inner dl dt.step05{
  background-color:#6cc3e0
}

#sp-wrap #contents.about02 .section01 #box02inner dl dt.step06{
  background-color:#8c9bf7
}

#sp-wrap #contents.about02 .section01 #box02inner dl dt.step07{
  background-color:#d688ec
}

#sp-wrap #contents.about02 .section01 #box02inner .arrow{
	text-align:center;
	padding-bottom:20px;
}

#sp-wrap #contents.about02 .section01 #box02inner .finish{
	text-align:center;
	padding:20px;
	border:2px solid #fff;
	border-radius: 8px;
    -moz-border-radius:8px;
    -webkit-border-radius: 8px;
}


#sp-wrap #contents.about02 .section01 #box02inner .finish span{
	font-size:80%;
}


#sp-wrap #contents.about02 .section01 #box02inner .aftercare{
	font-size:14px;
	line-height:1.6;
	padding-left:10px;
	padding-bottom:20px;
	color:#d07079;
}


/*faq*/

#sp-wrap #contents.faq{
	font-size:14px;
	line-height:1.6;
	padding-bottom:20px;
	color:#666;
	background:none;
	width:100%;
}

#sp-wrap #contents.faq .faqinner{
	margin-top:20px;
	background-color:#efefef;
	padding-bottom:40px;
}

#sp-wrap #contents.faq .faqinner h2{	
	text-align:center;
	padding-top:20px;
}

#sp-wrap #contents.faq .faqinner h3{
	position:absolute;
	top:96px;
	left:50%;
	margin-left:-20px;
	text-align:center;
}

#sp-wrap #contents.faq .section01{
	margin-left:20px;
	margin-right:20px;
	background:none;
	background-color:#efefef;
}

#sp-wrap #contents.faq dl{
	margin-top:20px;
}

#sp-wrap #contents.faq dl dt{
background-color:#fff;
border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(../img/faq/bg_arrow_faq.png) no-repeat center right  #fff;
	background-size:65px 17px;
	
}
#sp-wrap #contents.faq dl dt p{
padding-top:5px;
padding-left:50px;
background:url(../img/faq/ico_q.png) no-repeat 10px center   #fff;	
	background-size:25px 25px;	
width:240px;
}

#sp-wrap #contents.faq dl dd{
display:none;
margin-bottom:20px;	
background:url(../img/faq/ico_a.png) no-repeat 10px 10px   #fff;	
background-size:25px 25px;	
text-align:justify;
text-justify:inter-ideograph;
}

#sp-wrap #contents.faq dl dd p{
padding:15px 20px 20px 50px;

}

/*about*/

#sp-wrap #contents.about{

}

#sp-wrap #contents.about .aboutinner{
	padding-top:5px;
	background-color:#B6CECC;
	padding-bottom:40px;
}

#sp-wrap #contents.about .section01{
	position:relative;
	padding-top:20px;
	margin-top:10px;
	background-color:#B6CECC;
	padding-bottom:40px;
	background-image:none;
}

#sp-wrap #contents.about h3{
	text-align:center;
}

#sp-wrap #contents.about h4{
	text-align:center;
	padding-top:10px;
}

#sp-wrap #contents.about dl dt{
	padding:0px 20px 0px 20px;
	font-weight:bold;
	color:#fff;
}

#sp-wrap #contents.about dl dd{
	padding:0px 20px 20px 20px;
	
}

#sp-wrap #contents.about .section01 p{
font-size:14px;
line-height:1.6;
margin-bottom:16px;
text-align:justify;
text-justify:inter-ideograph;
}


#sp-wrap .link-com{
	padding-top:20px;
padding-bottom:10px;	
	text-align:center;
}



#sp-wrap .link-com .btn{
	padding:5px 5px 5px 20px;
	margin:5px auto;
	text-align:left;
	width:80%;
	font-size:13px;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	color:#fff;
	background:url(../img/ico_arrow_com.png) no-repeat 10px center #9b2f2f;
	background-size:7px 7px;
}

#sp-wrap .link-com .btn a{
	text-decoration:none;
	color:#fff;
	}

}


.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
 #footer{
	margin-top:20px;
	background-color:#efefef;
	font-size:12px;
	padding:20px;
	text-align:center;
	font-family: "メイリオ","Hiragino Kaku Gothic ProN", sans-serif;
}

 #footer img{
	padding-bottom:15px;
}