@charset "utf-8";
/*
 * "GenEiLateMinN" licensed under the SIL Open Font License
 * http://okoneya.jp/font/download.html（配布元のURL）
*/
@font-face {
  font-family: 'GenEiLateMinN';
src: url('../font/GenEiLateMinN_v2.ttf') format('truetype');
  /* src: url('../font/GenEiLateMinN_v2.woff2') format('woff2'),
       url('../font/GenEiLateMinN_v2.woff') format('woff'); */
  font-weight: normal;
  font-style: normal;
}
img {
  pointer-events: none;
}
.highlight {
  font-weight: bold;
  padding-top: 2.0em;
}
.borderbox {
border: #ccc 1px solid;
padding: 2px 4px;
margin-bottom: 2px;
}
/* 美容皮膚科　キー画像 */
.img_block img {
  max-width: 100%;
  height: auto;
  margin: 0 auto 1.0rem;
}
.red { color: #ff0000 !important; }

.new{
	display: initial;
    color: #ffffff;
    padding: 0.1vw 0.2vw;
    font-size: 0.9vw;
    font-weight: bold;
	background-color: #ff0000;
	margin-right: 0.2vw;
  }

/* ギャラリー統一　コンセプト・アクセス -----------------*/
.slider-pro {
  margin: 0 auto 1.0em !important;
}
.slider-pro img, .slider-pro p {
  display: none;
}
.sp-layer.sp-black.sp-padding {
  text-align: center;
  font-size: 1.4em;
}
.sp-selected-thumbnail {
  border: 4px solid #000;
}

.mt20{
	margin-top: 20px!important;
}
@media screen and (min-width:1025px) {
  /* :::::::::: フォント :::::::::: */
  p, li, dt, dd, th, td, caption, figcaption, input, textarea, button {
    -webkit-text-size-adjust: none;
    color: #4c4948;
    font-size: 0.89em;
  }
  dd li, dd input, dd textarea {
    font-size: 100%;
  }
  /* -----------------------------------------------------------------------
　構造
----------------------------------------------------------------------- */
  body {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-top: 4px solid #ff3534;
    background: url(../images/bk.jpg) repeat-x;
    background-size: auto;
    background-position: top center;
  }
  header {
    width: 94%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 40px 0;
  }
  .content_wrapper {
    width: 94%;
    max-width: 1300px;
    margin: 0 auto;
    overflow: hidden;
  }
  main {
    display: block;
    width: 60%;
    float: right;
    margin: 0 0 30px;
  }
  aside {
    width: 36%;
    float: left;
    margin: 0 0 50px;
  }
  .pc-no {
    display: none;
  }
  /* -----------------------------------------------------------------------
　見出し
----------------------------------------------------------------------- */
  h1 {
    color: #4c4948;
    font-size: 0.7em;
    position: absolute;
    right: 0;
  }
  h2 {
    font-family: 'GenEiLateMinN';
    font-size: 1.3em;
    letter-spacing: 0.15em;
    color: #4c4948;
    line-height: 180%;
  }
  h3 {
    font-family: 'GenEiLateMinN';
    font-size: 1.6em;
    letter-spacing: 0.15em;
    color: #4c4948;
  }
  h4 {
    font-family: 'GenEiLateMinN';
    font-size: 1.2em;
    letter-spacing: 0.15em;
    color: #4c4948;
  }
  h4.defult {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
    font-weight: bold;
  }
  h5 {
    color: #3d62ab;
    font-family: 'GenEiLateMinN';
    font-size: 1.2em;
    font-weight: normal;
    letter-spacing: 0.15em;
  }
  h6 {
    font-family: 'GenEiLateMinN';
    font-size: 1.2em;
    letter-spacing: 0.15em;
    color: #4c4948;
  }
  /* =======================================================================

   全体
   
======================================================================= */
  /* -----------------------------------------------------------------------
　header
----------------------------------------------------------------------- */
  .header_logo {
    width: 316px;
    height: 92px;
    float: left;
  }
  .header_logo a {
    display: block;
    background: url(../images/logo.svg) no-repeat;
    background-size: 100% auto;
    width: 316px;
    height: 92px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .h_right {
    float: right;
    overflow: hidden;
    padding: 33px 0 0;
  }
  .header_address {
    width: 350px;
    height: 52px;
    float: left;
    margin: 0 15px 0 0;
  }
  .header_address a {
    display: block;
    background: url(../images/h_address.png) no-repeat;
    background-size: 100% auto;
    width: 350px;
    height: 52px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .header_phone {
    background: url(../images/h_phone.jpg) no-repeat;
    background-size: 100% auto;
    width: 224px;
    height: 52px;
    float: left;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .header_reservation {
    background: url(../images/h_contact.jpg) no-repeat;
    background-size: 100% auto;
    width: 102px;
    height: 52px;
    float: left;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  /* :::::::::: nav :::::::::: */
  nav {}
  nav ul {
    text-align: center;
    width: 94%;
    max-width: 1300px;
    margin: 0 auto 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  nav li {
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    font-family: 'GenEiLateMinN';
    letter-spacing: 0.15em;
    font-size: 1em;
  }
  nav li a {
    display: block;
    box-sizing: border-box;
    border-left: 1px solid #c7c7c7;
    padding: 15px 0;
  }
  nav li:last-child a {
    border-right: 1px solid #c7c7c7;
  }
  nav li a:after {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.6em;
    color: #3d62ab;
    margin: 5px 0 0;
  }
  nav li:first-child a:after {
    content: "HOME";
  }
  nav li:nth-child(2) a:after {
    content: "HOSPITAL";
  }
  nav li:nth-child(3) a:after {
    content: "TREATMENT";
  }
  nav li:nth-child(4) a:after {
    content: "DOCTOR";
  }
  nav li:nth-child(5) a:after {
    content: "ACCESS";
  }
  nav li:nth-child(6) a:after {
    content: "RECRUIT";
  }
  nav li:nth-child(7) a:after {
    content: "NURSING DEPT.";
  }
	nav li:nth-child(8) a:after {
    content: "ORTHOPEDICS";
  }
  /* :::::::::: key visual :::::::::: */
  .main_visual {
    width: 100%;
		height:550px;
    margin: 0 auto 45px;
    position: relative;
  }
  #cf1 {
		width:100%;
    height: 550px;
    background: url(../images/keyv08.jpg) no-repeat;
		background-size:cover;
    background-position: center;
  }
  #cf2 {
		width:100%;
    height: 550px;
    background: url(../images/keyv05.jpg) no-repeat;
		background-size:cover;
    background-position: center;
  }
  #cf3 {
		width:100%;
    height: 550px;
    background: url(../images/keyv09.jpg) no-repeat;
		background-size:cover;
    background-position: center;
  }
  #cf4 {
		width:100%;
    height: 550px;
    background: url(../images/keyv06.jpg) no-repeat;
		background-size:cover;
    background-position: center;
  }
  #cf5 {
		width:100%;
    height: 550px;
    background: url(../images/keyv10.jpg) no-repeat;
		background-size:cover;
    background-position: center;
  }
  /* -----------------------------------------------------------------------
  aside
----------------------------------------------------------------------- */
  /* :::::::::: 当院の診療内容 :::::::::: */
  aside .service {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 1.em;
    letter-spacing: 0.15em;
    background: url(../images/aside_service.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 5px 0 5px 60px;
    margin: 0 0 10px;
  }
  aside .service:after {
    content: "TREATMENT";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.6em;
    color: #b0adac;
    margin: 5px 0 0;
  }
  .service_list {
    margin: 0 0 10%;
  }
  .service_list li {
    border-top: 1px solid #e7e7e7;
    position: relative;
  }
  .service_list li:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #ff3534;
    border-right: 1px solid #ff3534;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .service_list li:last-child {
    border-bottom: 1px solid #e7e7e7;
  }
  .service_list li a {
    display: block;
    padding: 20px 0;
    font-size: 1.5em;
  }
  /*
.service_list li:nth-child(1) a,
.service_list li:nth-child(2) a,
.service_list li:nth-child(3) a,
.service_list li:nth-child(4) a{
	color:#ff3534;
	font-weight:bold;

}*/
  .service_list li a span {
    display: inline-block;
    border: 1px solid #a7a7a7;
    color: #a7a7a7;
    padding: 1px 5px;
    font-size: 0.6em;
    font-weight: bold;
    margin: 0 10px 0 0;
  }
  .banner_vaccination a {
    display: block;
    width: 100%;
    height: 8.3vw;
    min-height: 89px;
    max-height: 114px;
    background: url(../images/banner_vaccination.png) no-repeat;
    background-size: 100% auto;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0 10%;
  }
  /* :::::::::: 診療のご相談、入院・転院のご相談 :::::::::: */
  .consultation p {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 0.9em;
    letter-spacing: 0.15em;
    background: url(../images/aside_consultation.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 10px 0 10px 70px;
    margin: 0 0 10px;
  }
  .consultation p:after {
    content: "CONSULTATION";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.6em;
    color: #b0adac;
    margin: 5px 0 0;
  }
  .consultation dl {
    background: #eef0f5;
    padding: 0 0 10px;
    margin: 0 0 10%;
  }
  .consultation dt {
    background: #3d62ab;
    color: #fff;
    padding: 10px;
    margin: 0 0 10px;
  }
  .consultation .tel {
    background: url(../images/consultation_phone.png) no-repeat;
    background-size: 100% auto;
    width: 347px;
    height: 30px;
    margin: 0 auto 10px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .consultation .fax {
    background: url(../images/consultation_fax.png) no-repeat;
    background-size: 100% auto;
    width: 347px;
    height: 30px;
    margin: 0 auto 10px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  /* :::::::::: 診療時間外の対応について :::::::::: */
  aside .outside_hours {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 1.2em;
    letter-spacing: 0.15em;
    background: url(../images/aside_outside_hours.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 5px 0 5px 70px;
    margin: 0 0 10px;
  }
  aside .outside_hours:after {
    content: "OUTSIDE HOURS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.6em;
    color: #b0adac;
    margin: 5px 0 0;
  }
  .outside_hours_box {
    background: #3d62ab;
    box-sizing: border-box;
    padding: 15px;
    margin: 0 auto 50px;
  }
  .outside_hours_box p {
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin: 0 auto 10px;
  }
  .outside_hours_box .annotation {
    text-align: left;
    font-weight: normal;
    margin: 0 auto;
  }
  .outside_hours_phone {
    background: url(../images/outside_hours_phone.png) no-repeat;
    background-size: 95% auto;
    background-position: center;
    height: 32px;
    margin: 0 auto;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .outside_hours_banner a {
    display: block;
    background: url(../images/outside_hours_banner.jpg) no-repeat;
    background-size: 100% auto;
    height: 52px;
    margin: 0 auto;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  /* :::::::::: こんな時は救急科へ :::::::::: */
  .emergency {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 1.3em;
    letter-spacing: 0.15em;
    background: url(../images/aside_outside_hours.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 5px 0 5px 70px;
    margin: 0 0 10px;
  }
  .emergency:after {
    content: "SYMPTOMS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.6em;
    color: #b0adac;
    margin: 5px 0 0;
  }
  .emergency_list li {
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    padding: 10px 0 10px 20px;
  }
  .emergency_list li:before {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background-color: #3d62ab;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
	
 /* :::::::::: 系列病院 :::::::::: */
  .affiliated_hospital {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 1.3em;
    letter-spacing: 0.15em;
    /*background: url(../images/aside_affiliated_hospital.png) no-repeat;*/
    background-size: auto 100%;
    background-position: left center;
    /*padding: 5px 0 5px 70px;*/
	padding-left: 5px;
    margin: 30px 0 10px;
  }
  /*.affiliated_hospital:after {
    content: "AFFILIATED HOSPITAL";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.6em;
    color: #b0adac;
    margin: 5px 0 0;
  }	*/
	
  p.bnr{
    width: 100%;
	height: auto;

  }
  p.bnr img {
    width: 100%;
	height: auto;
  }
	
	
	
  /* -----------------------------------------------------------------------
  footer
----------------------------------------------------------------------- */
  footer {
    background: #e3e7f1;
    padding: 0 0 50px;
  }
  .map_box, .map_box iframe {
    width: 100%;
    height: 360px;
    border: 0;
  }
  footer .contact {
    width: 100%;
    background: url(../images/bk.jpg) repeat-x;
    background-size: auto;
    background-position: top center;
    margin: 0 0 50px;
    overflow: hidden;
    padding: 30px 0;
  }
  .contact_inner {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
  }
  .footer_logo {
    background: url(../images/logo.svg) no-repeat;
    background-size: 100% auto;
    width: 286px;
    height: 84px;
    float: left;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .footer_address {
    float: left;
    margin: 25px 25px 0 70px;
    width: 270px;
  }
  .footer_address:before {
    content: "";
    display: inline-block;
    background: url(../images/f_address_icon.png) no-repeat;
    background-size: 100% auto;
    width: 18px;
    height: 16px;
    margin: 0 5px 0 0;
  }
  .footer_phone {
    background: url(../images/f_phone.png) no-repeat;
    background-size: 100% auto;
    width: 224px;
    height: 52px;
    float: left;
    margin: 10.5px 25px 0 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .footer_reservation a {
    display: block;
    background: url(../images/f_contact.png) no-repeat;
    background-size: 100% auto;
    width: 100px;
    height: 52px;
    float: left;
    margin: 10.5px 0 0 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .footer_link {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
  }
  .footer_link ul {
    box-sizing: border-box;
    width: 250px;
    float: left;
    border-left: 1px solid #c7c7c7;
    padding: 15px 0;
    margin: 0 0 50px;
  }
  .footer_link ul:last-child {
    border-right: 1px solid #c7c7c7;
  }
  .footer_link li {
    padding: 0 20px;
    margin: 0 0 10px;
  }
  .footer_link li:last-child {
    margin: 0;
  }
  .footer_link li a {
    font-size: 0.82em;
  }
  .copyright {
    text-align: center;
    font-size: 0.72em;
  }
  #modalFader {
    background: #fff !important;
    opacity: 1 !important;
    z-index: 100;
  }
  .modalWindow {
    text-align: center;
    z-index: 100;
  }
  .modalWindow p {
    margin: 0 0 30px;
  }
  .modalWindow input {
    padding: 15px 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 1px solid #000;
    outline: none;
  }
  /* =======================================================================

   個別
   
======================================================================= */
  /* -----------------------------------------------------------------------
  index.html
----------------------------------------------------------------------- */
  .index main article > section {
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    margin: 0 0 20px;
    padding: 30px;
  }
  /* :::::::::: 当院からのお知らせ :::::::::: */
  .notice h2 {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 1.3em;
    letter-spacing: 0.15em;
    background: url(../images/h2_notice.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 5px 0 5px 105px;
    margin: 0 0 10px;
  }
  .notice h2:after {
    content: "NEWS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.6em;
    color: #b0adac;
    margin: 5px 0 0;
  }
  .notice dl {
    padding: 20px 20px 1px;
    background: #f6f6f6;
  }
  .notice .date {
    display: none;
  }
  .notice dd {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px dashed #c7c7c7;
  }
  /* :::::::::: ごあいさつ :::::::::: */
  .greetings h2 {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 1.3em;
    letter-spacing: 0.15em;
    background: url(../images/h2_greetings.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 5px 0 5px 105px;
    margin: 0 0 10px;
  }
  .greetings h2:after {
    content: "GREETINGS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.6em;
    color: #b0adac;
    margin: 5px 0 0;
  }
  .greetings img {
    margin: 0 0 10px;
  }
  .greetings p {}
  .greetings p:last-child {
    text-align: right;
  }
  /* :::::::::: 受付時間 :::::::::: */
  .consultation_hours h2 {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 1.3em;
    letter-spacing: 0.15em;
    background: url(../images/h2_consultation_hours.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 5px 0 5px 105px;
    margin: 0 0 10px;
  }
  .consultation_hours h2:after {
    content: "SERVICE HOURS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.6em;
    color: #b0adac;
    margin: 5px 0 0;
  }
  .consultation_hours table {
    width: 100%;
    margin: 0 auto 3%;
  }
  .consultation_hours caption {
    caption-side: bottom;
    text-align: left;
  }
  .consultation_hours tr {
    border-bottom: 1px solid #fff;
  }
  .consultation_hours th {
    text-align: center;
    line-height: 1.3em;
    padding: 10px 0;
    background: #dce2ee;
    width: 7.0%;
    font-size: 70%;
  }
  .consultation_hours td {
    text-align: center;
    line-height: 1.3em;
    padding: 0;
    background: #eef0f5;
    border-right: 1px solid #dce2ee;
    font-weight: bold;
    font-size: 70%;
  }
  .consultation_hours .week {
    width: 6.0%;
    border: 1px solid #fff;
  }
  .consultation_hours .ampm {
    width: 4.0%;
  }
  /* :::::::::: 面会時間 :::::::::: */
  .visiting_hours h2 {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 1.3em;
    letter-spacing: 0.15em;
    background: url(../images/h2_visiting_hours.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 5px 0 5px 105px;
    margin: 0 0 10px;
  }
  .visiting_hours h2:after {
    content: "OUTSIDE HOURS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.6em;
    color: #b0adac;
    margin: 5px 0 0;
  }
  .visiting_hours table {
    width: 100%;
  }
  .visiting_hours th {
    background: #4561a6;
    color: #fff;
    padding: 10px;
  }
  .visiting_hours td {
    background: #dce2ee;
    padding: 10px;
  }
  /* =======================================================================

   下層
   
======================================================================= */
  .subpage nav {
    top: 0;
  }
  .subpage main section {
    overflow: hidden;
  }
  .subpage main article > section {
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    margin: 0 0 60px;
    padding: 30px;
  }
  .subpage main article > section > section:not(:last-child) {
    margin: 0 0 30px;
  }
  .subpage main article > section > section > section:not(:last-child) {
    margin: 0 0 15px;
    border-bottom: 1px solid #e7e7e7;
  }
  .subpage main h2 {
    background: #4561a6;
    color: #fff;
    padding: 15px 20px;
    margin: 0 0 30px;
  }
  .subpage main h2 span { border:#ccc 1px solid; padding: 3px 5px; font-size: 75%; }
  .subpage main h3 {
    margin: 0 0 15px;
  }
  .subpage main h4 {
    margin: 0 0 15px;
  }
  .subpage main h5 {
    margin: 0 0 10px;
  }
  .subpage main p {
    margin: 0 0 10px;
  }
  .normal_list {
    margin: 0 0 15px;
  }
  .normal_list li {
    text-indent: -1.5vw;
    padding: 0 0 0 1.5vw;
    margin: 0 0 7px;
    line-height: 180%;
  }
  .normal_list li:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #4561a6;
    border-radius: 50%;
    margin: 0 10px 0 0;
  }
  .subpage main dt {
    color: #4561a6;
    font-weight: bold;
    margin: 0 0 5px;
  }
  .subpage main dt span {
    color: #4c4948;
    font-weight: normal;
  }
  .subpage main dd {
    border-bottom: 1px dashed #4561a6;
    padding: 0 0 3%;
    margin: 0 0 3%;
  }
  .text_link {
    color: #4561a6;
    text-decoration: underline;
  }
  .link_btn a {
    display: block;
    background: #f6f6f6;
    color: #4561a6;
    text-align: center;
    border: 1px solid #4561a6;
    padding: 15px 30px;
    font-weight: bold;
  }
  .imageright {
    display: block;
    width: 32%;
    float: right;
    margin: 0 0 15px 15px;
  }
  .imagefull {
    display: block;
    width: 100%;
    margin: 0 auto 5%;
  }
  .subpage .consultation_hours h2:after {
    content: none !important;
  }
  /* -----------------------------------------------------------------------
  staff.html
----------------------------------------------------------------------- */
  .recomenndation {
    background: #f6f6f6;
    padding: 30px;
  }
  .recomenndation p:last-child {
    text-align: right;
  }
  /* -----------------------------------------------------------------------
  recruit.html
----------------------------------------------------------------------- */
  .recriit_list {
    overflow: hidden;
  }
  .recriit_list li {
    width: 48.5%;
    float: left;
    margin: 0 0 3%;
  }
  .recriit_list li:nth-child(2n) {
    float: right;
  }
  .recriit_list li a {
    display: block;
    background: #f6f6f6;
    color: #4561a6;
    text-align: center;
    border: 1px solid #4561a6;
    padding: 15px 0;
  }
  /* -----------------------------------------------------------------------
  access.html
----------------------------------------------------------------------- */
  .routegallery .gv_galleryWrap {
    width: 100% !important;
    height: 48vw !important;
    box-sizing: border-box;
    max-height: 674px !important;
  }
  .routegallery .gv_gallery {
    width: 100% !important;
    height: 47vw !important;
    max-height: 674px !important;
  }
  .routegallery .gv_panelWrap {
    width: 100% !important;
    height: 41.4vw !important;
    max-height: 574px !important;
  }
  .routegallery .gv_panel {
    width: 100% !important;
    height: 41.4vw !important;
    max-height: 574px !important;
  }
  .routegallery .gv_panel img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
  }
  .routegallery .gv_filmstripWrap {
    width: 100% !important;
    height: 5.2vw !important;
  }
  .routegallery .gv_filmstrip {
    height: 5.2vw !important;
  }
  .routegallery .gv_thumbnail {
    width: 100% !important;
    height: 5.2vw !important;
  }
  .routegallery .gv_frame {
    height: 5.2vw !important;
  }
  .routegallery .gv_frame img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
  }
  /* -----------------------------------------------------------------------
  clinic.html
----------------------------------------------------------------------- */
  .gv_galleryWrap {
    width: 100% !important;
    height: 49.5vw !important;
    box-sizing: border-box;
    max-height: 652px !important;
  }
  .gv_gallery {
    width: 100% !important;
    height: 48.5vw !important;
    max-height: 643px !important;
  }
  .gv_panelWrap {
    width: 100% !important;
    height: 37vw !important;
    max-height: 525px !important;
  }
  .gv_panel {
    width: 100% !important;
    height: 37vw !important;
    max-height: 525px !important;
  }
  .gv_panel img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
  }
  .gv_filmstripWrap {
    width: 100% !important;
  }
  .gv_filmstrip {}
  .gv_thumbnail {
    width: 100% !important;
  }
  .gv_frame img {
    width: 100% !important;
  }
  /* -----------------------------------------------------------------------
  form.html
----------------------------------------------------------------------- */
  #mailformpro dd input {
    padding: 1.5%;
    outline: none;
    width: 100% !important;
  }
  #mailformpro dd textarea {
    width: 100% !important;
  }
  #mailformpro .name input {
    width: 35% !important;
  }
  #mailformpro dd span {
    display: block;
  }
  .required {
    font-size: 80%;
    background: #ff3534;
    color: #fff;
    padding: 0.5%;
    margin: 0 5px 0 0;
  }
  /* -----------------------------------------------------------------------
  influenza.html
----------------------------------------------------------------------- */
  .influenza_table {
    width: 100%;
    background: #fff;
  }
  .influenza_table caption {
    /* caption-side: bottom; */
    text-align: left !important;
    font-size: 90%;
    margin: 2.5% 0 2.5%;
  }
  .influenza_table th {
    border: 1px solid #e7e7e7;
    padding: 2%;
    text-align: center;
  }
  .influenza_table th:first-child {
    width: 65%;
  }
  .influenza_table th:nth-child(2) {
    width: 10%;
  }
  .influenza_table td {
    border: 1px solid #e7e7e7;
    padding: 2%;
  }
  .influenza_table span {
    /*display: block;*/
    font-size: 90%;
  }

  .mt10 {
    margin-top: 10px;
  }
  
  /* -----------------------------------------------------------------------
  beautydermatology.html
----------------------------------------------------------------------- */
  .bd_list {
    overflow: hidden;
  }
  .bd_list li {
    width: 48.5%;
    float: left;
    margin: 0 0 3%;
  }
  .bd_list li:nth-child(2n) {
    float: right;
  }
  .bd_list li a {
    display: block;
    background: #f6f6f6;
    color: #4561a6;
    text-align: center;
    border: 1px solid #4561a6;
    padding: 5% 0;
  }
  /* -----------------------------------------------------------------------
  treatments.html
----------------------------------------------------------------------- */
  .blue_box {
    background: #DAE3F4;
    padding: 10px 10px 0;
    border-radius: 10px;
  }
  /* -----------------------------------------------------------------------
  beautydermatology.html
----------------------------------------------------------------------- */
  /*CLEARFIX
------------------------------------*/
  .cf {
    zoom: 1;
  }
  .cf:before, .cf:after {
    content: "";
    display: table;
  }
  .cf:after {
    clear: both;
  }
  .imgC {
    text-align: center;
    margin: 1em auto;
  }
  .bdb {
    border-bottom: 1px dashed #4561a6;
  }
  .imgResponsive {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .tit4 {
    background: #eef0f5;
    color: #3d62ab;
    padding: 5px 0 5px 10px;
    margin-top: 15px !important;
  }
  .title {
    border: 1px solid #3d62ab;
    color: #3d62ab;
    padding: 5px 20px;
    text-align: center;
    display: inline-block;
  }
  .check_box {
    margin-top: 30px;
  }
  .imgbox {
    padding: 10px 0;
  }
  .imgRBox {
    float: right;
    width: 33%;
    text-align: center;
  }
  .textBox {
    width: 65%;
  }
  .subpage main .textBox dd {
    border: none;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  /*VENUS VERSA のIPL治療*/
  .chiryo .imgbox {
    margin-top: 30px;
  }
}
@media screen and (min-width:641px) and (max-width:1024px) {
  /* :::::::::: フォント :::::::::: */
  p, li, dt, dd, th, td, caption, figcaption, input, textarea, button {
    -webkit-text-size-adjust: none;
    color: #4c4948;
    font-size: 1.5vw;
  }
  dd li, dd input, dd textarea {
    font-size: 100%;
  }
  /* -----------------------------------------------------------------------
　構造
----------------------------------------------------------------------- */
  body {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-top: 4px solid #ff3534;
    background: url(../images/bk.jpg) repeat-x;
    background-size: auto;
    background-position: top center;
  }
  header {
    width: 94%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 3% 0;
  }
  .content_wrapper {
    width: 94%;
    margin: 0 auto;
    overflow: hidden;
  }
  main {
    display: block;
    width: 60%;
    float: right;
    margin: 0 0 3%;
  }
  aside {
    width: 36%;
    float: left;
    margin: 0 0 5%;
  }
  .pc-no {
    display: block;
  }
  /* -----------------------------------------------------------------------
　見出し
----------------------------------------------------------------------- */
  h1 {
    color: #4c4948;
    font-size: 1.3vw;
    position: absolute;
    right: 0;
  }
  h2 {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 2vw;
    letter-spacing: 0.15em;
  }
  h3 {
    font-family: 'GenEiLateMinN';
    font-size: 2.6vw;
    letter-spacing: 0.15em;
    color: #4c4948;
  }
  h4 {
    font-family: 'GenEiLateMinN';
    font-size: 2vw;
    letter-spacing: 0.15em;
    color: #4c4948;
  }
  h4.defult {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
    font-weight: bold;
  }
  h5 {
    color: #3d62ab;
    font-family: 'GenEiLateMinN';
    font-size: 2vw;
    font-weight: normal;
    letter-spacing: 0.15em;
  }
  h6 {
    font-family: 'GenEiLateMinN';
    font-size: 2vw;
    letter-spacing: 0.15em;
    color: #4c4948;
  }
  /* =======================================================================

   全体
   
======================================================================= */
  /* -----------------------------------------------------------------------
　header
----------------------------------------------------------------------- */
  .header_logo {
    width: 31%;
    height: 8.5vw;
    float: left;
  }
  .header_logo a {
    display: block;
    background: url(../images/logo.svg) no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 8.5vw;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .h_right {
    width: 64%;
    float: right;
    overflow: hidden;
    margin: 3% 0 0;
  }
  .header_address {
    width: 58%;
    height: 5.2vw;
    float: left;
    margin: 0 3% 0 0;
  }
  .header_address a {
    display: block;
    background: url(../images/h_address.png) no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 5.2vw;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .header_phone {
    background: url(../images/h_phone.jpg) no-repeat;
    background-size: 100% auto;
    width: 38%;
    height: 5.2vw;
    float: left;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  /* :::::::::: nav :::::::::: */
  nav {}
  nav ul {
    text-align: center;
    width: 94%;
    margin: 0 auto 3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  nav li {
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    font-family: 'GenEiLateMinN';
    letter-spacing: 0.15em;
    font-size: 1.6vw;
  }
  nav li a {
    display: block;
    box-sizing: border-box;
    border-left: 1px solid #c7c7c7;
    padding: 3% 0;
  }

  nav li:last-child a {
    border-right: 1px solid #c7c7c7;
  }
  nav li a:after {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1vw;
    color: #3d62ab;
    margin: 5px 0 0;
  }
  nav li:first-child a:after {
    content: "HOME";
  }
  nav li:nth-child(2) a:after {
    content: "HOSPITAL";
  }
  nav li:nth-child(3) a:after {
    content: "TREATMENT";
  }
  nav li:nth-child(4) a:after {
    content: "DOCTOR";
  }
  nav li:nth-child(5) a:after {
    content: "ACCESS";
  }
  nav li:nth-child(6) a:after {
    content: "RECRUIT";
  }
  nav li:nth-child(7) a:after {
    content: "NURSING DEPT.";
  }
  nav li:nth-child(8) a:after {
    content: "ORTHOPEDICS";
  }
  /* :::::::::: key visual :::::::::: */
  .main_visual {
    width: 100%;
    height: 45vw;
    margin: 0 auto 3%;
    position: relative;
  }
  #cf1 {
    width: 100%;
    height: 45vw;
    background: url(../images/keyv08.jpg) no-repeat;
    background-size: contain;
    background-position: center;
  }
  #cf2 {
    width: 100%;
    height: 45vw;
    background: url(../images/keyv05.jpg) no-repeat;
    background-size: contain;
    background-position: center;
  }
  #cf3 {
    width: 100%;
    height: 45vw;
    background: url(../images/keyv09.jpg) no-repeat;
    background-size: contain;
    background-position: center;
  }
  #cf4 {
    width: 100%;
    height: 45vw;
    background: url(../images/keyv06.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  #cf5 {
    width: 100%;
    height: 45vw;
    background: url(../images/keyv10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  /* -----------------------------------------------------------------------
  aside
----------------------------------------------------------------------- */
  /* :::::::::: 当院の診療内容 :::::::::: */
  aside .service {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 2vw;
    letter-spacing: 0.15em;
    background: url(../images/aside_service.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 2% 0 2% 26%;
    margin: 0 0 2%;
  }
  aside .service:after {
    content: "TREATMENT";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1vw;
    color: #b0adac;
    margin: 1% 0 0;
  }
  .service_list {
    margin: 0 0 10%;
  }
  .service_list li {
    border-top: 1px solid #e7e7e7;
    position: relative;
  }
  .service_list li:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #ff3534;
    border-right: 1px solid #ff3534;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .service_list li:last-child {
    border-bottom: 1px solid #e7e7e7;
  }
  .service_list li a {
    display: block;
    padding: 5% 0;
    font-size: 1.5em;
  }
  /*.service_list li:nth-child(1) a,
.service_list li:nth-child(2) a,
.service_list li:nth-child(3) a,
.service_list li:nth-child(4) a{
	color:#ff3534;
	font-weight:bold;
}*/
  .service_list li a span {
    display: block;
    border: 1px solid #a7a7a7;
    color: #a7a7a7;
    padding: 0 0.5vw;
    font-size: 1vw;
    font-weight: bold;
    margin: 0 1% 2% 0;
    width: 30%;
  }
  .banner_vaccination a {
    display: block;
    width: 100%;
    height: 8.3vw;
    background: url(../images/banner_vaccination.png) no-repeat;
    background-size: 100% auto;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0 10%;
  }
  /* :::::::::: 診療のご相談、入院・転院のご相談 :::::::::: */
  .consultation p {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 1.4vw;
    letter-spacing: 0.15em;
    background: url(../images/aside_consultation.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 2% 0 2% 20%;
    margin: 0 0 2%;
  }
  .consultation p:after {
    content: "CONSULTATION";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1vw;
    color: #b0adac;
    margin: 1% 0 0;
  }
  .consultation dl {
    background: #eef0f5;
    padding: 0 0 10px;
    margin: 0 0 10%;
  }
  .consultation dt {
    background: #3d62ab;
    color: #fff;
    padding: 10px;
    margin: 0 0 10px;
  }
  .consultation .tel {
    background: url(../images/consultation_phone.png) no-repeat;
    background-size: 100% auto;
    width: 90%;
    height: 2.6vw;
    margin: 0 auto 2%;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .consultation .fax {
    background: url(../images/consultation_fax.png) no-repeat;
    background-size: 100% auto;
    width: 90%;
    height: 2.6vw;
    margin: 0 auto 2%;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  /* :::::::::: 診療時間外の対応について :::::::::: */
  aside .outside_hours {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 1.8vw;
    letter-spacing: 0.15em;
    background: url(../images/aside_outside_hours.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 2% 0 2% 20%;
    margin: 0 0 2%;
  }
  aside .outside_hours:after {
    content: "OUTSIDE HOURS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1vw;
    color: #b0adac;
    margin: 1% 0 0;
  }
  .outside_hours_box {
    background: #3d62ab;
    box-sizing: border-box;
    padding: 5%;
    margin: 0 auto 5%;
  }
  .outside_hours_box p {
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin: 0 auto 1%;
  }
  .outside_hours_box .annotation {
    text-align: left;
    font-weight: normal;
    margin: 0 auto;
  }
  .outside_hours_phone {
    background: url(../images/outside_hours_phone.png) no-repeat;
    background-size: 100% auto;
    background-position: center;
    height: 3.2vw;
    margin: 0 auto;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .outside_hours_banner a {
    display: block;
    background: url(../images/outside_hours_banner.jpg) no-repeat;
    background-size: 100% auto;
    height: 3.6vw;
    margin: 0 auto;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  /* :::::::::: こんな時は救急科へ :::::::::: */
  .emergency {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 2vw;
    letter-spacing: 0.15em;
    background: url(../images/aside_outside_hours.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 2% 0 2% 20%;
    margin: 0 0 2%;
  }
  .emergency:after {
    content: "SYMPTOMS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1vw;
    color: #b0adac;
    margin: 1% 0 0;
  }
  .emergency_list li {
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    padding: 2% 0 2% 7%;
  }
  .emergency_list li:before {
    content: "";
    display: block;
    width: 1vw;
    height: 2px;
    background-color: #3d62ab;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
	
 /* :::::::::: 系列病院 :::::::::: */
  .affiliated_hospital {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 2vw;
    letter-spacing: 0.15em;
    /*background: url(../images/aside_affiliated_hospital.png) no-repeat;*/
    background-size: auto 100%;
    background-position: left center;
    /*padding: 2% 0 2% 20%;*/
	padding-left: 5px;
    margin: 30px 0 2%;
  }
/*  .affiliated_hospital:after {
    content: "AFFILIATED HOSPITAL";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1vw;
    color: #b0adac;
    margin: 1% 0 0;
  }	*/

	p.bnr{
    width: 100%;
	height: auto;
  }
  p.bnr img {
    width: 100%;
	height: auto;
  }
	
  /* -----------------------------------------------------------------------
  footer
----------------------------------------------------------------------- */
  footer {
    background: #e3e7f1;
    padding: 0 0 3%;
  }
  .map_box, .map_box iframe {
    width: 100%;
    height: 360px;
    border: 0;
  }
  footer .contact {
    width: 100%;
    background: url(../images/bk.jpg) repeat-x;
    background-size: auto;
    background-position: top center;
    margin: 0 0 3%;
    overflow: hidden;
    padding: 3% 0;
  }
  .contact_inner {
    width: 94%;
    margin: 0 auto;
    overflow: hidden;
  }
  .footer_logo {
    background: url(../images/logo.svg) no-repeat;
    background-size: 100% auto;
    width: 28%;
    height: 8.4vw;
    float: left;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .footer_address {
    float: left;
    margin: 3% 2.5vw 0 4vw;
    width: 30%;
  }
  .footer_address:before {
    content: "";
    display: inline-block;
    background: url(../images/f_address_icon.png) no-repeat;
    background-size: 100% auto;
    width: 1.8vw;
    height: 1.6vw;
    margin: 0 0.5% 0 0;
  }
  .footer_phone {
    background: url(../images/f_phone.png) no-repeat;
    background-size: 100% auto;
    width: 22.4%;
    height: 4.8vw;
    float: left;
    margin: 1.5% 2.5% 0 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .footer_reservation a {
    display: block;
    background: url(../images/f_contact.png) no-repeat;
    background-size: 100% auto;
    width: 10%;
    height: 4.8vw;
    float: left;
    margin: 1.5% 0 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .footer_link {
    width: 94%;
    margin: 0 auto;
    overflow: hidden;
  }
  .footer_link ul {
    box-sizing: border-box;
    width: 25%;
    float: left;
    border-left: 1px solid #c7c7c7;
    padding: 1% 0;
    margin: 0 0 3%;
  }
  .footer_link ul:last-child {
    border-right: 1px solid #c7c7c7;
  }
  .footer_link li {
    padding: 0 10%;
    margin: 0 0 2%;
  }
  .footer_link li:last-child {
    margin: 0;
  }
  .footer_link li a {
    font-size: 1vw;
  }
  .copyright {
    text-align: center;
    font-size: 1vw;
  }
  #modalFader {
    background: #fff !important;
    opacity: 1 !important;
    z-index: 100;
  }
  .modalWindow {
    text-align: center;
    z-index: 100;
  }
  .modalWindow p {
    margin: 0 0 3%;
  }
  .modalWindow input {
    padding: 3% 5%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 1px solid #000;
    outline: none;
  }
  /* =======================================================================

   個別
   
======================================================================= */
  /* -----------------------------------------------------------------------
  index.html
----------------------------------------------------------------------- */
  .index main article > section {
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    margin: 0 0 4%;
    padding: 4%;
  }
  /* :::::::::: 当院からのお知らせ :::::::::: */
  .notice h2 {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 2vw;
    letter-spacing: 0.15em;
    background: url(../images/h2_notice.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 2% 0 2% 18%;
    margin: 0 0 10px;
  }
  .notice h2:after {
    content: "NEWS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1vw;
    color: #b0adac;
    margin: 1% 0 0;
  }
  .notice dl {
    padding: 4%;
    background: #f6f6f6;
  }
  .notice .date {
    display: none;
  }
  .notice dd {
    padding: 0 0 4%;
    margin: 0 0 4%;
    border-bottom: 1px dashed #c7c7c7;
  }
  /* :::::::::: ごあいさつ :::::::::: */
  .greetings h2 {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 2vw;
    letter-spacing: 0.15em;
    background: url(../images/h2_greetings.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 2% 0 2% 18%;
    margin: 0 0 10px;
  }
  .greetings h2:after {
    content: "GREETINGS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1vw;
    color: #b0adac;
    margin: 1% 0 0;
  }
  .greetings img {
    width: 100%;
    margin: 0 0 2%;
  }
  .greetings p {}
  .greetings p:last-child {
    text-align: right;
  }
  /* :::::::::: 受付時間 :::::::::: */
  .consultation_hours h2 {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 2vw;
    letter-spacing: 0.15em;
    background: url(../images/h2_consultation_hours.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 2% 0 2% 18%;
    margin: 0 0 10px;
  }
  .consultation_hours h2:after {
    content: "RESEPTION HOURS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1vw;
    color: #b0adac;
    margin: 1% 0 0;
  }
  .consultation_hours table {
    width: 100%;
    margin: 0 auto 3%;
  }
  .consultation_hours caption {
    caption-side: bottom;
    text-align: left;
  }
  .consultation_hours tr {
    border-bottom: 1px solid #fff;
  }
  .consultation_hours th {
    text-align: center;
    line-height: 1.3em;
    padding: 10px 0;
    background: #dce2ee;
    width: 5.5%;
    font-size: 70%;
  }
  .consultation_hours td {
    text-align: center;
    line-height: 1.3em;
    padding: 10px 0;
    background: #eef0f5;
    border-right: 1px solid #dce2ee;
    font-weight: bold;
    width: 5.5%;
    font-size: 70%;
  }
  .consultation_hours .week {
    border: 1px solid #fff;
  }
  .consultation_hours .ampm {
    width: 4.0%;
  }
  /* :::::::::: 面会時間 :::::::::: */
  .visiting_hours h2 {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 2vw;
    letter-spacing: 0.15em;
    background: url(../images/h2_visiting_hours.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 2% 0 2% 18%;
    margin: 0 0 10px;
  }
  .visiting_hours h2:after {
    content: "VISITING HOURS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1vw;
    color: #b0adac;
    margin: 1% 0 0;
  }
  .visiting_hours table {
    width: 100%;
  }
  .visiting_hours th {
    background: #4561a6;
    color: #fff;
    padding: 10px;
  }
  .visiting_hours td {
    background: #dce2ee;
    padding: 10px;
  }
  /* =======================================================================

   下層
   
======================================================================= */
  .subpage nav {
    top: 0;
  }
  .subpage main section {
    overflow: hidden;
  }
  .subpage main article > section {
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    margin: 0 0 5%;
    padding: 5%;
  }
  .subpage main article > section > section:not(:last-child) {
    margin: 0 0 4%;
  }
  .subpage main article > section > section > section:not(:last-child) {
    margin: 0 0 2%;
    border-bottom: 1px solid #e7e7e7;
  }
  .subpage main h2 {
    background: #4561a6;
    color: #fff;
    padding: 2% 4%;
    margin: 0 0 4%;
  }
  .subpage main h2 span { border:#ccc 1px solid; padding: 3px 5px; font-size: 75%; }
  .subpage main h3 {
    margin: 0 0 2%;
  }
  .subpage main h4 {
    margin: 0 0 2%;
  }
  .subpage main p {
    margin: 0 0 2%;
  }
  .normal_list {
    margin: 0 0 2%;
  }
  .normal_list li {
    text-indent: -2vw;
    padding: 0 0 0 2vw;
    margin: 0 0 2%;
  }
  .normal_list li:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    background: #4561a6;
    border-radius: 50%;
    margin: 0 2% 0 0;
  }
  .subpage main dt {
    color: #4561a6;
    font-weight: bold;
    margin: 0 0 1%;
  }
  .subpage main dt span {
    color: #4c4948;
    font-weight: normal;
  }
  .subpage main dd {
    border-bottom: 1px dashed #4561a6;
    padding: 0 0 4%;
    margin: 0 0 4%;
  }
  .text_link {
    color: #4561a6;
    text-decoration: underline;
  }
  .link_btn a {
    display: block;
    background: #f6f6f6;
    color: #4561a6;
    text-align: center;
    border: 1px solid #4561a6;
    padding: 2% 4%;
    font-weight: bold;
  }
  .imageright {
    display: block;
    width: 32%;
    float: right;
    margin: 0 0 3% 3%;
  }
  .imagefull {
    display: block;
    width: 100%;
    margin: 0 auto 5%;
  }
  .subpage .consultation_hours h2:after {
    content: none !important;
  }
  /* -----------------------------------------------------------------------
  staff.html
----------------------------------------------------------------------- */
  .recomenndation {
    background: #f6f6f6;
    padding: 4%;
  }
  .recomenndation p:last-child {
    text-align: right;
  }
  /* -----------------------------------------------------------------------
  recruit.html
----------------------------------------------------------------------- */
  .recriit_list {
    overflow: hidden;
  }
  .recriit_list li {
    width: 48.5%;
    float: left;
    margin: 0 0 3%;
  }
  .recriit_list li:nth-child(2n) {
    float: right;
  }
  .recriit_list li a {
    display: block;
    background: #f6f6f6;
    color: #4561a6;
    text-align: center;
    border: 1px solid #4561a6;
    padding: 3% 0;
  }
  /* -----------------------------------------------------------------------
  access.html
----------------------------------------------------------------------- */
  .routegallery .gv_galleryWrap {
    width: 100% !important;
    height: 51vw !important;
    box-sizing: border-box;
  }
  .routegallery .gv_gallery {
    width: 100% !important;
    height: 50vw !important;
  }
  .routegallery .gv_panelWrap {
    width: 100% !important;
    height: 40vw !important;
  }
  .routegallery .gv_panel {
    width: 100% !important;
    height: 40vw !important;
  }
  .routegallery .gv_panel img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
  }
  .routegallery .gv_filmstripWrap {
    width: 100% !important;
    height: 9vw !important;
  }
  .routegallery .gv_filmstrip {
    height: 9vw !important;
  }
  .routegallery .gv_thumbnail {
    width: 100% !important;
    height: 9vw !important;
  }
  .routegallery .gv_frame {
    height: 9vw !important;
  }
  .routegallery .gv_frame img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
  }
  /* -----------------------------------------------------------------------
  clinic.html
----------------------------------------------------------------------- */
  .gv_galleryWrap {
    width: 100% !important;
    height: 52vw !important;
    box-sizing: border-box;
  }
  .gv_gallery {
    width: 100% !important;
    height: 51vw !important;
  }
  .gv_panelWrap {
    width: 100% !important;
    height: 37vw !important;
  }
  .gv_panel {
    width: 100% !important;
    height: 37vw !important;
  }
  .gv_panel img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
  }
  .gv_filmstripWrap {
    width: 100% !important;
    height: 13.5vw !important;
  }
  .gv_filmstrip {
    height: 13.5vw !important;
  }
  .gv_thumbnail {
    width: 100% !important;
    height: 11.5vw !important;
  }
  .gv_frame img {
    width: 100% !important;
    height: auto !important;
  }
  /* -----------------------------------------------------------------------
  form.html
----------------------------------------------------------------------- */
  #mailformpro dd input {
    padding: 1.5%;
    outline: none;
    width: 100% !important;
  }
  #mailformpro .name input {
    width: 35% !important;
  }
  #mailformpro dd span {
    display: block;
  }
  .required {
    font-size: 80%;
    background: #ff3534;
    color: #fff;
    padding: 0.5%;
    margin: 0 1% 0 0;
  }
  #mfp_element_18_label {
    width: 100%;
  }
  /* -----------------------------------------------------------------------
  influenza.html
----------------------------------------------------------------------- */
  .influenza_table {
    width: 100%;
    background: #fff;
  }
  .influenza_table caption {
    /* caption-side: bottom; */
    text-align: left !important;
    font-size: 80%;
    margin: 2.5% 0 0;
  }
  .influenza_table th {
    border: 1px solid #e7e7e7;
    padding: 2%;
    text-align: center;
  }
  .influenza_table th:first-child {
    width: 60%;
  }
  .influenza_table th:nth-child(2) {
    width: 15%;
  }
  .influenza_table th:nth-child(3) {
    width: 25%;
  }
  .influenza_table td {
    border: 1px solid #e7e7e7;
    padding: 2%;
  }
  .influenza_table span {
    display: block;
    font-size: 80%;
  }

  /* -----------------------------------------------------------------------
  beautydermatology.html
----------------------------------------------------------------------- */
  .bd_list {
    overflow: hidden;
  }
  .bd_list li {
    /*width:48.5%;*/
    width: 48.5%;
    float: left;
    margin: 0 0 3%;
  }
  .bd_list li:nth-child(2n) {
    float: right;
  }
  .bd_list li a {
    display: block;
    background: #f6f6f6;
    color: #4561a6;
    text-align: center;
    border: 1px solid #4561a6;
    padding: 2% 0;
  }
  /* -----------------------------------------------------------------------
  treatments.html
----------------------------------------------------------------------- */
  .blue_box {
    background: #DAE3F4;
    padding: 10px 10px 0;
    border-radius: 10px;
  }
  /*CLEARFIX
------------------------------------*/
  .cf {
    zoom: 1;
  }
  .cf:before, .cf:after {
    content: "";
    display: table;
  }
  .cf:after {
    clear: both;
  }
  .imgC {
    text-align: center;
    margin: 1em auto;
  }
  .bdb {
    border-bottom: 1px dashed #4561a6;
  }
  .imgResponsive {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .tit4 {
    background: #eef0f5;
    color: #3d62ab;
    padding: 5px 0 5px 10px;
  }
  .title {
    border: 1px solid #3d62ab;
    color: #3d62ab;
    padding: 5px 20px;
    text-align: center;
    display: inline-block;
    margin: 30px 0 10px 0;
  }
  .imgbox {
    padding: 0 0 2%;
    margin: 0 0 3%;
  }
  .imgRBox {
    float: right;
    width: 33%;
    text-align: center;
  }
  .textBox {
    width: 65%;
  }
  .subpage main .textBox dd {
    border: none;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  /*VENUS VERSA のIPL治療*/
  .chiryo .imgbox {
    margin-top: 30px;
  }
}
@media screen and (max-width:640px) {
  /* :::::::::: フォント :::::::::: */
  p, li, dt, dd, th, td, caption, figcaption, input, textarea, button {
    -webkit-text-size-adjust: none;
    color: #4c4948;
    font-size: 4vw;
  }
  dd li, dd input, dd textarea {
    font-size: 100%;
  }
  /* -----------------------------------------------------------------------
　構造
----------------------------------------------------------------------- */
  body {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-top: 4px solid #ff3534;
    background: url(../images/bk.jpg) repeat-x;
    background-size: auto;
    background-position: top center;
    position: relative;
  }
  header {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 2.5% 0;
  }
  .content_wrapper {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  main {
    display: block;
  }
  aside {}
  .pc-no {
    display: block;
  }
  /* -----------------------------------------------------------------------
　見出し
----------------------------------------------------------------------- */
  h1 {
    color: #4c4948;
    font-size: 2vw;
    text-align: center;
    margin: 0 auto 2%;
  }
  h2 {
    color: #4c4948;
    font-family: 'GenEiLateMinN';
    font-weight: normal;
    letter-spacing: 0.15em;
    font-size: 4.2vw;
  }
  h3 {
    color: #4c4948;
    font-family: 'GenEiLateMinN';
    font-weight: normal;
    letter-spacing: 0.15em;
    font-size: 6vw;
  }
  h4 {
    color: #4c4948;
    font-family: 'GenEiLateMinN';
    font-weight: normal;
    letter-spacing: 0.15em;
    font-size: 4.8vw;
  }
  h4.defult {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
    font-weight: bold;
  }
  h5 {
    color: #3d62ab;
    font-family: 'GenEiLateMinN';
    font-weight: normal;
    letter-spacing: 0.15em;
    font-size: 4.8vw;
  }
  h6 {
    color: #4c4948;
    font-family: 'GenEiLateMinN';
    font-weight: normal;
    letter-spacing: 0.15em;
    font-size: 4.8vw;
  }
  /* =======================================================================

   全体
   
======================================================================= */
  /* -----------------------------------------------------------------------
　header
----------------------------------------------------------------------- */
  .header_logo {
    width: 56.25%;
    height: 17vw;
    margin: 0 auto 2.5%;
  }
  .header_logo a {
    display: block;
    background: url(../images/logo.svg) no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 17vw;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .h_right {
    width: 94%;
    margin: 0 auto;
    overflow: hidden;
  }
  .header_address {
    background: url(../images/h_address.png) no-repeat;
    background-size: 100% auto;
    width: 86%;
    float: left;
  }
  .header_address a {
    display: block;
    width: 100%;
    height: 0;
    padding: 15% 0 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .header_phone {
    background: url(../images/s/h_phone.jpg) no-repeat;
    background-size: 100% auto;
    width: 13%;
    height: 0;
    padding: 0 0 13%;
    float: right;
    margin: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .header_phone a {
    display: block;
    width: 100%;
    height: 0;
    padding: 100% 0 0;
    float: left;
    margin: 0 2% 0 0;
  }
  .header_reservation a {
    display: block;
    background: url(../images/s/h_contact.jpg) no-repeat;
    background-size: 100% auto;
    width: 18%;
    height: 0;
    padding: 18% 0 0;
    float: left;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  /* :::::::::: nav :::::::::: */
  nav {
    position: relative;
    top: 54.5vw;
  }
  nav ul {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    padding: 2%;
    background: #e3e7f1;
  }
  nav li {
    width: 49%;
    float: left;
    box-sizing: border-box;
    margin: 0 2% 2% 0;
    position: relative;
    font-family: 'GenEiLateMinN';
    letter-spacing: 0.15em;
    font-weight: normal;
  }
  nav li:nth-child(2n) {
    float: right;
    margin: 0 0 2%;
  }
  nav li:last-child {
    margin: 0;
  }
  nav li a {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 3% 6%;
    font-size: 3.4vw;
    background: #fff;
  }
  nav li a:after {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.4vw;
    color: #3d62ab;
    margin: 0.5% 0 0;
  }
  nav li:first-child a:after {
    content: "HOME";
  }
  nav li:nth-child(2) a:after {
    content: "HOSPITAL";
  }
  nav li:nth-child(3) a:after {
    content: "TREATMENT";
  }
  nav li:nth-child(4) a:after {
    content: "DOCTOR";
  }
  nav li:nth-child(5) a:after {
    content: "ACCESS";
  }
  nav li:nth-child(6) a:after {
    content: "RECRUIT";
  }
  nav li:nth-child(7) a:after {
    content: "NURSING DEPT.";
  }
  nav li:nth-child(8) a:after {
    content: "ORTHOPEDICS";
  }
  /* :::::::::: key visual :::::::::: */
  .main_visual {
    width: 100%;
    height: 55vw;
    margin: 0;
    position: absolute;
    top: 42vw;
  }
  #cf1 {
    width: 100%;
    height: 55vw;
    background: url(../images/keyv08.jpg) no-repeat;
    background-size: 100% auto;
    background-position: center;
  }
  #cf2 {
    width: 100%;
    height: 55vw;
    background: url(../images/keyv05.jpg) no-repeat;
    background-size: 100% auto;
    background-position: center;
  }
  #cf3 {
    width: 100%;
    height: 55vw;
    background: url(../images/keyv09.jpg) no-repeat;
    background-size: 100% auto;
    background-position: center;
  }
  #cf4 {
    width: 100%;
    height: 55vw;
    background: url(../images/keyv06.jpg) no-repeat;
    background-size: 100% auto;
    background-position: center;
  }
  #cf5 {
    width: 100%;
    height: 55vw;
    background: url(../images/keyv10.jpg) no-repeat;
    background-size: 100% auto;
    background-position: center;
  }
  /* -----------------------------------------------------------------------
  aside
----------------------------------------------------------------------- */
  aside {
    background: #e3e7f1;
    width: 100%;
    padding: 2.5% 0;
  }
  /* :::::::::: 当院の診療内容 :::::::::: */
  aside .service {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 5.2vw;
    letter-spacing: 0.15em;
    background: url(../images/aside_service.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 0.5% 0 0.5% 16%;
    margin: 0 0 2%;
  }
  aside .service:after {
    content: "TREATMENT";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.4vw;
    color: #b0adac;
    margin: 0.5% 0 0;
  }
  .service_list {
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto 5%;
    background: #fff;
  }
  .service_list li {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    border-top: 1px solid #e7e7e7;
    position: relative;
  }
  .service_list li:after {
    content: "";
    display: block;
    width: 2vw;
    height: 2vw;
    border-top: 1px solid #ff3534;
    border-right: 1px solid #ff3534;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 5%;
    bottom: 0;
    margin: auto;
  }
  .service_list li:first-child {
    border-bottom: 0;
  }
  .service_list li a {
    display: block;
    padding: 2.5% 5%;
    font-size: 4.5vw;
  }
  /*
.service_list li:nth-child(1) a,
.service_list li:nth-child(2) a,
.service_list li:nth-child(3) a,
.service_list li:nth-child(4) a{
	color:#ff3534;
	font-weight:bold;
} */
  .service_list li a span {
    display: inline-block;
    border: 1px solid #a7a7a7;
    color: #a7a7a7;
    padding: 0.5% 1vw;
    font-size: 2.7vw;
    font-weight: bold;
    margin: 0 2% 0 0;
  }
  .banner_vaccination a {
    display: block;
    width: 90%;
    height: 22.2vw;
    background: url(../images/banner_vaccination.png) no-repeat;
    background-size: 100% auto;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto 5%;
  }
  /* :::::::::: 診療のご相談、入院・転院のご相談 :::::::::: */
  .consultation p {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 4.3vw;
    letter-spacing: 0.15em;
    background: url(../images/aside_consultation.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 1.5% 0 1.5% 16%;
    margin: 0 0 2%;
  }
  .consultation p:after {
    content: "CONSULTATION";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.4vw;
    color: #b0adac;
    margin: 0.5% 0 0;
  }
  .consultation dl {
    width: 90%;
    margin: 0 auto 5%;
    background: #fff;
    padding: 0 0 0.5%;
  }
  .consultation dt {
    background: #3d62ab;
    color: #fff;
    padding: 2%;
    margin: 0 auto 3%;
    text-align: center;
  }
  .consultation .tel {
    background: url(../images/consultation_phone.png) no-repeat;
    background-size: 100% auto;
    width: 80%;
    height: 7vw;
    margin: 0 auto 3%;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .consultation .fax {
    background: url(../images/consultation_fax.png) no-repeat;
    background-size: 100% auto;
    width: 80%;
    height: 7vw;
    margin: 0 auto 3%;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  /* :::::::::: 診療時間外の対応について :::::::::: */
  aside .outside_hours {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 5.2vw;
    letter-spacing: 0.15em;
    background: url(../images/aside_outside_hours.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 0.5% 0 0.5% 16%;
    margin: 0 0 2%;
  }
  aside .outside_hours:after {
    content: "OUTSIDE HOURS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.4vw;
    color: #b0adac;
    margin: 0.5% 0 0;
  }
  .outside_hours_box {
    background: #3d62ab;
    box-sizing: border-box;
    padding: 5%;
    margin: 0 auto 5%;
  }
  .outside_hours_box p {
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin: 0 auto 2.5%;
  }
  .outside_hours_box .annotation {
    text-align: left;
    font-weight: normal;
    margin: 0 auto;
  }
  .outside_hours_phone {
    background: url(../images/outside_hours_phone.png) no-repeat;
    background-size: 100% auto;
    width: 90%;
    height: 0;
    padding: 0 0 8%;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .outside_hours_phone a {
    display: block;
    width: 100%;
    height: 0;
    padding: 9% 0 0;
  }
  .outside_hours_banner a {
    display: block;
    background: url(../images/outside_hours_banner.jpg) no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 0;
    padding: 0 0 13%;
    margin: 0 auto;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  /* :::::::::: こんな時は救急科へ :::::::::: */
  .emergency {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 5.2vw;
    letter-spacing: 0.15em;
    background: url(../images/aside_emergency.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
    padding: 0.5% 0 0.5% 16%;
    margin: 0 0 2%;
  }
  .emergency:after {
    content: "OUTSIDE HOURS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.4vw;
    color: #b0adac;
    margin: 0.5% 0 0;
  }
  .emergency_list {
    width: 90%;
    margin: 0 auto;
  }
  .emergency_list li {
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    padding: 0 0 0 4%;
    margin: 0 0 2%;
  }
  .emergency_list li:before {
    content: "";
    display: block;
    width: 2vw;
    height: 2px;
    background-color: #3d62ab;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
	
	
	/* :::::::::: 系列病院 :::::::::: */
  .affiliated_hospital {
    font-family: 'GenEiLateMinN';
    color: #4c4948;
    font-size: 5.2vw;
    letter-spacing: 0.15em;
    /*background: url(../images/aside_affiliated_hospital.png) no-repeat;*/
    background-size: auto 100%;
    background-position: left center;
    /*padding: 0.5% 0 0.5% 16%;*/
	padding-left: 20px;
    margin: 30px 0 2%;
  }
 /* .affiliated_hospital:after {
    content: "AFFILIATED HOSPITAL";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.4vw;
    color: #b0adac;
    margin: 0.5% 0 0;
  }*/
 
  p.bnr {
	width: 100%; 
    text-align: center;
  }
  p.bnr img {
    width: 90%;
	height: auto;
	margin: 0 5px 20px;
  }
	
	
  /* -----------------------------------------------------------------------
  footer
----------------------------------------------------------------------- */
  footer {
    background: #e3e7f1;
    padding: 0 0 5%;
  }
  .map_box, .map_box iframe {
    width: 100%;
    height: 360px;
    border: 0;
  }
  footer .contact {
    width: 100%;
    background: url(../images/bk.jpg) repeat-x;
    background-size: auto;
    background-position: top center;
    overflow: hidden;
    padding: 5% 0 0;
  }
  .contact_inner {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  .footer_logo {
    background: url(../images/logo.svg) no-repeat;
    background-size: 100% auto;
    width: 60%;
    height: 0;
    padding: 17% 0 0;
    margin: 0 auto 2%;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .footer_address {
    text-align: center;
    margin: 0 auto 5%;
  }
  .footer_address:before {
    content: "";
    display: inline-block;
    background: url(../images/f_address_icon.png) no-repeat;
    background-size: 100% auto;
    width: 18px;
    height: 16px;
    margin: 0 5px 0 0;
  }
  .footer_phone {
    background: url(../images/s/f_phone.jpg) no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 0;
    padding: 0 0 15.5%;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .footer_phone a {
    display: block;
    background: url(../images/s/f_phone.jpg) no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 0;
    padding: 15.5% 0 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .footer_reservation a {
    display: block;
    background: url(../images/s/f_contact.jpg) no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 0;
    padding: 15.5% 0 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .footer_link {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  .footer_link ul:nth-child(3) {
    display: none;
  }
  .footer_link ul {
    width: 100%;
    float: left;
  }
  .footer_link li {
    box-sizing: border-box;
    width: 50%;
    float: left;
    border-right: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
  }
  .footer_link ul li:nth-child(2n) {
    border-right: 0;
  }
  .footer_link li:last-child {
    margin: 0;
  }
  .footer_link li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 4% 0 4% 8%;
    font-size: 3.6vw;
  }

  .footer_link span.font_s {
   font-size: 2.8vw;
	}
	
  .copyright {
    padding: 5% 0 0;
    text-align: center;
    font-size: 2.8vw;
  }
  #modalFader {
    background: #fff !important;
    opacity: 1 !important;
    z-index: 100;
  }
  .modalWindow {
    text-align: center;
    z-index: 100;
  }
  .modalWindow p {
    margin: 0 0 2.5%;
  }
  .modalWindow input {
    padding: 5%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 1px solid #000;
    outline: none;
  }
  /* =======================================================================

   個別
   
======================================================================= */
  /* :::::::::: index.html :::::::::: */
  main {
    display: block;
    padding: 58% 0 0;
  }
  main article > section {
    box-sizing: border-box;
  }
  .notice {
    margin: 0 auto 5%;
  }
  .notice h2 {
    background: url(../images/h2_notice.png) no-repeat;
    background-size: 10% auto;
    width: 100%;
    margin: 0 0 5%;
    padding: 1% 0 1% 15%;
    color: #4c4948;
  }
  .notice h2:after {
    content: "OUTSIDE HOURS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 2.2vw;
    color: #b0adac;
  }
  .notice dl {
    box-sizing: border-box;
    width: 90%;
    padding: 5%;
    background: #f6f6f6;
    margin: 0 auto;
  }
  .notice .date {
    display: none;
  }
  .notice dt {
    font-weight: bold;
  }
  .notice dd {
    border-bottom: 1px dashed #c7c7c7;
    padding: 0 0 5%;
    margin: 0 0 5%;
  }
  .greetings {
    margin: 0 auto 5%;
  }
  .symptoms {
    margin: 0 auto 5%;
  }
  .greetings h2 {
    background: url(../images/h2_greetings.png) no-repeat;
    background-size: 10% auto;
    width: 100%;
    margin: 0 0 5%;
    padding: 1% 0 1% 15%;
    color: #4c4948;
  }
  .greetings h2:after {
    content: "GREETINGS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 2.2vw;
    color: #b0adac;
  }
  .greetings img {
    display: block;
    width: 90%;
    margin: 0 auto 5%;
  }
  .greetings p {
    width: 90%;
    margin: 0 auto;
  }
  .greetings p:last-child {
    text-align: right;
  }
  /* 受付時間 */
  .consultation_hours {
    padding: 0 5%;
  }
  .consultation_hours h2 {
    background: url(../images/h2_consultation_hours.png) no-repeat;
    background-size: 10% auto;
    width: 100%;
    margin: 0 0 5%;
    padding: 1% 0 1% 15%;
    color: #4c4948;
  }
  .consultation_hours h2:after {
    content: "SERVICE HOURS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 2.2vw;
    color: #b0adac;
  }
  .consultation_hours table {
    width: 100%;
    margin: 0 auto 3%;
  }
  .consultation_hours caption {
    caption-side: bottom;
    text-align: left;
  }
  .consultation_hours tr {
    border-bottom: 1px solid #fff;
  }
  .consultation_hours th {
    text-align: center;
    line-height: 1.3em;
    padding: 1% 0;
    background: #dce2ee;
    width: 5.5%;
    font-size: 70%;
  }
  .consultation_hours td {
    text-align: center;
    line-height: 1.3em;
    padding: 1% 0;
    background: #eef0f5;
    border-right: 1px solid #dce2ee;
    font-weight: bold;
    width: 5.5%;
    font-size: 70%;
  }
  .consultation_hours .week {
    border: 1px solid #fff;
  }
  .consultation_hours .ampm {
    padding: 1%;
  }
  .visiting_hours h2 {
    background: url(../images/h2_visiting_hours.png) no-repeat;
    background-size: 10% auto;
    width: 100%;
    margin: 0 0 5%;
    padding: 1% 0 1% 15%;
    color: #4c4948;
  }
  .visiting_hours h2:after {
    content: "GREETINGS";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 2.2vw;
    color: #b0adac;
  }
  .visiting_hours table {
    width: 90%;
    margin: 0 auto 3%;
  }
  .visiting_hours th {
    background: #4561a6;
    color: #fff;
    padding: 2%;
  }
  .visiting_hours td {
    background: #dce2ee;
    padding: 2%;
  }
  /* =======================================================================

   下層
   
======================================================================= */
  .subpage main {
    padding: 0;
  }
  .subpage nav {
    top: 0;
  }
  .subpage main article > section {
    padding: 5%;
  }
  .subpage main article > section > section {
    padding: 5% 0;
  }
  .subpage main article > section > section > section:not(:last-child) {
    margin: 0 0 10%;
    border-bottom: 1px solid #e7e7e7;
  }
  .subpage main h2 {
    background: #4561a6;
    color: #fff;
    padding: 4% 5%;
    margin: 0 0 4%;
  }
  .subpage main h2 span { border:#ccc 1px solid; padding: 3px 5px; font-size: 75%; }
  .subpage main h3 {
    margin: 0 0 2%;
  }
  .subpage main h4 {
    margin: 0 0 2%;
  }
  .subpage main h5 {
    margin: 0 0 2%;
  }
  .subpage main p {
    line-height: 7vw;
    margin: 0 0 2%;
  }
  .normal_list li {
    line-height: 7vw;
    text-indent: -4.8vw;
    padding: 0 0 0 4.8vw;
    margin: 0 0 2%;
  }
  .normal_list li:before {
    content: "";
    display: inline-block;
    width: 3vw;
    height: 3vw;
    background: #4561a6;
    border-radius: 50%;
    margin: 0 2% 0 0;
  }
  .subpage main dt {
    line-height: 7vw;
    color: #4561a6;
    font-weight: bold;
    margin: 0 0 1.5%;
  }
  .subpage main dt span {
    color: #4c4948;
    font-weight: normal;
  }
  .subpage main dd {
    line-height: 7vw;
    border-bottom: 1px dashed #4561a6;
    padding: 0 0 3%;
    margin: 0 0 3%;
  }
  .text_link {
    color: #4561a6;
    text-decoration: underline;
  }
  .link_btn a {
    display: block;
    background: #f6f6f6;
    color: #4561a6;
    text-align: center;
    border: 1px solid #4561a6;
    padding: 4% 3%;
    font-weight: bold;
  }
  .imageright {
    display: block;
    width: 70%;
    margin: 0 auto 5%;
  }
  .imagefull {
    display: block;
    width: 100%;
    margin: 0 auto 5%;
  }
  .subpage .consultation_hours h2 {
    width: auto;
  }
  .subpage .consultation_hours h2:after {
    content: none !important;
  }
  /* -----------------------------------------------------------------------
  staff.html
----------------------------------------------------------------------- */
  .recomenndation {
    background: #f6f6f6;
    padding: 7.5% !important;
  }
  .recomenndation p:last-child {
    text-align: right;
  }
  /* -----------------------------------------------------------------------
  recruit.html
----------------------------------------------------------------------- */
  .recriit_list {
    overflow: hidden;
  }
  .recriit_list li {
    width: 48.5%;
    float: left;
    margin: 0 0 3%;
  }
  .recriit_list li:nth-child(2n) {
    float: right;
  }
  .recriit_list li a {
    display: block;
    background: #f6f6f6;
    color: #4561a6;
    text-align: center;
    border: 1px solid #4561a6;
    padding: 5% 0;
  }
  /* -----------------------------------------------------------------------
  access.html
----------------------------------------------------------------------- */
  .routegallery .gv_galleryWrap {
    width: 100% !important;
    height: 94vw !important;
  }
  .routegallery .gv_gallery {
    width: 100% !important;
    height: 93vw !important;
  }
  .routegallery .gv_panelWrap {
    width: 100% !important;
    height: 73vw !important;
  }
  .routegallery .gv_panel {
    width: 100% !important;
    height: 73vw !important;
  }
  .routegallery .gv_panel img {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
  }
  .routegallery .gv_filmstripWrap {
    width: 100% !important;
    height: 17vw !important;
  }
  .routegallery .gv_filmstrip {
    height: 17vw !important;
  }
  .routegallery .gv_thumbnail {
    width: 100% !important;
    height: 17vw !important;
  }
  .routegallery .gv_frame {
    height: 17vw !important;
  }
  .routegallery .gv_frame img {
    width: 100% !important;
    left: 0 !important;
  }
  /* -----------------------------------------------------------------------
  clinic.html
----------------------------------------------------------------------- */
  .gv_galleryWrap {
    width: 100% !important;
    height: 100vw !important;
  }
  .gv_gallery {
    width: 100% !important;
    height: 99vw !important;
  }
  .gv_panelWrap {
    width: 100% !important;
    height: 67vw !important;
  }
  .gv_panel {
    width: 100% !important;
    height: 67vw !important;
  }
  .gv_panel img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
  }
  .gv_filmstripWrap {
    width: 100% !important;
  }
  .gv_filmstrip {}
  .gv_thumbnail {
    width: 100% !important;
  }
  .gv_frame img {
    width: 100% !important;
  }
  /* -----------------------------------------------------------------------
  form.html
----------------------------------------------------------------------- */
  #mailformpro dd input {
    padding: 3%;
    outline: none;
    width: 100% !important;
  }
  #mailformpro .name input {
    width: 30% !important;
  }
  #mailformpro dd span {
    display: block;
  }
  .required {
    font-size: 80%;
    background: #ff3534;
    color: #fff;
    padding: 1%;
    margin: 0 2% 0 0;
  }
  #mfp_element_18_label {
    width: 100%;
  }
  /* -----------------------------------------------------------------------
  influenza.html
----------------------------------------------------------------------- */
  .influenza_table {
    width: 100%;
  }
  .influenza_table caption {
    /* caption-side: bottom; */
    text-align: left !important;
    font-size: 80%;
    margin: 2.5% 0 0;
  }
  .influenza_table th {
    border: 1px solid #e7e7e7;
    padding: 2%;
    text-align: center;
  }
  .influenza_table th:first-child {
    width: 55%;
  }
  .influenza_table th:nth-child(2) {
    width: 15%;
  }
  .influenza_table th:nth-child(3) {
    width: 30%;
  }
  .influenza_table td {
    border: 1px solid #e7e7e7;
    padding: 2%;
  }
  .influenza_table span {
    display: block;
    font-size: 80%;
  }

  /* -----------------------------------------------------------------------
  beautydermatology.html
----------------------------------------------------------------------- */
  .bd_list {
    overflow: hidden;
  }
  .bd_list li {
    /*width:48.5%;*/
    width: 100%;
    float: left;
    margin: 0 0 3%;
  }
  .bd_list li:nth-child(2n) {
    float: right;
  }
  .bd_list li a {
    display: block;
    background: #f6f6f6;
    color: #4561a6;
    text-align: center;
    border: 1px solid #4561a6;
    padding: 2% 0;
  }
  /* -----------------------------------------------------------------------
  treatments.html
----------------------------------------------------------------------- */
  .blue_box {
    background: #DAE3F4;
    padding: 10px 10px 0;
    border-radius: 10px;
  }
  /* -----------------------------------------------------------------------
  beautydermatology.html
----------------------------------------------------------------------- */
  /*CLEARFIX
------------------------------------*/
  .cf {
    zoom: 1;
  }
  .cf:before, .cf:after {
    content: "";
    display: table;
  }
  .cf:after {
    clear: both;
  }
  .imgC {
    text-align: center;
    margin: 1em auto;
  }
  .imgC img {
    width: 80%;
  }
  .bdb {
    border-bottom: 1px dashed #4561a6;
  }
  .imgResponsive {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .tit4 {
    background: #eef0f5;
    color: #3d62ab;
    padding: 5px 0 5px 10px;
  }
  .title {
    border: 1px solid #3d62ab;
    color: #3d62ab;
    padding: 3px 20px;
    text-align: center;
    display: block;
    margin: 30px 0 10px 0 !important;
  }
  .imgbox {
    padding: 0 0 2%;
    margin: 0 0 3%;
  }
  .imgRBox {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .textBox {
    width: 100%;
  }
  .subpage main .textBox dd {
    border: none;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  /*VENUS VERSA のIPL治療*/
  .chiryo .imgbox {
    margin-top: 30px;
  }
}