@charset "UTF-8";
/* CSS Document */
@media (min-width:768px) {
	
#wrap{
	font-family: "メイリオ","Hiragino Kaku Gothic ProN", sans-serif;
	
}


#sp-wrap{
	display:none;
	
}

 #wrap #header{
    text-align:center;

}

 #wrap #header h1{
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
}

#wrap #gnav{
width:100%;
height:100px;
background-color:#eaa9b7;
}

#wrap  #menuinner02 {
	width:960px;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:30px;
	text-align:center;
	font-size:12px;
	line-height:1.6;	
}

#menuinner02 a:hover{
	color:#DB1458!important;
}

#menuinner02 .active a{
	color:#DB1458!important;
}


#wrap .top  .lead {
	text-align:left;
	line-height:1.7;
	font-size:19px;
	padding-top:46px;
	padding-left:460px;
}

#wrap .top  .lead span {
	background-color:#ff748b;
	padding:5px;
	color:#fff;
}


#wrap  #menuinner02  ul li{
	float:left;
	width:160px;
	height:60px;
	text-align:left;
	border-left:1px solid #fff;
	padding-left:10px;
}

#wrap  #menuinner02  ul li.top{
	float:left;
	width:50px;
	height:60px;
	text-align:center;
	border-left:1px solid #fff;
}

#wrap  #menuinner02  ul li.last{
	border-right:1px solid #fff;
}



#wrap  #menuinner02  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;
}


/*top*/

#wrap #contents.top .section01{
	text-align:center;
	padding-top:0px;
	width:960px;
	height:710px;
	margin:0 auto;
	background:url(../../img/img01_pc.png) center bottom no-repeat;
	
}

#wrap #contents.top .section01 .catch_h2{
	padding-top:40px;
	margin-left:80px;
	
}

#wrap #contents.top .section01 img{
	margin:0 auto;
	padding:0;
	
}


#menuinner02 a:hover{
	color:#DB1458!important;
}



@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
	
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.animated {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.section01 .fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;

}







/*message*/

#wrap #contents.message{
	background-color:#f1dbdb;
	text-align:center;

}

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

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

#wrap #contents.message .section01{
	position:relative;
	width:740px;
	margin:0 auto;
 background-image:none;
 text-align:left;
 padding:8px 20px 0 18px;
}

#wrap #contents.message .section01 .ill{
	position:absolute;
	top:70px;
	left:480px;
	
}

#wrap #contents.message .section01 p{
font-size:15px;
line-height:1.8;
margin-bottom:16px;
text-align:justify;
text-justify:inter-ideograph;
color:#666;
}

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

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

#wrap .link-com.message{
	position:absolute;
	padding-top:30px;
padding-bottom:60px;	
	text-align:center;
}


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


/*about02*/

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

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

}

#wrap #contents.about03 .section01{
 background-image:none;
 position:relative;
 padding-top:30px;
 background-color:#dde8ea;

}




#wrap #contents.about02 .section01 h2{
	position:absolute;
	top:17px;
	left:50%;
	margin-left:-113px;
	text-align:center;
	z-index:100;
}


#wrap #contents.about02 .box{
	text-align:center;
	display:block;
	background:url(../img/about2/bg.gif) repeat-y top center;
	background-size:100% auto;
	height:320px;
}

#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;
}

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

#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;
}

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


#wrap #contents.about02 .section01 #box01inner02{
	background-color:#ffe4e4;
	position:relative;
	padding-top:50px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	width:800px;
	margin:0 auto;
}

#wrap #contents.about02 .section01 #box01inner02.displaynone{
	display:none;
}


#wrap #contents.about02 .section01 #box01inner02 .illust{
	padding-top:90px;
	text-align:center;
}

#wrap #contents.about02 .section01 #box01inner02 .illust02{
	position:absolute;
	top:140px;
}


#wrap #contents.about02 .section01 #box01inner02 .illust img{
  
}

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

#wrap #contents.about02 .section01 #box01inner02 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(../../sp/img/about2/bg_btn_open.png) no-repeat bottom right  #fff;
	background-size:65px 40px;
	background-position:-5px right;
}


#wrap #contents.about02 .section01 #box01inner02 dl dt p{
	margin:5px 10px;
	
}


#wrap #contents.about02 .section01 #box01inner02 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;
}





#wrap #contents.about02 .section01 #box02inner02{
	position:relative;
	background-color:#dde8ea;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	padding-top:120px;
	width:800px;
	margin:0 auto;
}

#wrap #contents.about02 .section01 #box02inner02.displaynone{
	display:none;
}


#wrap #contents.about02 .section01 #box02inner02 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;
}


#wrap #contents.about02 .section01 #box02inner02 .illust{
	padding-top:20px;
	text-align:center;
}

#wrap #contents.about02 .section01 #box02inner02 .illust02{
	position:absolute;
	top:140px;
}


#wrap #contents.about02 .section01 #box02inner02 .illust img{
  
}

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

#wrap #contents.about02 .section01 #box02inner02 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(../../sp/img/about2/bg_btn_white.png) no-repeat center right  #fff;
	background-size:65px 17px;
	background-position:-5px right;
}


#wrap #contents.about02 .section01 #box02inner02 dl dt p{
	margin:5px 10px;
	width:240px;
}

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



#wrap #contents.about02 .section01 #box02inner02 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;
}

#wrap #contents.about02 .section01 #box02inner02 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;
}

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


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

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

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

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

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

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

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

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

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


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


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


/*faq*/

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

#wrap #contents.faq .faqinner{

	padding-bottom:40px;
	background-color:#efefef;	
}

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

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

#wrap #contents.faq .section01{
	width:740px;
	margin:0 auto;
	background:none;
	background-color:#efefef;
}

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

#wrap #contents.faq dl dt{
	font-size:16px;
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(../../sp/img/faq/bg_arrow_faq.png) no-repeat center right  #fff;
	background-size:65px 17px;
	
}
#wrap #contents.faq dl dt p{
padding-top:5px;
padding-left:50px;
background:url(../../sp/img/faq/ico_q.png) no-repeat 10px center #fff;	
	background-size:25px 25px;	
}

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

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

}

/*about*/
#wrap #contents.about{
	background-color:#D0E8E6;
	padding-bottom:40px;
	}
	
#wrap #contents.about .aboutinner{
	
	margin-top:20px;
	background-color:#B6CECC;
	padding-bottom:40px;
}

#wrap #contents.about .section01{
	width:740px;
	position:relative;
	padding-top:20px;
	margin:0 auto;
	background-color:##D0E8E6;
	padding-bottom:40px;
	background-image:none;
}

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

#wrap #contents.about h4{
	text-align:center;
	margin:0 auto;
	padding-top:20px;
	width:960px;
	
	
}

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

#wrap #contents.about dl dt p{
	font-size:18px!important;
}


#wrap #contents.about dl dd{
	padding:0px 20px 20px 20px;
	color:#666;
	
}

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


#wrap .link-com{
	width:740px;
	margin:0 auto;
	padding-top:20px;
    padding-bottom:10px;	
	text-align:center;
}

#wrap .link-com .box{
	display:block;
	margin:0 auto;
	text-align:center;
	
	
}



#wrap .link-com.about03{
	width:700px;
	margin:0 auto;
	padding-top:40px;
    padding-bottom:10px;	
	text-align:center;
}



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


#wrap .link-com .btn.space{
	margin-left:40px;
}



#wrap .link-com .btn02{
	height:40px;
	line-height:40px;
}


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

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



#wrap .link-com .btn{
	height:40px;
	
}



#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;
}


 #footer .logo{
	 font-size:140%;
 }

 #footer.top{
	margin-top:0;
}




