@charset "UTF-8";
@import url("form.css");

@media only screen and (min-width : 769px ){
/* PC時に表示 */
.pc { display: block !important; }
.sp { display: none !important; }
/*------------------------*/
.mainimg img {
width: 100%;
position: relative;
margin: -2rem auto 2rem auto;
}
/*コンテンツ----------------------*/
.contents {
max-width: 960px;	
text-align: center;
margin: 0rem auto  0rem auto;
}
.contents h3{
text-align: center;
margin: 0rem auto 1rem auto;
line-height: 2.5rem;
font-size: 2rem;	
}	
.contents .cont-center p{
text-align: center;
margin: 0rem auto 5rem auto;	
}	
.contents h4{
color: #333333;
font-size: 1.5rem;	
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; 
width: 100%;
}
.obi1 h3{
text-align: center;  
padding: 0.35rem 0rem 0.5rem 0rem;	
margin: 0rem auto 0rem auto;
font-size: 2rem;
line-height: 2.5rem;	
font-weight: bold;
letter-spacing: 0.1rem;
color: #fefef6;
}


/*-----flex-2----*/
.flex-2{
display: flex;	
flex-shrink: 0;	
margin: 2rem auto 2rem auto;
max-width: 1200px;	
}
.flex-2 p{	
font-size: 1rem;
line-height: 1.5rem;
margin: 0rem auto 2rem auto;
padding: 0rem 0.5rem 0rem 0.5rem;
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 0.5rem 0rem 0.25rem;
}	
.flex-2 h5{
width: 94%;	
color: #0D5284;
font-size: 110%;
line-height: 2rem;	
text-align: center;
margin: 0rem auto 1rem auto;
padding: 1rem 0 0.5rem 0;	
font-weight: 600;	
}		
			
.flex-2 li{
color: #333;	
text-align: left;
text-align: justify;
list-style: none;	
margin: 0rem 0rem 1rem 0rem;
padding: 0rem 1.5rem 0rem 1.5rem;	
text-indent: -1rem;
font-size: 1rem;
line-height: 1.3rem;	
font-weight: 600;	
}
	
.flex-left{
width: 50%;	
text-align: center;	
margin: 0rem auto  0rem auto;
padding: 0rem 1rem 0rem 1rem;	
}	
	
.flex-right{
width: 60%;	
text-align: center;	
margin: 0rem auto  0rem auto;
padding: 0rem 1rem 0rem 1rem;	
}	
.flex-2 img{
width: 100%;	
}		
/*----------------*/
.flex3-left{
width: 33%;	
text-align: center;	
margin: 0rem auto  0rem auto;
padding: 0rem 1rem 0rem 1rem;	
}	
.flex3-center{
width: 33%;	
text-align: center;	
margin: 0rem auto  0rem auto;
padding: 0rem 1rem 0rem 1rem;	
}	
.flex3-right{
width: 33%;	
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;
width: 100%;
}
h4.price {
color: #d38e9c;
font-size: 2rem;
font-weight: 600;
margin: 1.5rem auto;
}	

.small{
font-size: 85%;
}

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

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


/*FAQ-----------------------------*/
.faq p{
text-align: center;
padding: 0rem 0  1rem 0 ;	
}
	
.designed{
max-width: 90%;	
font-size: 1.3rem; 
font-weight: 600;
margin: 0rem auto 0rem auto;
text-align: left;
}
summary{
background-color:rgba(0,153,255,0.1);
color: #10589e;
padding: 0.7rem	;
margin: 0rem 0rem 0rem 0rem;
}
.details_content p{
max-width: 96%;	
margin: 1rem auto 2rem auto;
text-align: left;	
color: #555;	
}
.designed p{
max-width: 96%;	
margin: 1rem auto 2rem auto;
text-align: left;
}
.faq1 h3{
width: 90%;	
color: #fefef6;
margin: 0rem auto 2rem auto;
font-weight: 600;
background-color:#00497d;
padding: 0.25rem 0rem 0.25rem 0rem;	 		
font-size: 1.5rem;
}


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


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