/* CSS Document */
@media screen and (max-width:640px) {
  body {
    font-size: 14px;
  }
  body, #mainvisual .inner, header, footer, #container {
    min-width: 100%;
  }
  /*============================================================================

	header.box2

============================================================================*/
  header {
    display: none;
  }
  .schedule_note li:nth-child(2) {
    margin-right: 0;
  }
  .schedule_note li:nth-child(3) {
    margin-right: 0;
    font-size: 12px;
  }
  /*============================================================================

	navi

============================================================================*/
  nav {
    display: none;
  }
  .sp_navi {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 62px;
    font-size: 18px;
    font-weight: bold;
    z-index: 9998;
  }
  .sp_navi h1 {
    position: absolute;
    display: table !important;
    text-align: left;
    padding: 3% 2% 0;
    height: auto;
  }
  .sp_navi h1 span, .sp_navi h1 img {
    display: block;
    width: 220px;
    height: auto;
  }
  .sp_navi h1 a {
    display: table-cell;
    vertical-align: middle;
  }
  .sp_navi h1 img {
    z-index: 9999;
    position: relative;
  }
  .sp_navi .header_access {
    display: block;
    position: absolute;
    color: #ee8395;
    font-size: 2.8vw;
    top: 60%;
    left: 15%;
  }
  .sp_navi dl {
    background-color: rgba(255, 255, 255, 0.85);
  }
  .sp_navi dl dt {
    height: 62px;
    font-weight: bold;
    cursor: pointer;
    padding: 0 4%;
    font-size: 18px;
    display: block;
    color: #fff;
    line-height: 2;
  }
  .sp_navi dl dt i {
    margin-right: 2%;
  }
  .sp_navi dl dd {
    display: none;
  }
  .sp_navi ul {
    padding: 4% 2% 4% 8%;
  }
  .sp_navi ul li {
    display: table;
    width: 50%;
    float: left;
    line-height: 1.4;
    font-size: 15px;
    font-weight: normal;
  }
  .sp_navi ul li i {
    margin-right: 4%;
    color: #5a9b3a;
    font-size: 11px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    left: -6px;
  }
  .sp_navi ul li i, .sp_navi ul li span {}
  .sp_navi ul li i.fa-facebook-square, .sp_navi ul li i.fa-home {
    font-size: 16px;
  }
  .sp_navi ul li:hover {}
  .sp_navi ul li a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 32px;
    color: #333;
    text-decoration: none;
    font-size: 13px;
  }
  /*ボタンの動き*/
  .sp_navi dt a {
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 9999999;
  }
  .sp_navi dt a span {
    display: block;
    background: #666;
    width: 24px;
    height: 2px;
    position: absolute;
    left: 9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
  }
  .sp_navi dt a span:first-child {
    top: 12px;
  }
  .sp_navi dt a span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
  }
  .sp_navi dt a span:last-child {
    bottom: 12px;
  }
  .sp_navi dt a.active span:first-child {
    -webkit-transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
  }
  .sp_navi dt a.active span:nth-child(2) {
    opacity: 0;
  }
  .sp_navi dt a.active span:last-child {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
  }
  #spReservBtn {
    position: fixed;
    top: 12px;
    right: 60px;
  }
  #spReservBtn a {
    display: inline-block;
    position: relative;
    top: 0;
    width: 50px;
    padding: 6px 15px;
    border-radius: 10px;
    background: #ee8395;
    color: #fff;
    font-family: "UDタイポス510", "UDTypos510";
    text-align: center;
    font-size: 11px;
    line-height: 1.2;
    /*box-shadow: 0 3px 0 #ba4d60;*/
    transition: ease-in-out .3s;
  }
  #spReserv {
    margin-top: -70px;
    padding-top: 70px;
  }
  @media screen and (max-width:360px) {
    #spReservBtn {
      position: fixed;
      top: 12px;
      right: 52px;
    }
    #spReservBtn a {
      display: inline-block;
      position: relative;
      top: 0;
      width: 54px;
      padding: 6px 0;
      border-radius: 10px;
      background: #ee8395;
      color: #fff;
      font-family: "UDタイポス510", "UDTypos510";
      text-align: center;
      font-size: 10px;
      line-height: 1.2;
      /*box-shadow: 0 3px 0 #ba4d60;*/
      transition: ease-in-out .3s;
    }
    .sp_navi dt a {
      display: block;
      width: 42px;
      height: 42px;
      position: absolute;
      top: 9px;
      right: 6px;
      z-index: 9999999;
    }
  }
  @media screen and (max-width:330px) {
    .sp_navi h1 span, .sp_navi h1 img {
      display: block;
      width: 170px;
      /*height: 44px;*/
    }
  }
  /*============================================================================

	main

============================================================================*/
  #mainvisual {
    background-position: center;
    background-attachment: scroll;
    height: 200px;
    margin-top: 62px;
  }
  #mainvisual .inner {
    width: auto;
    height: inherit;
  }
  #spTopInfo {
    margin-top: 62px;
    padding: 15px 0 25px;
    text-align: center;
    background-color: #F2F5EE;
  }
  #spTopInfo a {
    display: inline-block;
    position: relative;
    top: 0;
    width: 240px;
    margin: 10px 0 5px;
    padding: 9px 20px 7px;
    border-radius: 10px;
    background: #ee8395;
    color: #fff;
    font-family: "UDタイポス510", "UDTypos510";
    text-align: center;
    box-shadow: 0 3px 0 #ba4d60;
    transition: ease-in-out .3s;
    font-size: 15px;
  }
  #spTopInfo a i {
    font-size: 17px;
    padding-right: 5px;
  }
  #spTopInfo .mv_sche .footer_info_sche {
    width: 92%;
    margin: 0 auto;
  }
  #spTopInfo .schedule_note {
    text-align: center;
  }
  #spTopInfo .tb01 th {
    width: 8em;
    text-align: center;
  }
  #accessInfo {
    margin-top: -50px;
    padding-top: 50px;
  }
  /* 下層ページヘッドライン */
  #mainvisual h2 {
    font-size: 22px;
  }
  .mainvisual_headline h2 {
    top: 55px;
    left: 20.5%;
  }
  .mainvisual_headline::after {
    position: absolute;
    top: 25px;
    left: 4%;
    width: 280px;
    height: 148px;
    background: url(../images/h2_bg.png) no-repeat;
    background-size: contain;
    content: '';
    z-index: -1;
  }
  /* 診療案案内　下層 h2 */
  .mainvisual_headline.first h2 {
    top: 55px;
    left: 16.5%;
    font-size: 25px;
  }
  .mainvisual_headline h2.medical01 {
    left: 24%;
  }
  .mainvisual_headline h2.medical02 {
    left: 14%;
  }
  .mainvisual_headline h2.medical04 {
    left: 11%;
    font-size: 16px !important;
  }
  .mainvisual_headline h2.medical06 {
    left: 16.5%;
  }
  .mainvisual_headline h2.medical10 {
    left: 30%;
  }
  .mainvisual_headline h2.medical12 {
    left: 14.5%;
    font-size: 16px !important;
  }
  /* トップページキャッチフレーズ */
  .main_catch {
    position: absolute;
    top: 50px;
    width: 100%;
    text-align: center;
  }
  .main_catch h2 {
    margin-bottom: 10px;
    font-size: 22px;
  }
  .main_catch p {
    font-size: 15px;
  }
  .main_open {
    position: absolute;
    top: auto;
    bottom: 50px;
    right: 0;
    left: 0;
    width: 200px;
    margin: auto;
  }
  /*追加*/
  .mainvisual_catch {
    top: 110px;
  }
  #mainvisual .flexslider {
    width: 85% !important;
  }
  .flexslider .slides img {
    width: 260px !important;
  }
  #mainvisual h2 {
    font-size: 13px !important;
  }
  .mainvisual_catch h2 {
    top: 39px !important;
    left: 1px !important;
    width: 260px !important;
  }
  /* ----- アクセス ----- */
  .mainvisual_access {
    display: none;
  }
  /*.mainvisual_access {
	width: 26%;
	position: absolute;
	right: 0;
	top: 25px;
	padding: 2% 2.5%;
	border-radius: 5px;
	background: rgba(255,255,255,.7);
	z-index: 999;
  
}
.mainvisual_access dt {
	margin-bottom: 3px;
	padding-left: 12%;
	background: url(../images/mv_access_icon.png) no-repeat left;
	background-size: 10px 12px;
	color: #5c3217;
	font-family: "フォーク M","Folk Medium"; 
	font-size: 11px;
	letter-spacing: 0.1em;
}
.mainvisual_access dd:last-child {
	margin-top: 10px;
}
*/
  .left_box {
    width: 100%;
    margin: 0 auto;
    height: auto;
  }
  .right_box {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .center_box {
    margin-bottom: 50px;
    text-align: left;
  }
  /*============================================================================

	#contents

============================================================================*/
  .box1 {
    width: auto;
    margin: 0 6% 80px;
  }
  .box2 {
    width: auto;
    margin: 0 0 80px;
    padding: 35px 20px;
  }
  #container {}
  /*#contents{
	width:100%;
}*/
  #contents {
    width: 94%;
    padding: 60px 3% 80px;
  }
  #contents_left {
    width: auto;
    float: none;
    margin-right: 0;
  }
  #contents_right {
    width: auto;
    padding: 10% 0 0;
    float: none;
  }
  .right_medical h3::before {
    position: absolute;
    right: 0;
    bottom: 7px;
    width: 223px;
    height: 96px;
    background: url(../images/side_menu_tit.png) no-repeat;
    background-size: contain;
    content: '';
    z-index: 1;
  }
  .right_medical h3::after {
    position: absolute;
    right: -60px;
    bottom: 32px;
    width: 162px;
    height: 118px;
    background: url(../images/side_menu_tit_bg.png) no-repeat right;
    content: '';
    z-index: 0;
  }
  .right_medical ul::after {
    display: block;
    clear: both;
    content: '';
  }
  .right_medical li {
    display: table;
    float: left;
    width: 49%;
    height: inherit;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .right_medical li:nth-child(2n) {
    margin-right: 0;
  }
  .right_medical li:last-child {
    margin-bottom: 0;
  }
  .right_medical li a {
    display: table-cell;
    height: 60px;
    padding: 0 15px 0 45px;
    font-size: 14px;
    vertical-align: middle;
  }
  .right_medical li a span {
    position: absolute;
    top: 1.3em;
    left: 10px;
    transition: ease-in-out .3s;
  }
  .right_medical li a span::before {
    top: 3px;
    left: 2px;
  }
  #contents_right .reserv a {
    display: block;
    width: 80%;
    margin: 25px auto;
  }
  /* リンクバナー */
  .bn_link a {
    display: block;
    width: 80%;
    margin: 25px auto;
  }
  .bn_link a img {}
  #contents_right .right_medical h3::after {
    right: 0;
  }
  /*============================================================================

	#fotter

============================================================================*/
  .footer_info .inner {
    width: 88%;
    padding: 40px 6%;
    border-bottom: none;
    background: url(../images/footer_line.png) no-repeat bottom center;
  }
  .footer_info dl {
    float: none;
    width: 90%;
    margin: auto;
  }
  .footer_info dl dt {
    float: none;
    text-align: center;
    margin: 0 auto 30px;
  }
  .footer_info_overview_logo, .footer_info_overview_logo img {
    width: 222px;
    height: auto;
  }
  .footer_info dl dd {
    float: none;
    margin-left: 0;
  }
  .footer_info_overview {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .footer_info_overview dd {
    margin-right: 0;
    text-align: center;
  }
  .footer_info_sche {
    float: none;
    width: 100%;
    font-size: 13.5px;
  }
  .footer_info_sche .schedule_note {
    margin-right: 0;
  }
  .footer_info_sche .schedule_note li:first-child {
    margin-right: 1rem;
  }
  .footer_map {
    margin-left: 0;
  }
  .footer_map p {
    font-size: 12px;
  }
  .pagetop {
    right: 2%;
  }
  .footer_navi {
    display: none;
  }
  .copy {
    margin-top: 35px;
  }
  /*============================================================================

	$top

============================================================================*/
  /*
.top_doctor .text{
	width:auto;
}
.top_doctor_img{
	float:none;
	margin-left:0;
}
.top_doctor_img dt{
	margin-bottom: 17px;
	padding: 0 10%;
	text-align:center;
}
.top_doctor_img dd{
	text-align:center;
}
.top_medical2_list a{
	width:46%;
	margin-right:8%;
}
.top_medical2_list a:nth-child(even) {
    margin-right: 0;
}
.top_medical3_list li{
	width:46%;
	margin-right:8%;
}
.top_medical3_list li:nth-child(even) {
    margin-right: 0;
}
.top_medical4_list{
	width:auto;
	margin:0 8%;
}
.top_medical4_list dl{
	float: none;
width: auto;
margin-right: 0;
}
*/
  /*==================================================================

	.top_medical

==================================================================*/
  .top_medical {
    position: relative;
    margin-top: 10px;
    padding: 80px 2% 80px;
    max-width: 100%;
    margin: auto;
    background: url(../images/top_medical_bg.png) repeat;
  }
  .top_medical .inner {
    width: 100%;
    margin: auto;
  }
  .top_medical:after {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
    max-width: 2000px;
    height: 30px;
    margin: auto;
    background: url(../images/top_medical_bottom.png) no-repeat center bottom;
    content: '';
  }
  .top_medical_list a {
    position: relative;
    display: block;
    float: left;
    width: 165px;
    height: 148px;
    margin-right: 4%;
    margin-bottom: 4%;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    transition: ease-in-out .3s;
    z-index: 1;
  }
  .top_medical_list a:nth-child(2n) {
    margin-right: 0;
  }
  .top_medical_list dl {
    width: 100%;
  }
  .top_medical_list a:nth-child(2n) {
    margin-right: 0;
  }
  .top_medical_list dl {
    width: 100%;
  }
  .top_medical_list dl dt {
    top: 35%;
    padding-bottom: 13px;
    background: url(../images/top_medical_tit.png) no-repeat bottom center;
    background-size: 50%;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1;
  }
  .top_medical_list dl {
    width: 100%;
  }
  .top_medical_list dl dt i {
    display: block;
    margin-bottom: 6px;
    color: #f2a5b5;
    font-family: "Century Gothic";
    font-size: 11px;
  }
  .top_medical_list a.medical_list06 dl dt i {
    margin-bottom: 15px;
  }
  .top_medical_list a dl dd {
    position: absolute;
    display: block;
    top: 0;
    bottom: -100%;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    color: #fff;
    line-height: 3;
    vertical-align: middle;
    box-sizing: border-box;
    opacity: 0;
    transition: ease-in-out .3s;
  }
  .top_medical_list a:hover dd {
    bottom: 0;
    opacity: 1;
    background: rgba(170, 82, 97, .8);
  }
  .top_medical_list a dl dd {
    display: none;
  }
  .top_medical_list a dl dd p {
    display: none;
  }
  /* ------ 診療案内の背景 ------ */
  .top_medical_list a.medical_list01 {
    background: url(../images/top_medical01.png) no-repeat center;
    background-size: contain;
  }
  .top_medical_list a.medical_list02 {
    background: url(../images/top_medical02.png) no-repeat center;
    background-size: contain;
  }
  .top_medical_list a.medical_list03 {
    background: url(../images/top_medical03.png) no-repeat center;
    background-size: contain;
  }
  .top_medical_list a.medical_list04 {
    background: url(../images/top_medical04.png) no-repeat center;
    background-size: contain;
  }
  .top_medical_list a.medical_list05 {
    background: url(../images/top_medical05.png) no-repeat center;
    background-size: contain;
  }
  .top_medical_list a.medical_list06 {
    background: url(../images/top_medical06.png) no-repeat center;
    background-size: contain;
  }
  .top_medical_list a.medical_list07 {
    background: url(../images/top_medical07.png) no-repeat center;
    background-size: contain;
  }
  .top_medical_list a.medical_list08 {
    background: url(../images/top_medical08.png) no-repeat center;
    background-size: contain;
  }
  .top_medical_list a.medical_list09 {
    background: url(../images/top_medical09.png) no-repeat center;
    background-size: contain;
  }
  /* ----- 診療名　font-size ----- */
  .top_medical_list a.medical_list04 dt {
    font-size: 14px;
  }
  .top_medical_list a.medical_list06 dl dt {
    top: 30%;
    font-size: 14px;
  }
  .top_medical_list a.medical_list06 dl dt i {
    margin-bottom: 8px;
    font-size: 9px;
  }
  /*==================================================================

	.top_doctor：院長からのご挨拶

==================================================================*/
  .top_doctor {
    padding: 10% 6%;
    border-radius: 15px;
    background: url(../images/top_medical_bg.png) repeat;
    box-shadow: 2px 3px 0 #c3d6aa;
  }
  .top_doctor .text {
    position: relative;
  }
  .top_doctor_img {
    float: none;
    width: 80%;
    margin: auto;
  }
  .top_doctor_name {
    font-size: 13px;
  }
  /*==================================================================

	.top_symptom : こんな症状でお悩みではございませんか

==================================================================*/
  .top_symptom {
    position: relative;
    height: 480px;
    padding: 10% 6%;
    /*padding: 40px 40px;*/
    border-radius: 15px;
    background: url(../images/top_medical_bg.png) repeat;
    box-shadow: 2px 3px 0 #c3d6aa;
    box-sizing: border-box;
  }
  .top_symptom::after {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 2%;
    width: 100px;
    height: 159px;
    margin: auto;
    background: url(../images/top_symptom_img.png) no-repeat;
    background-size: cover;
    content: '';
  }
  .top_symptom h3::after {
    background: url(../images/top_symptom_tit_icon.png) no-repeat;
  }
  .top_symptom li:first-child {
    position: absolute;
    top: 27%;
    right: 2%;
    width: 48%;
  }
  .top_symptom li:nth-child(2) {
    position: absolute;
    bottom: 20%;
    right: 2%;
    width: 48%;
  }
  .top_symptom li:nth-child(3) {
    position: absolute;
    bottom: 20%;
    left: 2%;
    width: 48%;
  }
  .top_symptom li:nth-child(4) {
    position: absolute;
    top: 27%;
    left: 2%;
    width: 48%;
  }
  /* ===========================================================================

	.top_news お知らせ

============================================================================== */
  .top_news {
    margin-bottom: 70px;
    padding: 10% 6% 8%;
    border-radius: 15px;
    background: url(../images/top_medical_bg.png) repeat;
    box-shadow: 2px 3px 0 #c3d6aa;
  }
  .news_text dt strong {
    margin-left: 0;
    display: block;
  }
  .mCSB_container_wrapper > .mCSB_container {
    padding-right: 15px;
  }
  /*============================================================================

	$breadcrumb ぱんくず

============================================================================*/
  .breadcrumb {
    width: 92%;
    margin: -10px 4% 40px;
  }
  .breadcrumb li {
    display: inline-block;
  }
  /*============================================================================

	$共通

============================================================================*/
  #contents {
    padding-bottom: 50px;
  }
  .box {
    width: auto;
    /*padding:0 6% 8%;*/
    padding: 10% 6% 8%;
  }
  .text {
    float: none;
    width: auto;
    padding: 0;
    border: none;
  }
  h3.tit01, h3.tit02, h3.tit03, h3.tit04, h3.tit05 {
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
    margin-bottom: 22px;
    text-align: center;
  }
  h3.tit01 {
    padding-top: 10px;
    padding-bottom: 15px;
  }
  h3.tit01::after {
    top: -15px;
  }
  .medical h3.tit01 {
    margin-bottom: 30px;
  }
  h4.tit01, h4.tit02, h4.tit04 {
    font-size: 19px;
  }
  h5.tit01 {
    font-size: 18px;
  }
  h3.tit02::before {
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 40px;
    height: 57px;
    background-image: url(../images/tit02_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  h3.tit04 span span::before {
    display: none;
  }
  .nowrap {
    white-space: normal;
  }
  /* リスト */
  .list08 {
    padding: 6%;
  }
  /* テーブル */
  /* ------ 診療時間 ------ */
  .tb01 {
    white-space: inherit;
  }
  .tb01 td, .tb01 th {
    padding: 2%;
  }
  .tb01 th {
    /*width: 105px;*/
    width: 20%;
    font-size: 12.5px;
  }
  .tb01 td {
    font-size: 11px;
    padding: 2% 2.2%;
  }
  .tb01 tr:first-child td {
    padding: 2% 2.2%;
  }
  .tb03, .tb03 th {
    white-space: inherit;
  }
  .tb03.w075par {
    width: 100%;
  }
  .tb04, .tb04 th {
    white-space: normal;
  }
  .tb04 th {
    font-size: 13px;
  }
  .tb04 td, .tb04 th {
    padding: 2%;
  }
  .tb05 th, .tb05 td {
    display: block;
    width: 100%;
    padding: 0px 5px;
    box-sizing: border-box;
  }
  .tb05 tr {
    border-bottom: dotted 1px #efefef;
  }
  .tb05 tr td:first-child {
    padding: 10px 5px 0;
  }
  .tb05 tr td:last-child {
    padding: 0 5px 15px;
  }
  .tb05 td .noimage {
    display: inline-block;
    padding: 0.3em 1em;
    background-color: #eee;
  }
  /* ボタン */
  .btn01 a {
    display: block;
  }
  /* アンカーリンク */
  .ank01 {
    width: 88%;
    padding: 0 6%;
  }
  .ank01 li {
    width: 49%;
    margin-bottom: 3%;
    margin-left: 0;
  }
  .ank01 li:nth-child(even) {
    margin-left: 2%;
  }
  .ank02 li {
    float: none;
    width: 100%;
    height: auto !important;
    margin-bottom: 3%;
    margin-left: 0;
  }
  .ank01 li span {
    font-size: 12.5px;
  }
  /* 画像右寄せ */
  .img_fr {
    float: none;
    margin-left: 0;
    text-align: center;
  }
  .img_fr img {
    margin-bottom: 15px;
  }
  /*============================================================================

	$doctor

============================================================================*/
  /* ごあいさつ */
  .doctor_greet {}
  .doctor_greet .text {
    float: none;
    width: auto;
  }
  /* 経歴、資格 */
  .doctor .tb02 {
    margin: 0;
  }
  .doctor .tb02 th, .doctor .tb02 td {
    font-size: 14px;
  }
  .doctor .tb02 th {
    width: 36%;
    font-size: 13px;
  }
  .doctor .tb02 th span {
    right: 0;
  }
  .doctor .tb02 td {
    padding-left: 15px;
  }
  .doctor .tb03 th {
    padding: 5px 0;
  }
  .doctor .tb03 td {
    padding: 5px 15px 5px 5px;
  }
  .doctor_carr_sec1 {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 30px;
  }
  /*============================================================================

	$clinic

============================================================================*/
  .clinic .clinic_sec1 {
    padding: 0;
  }
  .clinic .clinic_sec1 li:last-child dt {
    width: 100%;
    float: none;
  }
  .clinic .clinic_sec1 li:last-child dd {
    float: none;
    width: 100%;
  }
  .clinic .clinic_sec1 .schedule_note li {
    margin-right: 0;
    font-size: 13px;
    line-height: 1.2;
  }
  /* 医院概要 */
  .clinic_sec1 dt {
    width: 30%;
    padding-left: 5px;
  }
  .clinic_sec1 dd {
    width: 70%;
  }
  .clinic_sec1 .schedule .tb01 {
    width: 100%;
  }
  /* 院内スライド */
  .clinic_slides1 {
    margin-bottom: 20px;
  }
  .clinic_slides1 .flexslider {
    float: none;
    width: 100%;
  }
  .clinic_slides1 .flexslider li div {
    display: block;
    margin-top: 5%;
    margin-left: 0;
    text-align: center;
  }
  .clinic_slides1 .flexslider p {
    display: block;
  }
  .clinic_slides1 .flex-control-nav.flex-control-thumbs {
    position: absolute;
    right: auto;
    width: auto;
    top: auto;
    bottom: 7%;
    z-index: 2;
  }
  .clinic_slides1 .flex-control-thumbs li {
    position: relative;
    width: 14.3%;
    margin: 0 0 4% 2%;
  }
  .clinic_slides1 .flex-control-thumbs img {
    border: 3px solid #e0e0e0;
  }
  .clinic_slides2 {
    margin-bottom: 90px;
  }
  .clinic_slides2 .flexslider {
    float: none;
    width: 100%;
  }
  .clinic_slides2 .flexslider li div {
    display: block;
    width: 100%;
    margin-top: 6%;
    margin-left: 0;
    text-align: center;
  }
  .clinic_slides2 .flexslider p {
    display: block;
  }
  .clinic_slides2 .flex-control-nav.flex-control-thumbs {
    position: absolute;
    right: auto;
    width: auto;
    top: auto;
    bottom: -17%;
    z-index: 2;
  }
  .clinic_slides2 .flex-control-thumbs li {
    position: relative;
    width: 14.3%;
    margin: 0 0 4% 2%;
  }
  .clinic_slides2 .flex-control-thumbs img {
    border: 3px solid #e0e0e0;
  }
  .clinic_slides3 {
    margin-bottom: 120px;
  }
  .clinic_slides3 .flexslider {
    float: none;
    width: 100%;
  }
  .clinic_slides3 .flexslider li div {
    display: block;
    width: 100%;
    margin-top: 7%;
    margin-right: 0;
    margin-left: 0;
  }
  .clinic_slides3 .flexslider h4 {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .clinic_slides3 .flexslider p {
    display: block;
    text-align: center;
    padding: 0;
  }
  .clinic_slides3 .flex-control-nav.flex-control-thumbs {
    position: absolute;
    right: auto;
    width: auto;
    top: auto;
    bottom: -17%;
    z-index: 2;
  }
  .clinic_slides3 .flex-control-thumbs li {
    position: relative;
    width: 14.3%;
    margin: 0 0 4% 2%;
  }
  .clinic_slides3 .flex-control-thumbs img {
    border: 3px solid #e0e0e0;
  }
  .clinic_slides4 {
    margin-bottom: 120px;
  }
  .clinic_slides4 .flexslider {
    float: none;
    width: 100%;
  }
  .clinic_slides4 .flexslider li div {
    display: block;
    position: absolute;
    bottom: auto;
    width: 100%;
    margin-top: 8%;
    margin-right: 0;
    margin-left: 0;
  }
  .clinic_slides4 .flexslider h4 {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .clinic_slides4 .flexslider p {
    display: block;
    text-align: center;
    padding: 0;
  }
  .clinic_slides4 .flex-control-nav.flex-control-thumbs {
    position: absolute;
    right: auto;
    width: auto;
    top: auto;
    bottom: -15%;
    z-index: 2;
  }
  .clinic_slides4 .flex-control-thumbs li {
    position: relative;
    width: 14.3%;
    margin: 0 0 4% 2%;
  }
  .clinic_slides4 .flex-control-thumbs img {
    border: 3px solid #e0e0e0;
  }
  .clinic_slides5 {
    margin-bottom: 120px;
  }
  .clinic_slides5 .flexslider {
    float: none;
    width: 100%;
  }
  .clinic_slides5 .flexslider li div {
    display: block;
    bottom: -19%;
    width: 100%;
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
  }
  .clinic_slides5 .flexslider h4 {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .clinic_slides5 .flexslider p {
    display: block;
    text-align: center;
    padding: 0;
  }
  .clinic_slides5 .flex-control-nav.flex-control-thumbs {
    position: absolute;
    right: auto;
    width: auto;
    top: auto;
    bottom: -14%;
    z-index: 2;
  }
  .clinic_slides5 .flex-control-thumbs li {
    position: relative;
    width: 14.3%;
    margin: 0 0 4% 2%;
  }
  .clinic_slides5 .flex-control-thumbs img {
    border: 3px solid #e0e0e0;
  }
  /*============================================================================

	$facilities

============================================================================*/
  .facilities_equip {}
  .facilities_equip dl {
    float: none;
    width: 100%;
    padding: 6% 10% 10%;
    box-sizing: border-box;
  }
  .facilities_equip_img {
    float: none;
    width: 100%;
    margin-bottom: 8%;
    margin-left: 0;
    padding: 0 10%;
    box-sizing: border-box;
  }
  .facilities_equip_img img {
    width: 300px;
  }
  .facilities_equip2 {}
  .facilities_equip2 dl, .facilities_equip2 dl:nth-child(3n) {
    width: 90%;
    height: auto !important;
    margin: 0 5% 30px;
  }
  .facilities_equip2 dl:nth-child(even) {
    margin-right: 0;
  }
  .facilities_equip3 {}
  .facilities_equip3 dl {
    width: 90%;
    height: auto !important;
    margin: 0 5% 30px;
  }
  .facilities_equip3 dl:nth-child(even) {
    margin-right: 0;
  }
  .facilities_equip3 dl, .facilities_equip3 dl:nth-child(3n) {
    width: 90%;
    height: auto !important;
    margin: 0 5% 30px;
  }
  /*============================================================================

	$access

============================================================================*/
  .access_direction dl {
    width: 48%;
    margin-right: 4%;
  }
  .access_direction dl:nth-child(2n) {
    margin-right: 0;
  }
  .access_direction dl:nth-child(3) {
    margin-right: 4%;
  }
  .access_direction dl dd span {
    /*display: block;*/
  }
  /*============================================================================

	$first

============================================================================*/
  /*============================================================================

	$medical

============================================================================*/
  .medical .box {
    padding: 10% 6% 8%;
  }
  .medical_layout01 dt {
    line-height: 1.5;
    font-size: 15px;
  }
  .medical_layout01 dt em {
    display: block;
    margin-right: 0;
    font-size: 28px;
    text-align: center;
  }
  /* ------- 緑内障 -------- */
  .medical_catch {
    display: none;
  }
  .medical_dl01 dt {
    line-height: 1.3;
  }
  /*============================================================================

	$news

============================================================================*/
}
@media screen and (max-width:320px) {
  .main_open {
    position: absolute;
    top: auto;
    bottom: 50px;
    right: 0;
    left: 0;
    width: 50%;
    margin: auto;
  }
  /* -------　お知らせ ------- */
  .scroll_area {
    width: 280px;
  }
  /*==================================================================

	.top_medical : 診療案内

==================================================================*/
  .top_medical_list a {
    position: relative;
    display: block;
    float: left;
    width: 141px;
    height: 126px;
    margin-right: 4%;
    margin-bottom: 4%;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    transition: ease-in-out .3s;
    z-index: 1;
  }
  .top_medical_list dl dt {
    top: 30%;
  }
  /* ----- 診療名　font-size ----- */
  .top_medical_list a.medical_list04 dt {
    font-size: 14px;
  }
  .top_medical_list a.medical_list06 dl dt {
    top: 25%;
    font-size: 14px;
  }
  .top_medical_list a.medical_list06 dl dt i {
    margin-bottom: 8px;
    font-size: 9px;
  }
  /*==================================================================

	.top_symptom : こんな症状でお悩みではございませんか

==================================================================*/
  .top_symptom li:first-child {
    top: 24%;
    right: 2%;
    width: 48%;
  }
  .top_symptom li:nth-child(2) {
    bottom: 30%;
    right: 2%;
    width: 48%;
  }
  .top_symptom li:nth-child(3) {
    bottom: 30%;
    left: 2%;
    width: 48%;
  }
  .top_symptom li:nth-child(4) {
    top: 24%;
    left: 2%;
    width: 48%;
  }
  /*============================================================================

	$medical

============================================================================*/
  .medical_layout02 dl {
    float: none;
    width: auto;
    height: auto !important;
    margin-right: 0;
    padding: 7%;
  }
  .medical_layout03 dt, .medical_layout03 dd {
    display: block;
  }
  .medical_layout03 dt, .medical_layout03 dd:nth-child(2), .medical_layout03 dd:nth-child(3) {
    width: auto;
  }
  .medical_layout03 dt {
    padding: 2% 20% 2%;
  }
  .medical_layout03 dt img {
    margin-top: 10px;
  }
  .medical_layout03 dt, .medical_layout03 dd {
    display: block;
  }
  .medical_layout03 dd {
    padding: 5% 6% 2%;
  }
  .medical_layout03 dd h5 {
    font-size: 17px;
    text-align: center;
  }
  .medical_layout03 dd h5 span {
    font-size: 26px;
  }
  .medical_layout04 dt, .medical_layout04 dd {
    display: block;
  }
  .medical_layout04 dt, .medical_layout04 dd:nth-child(2), .medical_layout04 dd:nth-child(3) {
    width: auto;
  }
  .medical_layout04 dt {
    padding: 0 15% 2%;
  }
  .medical_layout05 dt, .medical_layout05 dd {
    display: block;
  }
  .medical_layout05 dd {
    padding: 5% 6% 2%;
  }
  .medical_layout05 dd h5 {
    font-size: 17px;
  }
  .medical_layout05 dd h5 span {
    font-size: 26px;
  }
  .medical_layout05 dt, .medical_layout05 dd:nth-child(2), .medical_layout05 dd:nth-child(3) {
    width: auto;
  }
  .medical_layout05 dt {
    padding: 6% 15%
  }
  .medical_layout05 dd:nth-child(3) {
    border: none;
  }
  .medical_layout06 dt, .medical_layout06 dd {
    display: block;
  }
  .medical_layout06 dt {
    line-height: 1.5;
    font-size: 16px;
  }
  .medical_layout06 dt em {
    display: block;
    margin-right: 0;
    line-height: 1;
  }
  .medical_layout06 dd {
    padding: 3% 6% 2%;
  }
  .medical_layout06 dd h5 {
    font-size: 15px;
  }
  .medical_layout06 dd h5 span {
    font-size: 26px;
  }
  .medical_layout06 dt, .medical_layout06 dd:nth-child(2), .medical_layout06 dd:nth-child(3) {
    width: auto;
  }
  .medical_layout06 dt {
    padding: 6% 15%
  }
  .medical_layout06 dd:nth-child(3) {
    border-left: none;
  }
  .medical_layout08 dl {
    float: none;
    width: auto;
    height: auto !important;
    margin-right: 0;
    padding: 7%;
  }
  .medical_layout08 dl::before {
    display: none;
  }
}