@charset "UTF-8";
@import url("grid_sp.css");
@import url("header.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: #fdfdf5;
text-decoration-line: none;
}  


/*TOP　img----------------------*/
.mainimg {
width: 100vw;
top: 0px;	
position: relative;
margin: 0rem auto 3rem auto;
}	
.mainimg img {
width: 100vw;
height: auto;	
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 {
max-width: 90%;
}	

.contents h3{
text-align: center;
margin: 0rem auto 1rem auto;
font-size: 1.9rem;	
line-height: 2.5rem;
font-weight: bold;	
}
.contents h4{
text-align: center;
margin: 2rem auto 1rem auto;	
font-size: 2rem	
}
.contents li{
max-width: 90%;	
text-align: left;
margin: 2rem auto 2rem auto;
font-size: 1.6rem;	
line-height: 1.8rem;
font-weight: bold;	
}
.contents p{
text-align: left;
text-align: justify;
margin: 0rem auto 1rem auto;
}
/*申し込みの流れ
-------------------------------------*/
.flow.row {
margin-bottom: 3rem;
}
.flow.row p {
margin: 0rem auto 3rem auto;
symptomsfont-weight: 600;
font-size: 1.7rem;
}
.flow.row h4 {
margin: 0rem 0rem 1rem 0rem;
symptomsfont-weight: 600;
font-size: 2rem;
line-height: 2.5rem;	
}	
	
/*------------li　２行-------------------------*/	
	
li {
list-style: disc;
margin:0rem auto 1.5rem auto ;
padding: 0rem 0rem 0rem 0rem  ;	
color: #555555;
font-size: 1.6rem;	
line-height: 2rem	;	
text-align: left;	
}

	
/*---費用---------*/	
.price-1{
width: 100%;
margin:0rem auto 3em auto ;	
}	
.price{
width: 100%;
border-collapse: collapse;
margin:0rem auto 0.5em auto ;	

}

.price tr{
border-bottom: solid 2px white;
}

.price tr:last-child{
border-bottom: none;
}

.price th{
position: relative;
width: 50%;
background-color: #52c2d0;
color: white;
text-align: center;
padding: 10px 0;
}

.price th:after{
display: block;
content: "";
width: 0px;
height: 0px;
position: absolute;
top:calc(50% - 10px);
right:-10px;
border-left: 10px solid #52c2d0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}

.price td{
width: 50%;
text-align: center;	
background-color: #eee;
padding: 10px 0;
font-weight: 600;
color: #d38e9c;	
font-size:2rem;	
}
.price-1　li{
padding-left:1rem;
text-indent:-0.5rem;
}		
/*FAQ-----------------------------*/
.faq p{
text-align: center;	
margin: 2rem auto 2rem auto;		
}
.faq1 h3{
margin: 3rem auto 1rem auto;		
color: rgba(0,92,89,1.00);
}	
.designed{
max-width: 90%;	
line-height: 2.5rem;
font-size: 1.6rem; 
font-weight: 400;
margin: 0rem auto -3rem auto;
text-align: left;
}
summary{
background-color:rgba(0,167,160,0.3);
color: rgba(3,123,118,1.00);
padding: 1rem 1rem 0.7rem 0rem ;
text-align: left;	
margin: 1rem auto 1rem auto;
font-weight: 600;
font-size: 1.5rem; 
padding-left:3rem;
text-indent:-1.7rem;
letter-spacing: 0.2rem;	
line-height: 1.8rem;
border-radius: 0px 15px 0px 0px;	
}

.designed p{
max-width: 96%;	
margin: 1rem auto 0rem auto;
text-align: left;
}  
.details_content {
margin: 1rem auto 3rem auto;

}	


/*痛みについて----------------------*/
.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 0rem 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;  
color: #fefef6;	
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: 0rem auto -4rem auto;
line-height: 2.5rem;	
font-weight: 600;	
}
.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;
}
/*個人情報*/	
.catch {
width: 90%;	
margin: 0rem auto 0rem auto;
}	
.catch p{
text-align: left;	
font-weight: 500;
font-size: 1.5rem;	
margin: 0rem auto 2rem auto;
}
.catch h3{
font-weight: 600;
font-size: 1.8rem;	
margin: 0rem auto 2rem auto;
}

.cp_pricetable3 {
width: 100%;
margin: 0 auto;
border-spacing: 1px 0;
border-collapse: separate;
}

.cp_pricetable3 th.group1 {
background: #52c2d0;
color: #fefef6;	
font-size: 2rem;
font-weight: 600;	
}


/*メインブロック*/
.cp_pricetable3 tr td {
padding-top: 15px;
text-align: center;
border: none;
}
.cp_pricetable3 tr:last-child td {
border-radius: 0 0 5px 5px;
color: #d38e9c;
font-size: 2.5rem;
font-weight: 600;		
background: #eee;	
}	
	
h5.ex {
width: 96%;	
text-align: left;
text-align: justify;	
margin:1rem 0rem 1rem 2rem ;
padding: 0rem 1rem 1rem 0rem ;	
color: #777;
font-size: 1.4rem;
font-weight: 500;
text-indent: -1.5rem;
padding-left: -1.8rem;
}
h5.zei {
width: 100%;		
text-align: right;
margin:1rem 0rem 1rem 0rem ;
color: #777;
font-size: 1.4rem;
font-weight: 500;	
}
h5.zei2 {
width: 100%;	
text-align: right;
margin:1rem 0rem 1rem 0rem ;
color: #777;
font-size: 1.4rem;
font-weight: 500;	
}	
	
	
}