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

@font-face{
	font-family: a-otf-ryumin-pr6n, serif;
	font-style: normal;
	font-weight: 300;
}



html{
	font-size:62.5%;/*16px62.5%=10px*/
}

	
body{
	color: #000000;
	font-family: a-otf-ryumin-pr6n, serif;
	font-style: normal;
	font-weight: 300;
	font-size:1.6rem;
	font-feature-settings: "palt";
	letter-spacing:0.025rem;
}




a{
	color: #fff;
}

img{
    max-width: 100%;
    height: 0 auto;

}

.hero-image{
	margin-bottom: 0px;
}





.header-inner{
		margin: 0 auto;
		border-bottom:solid 0px #1621a8;
		background-color: #1621a8;
	}
	
	.navigation{
		margin: 0 auto;
		display: flex;

	}
	
	.nav-list{
		margin: 0 auto;
	}

	.nav-item{
		padding-right: 90px;

	}

	.nav-list{
		display: flex;
	}
	
	.nav-item:last-of-type{
		padding-right: 0px;

	}


	
	.nav-item>a{
		line-height: 80px;
		font-size: 2rem;
		color:aliceblue;
	}
	

	
	.sns{
		font-size: 2rem;
	}

	
	.esthe-main{
		max-width: 2000px;
		margin: 0 auto;
		margin-top: 100px;
	}


	.pc{
		display: block;
	}
	
	.sp{
		display: none;
	}



	.esthe-box{
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
	}

	.esthe-title{
		line-height: 80px;
		font-size: 3rem;
		color:#000000;
		text-align: center;
		padding-top: 200px;
	}

	.esthe-title-01{
		line-height: 80px;
		font-size: 5rem;
		color:#000000;
		text-align: center;
		padding-top: 80px;
		padding-bottom: 100px;
	}


	.esthe-text{
		line-height: 40px;
		font-size: 2.5rem;
		color:#000000;
		text-align: center;
		padding-bottom: 200px;
	}


	.btn{
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		font-size: 3rem;
		line-height: 1.5em;
		display: block;
		width: 1000px;
		margin: 0 auto;	
		padding: 20px 0;
		background-color: #1621A8;
		color:#fff;
		text-align: center;
	}

	.esthe-course{
		max-width: 1000px;
		margin: 0 auto;
		display: flex;
		padding-bottom: 90px;
	}


	.esthe-course-00{
		padding-right: 50px;
	}

	.esthe-course-00:last-of-type{
		padding-right: 0px;
	}

	.esthe-course-price{
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		font-size: 2rem;
		display: block;
		color:#000000;
		text-transform: uppercase;
		text-align: center;
		padding-top: 60px;
		line-height:3em;
		border-bottom:solid 1px #1621a8;
	}



	.esthe-treatment{
		padding-top: 25px;
		line-height:1.5em;
	}




	.esthe-irie{
		max-width: 1000px;
		margin: 0 auto;
		display: flex;
		margin-bottom: 150px;
		margin-top: 150px;

	}



	.esthe-irie-01{
		width: 900px;
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		font-size: 1.5rem;
		padding-right: 100px;
		text-align:justify;
		line-height:2em;
	}


	.esthe-irie-02{
		max-width: 200px;
	}



	.name{
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		font-size: 1.5rem;
		padding-top: 15px;
	}



	.footer-home{
		margin-top: 200px;
		background-color: #1621A8;
		text-align: center;
		nt-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		font-size: 1rem;
		color:#fff;
	}

	.footer-text{
		nt-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		font-size: 1.8rem;
		line-height: 30px;
}





	.footer{
		nt-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;

		background-color: #1621A8;
		height: 230px;
		padding-top: 110px;
	}



	.footer-text-01{
		font-size: 3rem;
	}


	.footer-text{
		nt-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		font-size: 3rem;
		padding-top: 20px;
	}


	.footer-text-01{
		font-size: 1.2rem;
		padding-top: 20px;
	}


	.copyright{
		padding-top: 110px;
	}


























/*sp版  幅が641px以上のscreenの時はこのcssを使用してくださいという指示*/

@media screen and (max-width:768px){
	
	
html{
	font-size:62.5%;/*16px62.5%=10px*/
}

	
body{
	color: #000000;
	font-family: a-otf-ryumin-pr6n, serif;
	font-style: normal;
	font-weight: 300;
	font-size:1.6rem;
	font-feature-settings: "palt";
	letter-spacing:0.025rem;
}


img{
    max-width: 100%;
    height: 0 auto;
}
	
	
body.fixed {
  overflow:hidden;
}
	
.wrapper{
	overflow-x: hidden;
	
	}
.header-inner{
		margin: 0 auto;
		border-bottom:solid 0px #1621a8;
		background-color: #1621a8;
	}
	
	.navigation{
		max-width: 1200px;
		margin: 0 auto;
		display: flex;

	}
	
	.nav-list{
		max-width: 900px;
		margin: 0 auto;
	}

	.nav-item{
		padding-right: 50px;

	}

	.nav-list{
		display: flex;
	}
	
	.nav-item:last-of-type{
		padding-right: 0px;

	}


	
	.nav-item>a{
		line-height: 80px;
		font-size: 1.5rem;
		color:aliceblue;
	}
	

	
	.sns{
		font-size: 1.8rem;
	}

		
	
	
	.esthe-main{
		max-width: 400px;
		margin: 0 auto;
		margin-top: 20px;
	}

	
	
	.pc{
		display: none;
	}
	
	
	.sp{
		display: block;
	}



	.esthe-box{
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
	}

	
	.esthe-title{
		line-height: 30px;
		font-size: 2rem;
		color:#000000;
		text-align: center;
		padding-top: 30px;
	}

	.esthe-title-01{
		line-height: 60px;
		font-size: 3rem;
		color:#000000;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 20px;
	}


	.esthe-text{
		line-height: 30px;
		font-size: 1.8rem;
		color:#000000;
		text-align: center;
		padding-bottom: 50px;
	}


	
	.btn{
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		font-size: 2rem;
		display: block;
		width: 300px;
		margin: 0 auto;	
		padding: 30px 0;
		background-color: #1621A8;
		color:#fff;
		text-align: center;
		line-height: 30px;
	}

	
	
	.esthe-course{
		max-width: 1000px;
		margin: 0 auto;
		display: block;
		padding-bottom: 100px;
	}


	.esthe-course-00{
		width: 250px;
		margin: 0 auto;
		padding-right: 0px;
		padding-bottom: 60px;
	}

	
	
	.esthe-course-00:last-of-type{
		padding-right: 0px;
	}

	
	
	.esthe-course-price{
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		font-size: 2rem;
		display: block;
		color:#000000;
		text-transform: uppercase;
		text-align: center;
		padding-top: 20px;
		line-height:3em;
		border-bottom:solid 1px #1621a8;
	}


	.esthe-treatment{
		padding-top: 25px;
		line-height:1.5em;
	}

	
	

	.esthe-irie{
		max-width: 300px;
		margin: 0 auto;
		display: block;
		margin-bottom: 50px;
		margin-top:100px;
	}



	.esthe-irie-01{
		width: 300px;
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		font-size: 1.5rem;
		padding-right: 100px;
		text-align:justify;
		line-height:2em;
	}

	
	

	.esthe-irie-02{
		max-width: 200px;
		margin: 0 auto;
		padding-top: 50px;
	}


	
	

	.name{
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		font-size: 1.5rem;
		padding-top: 15px;
	}

	

	
	
	
	
	
	
	
	
	.footer-home{
		margin-top: 10px;
		background-color: #1621A8;
		text-align: center;
		nt-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		font-size: 1rem;
		color:#fff;
	}

	
	
	.footer-text{
		nt-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		font-size: 1.8rem;
		line-height: 30px;
	}



	.footer{
		background-color: #1621A8;
		height: 230px;
		padding-top: 110px;
	}



	.footer-text-01{
		font-size: 3rem;
	}


	.footer-text{
		nt-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		font-size: 3rem;
		padding-top: 20px;
	}


	.footer-text-01{
		font-size: 1.2rem;
		padding-top: 20px;
	}


	.copyright{
		padding-top: 110px;
	}

	
	
	
	
	
}