@charset "UTF-8";
@import url("grid_sp.css");
@import url("header.css");
@import url("footer.css");
@import url("news.css");
@import url("ress.min.css");
@import url("price.css");
@media only screen and (max-width :768px ){
.pc { display: none !important;}
.sp { display: block !important;}  
p, a, h1, h2, h3, h4, h5, h6, th, td, li, ul, dd {
font-family:/* 'Zen Kaku Gothic Antique', */sans-serif;	
color: #555;	
}
.br-sp {
display: none;
}		

a {
display:block;
color: #333;
text-decoration-line: none;
}
a:hover { 
color: #999;
text-decoration-line: none;
}  
a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
p{
font-size: 110%;				
}	
hr{
margin: 0rem auto 1rem auto;
}
.red{
color: #A60000;	
}
	
/*コンテンツ----------------------*/	
.contents-news {
max-width: 94%;
margin: 20rem auto 3rem auto;
}	
.contents {
max-width: 94%;
margin: 0rem auto 3rem auto;
}
.bg-0 .contents p{
text-align: center;
text-align: justify;	
margin: 0rem auto 2rem auto;
font-size: 130%;	
font-weight: 600;	
color: #555;	
}

.contents h3{
text-align: center;
font-size: 2rem;
line-height: 2.5rem;	
margin: 5rem auto 1rem auto;
font-weight: 600;
color: #555;		
}	
	
.bg-1 .contents h4{
text-align: center;
margin: 0rem auto 1rem auto;
font-size: 2.rem;
font-weight: 600;
line-height: 2rem;	
color: #555;	
}
.contents h5{
text-align: left;
margin: 0rem auto 1rem auto;
line-height: 2rem;
font-size: 1.3rem;	
}	
.contents h6{
color: #555;	
text-align: center;
margin: -1rem 0rem 3rem 0rem;
line-height: 2rem	
}

.contents li{
list-style: disc;
text-align: center;
text-align: justify;	
font-weight: 600;	
font-size: 1.6rem;
line-height: 2rem;
text-indent: -2.3rem;	
padding: 0rem 0rem 0rem 0rem;	
margin: 1rem 0rem 1.5rem 2.5rem ;	
}
	
.contents img{
width: 100%;	
text-align: center;
margin: 1rem auto 2rem auto;
}	

	
.tittle h2{
margin:5rem auto 0rem auto ;
color: rgba(26, 160, 255, 1);
font-size: 3.5rem;
line-height: 5rem;	
font-weight: 600;	
text-align: center;	
}	
	
.tittle h4{
margin:0rem auto 1rem auto ;
color: #555;
font-size: 1.8rem;
font-weight: 600;		
}

h5.zei {
text-align: right;
margin:0rem 0rem 1rem 3rem ;
color: #777;
font-size: 1.5rem;
font-weight: 500;	
}	
	
/*特徴------------------*/
.contents .icon{
max-width: 96%;
text-align: center;
margin:1rem auto 0rem auto;	
justify-content: space-around;
display: flex;
}
	
.contents  .icon  h3{
color: #444;
font-size: 2.5rem;
line-height: 3rem;	
font-weight: 600;	
margin:0rem auto 0rem auto;
padding: 2rem 0rem 0rem 0rem;	
width: 120px;
height: 120px;		
border: 6px double rgba(232,122,144,0.6);
border-radius: 50%;	
background-color: rgba(254,254,246,0.6);
}
	
.icon  h5{
color: #444;
font-size:130%;
line-height: 2rem;	
font-weight: 600;	
margin:-6rem auto 0rem auto;
padding: 0rem 0rem 0rem 0rem;	
}		
	
	
.icon-flex-3 { 
width: 98%; 
display: flex;	
margin: 5rem auto 0rem auto;
}
.icon-flex-2 { 
width: 98%; 
display: flex;	
margin: 0rem auto 0rem auto;
}
	
.subject-icon { 
width: 98%; 
margin: 0 auto;
}

.subject-icon h3 { 
width: 90%; 
text-align: center;	
margin: 0rem auto 1rem auto;
line-height: 2.2rem;
font-size: 1.8rem;	
color: #555;
font-weight: 600;	
}	

.big{
font-size: 120%;
}
	

.blue{
color:rgba(0,98,132,1);
}
	
.red{
color:rgba(235,122,119,1);
}	
	
	
.pink  h3{
margin:0rem auto 0rem auto;
padding: 1.5rem 0rem 0rem 0rem;	
width: 110px;
height: 110px;		
border: 6px double rgba(232,122,144,0.6);
border-radius: 50%;	
background-color: rgba(254,254,246,0.6);
}
	
.pink   h5{
color: #444;
font-size:130%;
line-height: 2rem;	
font-weight: 600;	
margin:-6rem auto 0rem auto;
padding: 0rem 0rem 0rem 0rem;
}	
	
.bg-0 {
max-width: 100%;	
margin: 0;
padding:1rem 0 	;
background-color:#145380;
}	
.bg-1 {
max-width: 100%;	
margin: 0;
padding:1rem 0 	;
background-color:#FFFBD2;
}	
.bg-2 {
max-width: 100%;	
margin: 0;
padding:1rem 0 	;
background-color:#C0F4FF;
}	
.bg-3 {
max-width: 100%;	
margin: 0;
padding:1rem 0 	;
background-color:#fefef6;
}	

.faq {
max-width: 100%;
padding: 1rem 1.5rem 5rem 1.5rem;  	
margin: -5rem auto 0rem auto ;
background-color: rgba(183, 153, 230, 0.2);	
}	
	
.white{
color:#fefef6;	
font-size: 3rem;
font-weight: 600;	
line-height: 4rem;		
}		
.yellow{
color:rgba(255, 200, 0, 1);	
font-size: 3rem;
font-weight: 600;	
line-height: 4rem;	
}	
.bg-0 .contents h3{
font-family: "Caveat";	
color: #fefef6;		
text-align: center;
line-height: 3.5rem;
font-size: 2.5rem;	
font-weight: 600;	
margin: 2rem auto 0rem auto;
padding: 0rem 0rem 0rem 0rem;
}		
.bg-0 .contents  h4{
font-family: "Caveat";	
color: #fefef6;
background-color: rgba(26, 160, 255, 1);
text-align: center;
line-height: 3rem;
font-size: 2.2rem;	
font-weight: 600;	
margin: 3rem auto 0rem auto;
padding: 0.5rem 0rem 0rem 1rem;
}		
.bg-0 .contents  h5 {
width: 0;
height: 0;
border-style: solid;
border-right: 30px solid transparent;
border-left: 30px solid transparent;
border-top: 15px solid  rgba(26, 160, 255, 1);
border-bottom: 0;
margin: 0rem auto -1.5rem auto;
	
}		
.bg-0 .contents  p{
font-family: "Caveat";	
color: #333;		
text-align: center;
line-height: 2.5rem;
font-size: 1.7rem;	
font-weight: 600;	
margin: -3.5rem auto 0rem auto;
padding: 1rem 0.5rem 1rem 0.5rem;
background-color: #fefef6;
	
}		
.bg-0 .contents .pink{
color: #ff6464;
font-size: 110%;	
}
	

.tittle-g1{
max-width: 96%;	
text-align: center;	
margin: 2rem auto 2rem auto;
}	
.tittle-g1 h2{
font-size: 2.5rem;		
line-height: 3rem;
font-weight: 700;
color: rgba(26, 160, 255, 1);
margin: 2rem 0rem 0rem 8rem;
	
}	
.tittle-g1 img{
width:25%;
height: auto;	
margin: -9rem 22rem 0rem 0rem;
}	
/*------------------------------*/
.tittle-g2{
max-width: 96%;	
text-align: center;	
margin: 5rem auto 2rem auto;
flex-shrink: 0; 	
}	
.tittle-g2 h2{
font-size: 2.5rem;		
line-height: 3rem;
font-weight: 700;
color: rgba(26, 160, 255, 1);
margin: -7rem 8rem 0rem 0rem;
}	
.tittle-g2 img{
width: 25%;
height: auto;	
margin: -3rem 0rem 0rem 18rem;
padding: 0rem 0rem 0rem 0rem;
flex-shrink: 0; 	
text-align: center;	
}
.bg-2 .contents  h4{
font-family: "Caveat";	
color: #555;
text-align: center;
line-height: 3rem;
font-size: 2.5rem;	
font-weight: 600;	
margin: 0rem auto 1rem auto;
padding: 0.5rem 0rem 0rem 1rem;
}
	
/*------------------------------*/
.tittle-g3{
max-width: 96%;	
text-align: center;	
margin: 2rem auto 2rem auto;
}	
.tittle-g3 h2{
font-size: 2.5rem;		
line-height: 3rem;
font-weight: 700;
color: rgba(26, 160, 255, 1);
margin: 2rem 0rem 0rem 8rem;
	
}	
.tittle-g3 img{
width:25%;
height: auto;	
margin: -8rem 25rem 0rem 0rem;
}
.bg-1 .contents  h4{
font-family: "Caveat";	
color: #555;
text-align: center;
line-height: 3rem;
font-size: 2.5rem;	
font-weight: 600;	
margin: 0rem auto 1rem auto;
padding: 0.5rem 0rem 0rem 1rem;
}	

/*------------------------------*/
.tittle-g4{
max-width: 96%;	
text-align: center;	
margin: 5rem auto 2rem auto;
flex-shrink: 0; 	
}	
.tittle-g4 h2{
font-size: 2.5rem;		
line-height: 3rem;
font-weight: 700;
color: rgba(26, 160, 255, 1);
margin: -7rem 10rem 0rem 0rem;
}	
.tittle-g4 img{
width: 25%;
height: auto;	
margin: -5rem 0rem 0rem 25rem;
padding: 0rem 0rem 0rem 0rem;
flex-shrink: 0; 	
text-align: center;	
}
.bg-2 .contents  h4{
font-family: "Caveat";	
color: #555;
text-align: center;
line-height: 3rem;
font-size: 2.5rem;	
font-weight: 600;	
margin: 0rem auto 1rem auto;
padding: 0.5rem 0rem 0rem 1rem;
}
.bg-3 .contents  h4{
font-family: "Caveat";	
color: #555;
text-align: center;
line-height: 3rem;
font-size: 2.5rem;	
font-weight: 600;	
margin: 0rem auto 1rem auto;
padding: 0.5rem 0rem 0rem 1rem;
}		

/*--------------*/	
.tittle-5{
max-width: 96%;	
text-align: center;	
margin: 1rem auto 2rem auto;
display: flex;	
}	
.tittle-5 img{
width: 38%;
height: auto;	
margin: -2rem 0 0rem 0rem;

}		
.tittle-5 h2{
font-size: 2.5rem;		
line-height: 3rem;
font-weight: 700;
color: rgba(26, 160, 255, 1);
margin: 1rem 0 2rem 0rem;
}
/*--------------*/

.tittle-6{
max-width: 96%;	
text-align: center;	
margin: 5rem auto 2rem auto;
display: flex;	
}
.tittle-6 h2{
font-size: 2.5rem;		
line-height: 3rem;
font-weight: 700;
color: rgba(26, 160, 255, 1);
margin: 1rem 0rem 1rem 3rem;
padding: 0rem 0rem 0rem 2rem;
	
}		
.tittle-6 img{
width: 35%;
height: auto;	
margin: -2rem 0 0rem 0rem;
}		

	
	
.dr-img{
width: 50%;
height: auto;	
margin: 0rem auto 0rem auto;
}	
	
.dr-img-4{
width: 50%;
height: auto;	
margin: 0rem auto 0rem auto;
}		
/*帯----------------------*/
.obi1{
margin: 0rem auto 1rem auto;
padding: 1.5rem 0rem 0rem 0rem;
background-color: #6A8372; 
color: #fefef6;
width: 100%;
height: 50px;	
}
.obi1 h3{
text-align: center;  
padding: 0rem 0rem 0rem 0rem;	
margin: 0rem auto 0rem auto;
font-size: 2.4rem;
line-height: 2rem;	
font-weight: bold;
letter-spacing: 0.1rem;
color: #fefef6;	
}
.obi2{
padding: 0rem 0rem 0rem 0rem;
margin: 0rem auto 2rem auto;
background-color:rgba(210,142,155,1);
width: 100%;
height: 40px;	
}
.obi2 h3{
text-align: center;  
padding: 0.7rem 0rem 0rem 0rem;	
margin: 0rem auto 0rem auto;
font-size: 2.5rem;
line-height: 2.5rem;	
letter-spacing: 0.1rem;
color: #fefef6;	
}
.obi3{
padding: 0rem 0rem 0rem 0rem;
margin: 0rem auto 2rem auto;
background-color:rgba(106,131,114,1);
width: 100%;
height: 40px;	
}
.obi3 h3{
text-align: center;  
padding: 0.7rem 0rem 0rem 0rem;	
margin: 0rem auto 0rem auto;
font-size: 2.5rem;
line-height: 2.5rem;	
letter-spacing: 0.1rem;
color: #fefef6;	
}
.obi4{
padding: 0rem 0rem 0rem 0rem;
margin: 0rem auto 2rem auto;
background-color:rgba(63,136,204,1);
width: 100%;
height: 40px;	
}
.obi4 h3{
text-align: center;  
padding: 0.7rem 0rem 0rem 0rem;	
margin: 0rem auto 0rem auto;
font-size: 2.5rem;
line-height: 2.5rem;	
letter-spacing: 0.1rem;
color: #fefef6;	
}

.obi-bt{
padding: 0rem 0rem 0rem 0rem;
margin: 0rem auto 2rem auto;
border-radius: 0px 12px 0px 0px;	
background-color:rgba(210,142,155,0.7);
width: 100%;
height: 30px;	
}
.obi-bc{
padding: 0rem 0rem 0rem 0rem;
margin: 0rem auto 2rem auto;
border-radius: 0px 12px 0px 0px;	
background-color:rgba(106,131,114,0.7);
width: 100%;
height: 30px;		
}
.obi-bs{
padding: 0rem 0rem 0rem 0rem;
margin: 0rem auto 2rem auto;
border-radius: 0px 12px 0px 0px;	
background-color:rgba(63,136,204,0.7);
width: 100%;
height: 30px;	
}

.obi-bt h4,.obi-bc h4,.obi-bs h4{
text-align: center;  
padding: 0.2rem 0rem 0rem 0rem;	
margin: 0rem auto 1rem auto;
font-size: 1.7rem;
line-height: 2.5rem;	
font-weight: bold;
letter-spacing: 0.1rem;
color: #fefef6;	
}


	
	
/*--パンくず--*/
.bread{
max-width: 90%;	
margin:-2rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
}

.bread__inner {
padding-top: 15px;
display: flex;
flex-wrap: wrap;
}
.bread .bread__inner {
padding-top: 25px;
padding-bottom: 15px;
}
.bread .bread__inner li {
list-style: none;	
position: relative;
margin: 0rem 0rem 0rem 0rem;	
padding:3px 20px 0px 10px;
font-size: 1.2rem;
}
.bread .bread__inner li {
font-size: 1.4rem;
}
.bread .bread__inner li a {
transition: all 0.3s;
}
.bread .bread__inner li a:hover {
opacity: 0.6;
text-decoration: underline;
}
.bread .bread__inner li:after {
content: "";
position: absolute;
right: 0px;
top: 8px;
width: 8px;
height: 8px;
transform: rotate(135deg);
border-left: 1.5px solid;
border-top: 1.5px solid;
border-color: #86A697;
}
.bread .bread__inner li:after {
top: 9px;
}
.bread .bread__inner li:last-child::after {
border: none;
}

.bread .bread__inner li:after {
top: 9px;
}

.bread .bread__inner li:last-child::after {
border: none;
}

	
/*FAQ-------------------*/	
.faq {
max-width: 100%;
padding: 1rem 1.5rem 5rem 1.5rem;  	
margin: 0rem auto 0rem auto ;
background-color: rgba(183, 153, 230, 0.2);	
}
.f-1,.f-2,.f-3,.f-4 img{
margin: 0rem auto -2rem auto;  
width: 20%;
}		
.f-1,.f-2,.f-3,.f-4{
color: #555;
width: 96%;	
padding: 0.1rem 1.5rem 0.5rem 1.5rem;  
margin: 2rem auto 1rem auto;  
line-height: 2.8rem;  
text-align: center;  
background-color:#fefef6;
border-radius: 6px;	
}		

	
.tittle-f{
max-width: 96%;	
text-align: center;	
margin: 5rem auto 2rem auto;
}	
.tittle-f img{
width: 80%;
height: auto;	
margin: 0rem auto 0rem auto;
}		
.tittle-f h2{
font-size: 3.5rem;		
line-height: 4rem;
font-weight: 700;
color: rgba(26, 160, 255, 1);
margin: 1rem 0rem 2rem 0rem;
}	
.faq-q img{
margin: 0rem auto 0rem auto;  
padding: 1.5rem 0rem 0rem 0rem;
	
float: left;
width: 18%;
margin-right: 20px;	
}	
.faq-q h3 {
color: #00497d;
margin: 0rem auto 0rem auto;  
padding: 1.5rem 0rem 0rem 0rem;	
line-height: 2.3rem;  
text-align: left;  
font-size: 1.8rem;  
font-weight: 600;
}	
.faq-a img{
margin: 0.5rem auto -1rem auto;  
float: left;
width: 18%;
margin-right: 20px;	
}	
.f-img img{
margin: 3rem auto -8.75rem auto;  
width: 50%;
}	
	
.faq-pink{
color:#d28e9b; 
font-weight: 600;	
}
.tel{
color:#00a7a0; 
font-weight: 600;
font-size: 130%;	
}	
/*こだわり------------*/
.k-tittle{
display: flex;
}	
.k-tittle img{
width: 15%;
height: auto;	
margin: 0 0rem 0 1rem ;	
}		
	
.kodawari {
max-width: 100%;	
margin: 0;
padding:1rem 0 	;
background-color:#C0F4FF;
}		
.kodawari {
max-width: 96%;
height: auto;	
padding: 1rem 1.5rem 1.5rem 1.5rem;  	
margin: -2rem auto 0rem auto ;
background-color: rgba(26, 160, 255, 1);	
border-radius: 	10px;
}
	
.kodawari h3 {
color: #ff6464;
margin: 2rem auto 1rem auto;  
text-align: center;  
font-size: 2.5rem; 
line-height: 2.8rem;  	
font-weight: 600;
}	
.kodawari-2 {
max-width: 96%;
height: auto;	
padding: 1rem 1.5rem 1.5rem 1.5rem;  	
margin: -2rem auto 0rem auto ;
background-color: rgba(26, 160, 255, 0.5);	
border-radius: 	10px;
}
	
.kodawari-2 h3 {
color: #ff6464;
margin: 2rem auto 1rem auto;  
text-align: center;  
font-size: 2.5rem;  
line-height: 2.8rem;  
font-weight: 600;
}		
.k-1,.k-2,.k-3,.k-4 {
color: #555;
padding: 0.1rem 1.5rem 0.5rem 1.5rem;  
margin: 2rem auto 1rem auto;  
line-height: 2.8rem;  
text-align: center;  
background-color:rgba(255, 251, 210, 1);
border-radius: 6px;	
}
.k-5,.k-6,.k-7,.k-8{
color: #555;
padding: 0.1rem 1.5rem 0.5rem 1.5rem;  
margin: 2rem auto 1rem auto;  
line-height: 2.8rem;  
text-align: center;  
background-color:#fefef6;
border-radius: 6px;	
}	
/*口コミ----------------------------*/	
.voice {
max-width: 100%;	
margin: 0rem auto 0rem auto;
padding:1rem 0 	;

}	
.voice h2{
font-size: 3rem;		
line-height: 3.5rem;
font-weight: 600;
color: rgba(26, 160, 255, 1);
margin: 1rem auto 5rem auto;
text-align: center;	
}	
/*-----------------------*/	
.voice-a{
background-color: rgba(26, 160, 255, 0.1);
border-radius: 	10px;
padding:1rem 2rem 0.1rem 2rem ;
margin: 0rem auto 4rem auto;
}		
.voice .contents .voice-a img {
width: 30%;
height: auto;
text-align: left;	
margin: 0rem  0rem 0rem 0rem;
padding:0rem 0rem 0rem 0rem ;
}				
 .voice-a h3{
font-size: 3.5rem;		
line-height: 4rem;
font-weight: 600;
color:rgba(255, 200, 0, 1);	
margin: -6rem auto 3rem 8rem;
}		
/*-----------------------*/	
	
.voice-b{
background-color: rgba(93, 172, 129, 0.1);
border-radius: 	10px;
padding:1rem 2rem 0.1rem 2rem ;
margin: 0rem auto 4rem auto;
}		
.voice .contents .voice-b img {
width: 30%;
height: auto;
text-align: right;	
margin: 1rem  0rem 0rem 20rem;
padding:0rem 0rem 0rem 0rem ;
}				
.contents .voice-b h3{
font-size: 3.5rem;		
line-height: 4rem;
font-weight: 600;
color:rgba(255, 200, 0, 1);	
margin: -6rem 8rem 3rem 0rem;
}	
/*-----------------------*/	
.voice-c{
background-color: rgba(26, 160, 255, 0.1);
border-radius: 	10px;
padding:1rem 2rem 0.1rem 2rem ;
margin: 0rem auto 4rem auto;
}		
.voice .contents .voice-c img {
width: 30%;
height: auto;
text-align: left;	
margin: 0rem  0rem 0rem 0rem;
padding:0rem 0rem 0rem 0rem ;
}				
.contents .voice-c h3{
font-size: 3.5rem;		
line-height: 4rem;
font-weight: 600;
color:rgba(255, 200, 0, 1);	
margin: -6rem auto 3rem 8rem;
}		
/*-----------------------*/	
		
/*-----------------------*/	
	
.voice .contents img{
width: 90%;
margin: 0 auto 0 auto;
text-align: center;	
}	
	
.voice .contents  h4{
font-size: 2rem;		
line-height:2.5rem;
font-weight: 600;
color:#555;	
margin: -1rem auto 1rem auto;
text-align: center;	
}	
.g-g{
color:rgba(61, 136, 241, 1);
}	
.g-o{
color:rgba(237, 65, 44, 1);
}	
.g-o2{
color:rgba(247, 191, 5, 1);
}	
.g-g2{
color:rgba(70, 132, 236, 1);
}		
.g-l{
color:rgba(57, 165, 88, 1);
}	
.g-e{
color:rgba(238, 67, 56, 1);
}		
	

	
/*治療までの流れ*/	
.nagare{
max-width: 96%;
margin: 2rem auto 1rem auto;  
}
.nagare img{
width: 96%;
height: auto;
margin: 2rem auto 1rem auto;  
text-align: center;	
}
.nagare h2{
font-size: 3.5rem;		
line-height: 4rem;
font-weight: 700;
color: rgba(26, 160, 255, 1);
margin: 4rem auto 0rem auto;
text-align: center;	
}		
.nagare h4{
margin: 4rem 0 1rem auto; 
font-weight: 600;	
font-size: 2.4rem;
line-height: 3rem;	
text-align: left;	
color: #333;	
}		
.nagare p{
margin: 0rem 0 2rem auto; 
text-align: left;	
color: #333;	
}		
.step{
margin: 4rem 0 2rem auto; 
font-weight: 600;	
font-size: 3.5rem;
line-height: 3rem;	
text-align: left;	
color: #ff6464;	


}	
/*コロナ-------------*/
.corona{
margin: 10rem auto 0rem auto;
padding: 1rem 0rem 0rem 0rem;	 	
background-color:#fefef6;	
}
.corona p{
text-align: center;	
margin: 1.5rem auto 1rem auto;	
padding: 1rem 1rem;	 
}
.corona h4{
text-align: center;	
margin: 1.5rem auto 1rem auto;	
padding: 1rem 1rem;	 
font-weight: 600;	
font-size: 2rem	
}	
.corona a{
margin: 0rem auto 0rem auto;
padding: 10rem auto 10rem auto;		
font-size: 1.3rem;	
color: #00CBFF;	
}		
.corona a:hover{
margin: 0rem auto 0rem auto;
padding: 10rem auto 10rem auto;		
font-size: 1.3rem;	
color: #007EBB;	
}	
/*個人情報
-------------------------------------*/
.mainimg img{
width: 100%;
margin: 0 auto 3rem auto;
}		
.catch h3{
margin: 0rem auto 2rem auto;
font-size: 2rem;
line-height: 3rem;	
font-weight: 600;	
}
.catch p{
margin: 0rem auto 2rem auto;
font-size: 1.5rem;
text-align: left;
text-align: justify;	
}	
}