/* CSS Document */

.sp_navi{display: none;}

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

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



	nav



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

.fixed{

	width: 100%;

}



.fixed li a {

  padding: 0;

}

.fixed li {

  display: block;

}

.sp_navi_btn_area {

  position: absolute;

  /* width: calc(100% - 66px); */

  z-index: 1;

  margin-left: 4px;

}

.sp_navi_btn_area li {

  display: block;

  width: calc(100% / 2 ) !important;

  float: left;

  text-align: center;

}

.sp_navi_btn_area li a {

  display: block;

  color: #fff;

  height: 54px;

  line-height: 54px;

  margin: 4px;

  border-radius: 5px;

  font-family: "FOT-筑紫明朝 Pr6 LB";

  font-size: 4vw;

  background: #a9906b;

}

.sp_navi_btn_area li i {

  position: relative;

  font-size: 1.3em !important;

  top: 2px;

  left: -5px;

  color: #fff;

}

.sp_navi_btn_area li:nth-child(2) i {

  font-size: 1.6em !important;

}



nav{

	display:none ;

}



.h_tel{display: none;}



.sp_navi {

	display:block;

	position:fixed;

	top:0;

	left:0;

	width:100%;

	height:100%;

	font-size:18px;

	font-weight:bold;

	z-index: 9998;

	height: auto;

	overflow-y:hidden;

	-webkit-overflow-scrolling:touch;

	overflow-x: hidden;

	/*margin-bottom: 30px;*/

}

.sp_navi_fixed_area {

    z-index: 999;

}

.sp_navi h1{

  position: absolute;

  top: 4px;

  display: block!important;

  text-align: left;

  padding-left: 2%;

  /* height: 68px; */

  background: #fff;

  margin-left: 0;

}

.sp_navi h1 span,

.sp_navi h1 img{

	display:block;

	width: 281px;

	/* height: 66px; */

	margin: 0;

	padding-top: 8px;

}





.sp_navi h1 img{



	z-index: 9999;

	position:relative;



}

.sp_navi dl{

	background-color: rgba(255,255,255,1.0);

	height: 68px !important;

}

.sp_navi dl dt {

  position: relative;

  height: 68px;

  font-weight:bold;

  padding: 0 4%;

  font-size:18px;

  display:block;

  color:#fff;

  line-height: 2;

}

.sp_navi dl dt i{

	  position: relative;

    top: 20px;

    font-size: 9px;

    font-style: normal;

    margin-right: 2%;

}

.sp_navi_list {

	display:none;

}

.sp_navi ul{

	/*padding:4% 2% 4% 8%;*/



}

.sp_navi_list li {

	display: block;

	width: 100% ;

	float: left ;

	line-height:1.4;

	font-size:15px;

	font-weight:normal;

  text-align: center;

}

.sp_navi_list li i{

	margin-right: 4%;

	color: #ba9275;

	font-size: 11px;

	vertical-align: middle;

	position: relative;

	top: -1px;

	left: -6px;

}



.sp_navi_list i.fa-facebook-square,.sp_navi ul li i.fa-home{

	font-size:16px;

}



.sp_navi_list li a,

.sp_navi_parent > div {

  display: block;

  position: relative;

	vertical-align:middle;

	width:100%;

	height: 50px;

	color:#fff;

	text-decoration:none;

  font-size: 1.1em;

  background: #a69169;

  border-bottom: solid 2px #fff;

  font-weight: 500;

  line-height: 50px;

}

.sp_navi_children li a {

  background: #827a62 !important;

}



.sp_navi_parent > div::after {

  position: absolute;

  right: 19px;

  content: '\e145';

  font-family: 'Material Icons';

  font-size: 1.0em;

}

.sp_navi_parent_active > div::after {

  position: absolute;

  right: 19px;

  content: '\e15b';

  font-family: 'Material Icons';

  font-size: 1.0em;

}

.sp_navi_list li a::after {

  position: absolute;

  right: 16px;

  content: '\e409';

  font-family: 'Material Icons';

  font-size: 22px;

}



.sp_navi_list {

    position: fixed;

    z-index: 999; 

    width: 100%;

    height: 100vh;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

}



/**/

.sp_navi dt a {

    display: block;

    width: 66px;

    height: 66px;

    position: absolute;

    /*top:5px;*/

    right: -5px;

    z-index: 9999999;

    text-align: center;

    background-color: #fff;

}

.sp_navi dt a i{

  position:relative;

  top: 27px;

  font-size: 9px;

  font-style:normal;

  color: #030303;

  font-weight: 600;

}

  



.sp_navi dt a span {

     display: inline-block;

    transition: all .4s;

    position: absolute;

    left: 17px;

    height: 2px;

    border-radius: 2px;

	background: #000;

  	width: 45%;

    transition: all 0.4s;

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

/*    display: block;*/

/*    background: #000;*/

/*    width: 33px;*/

/*    height: 2px;*/

/*    position: absolute;*/

/*    left: 17px;*/

}

  

.sp_navi dt a span:nth-child(1) {

	top:15px;	

}

.sp_navi dt a span:nth-child(2) {

	top:23px;

}

.sp_navi dt a span:nth-child(3) {

	top:31px;

}

.sp_navi dt a i {

  /* position: relative; */

  /* left: 0px; */

  /* bottom: 0px; */

}

.sp_navi dt a.active {

  background: #aa9778;

}



.sp_navi dt a.active i {

  color: #fff;

}

.sp_navi dt a.active span {

  background: #fff;

}

.sp_navi dt a.active span:nth-child(1) {

    -webkit-transform: translateY(8px) rotate(225deg);

    -moz-transform: translateY(8px) rotate(225deg);

    -ms-transform: translateY(8px) rotate(225deg);

    transform: translateY(8px) rotate(225deg);

}

.sp_navi dt a.active span:nth-child(2) {

    opacity: 0;

}

.sp_navi dt a.active span:nth-child(3) {

    -webkit-transform: translateY(-8px) rotate(-225deg);

    -moz-transform: translateY(-8px) rotate(-225deg);

    -ms-transform: translateY(-8px) rotate(-225deg);

    transform: translateY(-8px) rotate(-225deg);

}



}





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

	

body{

	font-size: 13px;

}

body,

#mainvisual .inner,

header,

footer{

	min-width: 100%;

}



*, *:before, *:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

}







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



	header



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



header {

	display:none;

}











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



	#mainvisual



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

  .mainvisual_wrap{

    background: url("../images/sp_mainvisual_under01.png");

    background-size:cover

  }

  

  .bg02{

    background: url(../images/sp_mainvisual_under02.png) no-repeat center;

    background-size: cover;

  }

#mainvisual{

	background-position: center;

	background-attachment: scroll;

	height: 145px;

	margin-top:62px;

}

#mainvisual .inner{

	width: auto;

	height:inherit;

	position: relative;

}

#mainvisual h2{

	font-size: 19px;

	letter-spacing: -0.15em;

}



  .top_infomation .btn01{

    /*top: 94px;*/

    right: 0;

	  bottom: -52px;

	  top: auto;

  }

	.top_infomation_inner {

		padding: 10px 0 0;

	}



  .mainvisual_open{

    top: 340px;

    right: 0px;

    width: 250px;

  }

  

  .top_infomation{

    width: 90%;

    margin: 0 5% 80px;

    top: 20px;

  }

  

  .mainvisual_headline{

    margin-top: 90px;

  }

  

  .top_infomation h3{

    font-size: 24px;

  }

  

  .top_news_flame{

    width: 90%;

/*    margin-left: 20px;*/

    padding-bottom: 20px;

  }

  

  .ticker a span{

    display: block;

  }



  .mainvisual_catch{

    top: auto;

    left: 18px;

    width: 70%;

    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.8));

    bottom: 1%;

    transform: translate(0%,-50%);

  }

  



  .top_infomation .news_text .news_content dt{

    float: none;

    width: auto;

    padding: 8px 0;

	  max-width: 100%;

  }



  .top_infomation .news_text .news_content dd{

    float: none;

    box-sizing: border-box;

    vertical-align: middle;

    padding: 0px 0 10px;

    width: 100%;

  }



  .top_infomation .news_content .name{

    font-size: 11px;

  }











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



	#contents



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



.box1{

	width:auto;

	margin:0 6% 80px;

}

.box2{

	width:auto;

	margin:0 6% 0px;

  padding-top: 60px;

  padding-bottom: 80px;

}

  

  .last_box_border{

    padding-bottom: 40px;

    border: none;

  }

#contents{

	width:auto;

}

#contents_left{

	width:auto;

	float:none;

	margin-right:0;

}  

#contents_right{

	width:auto;

	padding:0 6%;

	float:none;

}















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



	fotter



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

  footer{

    border-top: 1px solid #a18962;

  }

  .footer_top{

    width: auto;

    margin: 0 6% 60px;

    flex-wrap: wrap;

  }

  

  .footer_info{

    width: auto;

  }

  

  

  .footer_bottom_inner{

    width: auto;

  }

  

  .footer_bottom{

    margin: 0 0 100px;

    display: block;

  }

  

  .medical_time_tit{

    width: 100%;

    height: auto;

    padding: 2% 0;

    -webkit-writing-mode: horizontal-tb;

    -moz-writing-mode: horizontal-tb;

    -ms-writing-mode: horizontal-tb;

    -ms-writing-mode: lr-tb;

    writing-mode: horizontal-tb;

  }

  

  .footer_map{

    width: 100%;

  }

  

  .footer_map iframe{

    height: 320px;

    width: 100%;

  }

  

  .footer_map a{

    left: -16px;

    bottom: -10px;

  }

  

  .footer_info ul .footer_access{

    font-size: 13px;

  }

  

  .footer_top .logo{

    width: 300px;

  }

  

  .footer_info_sche .tb01 td, .tb01 th{

    padding: 2% 3%;

  }



  .footer_nav_logo{

    margin: auto;

    width: 100%;

    text-align: center;

    padding: 0;

    margin: 0 auto 6rem;

    border: none;

  }

  .footer_info_sche{

    float:none;

    width:100%;

    font-size:13.5px;

  }

  .footer_info_sche p{

    margin:0;

  }



  .footer_navi{

  /*	display:none;*/

  }



  .footer_navi{

    width: 100%;

  }  



  .footer_navi ul{

    display: block;

    display: -ms-block;

    /*

    justify-content: space-between;

    justify-content: -ms-space-between;

    flex-wrap: wrap;

    flex-wrap: -ms-wrap;

*/

    margin-right: auto;

    padding: 30px 0;

    text-align:center;

    max-width: 80%;

    margin-left: auto;

  }

  

  .footer_navi ul li{

    margin: 0 0px 10px;

    display:block;

    position:relative;

    height:inherit;

  }

  

.copy{

  margin: auto;

}

  

  .pagetop{

    right: 16px;

    bottom: -14px;

  }



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



	$top



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



/*top_medical*/

  

  .top_medical_top{

    /*padding-top: 100px;*/

	  padding-top: 220px;

    flex-wrap: wrap;

  }

  

  .top_medical_medical01{

    width: auto;

    margin-bottom: 80px;

    padding-right: 0;

  }

  

  .top_medical_top .content{

    width: 88%;

    height: auto;

    margin: -50px auto 0;

  }

  

  .top_medical_top .content .schedule table{

    width: 100%;

  }

  

  .top_medical_top .top_medical_medical01 .content{

    margin-right: auto;

  }

  

  .top_medical_top .content dd:nth-child(2){

    padding: 7% 8% 7% 6%;

  }

	.top_medical_top .content dd:nth-child(3) {

		height: auto;

	}

  .top_medical_top .content dt{

    width: 240px;

  }

  

  .top_medical_top .content .schedule{

    width: auto;

    margin: auto;

  }

  

  .top_medical_top .content .schedule .medical_time{

    margin: auto;

    width: 88%;

  }

  

  .top_medical_top .content .btn01 a{

    padding: 22px 194px 22px 43px;

  }

  

  .top_medical_medical02{

    width: auto;

    padding-left: 0;

  }

  

  .top_medical_top .top_medical_medical02 .content{

    margin-left: auto;

  }

  

  .top_medical_top .top_medical_medical02 .content dt{

    width: 310px;

    font-size: 18px;

  }

  

  .top_medical_top .top_medical_medical02 .content dd:nth-child(2){

    height: auto;

  }

  

  .top_medical_bottom_inner{

    flex-wrap: wrap;

    width: auto;

  }

  

  .top_medical_bottom .sub_tit{

    top: -60px;

    font-size: 22px;

  }

  

  .top_medical_bottom_left{

    margin-right: auto;

    margin-left: 100px;

  }

  

  .top_medical_bottom_left .text{

    bottom: -155px;

    left: -80px;

    width: 88%;

    height: 170px;

  }

  

  .top_medical_bottom h3{

    margin-top: -28px;

    font-size: 36px;

  }

  

  .top_medical .top_medical_bottom_left .text p{

    padding: 3% 4%;

  }

  

  .top_medical_bottom .btn01{

    margin-top: -20px;

  }

  

  .top_medical_bottom .btn01 a{

    display: inline-block;

  }

  



  .vaccination_banner{

    margin: 210px auto 0;

  }

  

  .btn01 a::after,.btn02 a::after{

    width: 80px;

    top: 28px;

  }

  .btn01 a:hover::after{

    right: -22px;

  }

  

  .top_medical_bottom{

    margin-bottom: 220px;

  }

  .top_medical_bottom .bg{

    width: 80%;

    top: 67px;

  }

  

  .top_medical_bottom .bg::after{

    left: 70px;

    bottom: 68px;

  }

  

  .btn01 a{

    padding: 5% 0% 5% 8%;

    text-align: left;

    line-height: 1.4;

  }

  

  

  

/*  .top_doctor*/

  

  .top_doctor{

    margin-bottom: 80px;

    padding-top: 40px;

  }

  

  .top_doctor .box1{

    flex-wrap: wrap;

  }

  

  .top_doctor_right{

    width: auto;

  }

  

  .top_doctor_left{

    width: 70%;

    margin-right: auto;

    padding-bottom:0px;

  }

  

  .top_doctor_right .text p{

    margin-bottom: 20px;

  }

  

  .top_doctor .sub_tit{

    top: -9px;

    right: -102px;

    font-size: 24px;

    line-height: 40px;

  }

  

  .top_doctor_left_bottom{

    flex-wrap: wrap;

  }

  

  .top_doctor_left_bottom .doctor_img{

    width: 80%;

  }

  

  .doctor_name_wrap{

    position: relative;

  }

  

  .top_doctor_left_bottom .doctor_name_wrap .btn01{

    position: relative;

    left: 0px;

    top: 0px;

  }

  

  .top_doctor .bg{

    width: 78%;

    bottom: 100px;

    height: 550px;

  }

  

  

  .top_doctor .picture {

      position: static;

      top: -50px;

      left: 8%;

      z-index: 1;

      width: 80%;

      margin: 0 auto;

	  float: none;

	  text-align: center;

	  padding: 30px 0 0 0;

  }

  

  .top_doctor .picture img {

      box-shadow: 0px 0px 30.38px 18.62px rgb(0 0 0 / 6%);

      margin: 0 0 15px;

    position: relative;

  }

  

  .top_doctor_inner .text {

      background-color: #f3eee2;

      padding: 20px 5% 50px;

      max-width: 640px;

      margin-left: auto;

      overflow: hidden;

  }

  

  .top_doctor .picture p {

    position: static;

    top: 20px;

    right: -80px;

    margin-bottom: 20px;

  }



  

/*  .top_about*/

  .top_about .background {

      

  }

  

  .top_about .content {

    display: none;

  }

  

  .top_about .container {

      display: block;

      display: -ms-block;

      margin: 0 5%;

  }

  

  .top_about .container .item30 {

      width: 100%;

  }

  

  .top_about .container .item70 {

      width: 100%;

  }

  

  .top_about .container .item70 p{

     margin: 0 0 30px;

  }

  

  .top_about .tit01{

    margin: 0 auto 30px;

  }

  

  .top_about h3 span.en {

      font-size: 28px;

      text-align: center;

  }



  .top_about h3 span.ja {

      font-size: 16px;

      text-align: center;

  }

  

.top_about .about_navi {

  margin: 0 5%;

}

  

.top_about .about_name {

/*

    position: absolute;

    top: 0px;

    right: -60px;

*/

    line-height: 35px;

    font-size: calc(18px + 10 * (100vw - 320px)/448);

    letter-spacing: 0.05em;

/*

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl;

*/

}

  

   .top_about .about_navi .box .img::before {

      height: 160%;

  }

  

.top_about .box:nth-of-type(odd){

  float: none;  

}

  

.top_about .box:nth-of-type(odd):not(:first-of-type){

  margin: 0 0 90px;

}

  

.top_about .box:nth-of-type(even){

  float: none;

  margin: 0;

}

  

.top_about .box:not(:last-of-type){

  margin: 0 0 90px;

}

  

.top_about .btn02 {

    position: absolute;

    /*top: 95%;*/

    right: 10px;

    width: 90%;

    margin: 0 auto 0 0;

}

  

  

/* .top_guidances */

.top_guidances .container {

    display: block;

    display: -ms-block;

}

  

.top_guidances .container .item01 {

    width:  100%;

}

  

.top_guidances .container .item02 {

    width:  100%;

}

  

  .top_guidances .innItem {

  width: 100%;

}

    

.top_guidances .innItem2 {

    width: 100%;

}



.top_guidances .innItem3 {



    width: 100%;

}

  

  .top_guidances .up{

    color: #666666;

    display: block;

    text-align: center;

}



  .top_guidances h2 .name{

    display: block;

    text-align: center;

    font-size: 15px;

}

  

  .top_guidances .img{

  text-align: center;

  margin: 0 0 20px

}

  

  .top_guidances .innContainer {

    display: block;



    display: -ms-block;

  }



  .top_guidances .title .name{

    font-size: 25px;

  }

  

  .top_guidances .btn_area div{

    width: 90%;

    display: inline-block;

    margin: 10px 1%;

}

  

  

/* .top_contact */

  .sp_none{

    display: none;

  }

  

/*fixed_footer*/

/*メニューをページ下部に固定*/

.sp-fixed-menu{

  position: fixed;

  width: 100%;

  bottom: 0px;

  opacity: 0.9;

  z-index: 99;

  background-color: #e0c38c;

}

.sp-fixed-menu.sym{

  background-color: #f5b2b2;

  color: #553c30;

}

.sp-fixed-menu.sym .name{

  color: #553c30;

}



/*メニューを横並びにする*/

.sp-fixed-menu ul{

    display: flex;

    display: -ms-flex;

    justify-content: space-between;

    justify-content: -ms-space-between;

    flex-wrap: wrap;

    flex-wrap: -ms-wrap;

   list-style: none;

   padding:0;

   margin: 3px 2%;

}

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

/*

    .sp-fixed-menu ul{

          display: block;

    }

*/

  }

.sp-fixed-menu li{

/*

   justify-content: center;

   align-items: center;

   width: 50%;

   padding:0;

   margin:0;

   font-size: 14px;

   border-right: 1px solid #fff;

*/

  display: inline-block;

  /*! border: solid 1px #514128; */

  text-align: center;

      margin: 0 1% .8rem;

  width: 48%;

  border-radius: 10px;

}

/*

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

    .sp-fixed-menu li{

         width: 100%;

    }

*/

.sp-fixed-menu li.only1col{

display: inline-block;

	/*! border: solid 1px #514128; */

text-align: center;

margin: 0 auto.8rem;

width: 84%;

border-radius: 10px;

}

}

/*640px*/









  /*ボタンを調整*/

  .sp-fixed-menu li a{

     color: #000;

     text-align: center;

     display:block;

     width: 100%;

     padding:2px 1%;

 /* 画面幅1030pxのとき:24px 

    画面幅768pxのとき:16px */

    font-size: calc(10px + 10 * (100vw - 320px)/320);

     background: #FFF;

     border-radius: 8px;

     line-height: 1.4;

  }

  

  .sp-fixed-menu li a span{

    color: #977a4f;

    line-height: 1.2;

 /* 画面幅1030pxのとき:24px 

    画面幅768pxのとき:16px */

    font-size: calc(10px + 10 * (100vw - 320px)/320);

  }

    

  .sp-fixed-menu .name{

    font-size: 17px;

    color: #7d6638;

    text-align: center;

    margin: 6px auto 0;

  }

  

  .sp-fixed-menu 

  

  

/* .top_features */

  .top_features{

    padding-bottom: 50px;

  }

  

  .top_features h3.tit01{

    margin-bottom: 40px;

  }

  

  .top_features_list .content{

    width: 88%;

  }

  

  .top_features_list .content h4{

    font-size: 23px;

  }

  

  .top_features_list .content .about{

    margin-left: 12%;

    margin-top: 30px;

  }

  .top_features_list .content .about p{

    width: auto;

  }

  

  .top_features_list .content::before{

    font-size: 140px;

  }

  .top_features_list .content:first-child{

    flex-wrap: wrap;

    width: 88%;

    margin: 0 auto 68px;

  }

  

  .top_features_list .content:first-child::before{

    top: auto;

    bottom: 30px;

    left: -10px;

  }

  

  .top_features_list .content:nth-child(2) figure{

    width: 90%;

    margin-left: auto;

  }

  

  .top_features_list .content:nth-child(2) .about{

    margin-left: 0;

    margin-top: 60px;

  }

  

  .top_features_list .content:nth-child(2) .about p,.top_features_list .content:nth-child(3) .about p{

    width: auto;

  }

  

  .top_features_list .content:nth-child(2)::before{

    bottom: 90px;

  }

  

  .top_features_list .content:nth-child(3){

    margin: 60px 0 0 0;

  }

  

  .top_features_list .content:nth-child(3) .about{

    margin: 60px 0 0 0;

  }

  

  .top_features_list .content:nth-child(3)::before{

    right: -55px;

    bottom: 76px;

  }

  

  .top_features_list .content:nth-child(3) figure::after{

    left: -16px;

    bottom: -14px;

  }

  

  .top_features_list .content:nth-child(4){

    margin: 60px 0 0 0;

  }

  

  .top_features_list .content:nth-child(4) .about{

    margin: 60px 0 0 -30px;

  }

  

  .top_features_list .content:nth-child(4) .about p{

    width: auto;

  }

  

  .top_features_list .content:nth-child(4)::before{

    right: 0;

    bottom: 76px;

  }

  

  .top_features_list .content:nth-child(5){

    flex-wrap: wrap;

    margin-top: 60px;

    width: 100%;

  }

  

  .top_features_list .content:nth-child(5) figure{

    width: 80%;

    margin-right: auto;

  }

  

  .top_features_list .content:nth-child(5) .about{

    margin: 60px auto 0;

  }

  

  .top_features_list .content:nth-child(5) .about p{

    width: auto;

  }

  

  .top_features_list .content:nth-child(5)::before{

    left: 222px;

    bottom: 52px;

  }

  

  .top_features_list .content:nth-child(5) figure::after{

    left: -16px;

    bottom: -14px;

  }

  

  .top_features .bg01, .top_features .bg02{

    height: 100%;

  }



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



	$breadcrumb ぱんくず



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



.breadcrumb {

	width:92%;

	margin:-10px 4% 40px;

}

.breadcrumb li{

	display:inline-block;

}









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



	$共通



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



#contents{

	padding-bottom:0px;

}

.box{

	width:auto;

/*	padding:0 0% 8%;*/

}

  

  .bg_box1{

    padding: 60px 6% 80px;

  }

  

  .bg_box2{

    padding: 60px 6% 80px;

  }

  

  .bg_box3{

    padding: 60px 6% 80px;

  }

.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: 21px;

	margin-bottom:25px;

    text-align: center;

}

  

  h3.tit01{

    margin-bottom: 30px;

  }

  

  

  .top_features h3.tit01 span,h3.tit01 span{

    font-size: 34px;

  }

	h3.tit01 span {

		word-break: break-all;

	}

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.html);

background-repeat: no-repeat;

background-size: cover;

}

h3.tit04 span span::before{

	display:none;

}



.nowrap{

	white-space:normal;

}



/* リスト */

.list06{

  padding: 5%;

}

.list08{

	padding:6%;

}

	

.list09 dl {

	height: 80px;

	line-height: 80px;

}

.list09 dd {

	margin-left: 10px;

	padding-left: 22%;

	box-sizing: border-box;

}

.list09 dl:nth-of-type(1) dd {

	background-size: auto 72%;

}

.list09 dl:nth-of-type(2) dd {

	background-size: auto 72%;

}

.list09 dl:nth-of-type(3) dd {

	background-size: auto 72%;

}

.list09 dl:nth-of-type(4) dd {

	background-size: auto 72%;

}

	

	

/* テーブル */

.tb01{

	white-space:inherit;

}

.tb01 td, .tb01 th{



/* padding:2% 1.5%; */

}

.tb01 th{

	font-size:12.5px;

}

  .tb01 th:first-chil{

    font-size: 12px;

    padding: 11px 0 9px;

  }

  

  .schedule table tr:first-child td{

    /* padding: 11px 5px 9px; */

  }

	.schedule_note {

		width: 100%;

	}

.tb01 td{

		font-size:13px;

}

.tb03,.tb03 th{

	white-space:inherit;

}

.tb03.w075par{

	width:100%;

}

  

  .price .tb03{

    margin-bottom: 20px;

  }

  

  .price .tb03 th,.price .tb03 td{

    width: 100%;

    display: block;

    padding: 2% 4%;

  }

.tb04,

.tb04 th{

	white-space:normal;

}

.tb04 th{

	font-size:13px;

}

.tb04 td, .tb04 th{

	padding:2%;

}



/* ボタン */

.btn01 a{

	display:block;

}



.btn02 a{

  display:block;

  padding: 5% 0% 5% 8%;

  text-align: left;

  /* line-height: 1.4; */

}



/* アンカーリンク */

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

}

  

/* 画像åÂÂ・¦å¯„せ */

.img_fl{

	float:none;

	margin-right:0;

	text-align:center;

}

.img_fl img{

	margin-bottom:15px;

}

  

  .img_fl img.pb40{

    padding-bottom: 0;

  }











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



	$doctor



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



  .doctor .box1{

    width: auto;

    margin-top: 20px;

  }

  

  .doctor_carr{

    width: auto;

    flex-wrap: wrap;

  }

  

  .doctor_carr .doctor_carr_sec1:first-child{

    margin-bottom: 40px;

  }

  

  .doctor .box1{

    margin: 0 6% 0;

  }

  

  .doctor_carr_sec1{

    width: 92%;

    margin: auto;

    

  }

  

  .doctor .top_doctor .bg{

    bottom: 30px;

  }

  

  .doctor02_box .box1{

    flex-direction: column-reverse;

  }

  

  .doctor02_box .top_doctor_right{

    width: auto;

  }

  

  .doctor02_box .top_doctor_left{

    margin-left: auto;

    margin-right: 0;

    margin-bottom: 50px;

  }

  

  .doctor02_box .top_doctor_left_bottom .doctor_img{

    margin-left: auto;

  }

  

  .doctor02_box .doctor_name{

    text-align: right;

  }

  

  .doctor02_box .doctor_name_wrap{

    margin-left: auto;

  }

  

  .doctor  .doctor02_box .bg{

    right: 0;

    bottom: 830px;

  }

  

  

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



	$features



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

  

  .features{

    margin-top: 0;

  }

  

  .features h3.tit01{

    margin-bottom: 40px;

  }

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



	$clinic



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



/* 医院概要 */

.clinic_sec1 dt{

	width:30%;

}

.clinic_sec1 dd{

	width:70%;

}

.clinic_sec1 .schedule .tb01{

	width:100%;

}



/* 院内スライド */

.clinic_slides1 {

	margin-bottom:20px;

}

.clinic_slides1 .flexslider{

	float:none;

	width:100%;

  padding-bottom: 0;

}

.clinic_slides1 .flexslider li div{

	display:block;

	margin-top:5%;

	margin-left:0;

	text-align:center;

}

.clinic_slides1 .flexslider p{

	display:block;

  border: 1px solid #916b28;

  margin-bottom: 20px;

}

.clinic_slides1 .flex-control-nav.flex-control-thumbs{

	position: relative;

	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 ;

}



  

  .clinic_sec1 li:last-child dd{

    flex-wrap: wrap;

    width: 100%;

  }

  

  .clinic_sec1 li:last-child dt{

    width: 100%;

    padding-bottom: 10px;

  }

  

  .clinic_sec1 li .schedule .tb01 th:first-child{

    font-size: 12px;

    padding: 11px 0px 9px;

  }



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



	$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_guide{

    padding: 5% 4%;

    font-size: 16px;

  }

  

  .access_guide p.nomal{

    text-align: left;

    font-size: 14px;

  }

  

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



	$first



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











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



	$medical



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



.layout01 dt{

	line-height:1.5;

	font-size: 15px;

}

.layout01 dt em{

	display:block;

	margin-right:0;

	font-size: 28px;

	text-align:center;

}







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



	$news



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



  .news_text p strong{

    font-weight: normal;

  }



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



	$other



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



.covid_sec{

  width: 90%;

  margin: 0 auto 20px;

}











}



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

	

.main_open{

	position: absolute;

	top:auto;

	bottom: 50px;

	right: 0;

	left: 0;

	width: 50%;

	margin: auto;

}



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



	.layout



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



.layout02 dl{



	float:none;

	width:auto;

	height:auto !important;

	margin-right:0;

	padding: 7%;

}

.layout03 dt,

.layout03 dd{

	display:block;

}

.layout03 dt,

.layout03 dd:nth-child(2),

.layout03 dd:nth-child(3){

		width:auto;

}

.layout03 dt{

	padding:2% 20% 2%;

}

.layout03 dt img{

	margin-top:10px;

}

.layout03 dt,

.layout03 dd{

	display:block;

}

.layout03 dd{

	padding:5% 6% 2%;

}

.layout03 dd h5{

	font-size:17px;

	text-align:center;

}

.layout03 dd h5 span{

	font-size:26px;

}







.layout04 dt,

.layout04 dd{

	display:block;

}

.layout04 dt,

.layout04 dd:nth-child(2),

.layout04 dd:nth-child(3){

		width:auto;

}

.layout04 dt{

	padding:0 15% 2%;

}







.layout05 dt,

.layout05 dd{

	display:block;

}

.layout05 dd{

	padding:5% 6% 2%;

}

.layout05 dd h5{

	font-size:17px;

}

.layout05 dd h5 span{

	font-size:26px;

}



.layout05 dt,

.layout05 dd:nth-child(2),

.layout05 dd:nth-child(3){

		width:auto;

}

.layout05 dt{

	padding:6% 15%

}

.layout05 dd:nth-child(3){

	border:none;

}







.layout06 dt,

.layout06 dd{

	display:block;

}

.layout06 dt{

	line-height:1.5;

	font-size:16px;

}

.layout06 dt em{

	display:block;

	margin-right:0;

	line-height:1;

}

.layout06 dd{

	padding:3% 6% 2%;

}

.layout06 dd h5{

	font-size:15px;

}

.layout06 dd h5 span{

	font-size:26px;

}



.layout06 dt,

.layout06 dd:nth-child(2),

.layout06 dd:nth-child(3){

		width:auto;

}

.layout06 dt{

	padding:6% 15%

}

.layout06 dd:nth-child(3){

	border-left: none;



}



.layout08 dl{

	float:none;

	width:auto;

	height:auto !important;

	margin-right:0;

	padding: 7%;

}

.layout08 dl::before{

	display:none;

}













}



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



	$iphone5



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

@media screen and (min-width:320px) and (max-width:374px){

  .footer_top .logo{

    width: 260px;

  }

  

  .footer_info_sche .tb01 td, .tb01 th{

    padding: 2% 1%;

  }

  

  .footer_info ul .footer_access{

    font-size: 12px;

  }

  



  

  .pagetop{

    width: 36px;

    height: 36px;

  }

  .pagetop img{

    top: -3px;

  }

  .top_medical_top .content dd:nth-child(2){



    height: auto;

  }

  

  .tb01 th:first-child{

    font-size: 12px;

    padding: 2% 1%;

  }

  

  .top_medical_top .top_medical_medical02 .content dt{

    width: 250px;

    font-size: 14px;

  }

  

  .top_medical_bottom_left .text{

    bottom: -200px;

  }

  

  .vaccination_banner{

    margin-top: 280px;

  }

  

  .top_medical_bottom{

    margin-bottom: 120px;

  }

  

  .top_doctor .sub_tit{

    right: -92px;

  }

  

  .top_features_list .content h4{

    font-size: 21px;

  }

  

  .top_features_list .content:nth-child(5)::before{

    left: 142px;

  }

  

  .top_doctor .bg{

    height: 460px;

  }

  

  .doctor .doctor02_box .bg{

    height: 440px;

    bottom: 900px;

  }

  

  .doctor .top_doctor .sub_tit{

    font-size: 20px;

  }

  

  .btn01 a::after{

    width: 40px;

    right: -10px;

    top: 20px;

  }

  

  .first .flex_box2{

  flex-wrap: wrap;

}

  

  .first .flex_box2 .pl30{

    padding-left: 0;

  }

}



/*TELanker*/

@media (min-width: 640px) {

a[href*="tel:"] {

pointer-events: none;

cursor: default;

text-decoration: none;

}

}





.sp-fixed-menu2{
  position: fixed;
  width: 100%;
  bottom: 0px;
  opacity: 0.9;
  z-index: 99;
  background-color: #e0c38c;
}
.sp-fixed-menu2 ul{
  display: flex;
  align-items: center;
  justify-content: center;
  border-top:solid 1px #553c30 ;
}
.sp-fixed-menu2 ul li{
 border-right:solid 1px #553c30 ;
}
.sp-fixed-menu2 ul li:last-child{
  border-right:none;
 }

.sp-fixed-menu2 ul li a{
 padding: 10px 4%;
 display: block;
 }