/* --------------------------------------------------------
1200px
----------------------------------------------------------*/
@media screen and (max-width: 1200px) {




}
/* --------------------------------------------------------
1000px
----------------------------------------------------------*/
@media screen and (max-width: 1000px) {

div#header .block .info p.tel span{
display:none;
}
div#header .block .info p.tel span.sp{
display:block;
}

}
/* 1000px*/
/* --------------------------------------------------------
980px
----------------------------------------------------------*/
@media screen and (max-width: 980px) {

div#wrapper {
    width: 100%;
}

div#header .block .info p.transit{
font-size:88%;
}


}
/* 980px*/
/* --------------------------------------------------------
940px
----------------------------------------------------------*/
@media screen and (max-width: 940px) {

ul#gNav li a {
font-size:1rem;
}

.featurecol p.ttl{
font-size:0.9em;
}

div#content div.flow .guide {
	text-align:center;
}



div#content{
width:auto;
margin:0 0 20px;
}

div#map{
width:auto;
}

section {
    padding: 30px 10px;

}

}
/* 940px*/
/* --------------------------------------------------------
912px
----------------------------------------------------------*/
@media screen and (max-width: 912px) {






div#news {
    margin: 0 0 60px;
    overflow: hidden;
}






div#logoCol{
height:174px;
text-align:justify;
text-justify: inter-ideograph;
}


div#doctor{
margin:0 auto;
}

div.cPhoto {
    margin: 0 20px 0 20px;
    overflow: hidden;
}


}
/* 912px*/
/* --------------------------------------------------------
890px
----------------------------------------------------------*/
@media screen and (max-width: 890px) {

.greetingInner .doctor{
margin:0;
}

ul.eq li a{
    height:150px;
}

.featurecol {
width:auto;
padding:1% 10px;
}
.featurecol p.ttl {
  white-space: normal;
}
.featurecol p.txt{
min-height:auto;
}
.featurecol p.ttl{
font-size:1.2em;
}
.featurecol p.dbl{
margin:0 0 6px;
}

.featurecol .btnlink a{
position:static;
}







div#header .block .sub {
   clear:left;
}



}
/* 870px*/
/* --------------------------------------------------------
870px
----------------------------------------------------------*/
@media screen and (max-width: 870px) {

.parking img{
max-width:100%;
}







}
/* 850px*/
/* --------------------------------------------------------
830px
----------------------------------------------------------*/
@media screen and (max-width: 830px) {

#doctorInfo .col .sub{
    display: inline-block;
    width:100%;
    margin:0 0 20px;
}



}
/* 830px*/
/* --------------------------------------------------------
810px
----------------------------------------------------------*/
@media screen and (max-width: 810px) {

ul#gNav li a{
    padding: 14px 2px;
}

}
/* 810px*/
/* --------------------------------------------------------
770px
----------------------------------------------------------*/
@media screen and (max-width: 770px) {



#info .recruit{
width:100%;
}

#parking p.pic, #parking div.txt{
width:100%;
padding:0 10px;
}



ul.cPhoto {
    text-align: center;
}
ul.cPhoto li,ul.eq li{
width:46%;
}



}
/* 770px*/
/* --------------------------------------------------------
750px spmode
----------------------------------------------------------*/
@media screen and (max-width: 750px) {

html {
 font-size: 2.4vw;
}

main section{
    padding: 9rem 6% 8rem;
}

main .inner{
padding:0 4% 3rem
}

.content, div#header.fixed + .content{
padding-top:60px;
}

.main-header, .topimg{
padding:120px 0 0;
}


div#header.fixed .block{
display: flex;
}

ul#gNav{
 position: absolute;
 opacity:0;
  pointer-events: none;
 background:transparent;
  z-index: 20000;
  padding:14px;
  -webkit-transition: opacity 0.4s ease-out;
  -moz-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
}
.openNav ul#gNav {
opacity:1;
pointer-events: auto;
background:#f093bb;
}

ul#gNav li{
width:48%;
}
ul#gNav li a{
border:1px solid #999;
background:#fff;
border-radius:4px;
padding:10px;
margin:0 0 10px;
text-align:center;
color:#595959;
}
ul#gNav li:nth-last-child(-n+2) a{
margin:0;
}

ul#gNav li.servicelist{
width:46%;
border:none;
}
ul#gNav li.servicelist a{
width:100%;
color:#fff;
background:#05afb6;
border:none;
text-align:left;
margin:0;
padding:0;
}
ul#gNav li.servicelist a svg, ul#gNav li.servicelist a i{
color:#fff;
}
ul#gNav li:hover ul.child{
    visibility: hidden;
    opacity: 0;
}



div#header{
position:fixed;
height:60px;
z-index:200;
}
div#header .block{
padding:0;
text-align:left;
justify-content: space-between;
}
div#header .logo{
min-width:40%;
width:auto;
}
div#header .logo a{
padding:4px;
box-sizing:border-box;
height:60px;
overflow:hidden;
display: flex;
align-items:center;
}
div#header .logo a img{
max-height:100%;
}

div#header .block .info{
width: calc( 60% - 60px );
float:right;
margin:0 60px 0 0;
}
div#header .block .info p{
float:left;
padding:0;
width:calc(100% /2 - 10px);
/*width:calc(100% /3);*/
}


div#header .block .info p.transit{
display:none;
}
div#header .block .info p span{
display:none;
}
div#header .block .info p span.sp{
display:block;
}
div#header .block .info p a{
text-align:center;
box-sizing:border-box;
width:100%;
height:60px;
border-radius:0;
font-size:0.7rem;
flex-direction:column;
}
div#header .block .info p svg, div#header .block .info p i{
margin:0 0 10px;
width:100%;
display:block;
height:18px;
}
div#header .block .info p a i{
line-height:1.4;
margin:0 0 6px;
}


#navToggle{
display:block;
position:absolute;
right:0;
top:0;
cursor:pointer;
text-align:center;
background:#666;
color:#fff;
font-size:0.7rem;
box-sizing:border-box;
height:60px;
width:60px;
text-align:center;
}

.openNav #navToggle span:nth-child(1) {
    top: 20px;
    -webkit-transform: rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg)
    }

.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
    top: 20px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg)
    }

   /*
.openNav ul#gNav {
    -moz-transform: translateY(240px);
    -webkit-transform: translateY(240px);
    transform: translateY(240px);
       -moz-transform: translateY(266px);
    -webkit-transform: translateY(266px);
    transform: translateY(360px);
}*/

.btn{
text-align:center;
}
.btn a{
min-width:80%;
}



.col {
width:94%;
margin: 0 auto 20px;
max-width:none;
}

.photo {
text-align:center;
display:block;
margin:0 auto 20px;
    width: 100%;
    float:none;
max-width:none;
}
.photo img{
width:60%;
}

.calinner{
    padding-top:550px;
}

.fixed + .topimg img{
  padding-top:0;
}

.topimg img{
width: 40%;
}

#feature p.intro{
text-align:justify;
}

.sbjinner, #greeting .inner{
flex-wrap:wrap;
}

.sbjox{
width:100%;
margin:0 0 1rem;
}

#greeting .inner .doctorphoto, #greeting .inner .txt, main .inner .introduction, main .inner .doctor{
width: 100%;
}

#greeting .inner .doctorphoto img, main .inner .doctor img{
max-width:70%;
}

.btn a{
padding: 1rem 0;
}

#info .contact p a{
padding:0.6rem;
font-size:1.2rem;
text-align:center;
}

#info{
font-size:1rem
}

div#footer ul#fNav {
    font-size:0.9rem;
    padding:1rem;
}

div#footer ul#fNav li{
width: 48%;
margin: 0 1% 0.6rem;
}

div#footer div#fInfo {
    margin: 0 0 40px;
    width: auto;
    text-align:center;
}
div#footer div#fInfo img {
    width: auto;
}

.sig{
flex-direction:column;
}
.sig p{
margin:0;
}

.servicecal{
width: 90%;
}

#feature{
background: radial-gradient(rgb(255, 255, 255, 0), rgb(255, 255, 255, 0.9)),
url("../img/top/featurebg-sp.jpg");
background-size:contain;
}

#feature .inner{
width:100%;
}
#feature .intro{
width:70vw;
height:70vw;
padding:10vw;
margin:0 0 8px
}
#feature .intro{
font-size:1.4rem;
}
#feature .intro p{
line-height:1.6;
font-size:1.1rem;
}
#feature .intro svg, #feature .intro i{
font-size:18vw;
}

.flow{
justify-content:space-around;
}
.flow h3{
flex-direction:column;
justify-content:flex-start;
text-align:center;
font-size:3vw;
margin:0;
}
.icon{
margin:0;
}

table th, table td{
display:block;
width:100%;
text-align:center;
}
table .spbr{
display:block;
}

.sheet p{
width:100%;
}


}
/* --------------------------------------------------------
730px
----------------------------------------------------------*/
@media screen and (max-width: 730px) {




.scol{
text-align:center;
margin-bottom:0;
}
.scol img{
float:none;
margin:0 auto 20px;
}

table.feeTable span:before {
	content: "\A" ;
	white-space: pre ;
}

div#map {
    height: 300px;
}






}
/* 730px */
/* --------------------------------------------------------
710px
----------------------------------------------------------*/
@media screen and (max-width: 710px) {

.sub-menu{
width:100%;
padding: 20px;
}
.sub-menu + main{
width:100%;
}
.sub-menu ul .smsb li{
display:inline-block;
}

}
/* 710px */
/* --------------------------------------------------------
700px
----------------------------------------------------------*/
@media screen and (max-width: 700px) {



div#header .block p.info {
    width: 100%;
}

table.calinfo{
    width: 100%;
}





div#main-top,div#main-top + div,div#main,div#main + div {
width:100%;
float:none;
margin-left:0;
}
.info iframe {
height:300px;
}





span.add::after{
content:"\A";
 white-space: pre;
}

ul#gNav {
    margin:0;
}


}
/* 700px */


/* --------------------------------------------------------
640px
----------------------------------------------------------*/
@media screen and (max-width: 640px) {

html {
    font-size: 3vw;
}




}
/* 640px */

/* --------------------------------------------------------
610px
----------------------------------------------------------*/
@media screen and (max-width: 610px) {








div#main, div#side {
    width: 100%;
    float:none;
}

div.cPhoto {
    margin: 0 10px 0 10px;
    overflow: hidden;
}

div.tCol {
	margin: 0 10px 20px;
}

div.col01{
	margin:10px;
	width:auto;
}



}
/* 610px */
/* --------------------------------------------------------
580px
----------------------------------------------------------*/
@media screen and (max-width: 580px) {





.monshin{
text-align:center;
}

.btncol{
	text-align:center;

}


div#header .block .hinfo .btn p {
    font-size: 14px;
}



#reservation .resvCol {
width:100%;
margin-bottom:20px;
padding:10px;
}

.stat {
    display: inline-block;
    float: none;
    padding:10px 0;
background:#EBECED;
border-radius:8px;
width:100%;
}

}
/* 580px */
/* --------------------------------------------------------
524px
----------------------------------------------------------*/
@media screen and (max-width: 524px) {

ul#gNav li a {
    padding: 10px 4px;
}




div#header .block p.tel a {
    letter-spacing: 1px;
}

.topmap {
	text-align:center;
}

#main-top .col {
    width: 100%;
}
#main-top .col:nth-child(2n) {
    margin-left: 0;
}
#main-top .col h2 {
    border-left:none;
    padding: 0 0 10px;
}




}
/* 495px */
/* --------------------------------------------------------
495px
----------------------------------------------------------*/
@media screen and (max-width: 495px) {

}
/* 495px */
/* --------------------------------------------------------
480px
----------------------------------------------------------*/
@media screen and (max-width: 480px) {

html {
    font-size: 3.8vw;
}



ul#gNav li.servicelist a{
min-height:60px;
}

.topimg{
font-size:1.3rem;
}

.topimg .txt{
font-size:90%;
}
.topimg .txt .bdr span{
display:block;
}

main section#access{
    padding: 3rem 6% 8rem;
}

#news .btn{
margin: 0 5%;
width:90%;
}

.checktb{
font-size:0.9em;
}



ul.eq li p{
    font-size:0.8em;
}




.doctorInfo .col {
width:100%;
}

.pCol ul span:after{
content:"\A" ;
white-space: pre ;
}


div#header .block .hinfo {
    text-align: center;
    width: 66%;
}
div#header .block .hinfo .btn p {
    font-size: 12px;
}




div#footer p.copy {
	font-size:12px;
}

.newscol {
    margin: 70px 0 120px;
}

div#footer ul#fNav li +li::before{
	content:none;
}




#main-top .col {
    display: inline-block;
    margin:0 0 20px;
    width: 100%;
}
#main-top .col:nth-child(2n) {
    margin-left: 0;
}


ul#gNav li a:hover{
opacity:1;
}

div#header .block p{
    font-size:0.7em;
}

a.spTel {
   pointer-events: auto;
   cursor: default;
}



div#logoCol {
    height: auto;
}


.calTxt{
font-size:0.6rem;

}

#feature h2{
letter-spacing:0;
}

.flow h3{
letter-spacing:0;
margin:0 2%;
}

.reception{
font-size:0.9rem;
}
 .reception > span:first-child{
font-size:0.8rem;
}

}
/* 480px */
/* --------------------------------------------------------
414px
----------------------------------------------------------*/
@media screen and (max-width: 414px) {

  .calinner {
      padding-top: 500px;
  }
table.cal td {
  height: 60px;
}

.docfee dt,.docfee dd{
width:100%;
display:inline-block;
}
.docfee dd{
text-align:center;
}

#info .qr p{
width:100%;
}
#info .qr p:nth-child(2){
text-align:center;
width:auto;
padding:10px;
}

div#header .adjwdth .info p a{
padding:6px;
}

.sub-menu.fixed ul{
display:block;
}

#service h2, #service h3, #clinic h2, #clinic h3{
padding-top: 90px;
margin-top: -90px;
}

.sub-menu ul .smsb li {
width:48%;
vertical-align:top;
}
.sub-menu ul .smsb li:nth-child(3) {
width:100%;
}

ul.eq li p{
    font-size:0.7em;
}

ul.cPhoto li span{
bottom:6px;
left:8px;
}



.doctorInfo h3{
font-size:1.2em;
}


.adjwdth .bizlink, div#header .adjwdth .info p.address{
display:none;
}

p.backToTop a {
    bottom: 10px;
    right: 10px;
}

.doctorInfo .col, .doctorInfo .col .sub  {
    width: 100%;
}

.profile p, .profile ul{
    float: none;
    width:100%;
    max-width:none;
    text-align:center;
}





.featurecol p.ttl {
font-size:1em;
letter-spacing:0;
}






div#content-top {
    margin: 0 auto;
}




table:not(.cal) th,table:not(.cal) td{
        width: auto;
        display: block;
    }

div#footer {
padding:10px;
}





section {
    padding: 20px 10px;
}


.extend{
padding-top:430px !important;
}










ul#gNav li a {
height:auto;
}






.nosp{
display:none;
}



div#header{
    margin: 0;
    padding:0;
    text-align:center;
}


div.equip {
    height: 102px;
    margin: 0 10px 20px 10px;
    padding-left: 100px;
}



div.col {
margin: 10px 0 10px;
padding:0;
}

div#doctor .photo {
    background: url("../img/doctor/docphoto.jpg") no-repeat scroll 50% 10px rgba(0, 0, 0, 0);
    overflow: hidden;
    padding: 210px 0 0 0;
margin-bottom: 0;
}

.docttl span:after{
		content: "\A" ;
	white-space: pre ;
}


div#footer div#fInfo .flogo{
font-size:5vw;
}

}
/* 414px */
/* --------------------------------------------------------
380px
----------------------------------------------------------*/
@media screen and (max-width: 380px) {


.topimg .txt{
font-size:80%;
}

div#header .block .hinfo .btn p a {
    padding: 10px 4px;
}


ul#gNav li a::after {
    right: 8px;
}


table.feeTable th,table.feeTable td{
        width: auto;
        display: block;
    }


div#map {
    height: 240px;
}

#check table td {
padding:6px;
}



}
/* 380px */
/* --------------------------------------------------------
360px
----------------------------------------------------------*/
@media screen and (max-width: 360px) {



ul.cPhoto li span{
font-size:0.7em;
padding:2px 4px;
}



}
/* 360px */
/* --------------------------------------------------------
340px
----------------------------------------------------------*/
@media screen and (max-width: 340px) {

html {
    font-size: 4vw;
}


#check .airs span {
font-size:1em;
}

.checktbCol{
max-width: 340px;
overflow: auto;
}
#check table th {
    width: 100px;
    min-width: 100px;
}
#check table td {
    width: 100px;
    min-width: 100px;
}

div#header .adjwdth .logo, div#header .adjwdth .info {
    padding:4px 0 0;
}

ul#gNav li a{
letter-spacing:0;
font-size:1rem;
}



div#header .adjwdth .logo {
    font-size: 5vw;
}

.btn {
    width: 100%;
}

div#header .adjwdth i{
line-height:30px;
}



#feature {
    padding: 10px 6px 0;
}



.newscol h2 {
    top: -26px;
}

.newscol {
    margin: 50px 0 120px;
}

.reception > span:nth-child(2){
padding:0 0 0 0.2rem;
}


}
/* 340px */
/* --------------------------------------------------------
320px
----------------------------------------------------------*/
@media screen and (max-width: 320px) {


div.content div.tCol p.intro {
line-height: 1.4;
}

div#info img{
    width:100%;
}

div#cal {
background-size:contain;
}

}
/* 320px */