@charset "utf-8";
h1{padding:12px 0; text-align:center;}
h3{font-size:1.4em; text-align:center;}
img{ max-width:100%;}

/*クリニック紹介*/
/*お問合せ・ご予約はフリーダイヤルで*/
p.freedial{text-align:center; margin:16px auto 16px;}
p.freedial img{ vertical-align:bottom;}
p.freedial strong{color:#13007D; vertical-align:middle;}
p.freedial span.tel{margin:12px auto; display:block; font-size:1.4em;}

p.freedial a{font-size:1.5em; color:#1D2087;}
p.freedial a:hover{color:#FF0000; text-decoration:none;}


ul#Menu a.profile{background-position:left bottom;}

/*リンクメニュー*/
ul.profile_menu{ text-align:center; margin:24px auto; }
ul.profile_menu li{ display:inline-block; margin:6px 0;}
ul.profile_menu a{background-color:#CDCDCB; color:#13007D; position: relative; border-radius: 8px; padding:4px 24px 4px 16px; display: block; text-decoration:none;}
ul.profile_menu a:hover{opacity:0.8;}
ul.profile_menu a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid #13007D;
  border-right: 2px solid #13007D;
  transform: translateY(-2px) rotate(135deg);
  box-sizing: border-box;
}
@media screen and (max-width:840px) {
ul.profile_menu{column-count:4; padding:12px;}
ul.profile_menu li{width:100%;}
}
@media screen and (max-width:560px) {
ul.profile_menu{column-count:auto; padding:12px;}
ul.profile_menu li{width:auto;}
}
/*********************/


/*クリニック*/
div.profile{margin:0 auto 40px; padding:12px; clear:both; width:1100px; border-radius:12px; border:2px solid #CCCCCC; }
div.profile h4{background-color:#EEEEEE; text-align:center;}
div.profile .left{display:block; width:63%; float:left; text-align:left; line-height:1.6em;}
div.profile .left p{margin:0;}
div.profile .left p.jun{margin-top:16px;}
div.profile .left span{display:inline-block;}
div.profile .right{width:36%; float:right; border-collapse: separate; border-spacing: 5px 0;}
div.profile .right p.maps{font-size:0.8em; text-align:right;}
	
div.profile:after{content:""; display:block; clear:both;}

div.box{display:flex; align-items:top; column-gap: 16px; flex-wrap: wrap;}
div.box div{margin:0;}

/*動画****/
div.profile .movies iframe{}
/**/

/*地図*/
div.profile .map iframe{width:100%; height:400px;}


/*院長*/
div#doctor{margin:12px auto; width:80%; display:flex;}
div#doctorPhoto{ margin-right:12px;}
div#doctorText{width:83%;}
div#doctorText p{margin:0 0 30px 0; padding:0;}

p.names{font-size:1.2em;}

@media screen and (max-width:1180px) {

div.profile{margin:0 auto 40px; padding:12px; width:96%; clear:both;}
div.profile p{margin:0;}
div.profile p.jun{margin-top:16px;}
div.profile p.maps{font-size:0.8em; text-align:right;}

/*移転のお知らせ*/
div.profile p.info{color:#CC0000; margin-top:12px;}

/**お知らせ*/
div#news{padding:4px 6px; border:1px solid #CC0000; margin:12px auto 20px; font-size:0.9em; color:#CC0000;}
div#news p{margin:0;}
}

@media screen and (max-width:1130px) {
div.profile .left{width:66%;}
div.profile .right{ width:33%;}
}

@media screen and (max-width:1080px) {
div.profile .left{float:none; clear:both; width:auto;}
div.profile .right{float:none; width:auto; display:block;}
}

@media screen and (max-width:980px) {
div#doctorText{width:68%;}
}

@media screen and (max-width:780px) {
div#doctor{line-height:1.6em; display:block; width:98%;}
div#doctorPhoto{text-align:center; padding-right:0; width:auto;}
div#doctorText{width:auto; padding:0;}
p.names{text-align:center;}

ul#Menu a.profile{background-position:left bottom;}

div.profile{width:94%;}
div.profile .right div{ display:block; width:auto;}

div.box{margin:0 auto;}
div.profile .photo{margin:0 auto;}
div.profile .movies{margin:0 auto;}
}

@media screen and (max-width:560px) {
p.freedial span{display:block;}
}

@media screen and (max-width:480px) {
p.dial{text-align:center;}
p.dial strong{color:#FF3366;}
p.dial span{font-size:0.8em;}

div.profile .movies iframe{width: 100%; height: auto; aspect-ratio: 16 / 9;}
}