@charset "UTF-8";
@import url("form_sp.css");
@media only screen and (max-width : 768px ){
/* SP時に表示 */
.pc { display: none !important;}
.sp { display: block !important;}  
 
img {
max-width:100%;
height: auto;/*高さ自動*/
}
a {
display:block;
color: #10589e;
text-decoration-line: none;
}
a:hover { 
color: #aaa;
text-decoration-line: none;
}  
/*------------------------*/
.mainimg img {
width: 100%;
margin: 0.5rem auto 2rem auto;
}
	
/*コンテンツ----------------------*/
.contents {
width: 100%;	
text-align: center;
margin: 0rem auto  0rem auto;
}
.contents h3{
text-align: center;
margin: 0rem auto 1rem auto;
line-height: 2.5rem;
font-size: 1.4rem;	
}	
.contents .cont-center p{
width: 96%;	
text-align: left;
text-align: justify;
margin: 0rem auto 5rem auto;
font-size: 1rem;	
}	
.contents h4{
color: #333;
font-size: 1.2rem;	
line-height: 2rem;  
text-align: center;  
margin: 0rem auto 0.5rem auto;  
}

.contents img{
max-width: 100%;
margin: 0rem auto 1rem auto;
}
.contents p{
text-align: left;
text-align: justify;
margin: 0rem auto 0rem auto;
font-size: 1rem;	
line-height: 1.5rem	
}
.contents li{
text-align: left;
text-align: justify;
margin: 2rem auto -1rem auto;
}



.obi1{
padding: 0rem 0rem 0rem 0rem;
margin: 0rem auto 1rem auto;
background-color: #10589e; 
}
.obi1 h3{
text-align: center;  
padding: 0.15rem 0rem 0.25rem 0rem;	
margin: 0rem auto 0rem auto;
font-size: 1.5rem;
line-height: 2.5rem;	
font-weight: bold;
letter-spacing: 0.1rem;
color: #fefef6;
}


/*-----flex-2----*/
.flex-2{
display: block;	
flex-shrink: 0;	
margin: 2rem auto 2rem auto;
}
.flex-2 p{	
font-size: 1rem;
line-height: 1.5rem;
margin: 0rem auto 2rem auto;
padding: 0rem ;
text-align: center;
text-align: justify;
color: #333;	
}		
.flex-2 h4{
font-size: 1.4rem;	
line-height: 1.5rem;	
color: #333;
text-align: center;
margin: 0rem auto 0.5rem auto;
padding: 0rem ;
}	
.flex-2 h5{
color: #0D5284;
font-size: 110%;
line-height: 2rem;	
text-align: center;
margin: 0rem auto 1rem auto;
padding: 0rem ;
font-weight: 600;	
}		
			
.flex-2 li{
color: #333;	
text-align: left;
text-align: justify;
list-style: none;	
margin: 0rem 0rem 1rem 0rem;
padding: 0rem 0.5rem 0rem 1rem;	
text-indent: -1rem;
font-size: 1rem;
line-height: 1.3rem;	
font-weight: 600;	
}
	
.flex-left{
text-align: center;	
margin: 0rem auto  0rem auto;
padding: 0rem 1rem 0rem 1rem;	
}	
	
.flex-right{
text-align: center;	
margin: 0rem auto  0rem auto;
padding: 0rem 1rem 0rem 1rem;	
}	
.flex-2 img{
width: 100%;	
}		
/*----------------*/
.flex3-left{
text-align: center;	
margin: 0rem auto  0rem auto;
padding: 0rem 1rem 0rem 1rem;	
}	
.flex3-center{
text-align: center;	
margin: 0rem auto  0rem auto;
padding: 0rem 1rem 0rem 1rem;	
}	
.flex3-right{
text-align: center;	
margin: 0rem auto  0rem auto;
padding: 0rem 1rem 0rem 1rem;	
}	
	
h4.item {
background: #52c2d0;
color: #fefef6;	
font-size: 1.2rem;
font-weight: 600;	
padding: 0.5rem 0;
}
h4.price {
color: #d38e9c;
font-size: 2rem;
font-weight: 600;
margin: 1.5rem auto;
}	

.small{
font-size: 85%;
}

/*--費用---------------------*/

.zei li{
text-align: left;
text-align: justify;
margin:0rem 0rem 0.5rem 1.5rem ;
padding: 0 1rem 0 0;	
color: #555;
font-size: 0.9rem;
line-height: 1.2rem;
font-weight: 600;	
text-indent:-1rem;	
}	
	


/*FAQ-----------------------------*/
.faq p{
text-align: center;
padding: 0rem 0  1rem 0 ;	
}
	
.designed{
width: 100%;	
font-weight: 600;
margin: 0rem auto 0rem auto;
padding:0 0 0 0rem  ;

}
summary{
background-color:rgba(0,153,255,0.1);
color: #10589e;
padding:0.25rem 0 0.25rem  1.5rem	;
margin: 0rem auto 0rem auto;
font-size: 1rem; 
text-align: left;
text-indent: -1.05rem;		
line-height: 1.3rem;	
}
.details_content p{
margin: 0rem auto 0rem auto;
text-align: left;
text-align: justify;
color: #555;	
font-size: 1rem;	
font-weight: 500;	
line-height: 1.4rem;	
padding: 1rem;	
}
.designed p{
margin: 1rem auto 2rem auto;
text-align: left;
}
.faq1 h3{
color: #fefef6;
margin: 0rem auto 2rem auto;
font-weight: 600;
background-color:#00497d;
padding: 0.25rem 0rem 0.25rem 0rem;	 		
font-size: 1.3rem;
}


/*--診療日時--*/
.gentei{
border: solid 2px #10589e;
padding: 0px 0px 0px 0px;
margin: 5rem auto 3rem auto;
color: #fff;	
}
.gentei h3{
text-align: center;
background:  #10589e;	
padding: 2px 1px 4px 1px;
margin: 0;	
color: #fff;
font-size: 1.4rem;	
}
.gentei h4{
color: #10589e;
font-size: 1.2rem;	
line-height: 1.5rem;
text-align: center;	
padding: 1rem 0;
	
}
.gentei p{
color: #333;
font-size: 1rem;
line-height: 1.4rem;	
text-align: left;
text-align: justify;
padding: 0 1rem 1rem 1rem;	
}


/*39
-------------------------------------*/
.thanks{
margin: 0rem auto 0rem auto;
}
.thanks h2{
margin: 0rem auto 0rem auto;
}
.thanks p{
margin: 6rem auto 0rem auto;
text-align: center;	
}	
	
}