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


/*キーカラー：#156b0f*/




.message{
	padding:10px;
	margin:0 0 10px 0;
	border:2px dotted #666;
	border-radius:10px;
}
.message h1{
	background-color:#666;
	color:#fff;
	padding:5px;
	margin:0 0 20px 0;
	text-align:center;
}
.message h2{
	font-weight: bold;
	border:none;
	font-size: 1.1rem;
}
.message p{
	margin:0 0 20px 0;
}
.message a{
}

.nav p{
	margin: 0;
}

.main .btn{
	display:block;
	width:80%;
	margin:10px auto 50px;
	border-radius:10px;
	padding:10px;
	font-weight:bold;
	text-decoration:none;
	background-color:rgba(249,92,94,1.00);
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	cursor:pointer;	
	transition: 0.3s;
}
.main .btn:hover{
	opacity:0.5;
}



.reservation{
	margin: 0 0 50px;
}


.main .faq{
	background-color: #ffe2d7;
	border: 1px solid #ff6c33;
	margin:0 auto 10px;
	border-radius:10px;
	text-align:center;
	width: 50%;
}
.main .faq a{
	color: #ff6c33;
	text-decoration: none;
}

/*ICUお申込みはこちら*/
/*事例*/
.reservation-icu .case ul{
	padding: 10px;
	border: 1px solid #666;
	background-color: #eee;
	margin: 0 0 50px;
}
.reservation-icu .case p{
	text-align: center;
}
.reservation-icu .case img{
	width: 480px;
	height: auto;
}

/*一般治療お申込みはこちら*/

/*事例*/
.reservation-normal .case ul{
	margin: 0 0 50px;
	padding: 0 20px;
}
.reservation-normal .case li{
	display: inline;
	padding: 0 0 0 10px;
	line-height: 2;
}
.reservation-normal .case li::after{
	content: " /";
}

/*エステ申し込みはこちら*/
.reservation-esthe .main h3{
	font-weight: bold;
	margin: 0 0 10px;
}
.reservation-esthe .main h4{
	font-weight: bold;
  text-align: center;
  background-color: #ccc;
  padding: 8px 0;
	margin: 80px 0 16px;
}

.reservation-esthe strong{
	font-weight: bold;
}
.esthe-menu{
	padding: 10px;
	margin: 16px auto 24px;
}
.esthe-menu h3{
  font-size: 1.2em;
  text-align: center;
}
.esthe-menu  h4:first-of-type{
  margin: 24px 0 16px;
}
.esthe-menu ul{
	padding: 0 0 0 1rem;
	font-size: .9rem;
}
.esthe-menu li{
	list-style-type: disc;
}
.esthe-menu .anti-aging li{
	list-style-type: circle;
}

.esthe-menu .link{
	text-align: center;
	margin: 0;
	background-color: #a35f00;
	padding: 5px;
	border-radius: 10px;
}
.esthe-menu .link a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

.esthe-menu-list{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/*症例写真*/
.esthe-menu-list figure{
  display: grid;
  grid-template-columns: 100px 100px;
  gap:40px; 
}
.esthe-menu-list img{
  border-radius: 8px;
}





.ex{
	margin: 0 0 50px;
	border-top: 1px dashed #666;
	border-bottom: 1px dashed #666;
	padding: 20px 0;
}
.ex strong{
	font-size: 1rem;
	color: #156b0f;
}
.ex li{
	line-height: 2;
}
.ex li:not(:last-child){
	margin: 0 0 20px;
}
.ex .goal{
	padding: 0 0 0 3rem;
}
.ex .goal span{
	font-size: 1.2rem;
	padding: 3px;
	border: 1px solid #999;
	border-radius: 3px;
	margin: 0 10px;
}



@media screen and (max-width: 768px) {

  
  .esthe-menu-list{
    flex-direction: column;
  }
  .esthe-menu-list figure{
    margin-top: 40px;
  }
}
  
@media screen and (max-width: 640px) {
	
	.main .btn{
		font-size:80%;
	}
	.main .faq{
		width: 80%;
	}
	.main .faq a{
		font-size: 80%;
	}

	/*一般治療お申込みはこちら*/
	
	/*事例*/
	.reservation-normal .case ul{
		padding: 0 10px;
	}
	
}

@media only screen and (min-width: 641px) and (max-width: 960px) {
	
	

}
 
 @media screen and (min-width: 961px) {

	
	
	
	
}