@charset "utf-8";
/* CSS Document */

/*-------共通---------*/

#menuButton{margin-bottom:5%;}
#menuButton2{margin-bottom:5%;}
#menuButton3{margin-bottom:5%;}


/*-----------------------------
トップページ
-------------------------------*/
.red{color:red;
font-size: 20px;
padding-right: 2%;
padding-left: 1%}
	
.top-tit{width: 80%;
	margin: 10% auto 5% auto;}

	
.top-tit02{width: 100%;
	margin: 10% auto 5% auto;}

.top-logo{width: 30%;
	margin: 0% auto;}


.top-txt{text-align:center;
margin: 5% 0%;}


.top-txt02{border:solid 2px #E96464;
	padding: 3%;
	border-radius: 15px;

margin: 15% 0%;}


.bg-pink{margin:5% 0%;
background: #F6F0F2;}

.check-tit{width: 100%;
	margin: 5% auto;}

.check{padding:0% 3%;}

.check-list img{width: 3%;
	padding-right: 1%;
	}



.check-txt{padding-left: 2em;
  text-indent: -2em;
border-bottom: dotted 1px #B09B62;
margin-bottom: 3%;
padding-bottom: 1%;}	

.next{width: 10%;
	margin: 0% auto 0% auto;}

.pic01{width:100%;
	margin: 0% auto 10% auto;}

.pic02{width:70%;
	margin: 0% auto 10% auto;}


.pic03{width:80%;
	margin: 0% auto 0% auto;}

.pic04{width:100%;
	margin: 10% auto 10% auto;}


.pic04{width:100%;
	margin: 00% auto 00% auto;}



.goal dt{
padding:4% 0%;
margin: 0% 0% 3% 0%;
background: #b96564;}

.goal dt img{width: 80%;
margin: 0% auto;
display: block;}

.goal dd img{width: 100%;
margin: 5% auto 0% auto;
display: block;}

.goal dd{margin: 0% auto 10% auto;}
.indent{
  text-indent: -1em;
  padding-left: 1em;


}

#step{background:#A37810;
margin-top: 5%;}

#step p{width: 40%;
margin: 4% auto;}

.step{margin: 5% 0% 10% 0%;}

.step dt{
width:50%;
margin: 3% auto;}

.bottom{margin: 0% auto 15% auto;}



.icon01{width:20%;
float:right;
margin-top: 5%;}

.voice01{width:75%;
background:#c9b19a;
color: #fff;
padding: 2%;
border-radius: 15px;
margin: 5% 0%;
float:left;}


.icon02{width:20%;
float:left;
margin-top: 5%;
}

.voice02{width:75%;
background:#c9b19a;
color: #fff;
padding: 2%;
border-radius: 15px;
margin: 5% 0%;
float:right;}

.voice-tit{
width:45%;
margin: 3% auto;}

.txt-right{text-align: right;
padding: 0% 1% 5% 0%;}


.profile-pic{width:50%;
margin: 3% auto;}

#profile{background-image:url(../images/session-pic12.png),
url(../images/session-pic11.png);
background-size:80% 20% ,100% 12%;
background-repeat: no-repeat;
background-position:top right,bottom left;
margin-bottom: 10%;}

.plofile{border:solid 1px #806C6D;
border-radius: 7px;
padding: 2%;
margin: 2% 2% 15% 2%;}

.price01 th{text-align: left;
font-weight: normal;
border-right: solid 1px #AD882D;}
.price01 td{text-align: right;
width: 100%;
margin: 5% 0% 2% 0%;}

.price01{border-bottom: solid 1px #AD882D;
padding-bottom: 5%;
margin: 15% 0% 10% 0%;}

.h3{width:40%;
margin: 15% auto 5% auto;}

.pink01{background: #ed7e97;
color: #fff;
padding: 1% 2%;}


.pink02{color: #ed7e97;
font-size: 20px;
	font-weight: bold;
}

.session-menu01{background:url(../images/session-menu01.png) no-repeat;
	background-size: 100% 100%;
text-align: center;
padding: 7% 3%;
font-size: 20px;

margin-bottom: 15%;
margin-top: 15%;}

.session-menu02{background:url(../images/session-menu02.png) no-repeat;
	background-size: 100% 100%;
color: #fff;
padding: 7% 3%;
font-size: 20px;

margin-bottom: 10%;}


.mentor-tit{background:#8c6239;
margin: 20% 0% 2% 0%;}

.mentor-tit img{width:80%;
display: block;
margin: 8% auto;
padding: 5% 0%;
}

.riyu01{width:95%;
margin: 2% auto  5% auto;
}




#nav{color: #8c6239;
}

#nav2{color: #8c6239;
}

#nav3{color: #8c6239;
}


.read{border-bottom: solid 1px #8c6239;
border-top: solid 1px #8c6239;
margin-top: 2%;
}

.read img{width:35%;
float: right;}

.bg-n{color: #fff;
background: #8c6239;}

.long-key img{
margin: 2% auto;}


.long-menu-tit{width:90%;
margin: 20% auto 0% auto;
}

.long-menu{border-bottom:solid 1px #fff;
border-top:solid 1px #fff;
margin: 20% 0% 10% 0%;
text-align: center;}

.long-menu img{width:70%;
margin: 2% auto;
display: block;}


.op01{border-bottom:solid 1px #fff;
margin-top: 25%;}

.op01 img{width:30%;
margin: 2% auto;
display: block;}


.op02 {width:70%;
margin: 2% auto  5% auto;}

.op {width:90%;
margin: 10% auto 2% auto;
border:solid 1px #fff;
padding: 2%;}

.contact-btn{background: #bbb418;
padding: 2% 0%;
width: 99%;
margin: 15% auto 0% auto;
text-align: center;
color: #fff;}




/*-----------------------------
contact
-------------------------------*/	

form{background:#fff;
padding: 5% 2% 2% 2%;
margin: 0 auto 10% auto;
width:95%;
color: #997a69;}

form a{border-bottom: solid 1px red;
color: red;}

#contact dt{background:#8c6239;
color:#fff;
padding:1% 2%;}

#contact dd{margin:2% 0%;}

input[type="text"]{width:95%;
height:1.5em;}
textarea{width:95%;
}

select{width:95%;
height:2em;}

textarea{width:95%;
}

.btn{width:40%;
margin-left:30%;
margin-top:5%;
margin-bottom: 10%;}




form span{color:red;}



.space{margin: 5% auto;
width: 90%;
border: solid 1px #987071;}

/*=================================================================================================================================================================================================================================================================================================*/

@media only screen and (min-width: 640px) {
	
#menuButton{margin-bottom:3%;}
#menuButton2{margin-bottom:3%;}
#menuButton3{margin-bottom:3%;}
	
	
	
/*-----------------------------
top
-------------------------------*/	
.pc-txt{width: 80%;
	margin: 0% auto;}	
		
.top-logo{width: 15%;
	margin: 0% auto;}	

.top-tit{width:60%;
	margin: 5% auto 0% auto;}
	
.top-tit02{width:80%;
	margin: 5% auto 0% auto;}
	
	
	
.top-txt{margin: 3% 0% 5% 0%;}
	


.check-tit{width: 65%;
	margin: 5% auto;}
	
	
	
.next{width: 5%;
	margin: 0% auto 5% auto;}

	
	
.pic01{width:65%;
	margin: 0% auto 5% auto;}
	
.pic02{width:40%;
	margin: 0% auto 0% auto;}
	
.pic03{width:50%;
	margin: 5% auto 5% auto;}
	
	
.pic04{width:80%;
	margin: 0% auto 0% auto;}
	
	
	
.pic05{width:70%;
	margin: 0% auto 0% auto;}
	
	
.goal dt{padding: 3%;
margin: 3% 0% 3% 0%;
	}
	
.goal dt img{width: 50%;
margin: 0% auto;
display: block;
}
	
.goal dd img{width: 70%;
margin: 6% auto 10% auto;
display: block;}
	

.goal dd{margin: 0% auto 5% auto;}

	


.step {width: 70%;
margin: 0% auto;
}
	
#step p{width: 20%;
margin: 3% auto;}
	
.step dt{
width:30%;
float:left;}
	
.step dd{
width:65%;
float:right;
margin-top: 10%;}	
	
	
.bottom{margin: 0% auto 10% auto;}
	
.icon01{width:10%;}
.voice01{width:85%;}
.icon02{width:10%;}
.voice02{width:85%;}	
	
.voice-tit{
width:25%;
margin: 3% auto;}
	
.profile-pic{width:25%;
margin: 3% auto;}
	
#profile{background-image:
url(../images/session-pic11.png),url(../images/session-pic12.png);
background-size: 100% 38%,50% 35%;
background-repeat: no-repeat;
background-position:bottom left,top right;
}
	

	
	
.session-menu01{
font-size: 20px;
padding: 3% 0%;
margin-bottom: 5%;
margin-top: 10%;}
	
.session-menu02{
font-size: 20px;

margin-bottom: 5%;
margin-top: 10%;}		
	
	
.price01{margin-top: 5%;
	padding-bottom: 5%;
	margin-bottom: 0%;}
	
	
.h3{width:30%;
margin: 10% auto 2% auto;}	
	
.mentor-tit {width:100%;
margin: 5% auto 5% auto;}
	
.mentor-tit img{width:50%;
display: block;
margin: 5% auto;}

.riyu01{width:60%;
	margin: 2% auto 2% auto;
	}
	
	
.read img{width:15%;
}
	
.long-menu-tit{width:60%;
margin: 15% auto 0% auto;
}
	


.long-menu{border-bottom:solid 1px #fff;
border-top:solid 1px #fff;
margin: 10% 0% 3% 0%;
text-align: center;
font-size: 20px;
padding: 2% 0%}
	
.long-menu img{width:40%;
margin: 0% 0%;}
.op {width:50%;}
	
.op01 img{width:15%;}
.op01{margin-top: 10%;
	margin-bottom: 2%;}
	
.contact-btn{width:79%;}	
/*-----------------------------
contact
-------------------------------*/	
	.contact-btn{color:#fff;}		

form{background:#fff;
padding: 2% 2% 2% 2%;
margin: 0 auto 10% auto;
width:75%;
}	
#contact dl{margin-bottom:2%;}
	
	
#contact dt{width:30%;
float:left;
padding:1% 2%;
background:none;
color:#895330;
font-weight:bold;}

#contact dd{width:66%;
float:left;
margin:1.5% 0%;}
	
.btn{width:30%;
margin-left:35%;
}
	
	
}