@charset "UTF-8";
@import url("grid_sp.css");
@import url("nav.css");
@import url("ress.min.css");
@import url("form_sp.css");
@media only screen and (max-width : 768px ){

/* SP時に表示 */
@media only screen and (max-width : 769px ){
.pc { display: none !important;}
.sp { display: block !important;}  
}
  
img {
max-width:100%;
height: auto;/*高さ自動*/
}
a {
display:block;
color: #00497d;
text-decoration-line: none;
}
a:hover { 
color: #aaa;
text-decoration-line: none;
}  

/*ヘッダー固定 高さ 色-----スマホ---------*/
header {
background-color:#081962d;
width:100%;
height:8em;
text-align:center;
position:fixed;
z-index:100;
padding: 1rem 0rem 0rem 0rem;  
}
header h1{/*--ロゴ--*/ 
margin: 0rem 0rem 0rem 1rem;
font-family: "Georgia";  
width: 70%;	
}
header p{
color: #fefef6;	
text-align: left;	
font-size: 1.3rem;	
margin: 0rem auto 0rem 1.5rem;
letter-spacing: 0.07rem;	

}	
header a{
margin: 0rem auto 0rem auto;
}
.header {
display: flex;
flex-direction: row;
padding: 0rem 0 0 0;
}

.contact-button {
padding: 1rem;
border: 2px solid #000;
}
/*--tel mailボタン--*/ 	
.img-flex-3 { 
width: 100%; 
display: flex;	
}
.img-flex-3 img {/*--tel mail--*/  
width: 90%; 
text-align: center;	
margin: -6.5rem 0.5rem 6rem 0rem;
}


/*TOP　img----------------------*/
.mainimg img {
width: 100vw;
position: relative;
margin: 0rem 0 0rem 0;
}
.mainimg p {
position: absolute;
top: 250px;
left: 150px;
}
.mainimg h2 {
margin: 3rem auto 1rem auto;
text-align: center;	
font-size: 3rem;
line-height: 3.5rem;	
font-weight: 900;
}
.obi1{
padding: 1.5rem 0rem 0rem 0rem;
margin: 0rem auto 2rem auto;
background-color: #96a8a7; 
color: #fefef6;
width: 100%;
height: 50px;	
}
.obi1 h3{
text-align: center;  
padding: 0rem 0rem 0rem 0rem;	
margin: 0rem auto 0rem auto;
font-size: 2.5rem;
line-height: 2.5rem;	
font-weight: bold;
letter-spacing: 0.1rem;

}
.contents h4{
color: #333333;
font-size: 1.6rem;	
margin: 2rem auto -12rem auto;  
line-height: 2rem;  
text-align: left;  
text-align: justify; 
}	
	
/*midashi--------------- -------*/
.midashi {
text-align: center;
margin: 5rem auto 0rem auto;  
}
.midashi p {
text-align: left;
margin: 3rem auto 0rem auto;  
}
.midashi h3 {
text-align: center;    
margin: 0rem auto 0rem auto;
padding: 0rem 0rem 0rem 0rem;
}  
.midashi h3 {
text-align: center;    
margin: 0rem auto 0rem auto;
padding: 0rem 0rem 0rem 0rem;
}   
.midashi p {
text-align: left;    
margin: 0rem auto 0rem auto;
padding: 0rem 0rem 0rem 0rem;
}
.midashi_center p {
max-width: 860px;	
text-align: center;    
margin: 3rem auto 0rem auto;
padding: 0rem 0rem 0rem 0rem;
}  
.midashi_left {
text-align: left;
margin: 0rem auto 0rem auto;  
}  
.midashi_left h3 {
text-align: center; 
font-size: 110%;	
font-weight: 600;	
margin: 0rem auto 2rem auto;
padding: 0rem 0rem 0rem 0rem;
line-height: 2.2rem;	
}   
.midashi_left p {
max-width: 860px;	
text-align: left;    
margin: 0rem auto 0rem auto;
padding: 0rem 0rem 0rem 0rem;
}  
.catch h3{
margin: 0rem auto 2rem auto;
font-size: 2rem;
font-weight: 600;	
}
.catch p{
margin: 0rem auto 2rem auto;
font-size: 1.5rem;
text-align: left;
text-align: justify;	
}	
	
/*コンテンツ----------------------*/

.contents {
max-width: 94%;
}	
	
.contents h2{
text-align: center;
margin: 0rem auto 2rem auto;
font-size: 2.4rem;	
line-height: 2.5rem;
font-weight: bold;	
background-color:rgba(238, 238, 238, 1);
padding: 1rem 0rem 0.5rem 0rem;		
}
.contents h3{
text-align: center;
margin: 0rem auto 1rem auto;
font-size: 1.9rem;	
line-height: 2.5rem;
font-weight: bold;	
}

.contents li{
max-width: 90%;	
text-align: left;
margin: 2rem auto 2rem auto;
font-size: 1.6rem;	
line-height: 1.8rem;
font-weight: bold;	
}
.online{
margin: 5rem auto 1rem auto;
max-width: 90%;
}	
.online h2{
text-align: center;
margin: 5rem auto 1rem auto;
font-size: 2rem;	
line-height: 2.5rem;
font-weight: bold;	
}	
.online p{
text-align: left;
text-align: justify;	
margin: 0rem auto 1rem auto;
font-size: 2rem;	
line-height: 2.5rem;
font-weight: bold;	
}	
.merit {
max-width: 96%;
margin: 0rem auto 0rem auto;	
}	
.merit h2{
text-align: center;
margin: 5rem auto 2rem auto;
padding: 0.5rem 0 1rem 0;	
font-size: 2rem;	
font-weight: bold;	
color: #fefef6;
background-color: #009396;
height: 3rem;	
}	
.merit h3{
text-align: left;
text-align: justify;	
margin: 0rem auto 0.5rem auto;
font-size: 1.8rem;	
line-height: 2.5rem;
font-weight: bold;		
}		
.merit p{
text-align: left;
text-align: justify;	
margin: 0rem auto 3rem auto;
line-height: 2.5rem;
}	
/*申し込みの流れ
-------------------------------------*/
.flow.row {
margin-bottom: 3rem;
}

	
/*お問い合わせ
-------------------------------------*/
.contact-box {
border: 1px solid #ccc;
text-align: center;
padding: 2rem 0;
}
table {
  width: 96%;
  text-align: center;
  margin: 0rem auto 5rem auto;
}

table,th,td {
  border: 1px solid #bbb;
}
table a {
  color: #00497d; }
table a:hover {
  color: #1D247E; 
}
th {
width: 25%;
background: #ddd;
border: solid 1px #aaa;
text-align: center;
margin: auto;
}
td {
border: solid 1px #aaa;
margin: 0rem 0rem 0rem 0rem;
padding: 0.5rem 0rem 0rem 1rem;
text-align: justify;  
}   
/*包茎
-------------------------------------*/
.pimo {
margin: 0rem auto 0rem auto;	

}
.pimo h2{
font-size: 3rem;
font-weight: 600;	
letter-spacing: 0.3rem;	
margin: 0rem auto 3rem auto;	
padding: 1.5rem 0rem 1rem 0rem;
background-color: #616364;
color: #fefef6;	
}
.pimo h3{
font-size: 2.5rem;
font-weight: 600;	
margin: 0rem auto 1rem auto;	
padding: 0rem 0rem 0rem 0rem;
color: #2c2e2f;	
}
.pimo p{
margin: 1rem auto 2rem auto;	
padding: 0rem 0rem 0rem 0rem;
}	
.pimo img{
margin: -3rem auto 0rem auto;	
padding: 2rem 0rem 0rem 0rem;
}
/*リスク
-------------------------------------*/	

details h2{
font-weight: 600;
font-size: 2.5rem;	
margin: 0 auto 0rem auto;
}	
details h3{
font-weight: 600;
font-size: 2rem;
margin: 0 auto 0rem auto;
}
details p{
font-size: 1.5rem;	
margin: 0rem auto 0rem auto;
}
/*リスク-------------*/
.risk{
margin: 0rem auto 15rem auto;	
}
.risk h2{
margin:3rem auto 2rem auto;
color: #A43B3D;	
text-align: center;
font-weight: bold;
font-size: 2.5rem;	

}
.risk h3{
font-weight: 600;
font-size: 1.8rem;	
margin: 3rem auto 1rem auto;
background-color:rgba(238, 238, 238, 1);
padding: 1rem 0rem 0.5rem 0rem;	 			
}
.risk p{
margin: 0rem auto 4rem auto;	
text-align: justify;	
font-size: 1.4rem;	
	
}	
/*価格----------------------*/
.pricetable table tbody th {/*メニュー文字サイズ*/
color:#555;	
background-color: #eee;	
text-align: left;
font-size: .8em;
width: 40%;	
}	
	
.pricetable li{
color:#555;	
text-align: left;
font-size: .9em;
font-weight: 400;	
width: 90%;	
margin: 0rem auto 1rem auto;
}		

.pay h2{
color: #fefef6;	
background-color: #616364;	
padding: 1rem 0rem 0.7rem 0rem;
margin: 1em auto 2rem auto;
	
}
/*FAQ-----------------------------*/
.designed{
max-width: 96%;	
line-height: 2rem;
font-size: 1.6rem; 
font-weight: 400;
margin: 0rem auto 0rem auto;
text-align: left;
}
summary{
background-color:rgba(0,153,255,0.1);
color: #18015F;
padding: 0.7rem	;
margin: 0rem auto 0rem auto;
}
.designed{
margin: 0rem auto 0rem auto;
}
.designed p{
font-size: 1.5rem;	
margin: 1rem auto 0rem auto;
text-align: left;
line-height:2rem;	
}
.faq1 h3{
width: 96%;	
color: #fefef6;
margin: 0rem auto 2rem auto;
font-weight: 600;
background-color:#00497d;
padding: 1rem 0rem 0.5rem 0rem;	 		

}
	
/*痛みについて----------------------*/
.pain h3{
text-align: left;	
margin: 1rem 0rem 0rem 0rem;
font-weight: 600;
color: #00a7a0;	
}
.pain h4{
text-align: left;	
margin: -1rem auto -1rem auto;
font-weight: 600;
color: #000;	
}
.pain p{
text-align: left;
text-align: justify;	
margin: 0rem auto 2rem auto;
}	
	
/*各院-------------*/
.access p{
width: 96%;	
font-size: 1.7rem;	
margin: 1rem auto 2rem auto;
}
.access a{
width: 96%;	
font-size: 1.7rem;	
margin: 1rem auto 2rem auto;
}	
/*コロナ-------------*/
.corona{
margin: 10rem auto 10rem auto;
background-color:rgba(238, 238, 238, 1);	
}
.corona p{
text-align: left;	
margin: 1.5rem auto 1rem auto;	
padding: 1rem 1rem;	 
letter-spacing: -0.02rem;
}
.corona a{
text-align: right;	
margin: 0rem auto 0rem auto;
font-size: 1.3rem;	
}		
.corona a:hover{
margin: 0rem auto 0rem auto;
padding: 10rem auto 10rem auto;		
font-size: 1.3rem;	
color: #012249;	
}		
.obi_corona{
padding: 1.5rem 0rem 0rem 0rem;
margin: 0rem auto 0rem auto;
background-color: #555; 
color: #fefef6;
width: 100%;
height: 50px;	
}
.obi_corona h3{
text-align: center;  
padding: 0rem 0rem -5rem 0rem;	
margin: 0rem auto 0rem auto;
font-size: 1.8rem;
line-height: 2.5rem;	
font-weight: bold;
letter-spacing: 0.1rem;
}		
/*フッター
-------------------------------------*/
footer {
background-color: #F9F8F4;
}

footer li {
margin: 3rem 1rem 1rem 1rem;
padding: 0rem 0 0rem 0;	
line-height: 0rem;	
text-align: center;	
}
footer:hover { 
color: #999;
text-decoration-line: none;
}
	
/*コピーライト
-------------------------------------*/
.copyright {
text-align: center;
padding: 1rem 0;
background-color: #012249;
}
.copyright a {
color: #fff;
text-decoration: none;
display: inline;
}

/*39
-------------------------------------*/
.thanks{
margin: 0rem auto 0rem auto;
}
.thanks h2{
margin: 1rem auto -5rem auto;
}
.thanks p{
margin: 6rem auto 0rem auto;
}	

/*ページトップへ戻るボタン
-------------------------------------*/
#pagetop {
position: fixed;
bottom: 15px;
right: 15px;
}
#pagetop a {
display: block;
background: #012249;

color: #fff;
width: 50px;
padding: 10px 5px;
text-align: center;
}
#pagetop a:hover {
background: #12335a;
}


}