@charset "utf-8";
#SecondContents p{margin:12px; line-height:2;}

#heading{ text-align:center; margin:30px auto;}
h2 {
  display: flex;
  justify-content: center;
  align-items: center;
}

h2::before,
h2::after {
  content: "";
  flex-grow: 1;
  height: 8px;
  background-image: repeating-linear-gradient(-45deg, #777 0, #777 1px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%);
  background-size: 8px 8px;
}

h2::before {
  margin-right: 30px;
}

h2::after {
  margin-left: 30px;
}

/*院長*/
div#doctor{margin:12px auto; padding:0 0 60px; width:1100px;}
div#doctorPhoto{float:left;}
div#doctorText{width:830px; float:right;}
div#doctorText p{margin:0 0 30px 0; padding:0;}


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


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:#D8C072; color:#333333; 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 #fff;
  border-right: 2px solid #fff;
  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:1px 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;}


@media screen and (max-width:1180px) {
div#doctor{ width:auto;}
div#doctorText{width:73%; padding-left:12px; float:left;}


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%;}

div#doctorText{width:62%;}

}

@media screen and (max-width:780px) {
div#doctor{line-height:1.6em; width:98%; padding-bottom:60px;}
div#doctorPhoto{float:none; text-align:center; padding-right:0; width:auto;}
div#doctorText{width:auto; padding:0;}

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;}
}