@charset "utf-8";


.sp-only{display:none;}
#sp-header{display:none;}
#mainimg-top-sp{display:none;}

@media only screen and (max-width: 959px){
.pc-only{display:none;}

body {font-size:0.9em;}

header{height:110px;}
header #logo{
 margin:-15px 0 0 0;
 font-size:2.5em;
}
header #logo img{width:300px;}

/* nav
--------------------------------*/ 
nav {margin:10px 0 5px 0;}
nav ul li {padding:0px 0 0 15px;}


/* wrapper,content,section
--------------------------------*/ 
.inner{padding:50px 0;}
.inner h3{margin:0 0 20px 0;}
.inner h4{margin:0 0 10px 0;}
.inner p{margin:0 0 20px 0;}


/* footer
--------------------------------*/ 
#footer-info ul{flex-direction:column;}


/* contact
--------------------------------*/
p.contact-btn{
 margin:40px 0 0 0;
 text-align:center;
} /*重複のため同じスタイルの記述*/

}


@media only screen and (max-width: 600px){
.pctb-only{display:none;}
.sp-only{display:block;}
header{display:none;}

body {font-size:1em;}

/* header
--------------------------------*/ 
#sp-header{
 display: block;
 position: relative;
 width: 100%;
}

#sp-ttl{
 width: 100%;
 padding:5px 0;
 text-align:center;
 font-size:1.2em;
 color:#fff;
 background:#276600;
}


/* wrapper,content,section
--------------------------------*/ 
#pagetitle{padding:60px 0 0 0;}

.inner{ text-align:left;}
.inner h3{font-size:1.6em;}

.inner section{margin:0 auto 50px auto;}

.inner .left,.inner .right{
 width:100%;
 margin:0 0 55px 0;
 float:none;
}

/* footer
--------------------------------*/ 
footer{padding:10px 1%;}
footer p {font-size:1.3em;}
#footer-nav{display:none;}
small{ font-size:0.7em;}

#page-top {
 bottom:10px;
 right: 0px;
}
#page-top img{width:80%;}

/* scroll-adjust
--------------------------------*/
.scroll-adjust{
margin-top:-110px;
padding-top:110px;
}
	
	
/* top
--------------------------------*/
/* mainimg
--------------------------------*/ 
#mainimg-top{display:none;}

#mainimg-top-sp{
 display:block;
 width:100%;
 padding:60px 0 0px 0;
}


/* top-topics
--------------------------------*/
#top-topics article{padding:10px 0;}


/* treatment
--------------------------------*/
ul.treatment-01{flex-wrap: wrap;}
ul.treatment-01 li{padding:0 0 25px 0;}

/* price
--------------------------------*/




/* product
--------------------------------*/
ul.product ul{ justify-content:center; }
ul.product ul:after{width:50%;}
ul.product li{
 width: 50%;
 margin:0 0 50px 0;
}

#list-01,#list-02,#list-03,#list-04{
margin-top:-60px;
padding-top:60px;
}







/* guide
--------------------------------*/
table.guide td {padding:5px 5px;}


/* contact
--------------------------------*/
.contact-tel{
 width:100%;
 padding:20px 10px;
}

table.contact {border-top: 1px solid #bbb;}
table.contact th {
 width:100%;
 padding:5px 0px;
 display:block;
 border-top:0;
 border-bottom:0;
}
table.contact td {
 width:100%;
 padding:15px 10px;
 display:block; 
}

.w-10{width:20%;}
.w-25{width:100%;}
.w-50{width:100%;}
.w-75{width:100%;}

input, select, textarea {
font-size: 1em;
}