@charset "UTF-8";
/*--PC表示---------------------------------*/
@media only screen and (min-width : 769px ){
/* PC時に表示 */
.pc { display: block !important; }
.sp { display: none !important; }
.bg-w{
background-color: #FCFEFF;		
padding: 3rem 0rem 3rem 0rem;
}	
.bg-g{
background-color: rgba(226, 226, 232,0.3);
padding: 3rem 0rem 0rem 0rem;
}			
.voice-contents {
max-width: 1200px;	
text-align: center;
margin: 0em auto 0rem auto;
}	
.voice-contents p{
font-size: 0.95rem;
}
img{
width: 100%;
}
.narrow {
font-size: 96%;
margin: 0 0 0.5rem 0 ;	
}	
.bold{
font-weight: 600;
}	
.blue{color: #0058a5;
}	
	
.voice-contents  .tittle h3{
font-size: 2.5rem;
line-height: 3rem;	
margin: 0rem auto 2rem auto;
color: #555;		
}	
.contents .tittle h4{
font-size: 1.5rem;
line-height: 2rem;	
color: #555;	
margin: 0rem auto 1rem auto;
}		
.contents li{
font-size: 1rem;	
text-align: left;	
line-height: 1rem;	
color: #555;	
margin: 0.25rem auto 1rem auto;
}		

/*キャンペーン---------*/	
.campaign-one{
text-align:center;
margin: 2rem auto 0 auto;
width: 100%;
}
.campaign-one img{
width: 98.5%;
height: auto;
text-align:center;
margin: -1rem auto 1rem auto;
}	
	
.campaign-two{
text-align:center;
display: flex;	
margin: 2rem auto 0 auto;
width: 100%;
}	
.campaign-two img{
width: 50%;
height: auto;
text-align:center;
margin: -1rem auto 1rem auto;
}	
	
.flex{
display: flex;
margin: 0em auto 0rem auto;
}
.w-50{
width: 50%;
margin: 0rem auto 1rem auto;
padding: 0 1rem 0 1rem;	
}	
.w-33{
width: 33.3333%;
margin: 0rem auto 1rem auto;
padding: 0 1rem 0 1rem;		
}			
.w-25{
width: 25%;
padding: 0 1rem;		
}	
.flex .w-50 h3{
font-size: 1.5rem;
line-height: 1.8rem;	
margin: 0rem auto 0.5rem auto;
}
.flex .w-50 h4{
font-size: 1.2rem;
line-height: 1.6rem;	
margin: 0rem auto 0.25rem auto;
color: #555;		
}	
.flex .w-33 h3{
font-size: 1.5rem;
line-height: 1.8rem;	
margin: 0rem auto 0.5rem auto;
}
.flex .w-33 h4{
font-size: 1.2rem;
line-height: 1.6rem;	
margin: 0rem auto 0.25rem auto;
}
.flex .w-25 h4{
font-size: 1.2rem;
line-height: 1.6rem;	
margin: 0rem auto 0.25rem auto;
}		
.flex p{
text-align: left;
text-align: justify;
margin: 0rem auto 1rem auto;	
}	
.waku{
background-color: #fefef6;
border-radius: 10px;
padding: 1rem;
}	
	
	


/*--理念　ドクターブログ----------*/	
.philosophy-bana{
max-width: 100%;
height: auto;
text-align:center;
margin: 3rem auto 1rem auto;
}   
.philosophy-bana img{
max-width: 50%;
height: auto;
text-align:center;
margin: 2rem auto 1rem auto;
}   
/*---------------------------*/	

/*こだわり*/
.contents h3{
font-size: 2.5rem;
line-height: 1.6rem;	
margin: 1rem auto 0rem auto;
color: #555;		
}	
.contents h4{
font-size: 2rem;
line-height: 2rem;	
color: #333;	
margin: 2.5rem auto 2rem auto;
}		
	

.feature .contents .feature-box h3{
font-size: 1.6rem;
line-height: 1.8rem;	
margin: 0rem auto 0.5rem auto;
color: #555;		
}
.feature .feature-box h4{
font-size: 1.2rem;
line-height: 1.6rem;	
margin: 0rem auto 0.25rem auto;
color: #555;		
}		
.feature .feature-box p{
text-align: left;
text-align: justify;
color: #333;
margin: 0rem auto 0rem auto;	
}		
.feature-bana-tittle h3{
font-size: 2.5rem;
line-height: 1.6rem;	
margin: 0rem auto 3rem auto;
color: #333;	

}	
.feature-bana{
display: flex;		
text-align:center;
margin: 3rem auto 3rem auto;
}
.feature-bana img{
max-width:98%;
height: auto;
text-align:center;
margin: 1rem auto 1rem auto ;
padding: 1rem 1rem 1rem 1rem ;
}	

/*流れ--------------*/		
.nagare .contents h3{
font-size: 2.5rem;
line-height: 1.6rem;	
margin: 2rem auto 2rem auto;
color: #333;		
}	
.nagare{
display: flex;
background-color: rgba(226, 226, 232,0.3);
padding: 3rem 0rem 1rem 0rem;	
}	
.flex-box-25 {
width: 25%;	
margin: 0rem auto 0rem auto;
padding:1rem ;
}	
.flex-box-25 img{
max-width:100%;
height: auto;
text-align:center;
margin: 1rem auto 0rem auto ;
padding:0rem ;
}	
.flex-box-25 h4{
font-size: 1.3rem;
line-height: 1.7rem;	
margin: 0rem auto 0.25rem auto;
color: #333;	
}	
.flex-box-25 p{
text-align: left;
text-align: justify;
color: #333;
margin: 0rem auto 0rem auto;	
}		
	
/*voice　クチコミ-----------*/	
.favorite .contents h3{
font-size: 2.5rem;
line-height: 1.6rem;	
margin: 2rem auto 2rem auto;
color: #333;		
}		
.favorite .contents h4{
font-size: 1.5rem;
line-height: 2rem;	
margin: 2rem auto 2rem auto;
color: #555;		
}		
.favorite .favorite-box {
width: 25%;	
margin: 0rem 1rem 0rem 1rem;
padding:1rem ;
border:solid 1px #999;
border-radius: 	4px;
}	

.favorite .favorite-box h4{/*★*/
font-size: 1.8rem;
line-height: 1.7rem;	
margin: 0rem auto 0.25rem auto;
color: #FFC007;	
}	
.favorite .favorite-box p{
text-align: left;
text-align: justify;
color: #333;
margin: 0rem auto 0rem auto;	
}		
	
/*FAQ---------------*/	
.faq-tittle h3{
font-size: 2rem;
line-height: 1.6rem;	
margin: 2rem auto 0.5rem auto;
color: #0D5284;		
}
.faq h4{
font-size: 1.5rem;
line-height: 2rem;	
color: #333;	
margin: 0rem auto 2rem auto;
}	
	
.faq p{
line-height: 2.2rem;	
color: #333;	
margin: 0rem 0rem 0rem 0rem;
}	

/*top*/
.faq-ex-box-box{
display: flex;	
margin: 0 auto;
}	
.faq-ex-box{
margin: 0 auto;
}	
.faq-ex-box p{
font-weight: 600;	
color: #555;	
font-size: 1rem;	
}	
.faq-ex{
display: flex;	
}	
.faq-ex img{
width: 20px;
padding: 0rem 0.5rem 0rem 0rem;

}		

.designed{
mdetails_contentax-width: 100%;	
limargin: 0rem auto 1rem 1.5rem;
}		
	
.designed .details_content p{
line-height: 1.5rem;	
color: #333;	
padding: 0rem 1rem 0rem 1rem;	
margin: 0rem 0rem 2rem 0rem;
text-align: left;	
}		

summary{
background-color:rgba(0,153,255,0.1);
color: #0D5284;
font-size: 1.1rem;	
font-weight: 600;	
padding: 0.2rem	 0.5rem	 0.1rem	 1rem	;
margin: 0rem 0rem 0.5rem 0rem;
text-align: left;		
}
	
.btn-next {
margin:3rem auto 2rem auto;	
}			
.btn-next a{
color: #fefef6;
background-color: #0058a5;
padding: 0.5rem 5rem 0.25rem 5rem;
margin:5rem auto 2rem auto;	
font-size: 1.2rem;	
}		
.btn-next-medi {
margin:1rem auto 0rem auto;	
}			
.btn-next-medi a{
color: #0058a5;
border:solid 1px #0058a5;
padding: 0.25rem 3rem 0.25rem 3rem;
margin:5rem auto 2rem auto;	
font-size: 1.2rem;	
}		
/*HPガイドライン*/
.guidelines h5{
font-size: 1.2rem;
font-weight: 600;
color: #555;
margin: 0 auto;
}

/*共通-------------------*/
.common-0 h2{/*仕上がり*/
color: #555;	
font-size: 6rem;
font-weight: 600;	
text-align: center;
margin: 0rem auto 2rem auto;
}	
	
.common-1{/*仕上がり*/
text-align: center;
width: auto;
height: 450px;
background-image: url("../img/bg/commitment/bg1.webp"); 
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0rem auto 0rem auto;
}

.common-2{/*痛み*/
text-align: center;
width: auto;
height: 450px;
background-image: url("../img/bg/commitment/bg2.webp"); 
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0rem auto 0rem auto;
}

.common-3{/*アフターケア 他*/
text-align: center;
width: auto;
height: auto;
background-image: url("../img/bg/commitment/bg3.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0rem auto 0rem auto;
padding: 0 0 0rem 0 ;	
}	

.common-4{/*アフターケア 他*/
text-align: center;
width: auto;
height: auto;
background-image: url("../img/bg/commitment/bg4.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0rem auto 0rem auto;
padding: 0 0 0rem 0 ;	
}	
.common-5{/*アフターケア 他*/
text-align: center;
width: auto;
height: auto;
background-image: url("../img/bg/commitment/bg5.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0rem auto 0rem auto;
padding: 0 0 0rem 0 ;	
}	
	
/*column*/
section#column {
    background: #f2f4fa;
    padding: 60px 0;
    margin: 60px 0;
}
section#column h2 {
    text-align: center;
    font-size: 30px;
    line-height: 46px;
}
.column_box {
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
    margin: 30px auto 0;
}
.new_article, .popular_article {
    /*************************************************************************************************20221115追加*/
    width: 100%;
    margin-bottom: 40px;
}
section#column h4 {
    position: relative;
    text-align: center;
    font-size: 24px;
    margin: 20px 0 60px;
    color: #10589e;
}
section#column h4:before, section#column h4:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-top: 2px solid #10589e;
    margin: auto;
    width: 38%;
    height: 1px;
}
section#column h4:before {
    left: 0;
}
section#column h4:after {
    right: 0;
}
.article_cont {
    display: flex;
    align-items: flex-start;
    margin: 40px 0;
    padding-bottom: 40px;
    border-bottom: 1px dotted #ccc;
}
.article_cont img {
    flex-shrink: 0;
}
.article_info {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-grow: 1;
}
.article_info p.date {
    font-size: 12px;
}
.article_info p.title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #ccc;
    width: 100%;
}
.article_info a.btn {
    margin: 10px auto 0 0;
    width: 200px;
    padding: 12px;
    font-size: 14px;
}
.article_info a.btn:after {
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #fff;
}
	
/*口コミ記事-------------------------*/
.voice{
width: 100%;
background-color: rgba(250,250,250,1); 	
padding: 5rem 0;	
}	
.small{
font-size: 70%;	
color: #555;	
}		
.voice-contents  h3{
font-size: 2rem;	
line-height: 2.8rem;	
font-weight: 600;	
width: 100%;	
margin: 0rem auto  0rem auto;
padding:0rem 0rem 0rem 0rem ; 	
text-align: center;
color: #555;	
}	

.voice-flex{
max-width: 1200px;	
flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
display: flex;
justify-content: space-between;
align-items: top;
margin: 0 auto;
}	
/* 最後のコンテンツを左寄せにする指定 */
.voice-flex:after {
content: "";
display: block;
width: 24%;  /* .boxに指定したwidthと同じ幅を指定する */
height: 0;
}
.voice-effect{
width: 24%;	
margin: 2rem auto  0rem auto;
border:solid 1px #ccc;
}	


.center{
text-align: center;
margin: auto;	
}		

.voice img{
margin: 0rem auto 3rem auto;
padding: 0rem;	
}	

.voice-effect{
width: 30%;	
margin: 2rem auto  0rem auto;
border:solid 1px #ccc;
border-radius: 	8px;
background-color: rgba(207,255,249,0.1);
}	

.voice-effect img{
margin: 0rem auto  -2rem auto;	
padding: 0rem;
text-align: center;	
}	
	
.voice-contents .voice-effect p{
font-size: 1rem;	
margin: 0rem auto 1rem auto;
padding: 0rem 1rem 0rem 1rem;
text-align: left;	
text-align: justify;		
}	
	
.voice-contents .voice-effect h4{
text-align: center;
white-space: nowrap;	
margin: 0.5rem auto  0.5rem auto;	
color:rgba(255,206,0,1.00);
font-weight: 600;	
font-size: 2rem;	
line-height: 2.2rem;
}
}