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

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

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

.greetingInner .greetingmain{
align-items:flex-start;
}

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

div#map{
	width:auto;
	margin:0 1rem 0.8rem; 
}
div#map +p{
	margin: 0 14px 20px; 
}

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

.clinicInformationInner .clinicInformationCol, .clinicInformationInner .clinicInformationCol > div{
flex-direction:column;
width:auto;
margin:0.2rem 0;
}
.clinicInformationInner .clinicInformationCol .cimainCol, .clinicInformationInner .clinicInformationCol .cimainCol:first-of-type{
width:100%;
margin:0 0 1rem;
}


.clinicInformationInner{
padding:0 1rem;
}

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

}

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

.pty{
width: 94%;
}







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



.profilecol.double .col, dl dt, dl dd, .greetingInner .greetingmain .txt, .greetingInner .greetingmain picture{
width:100%;
}
.mapInner{
width:auto;
}

.profilecol, .profilecol.double{
flex-direction:column;
}
.profilecol.double .col{
padding:0.4rem 0;
}

.newsInner, .greetingInner, .doctorInfoInner, .serviceInner > div{
padding:1rem;
margin:0 1rem 1rem;
width:auto;
}
.serviceInner > div{
margin:0 1rem;
}


.logo{
width:90%;
}
.logo .lg{
font-size:5.6vw;
}


.newsInner{
padding:0.6rem;
}

.greetingInner .greetingmain .txt p:last-child{
margin:0 0 3rem;
}

.clinicInformationInner .subject{
margin: 0 0.2rem 0.8rem;
}
.clinicInformationInner .cal, .serviceTopInner{
flex-direction:column;
align-items:center;
}
.clinicInformationInner .cal .time, .serviceTopInner h3{
width:100%;
margin:0 0 0.6rem;
}
 .clinicInformationInner .cal .doctors{
width:56%;
}
.greetingInner .greetingmain{
flex-direction:column;
}
.greetingInner .greetingmain .photo{
width:100%;
margin:0 0 1rem;
}
.greetingInner .greetingmain .photo img{
width:60%;
}

.doctorInfoInner{
flex-direction:column;
}

.profileInner{
flex-wrap:wrap;
}
.profileInner:last-of-type{
margin:0;
}

.profile, .profile:first-of-type{
width: 100%;
padding:0;
}
.profile:last-of-type{
margin:0;
}

#service:after{
transform: translate3D(0, -16%, 0);
}

.mapcol{
flex-direction:column;
}
p.mapillust{
max-width:none;
}
.mapcol .mapinfo{
padding:1rem;
}

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




#clinicInformation ul li span.small {
    font-size: 0.8rem;
}


table{
width:100%;
}

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

.logo {
    width:100%;
}
.logo .lg{
    font-size: 6.6vw;
}



.logo img {
  max-width:80%;
}
.haddress{
  width: auto;
margin:0 20px 30px;
font-size:1.3rem;
}




.pty .date {
    font-size: 1.1rem;
}

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


.profile img{
float:none;
width:90%;
margin:0 auto 20px;
max-width:auto;
}
.profile ul{
width:100%;
text-align:left;
}


.pty .date {
    margin:0 0 10px;
}
.pty .date span.time:before{
	content: "\A" ;
	white-space: pre ;
}

.profile ul li{
flex-direction:column;
}
.profile ul li span{
min-width:auto;
}


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

html {
 font-size: 4vw;
}

.greetingInner .clinicName{
font-size:1.1rem;
}

ul.link li a{
  width: 150px;
  height: 150px;
  line-height: 150px;
  margin:0 10px;
}


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

#service h2{
font-size:1.4rem;
}




}
/* 480px */

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

.logo .sub{
margin: 2rem 0 0;
}

.backtotop a {
    bottom:10px;
    right:10px;
}

.logo-bg {
    margin: 0 0 10px;
    padding:30px 0 10px;
}


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


}
/* 430px */

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



}
/* 380px */

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



ul.link li a{
  width: 130px;
  height: 130px;
  line-height: 130px;
  margin:0 10px;
  font-size:14px;
}



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



.doctorInfoInner {
font-size:110%;
}

.profilecol{
padding:2%;
}


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


}
/* 320px */