/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

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

/*.anchor{
	padding-top: 80px;
	margin-top: -80px;
	display: block;
}*/

*, *: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;
}

.anchor{
	display: block;
	margin-top: -100px;
	padding-top: 100px;
}


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

	header

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

header {
display:none;
}
header .inner {
display: none;
}

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

	nav

============================================================================*/
/*.fixed {
  position: fixed;
}
.fixed li a {
  padding: 0;
}
.fixed li {
  display: block;
}*/
.sp_navi_tit {
  font-size: 10px;
  text-align: center;
  background-color: #FDF9F4;
  padding-top: 5px;
  color: #688d52;
  font-weight: normal;
}
.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% / 3) !important;
  float: left;
  text-align: center;
}
.sp_navi_btn_area li a {
  display: block;
  color: #FFF;
  height: 54px;
  margin: 4px;
  border-radius: 5px;
  font-family: 'Noto Sans Japanese';
  font-size: 4vw;
  line-height: 1.5;
  background: #9C662B;
  position: relative;
}
.sp_navi_btn_area li a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
}
.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;
}
.sp_navi {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  z-index: 9998;
  /*height: 124px;*/
  height: 163px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  margin-bottom: 30px;
}
.sp_navi_fixed_area {
  z-index: 999;
}
.sp_navi h1 {
  position: relative;
  top: 0;
  display: block;
  width: 100%;
  text-align: left;
  padding-left: 2%;
  height: 62px;
  background: #FDF9F4;
}
.sp_navi h1 span, .sp_navi h1 img {
  display: block;
  width: 320px;
  height: 62px;
  margin: auto;
  padding-top: 8px;
}
.sp_navi h1 img {
  z-index: 9999;
  position: relative;
}
.sp_navi dl {
  background-color: rgba(255, 255, 255, 1.0);
}
.sp_navi dl dt {
  position: relative;
  height: 62px;
  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 {
  width: 60%;
  /*height: 100vh;*/
  -webkit-overflow-scrolling: touch;
  transition: right 0.6s;
  line-height: 1.6;
  position: fixed;
/*  top: 0;
  bottom:0;*/
  /*right: -80%;*/
  padding: 15px;
  background: #F4B2B5;
  z-index: /*2*/9999;
  right:0;
  transform: translateX(100%);
  transition: transform 0.5s ease;
  overflow-y: auto;
  height: 100vh;
  max-height: none;
}
.sp_navi_list.active{
  /*display:block;*/
  transform: translateX(0);
}
body.modal_active.fixed .sp_navi_list {
  overflow-y: scroll;
  overscroll-behavior-y: none;
  right: 0;
  z-index: 9999;
}
.sp_navi ul.sp_link {
	        padding-bottom: 20px;
  /*padding:4% 2% 4% 8%;*/
}
.sp_navi_list li {
  display: block;
  width: 100%;
  float: left;
  line-height: 1.4;
  /*font-size: 15px;*/
  font-size: 14px;
  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;*/height: auto;
  color: #fff;
  text-decoration: none;
  font-size: 1.1em;
  background: #F4B2B5;
  border-bottom: solid 1px #FFF;
  font-family: 'Noto Sans JP';
  font-weight: 500;
  /*line-height: 50px;*/
  line-height: 40px;
  padding:2px 0;
}
.sp_navi_children li a {
  background: #E9CA92 !important;
}
.sp_navi_parent > div::after {
  position: absolute;
  right: 6px/*17px*/;
  content: "\f067";
  font-family: FontAwesome;
  font-size: 1.0em;
}
.sp_navi_parent_active > div::after {
  position: absolute;
  right: 6px/*17px*/;
  content: "\f068";
  font-family: FontAwesome;
  font-size: 1.0em;
}
.sp_navi_list li a::after {
  position: absolute;
  right: 8px/*20px*/;
  top: 50%;
  transform: translateY(-50%);
  content: ">";
}
	.sp_navi ul.sp_navi_children li{
		font-size:12px;
	}
	.sp_navi ul.sp_navi_children li a{
		padding:8px 0;
		line-height: 18px;
	}
/*.sp_navi_list li:nth-child(2n) a {
  background-color: #ea9a9d;
}*/
/*ボタンの動き*/
.sp_navi dt a {
  display: block;
  width: 62px;
  height: 62px;
  position: absolute;
  /*top:5px;*/
  right: -5px;
  z-index: 9999999;
  text-align: center;
  background-color: #F4B2B5;
}
.sp_navi dt a i {
  position: relative;
  top: 25px;
  font-size: 9px;
  font-style: normal;
  color: #FFF;
  font-weight: 600;
}
.sp_navi dt a span {
  display: block;
  background: #FFF;
  width: 33px;
  height: 2px;
  position: absolute;
  left: 12px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
.sp_navi dt a span:nth-child(1) {
  top: 14px;
}
.sp_navi dt a span:nth-child(2) {
  margin-top: -8px;
  top: 50%;
}
.sp_navi dt a span:nth-child(3) {
  bottom: 29px;
}
.sp_navi dt a i {
  position: relative;
  left: -2px;
  bottom: 6px;
}
.sp_navi dt a.active {
  background: #F4B2B5;
  /*right: 80%;
  transition: right 0.6s;*/
}
.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);
}

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

	#mainvisual

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

#mainvisual{
	background-position: center ;
	background-attachment: scroll ;
	height:170px;
	margin-top:163px;
  background-size: 100%;
  background-color: #D8E8AC;
  overflow: hidden;
}
#mainvisual .inner{
	width: auto;
	height:inherit;
}
#mainvisual .inner:before {
width: 100% !important;
right: auto !important;
}
/* 下層ページヘッドライン */
#mainvisual h2{
	font-size:22px;
}
#mainvisual h2 span{
	font-size:18px;
}
	#mainvisual h2 span.expert24{
		line-height:1.2em;
	}
.mainvisual_headline {
  padding-left: 0;
  padding-top: 0;
}
.main_img {
  top: -60px;
  left: 10%;
  width: 80%;
  margin: auto;
}
	.podcast {
		margin: -50px auto 20px;
	}
	
	
.top_header_sp{
	display: flex !important;
	margin: 0 auto 70px;
	justify-content: space-evenly;
	width: 90%;
	flex-wrap: wrap;
}
.header_web {
	position: unset;
	width: 100px;
	height: 100px;
	background-color: #37A487;
	border-radius: 50%;
}
.header_web::before {
	display: none;
}

.header_line {
	position: unset;
	width: 100px;
	background-color: #3ec13e;
	border-radius: 50%;
}
.header_line::before {
	display: none;
}

.header_qa {
	position: unset;
	width: 100px;
}

.header_resev {
	position: unset;
	width: 100px;
}
.header_resev::before {
	display: none;
}
.header_blog {
	position: unset;
	width: 100px;
	border-radius: 50%;
	background-color: #89C239;
}
.header_blog::before {
	display: none;
}
.header_recruit {
	position: unset;
	width: 100px;
	background-color: #F29D9F;
	border-radius: 50%;
}
.header_recruit::before {
	display: none;
}
	
.header_oshirase {
position: unset;
width: 100px;
background-color: #F4BC8A;
border-radius: 50%;
}
.header_oshirase::before {
display: none;
}
	
.header_shoshin{
	position: unset;
	width: 100px;
	background-color: #EE896A;
	border-radius: 50%;
}
.header_shoshin::before {
	display: none;
}
.header_oshirase,
.header_shoshin,
.header_line,
.header_resev,
.header_blog,
.header_recruit {
	margin-bottom: 8px;
}
.header_oshirase:hover,
.header_shoshin:hover,
.header_line:hover,
.header_resev:hover,
.header_blog:hover,
.header_recruit:hover {
	opacity: 1;
}
	


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

	#contents

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

.box1{
	width:auto;
	margin:0 3% 60px;
}
.box2{
	width:auto;
	margin:0 3% 80px;
}
#contents{
	width:auto;
}
#contents_left{
	width:auto;
	float:none;
	margin-right:0;
}
#contents_right{
	width:auto;
	padding:0 3%;
	float:none;
}
#contents_right .scroll_area { 
  height: auto;
}
#contents_left:before {
  display: none;
}




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

	$layout

============================================================================*/
.layout01 dl,
.layout01 dt,
.layout01 dd {
  display: block;
  width: 100% !important;
}
.layout01 dt em {
  display: inline-block !important;
}
.layout01 dt {
  text-align: left;
  padding: 10px 3%;
}

.layout02 dl,
.layout02 dt,
.layout02 dd {
  display: block;
  width: 100% !important;
  height: auto !important;
}
.layout03 dl,
.layout03 dt,
.layout03 dd {
  display: block;
  width: 100%;
}
.layout03 dt {
  text-align: center;
}
.layout03 dt img {
  width: 70%;
}

.layout05 dl,
.layout05 dt,
.layout05 dd {
  display: block;
  width: 100% !important;
}
.layout05 dt {
  text-align: center;
}
.layout05 dt strong {
  display: block;
}
.layout05 dt img {
  width: 70%;
}

.layout06 dl,
.layout06 dt,
.layout06 dd {
  display: block;
  width: 100% !important;
}
.layout06 dt {
  margin-bottom: 15px;
}
.layout06 dd:nth-child(3) {
  border: none;
}
.layout06 dt {
  text-align: left;
}
.layout06 dt em {
  display: inline-block;
  padding: 10px 0;
}

	.layout04.medical_layout dl{
		display:flex;
		flex-direction:column;
		padding:20px;
	}
	.layout04.medical_layout dt,.layout04.medical_layout dd{
		width:100%;
	}
	.layout04.medical_layout dt{
		padding-right:0;
		margin-bottom:10px;
	}
	.layout10 .flow_box{
		padding: 16px 7px;
		justify-content: space-around;
	}
	.layout10 .flow_box .number{
		width: 42px;
        height: 42px;
        margin-right: 0;
        font-size: 20px;
	}
	.layout10 .flow_box::before{
		content:none;
	}
	.layout10 .flow_box .layout10_box{
		width: 80%;
	}
	.ex308 > .w075par{
		width:100%;
	}
/*============================================================================

	fotter

============================================================================*/
.footer_info .inner{
	width:100%;
	padding: 40px 6%;
}
.footer_info_sec1 {
  float: none;
  width: 100%;
	margin-bottom: 30px;
}
.footer_info_sche {
  float: none;
  width: 100%;
}
.footer_navi .inner {
  display: none;
}
.footer_info_overview_logo {
  float: none;
  margin: 0 auto 20px;
}
.footer_info_sec1 p {
  margin-left: 0;
}
.footer_info dl{
	float:none;
	width:100%;
	padding:0 6%;
}
.footer_info dl dt{
	float:none;
	text-align: center;
	margin:0 auto 30px;
}
.footer_info_logo,
.footer_info_logo img{
	width:222px;
	height:148px;
}
.footer_info dl dd{
	float:none;
	margin-left:0;
}
.footer_info_overview_tel{
	padding-bottom:20px;
}

.footer_info_sche{
	float:none;
	width:100%;
	font-size:13.5px;
}
.footer_info_sche p {
  margin-left: 0;
}
.footer_info_sche img{
	padding: 0;
}
.footer_navi{
	display:none;
}
.footer_navi .inner {
  display: none;
}
.footer_map .inner {
  width: 100% !important;
}


/* フッターfixボタン */
.footer_btn{
	display: /*block;*/flex;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
    height: /*50px;*/65px;
    padding: 5px;
    background: #fff;
	justify-content: space-around;
	text-align: center;
}
	.footer_btn div {
		width: 49%;
	}
	

.btn_care{
		text-align: center;
	}	
	
.footer_btn a{
	line-height: 40px;
	color: #fff;
	font-family: 'Noto Sans Japanese';
    font-size: /*4vw;*/3.5vw;
	font-weight: bold;	
	display: block;
	background-color: #d95353;
	border-radius: 5px;
	padding: 5px;
	white-space: nowrap;
}	
	.footer_btn .btn_constipation a {
		background: #f0906a;
	}
	.footer_btn a span {
		border: 2px dashed #fbc7bb;
		display: block;
		border-radius: 5px;
	}
.line_bnr_flex{
	display: block;
	margin-bottom: 15px;
}
.line_bnr_flex p{
	width: auto;
	margin-top: 8px;
}
.line_bnr_flex img{
	width: 150px;
	margin: 0 auto;
}
	

	
.box2 .konzatsu_tit{
	width: 100%;
	margin: 0 auto;
}

.kyuushinnbi{
		width:100%;
		
	}	
	
	
	
.copy{
	margin-top:35px;
	margin-bottom: 68px;
}

.pagetop {
    bottom: 65px;
	}
	
.pagetop, .pagetop img {
  width: 60px;
  height: 60px;
  /*bottom: auto;*/
  right: 3%;
}

	.pagetop img{
		display: block!important;
	}	
	
/*============================================================================

	$top

============================================================================*/
.top_doctor .inner {
  width: 100%;
}
.top_doctor .text{
	width:auto;
}
.top_doctor_img{
	float:none;
  width: 80%;
	margin-left:0;
  text-align: center !important;
  margin: 10px auto !important;
}
.top_doctor_img dt{
	margin-bottom: 17px;
	padding: 0 10%;
	text-align:center;
}
.top_doctor_img dd{
	text-align:center;
}
.top_concept .text {
  float: none;
  width: 100%;
}
.top_concept_bnr {
	gap: 0;
	flex-wrap: wrap;
	justify-content: center;
}
.top_concept_bnr img {
	padding-bottom: 0;
	width: 240px;
}
.top_concept h4:before {
  right: 0;
}
.top_doctor {
  padding-top: 50px;
  padding-bottom: 80px;
}
.top_doctor h3 {
  padding-right: 0 !important;
}
.top_doctor_img:before {
  /*bottom: -730px;*/
	/*bottom: -820px;*/
	bottom: -1021px;
  left: auto;
  right: 0;
  width: 150px;
  background-size: 100%;
  opacity: 0.3;
}
.top_doctor .btn02 {
  float: none;
  width: 200px;
  margin: 50px auto 20px;
}
.doctor_name {
  float: none;
}

/*
.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 {
	padding-bottom: 94px;
	background-image: url(../images/top_medical_bg01.png), url(../images/top_medical_bg02.png);
	background-position: top -169px center, top 396px center;
}
.top_medical .box1 {
	width: auto;
}
.top_medical_list {
	width: 100%;
	margin: 0;
}
.top_medical_list a {
	width: 100%;
	margin-right: 0; 
	margin-bottom: 60px;
}
	
.top_newsblog {
	padding: 40px 0;
	order: -1;
}
.top_newsblog .box1 {
	display: block;
}	
.top_news .btn01 {
	position: static;
}
	
	
	
.top_news h3 {
  float: none;
}
.top_news {
	width: 100%;
  padding-top: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 20px !important;
}
#mCSB_1_scrollbar_horizontal {
  display: none !important;
}
#mCSB_1_container {
  left: 3% !important;
}



.bnt_calendar img{
	width:90%;
	height:auto;
	text-align:center;
	}
	
	
/*============================================================================

	$breadcrumb ぱんくず

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

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




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

	$共通

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

#contents{
	padding-bottom:30px;
}
#contents_left {
  float: none;
  margin-top: 0;
}
.right_bnr li {
  width: 250px;
  margin: 20px auto;
}
.right_medical2 {
  width: 90%;
  margin: auto;
}
.right_medical {
  width: 90%;
  margin: 20px auto 0;
}
.right_medical li, .right_medical2 li {
  line-height: 1.5em;
}

.box{
	width:auto;
	padding:0 6% 8%;
}
.text{
	float:none;
	width: auto;
	padding:0;
	border:none;
}
.text a {
  word-break: break-all;
}
 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.tit02::after {
  right: 3%;
}
h3.tit03 {
font-size: 19px;
}
h3.tit03::before {
width: 23px;
  height: 33px;
left: -7px;
}
h3.tit03::after {
width: 23px;
  height: 33px;
right: -7px;
}
h4.tit01,
h4.tit02,
h4.tit04{
	font-size:19px;
  letter-spacing: 0.2px;
}
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;
}
	.tit06 {
		font-size: 20px;
	}
	.tit07 {
		font-size: 26px;
	}
.nowrap{
	white-space:normal;
}

/* リスト */
.list07 {
  padding: 15px;
}
.list06,
.list08{
	padding:6%;
}
	.list08_b li {
		float: none;
	}
/* テーブル */
.tb01{
	white-space:inherit;
}
.tb01 td, .tb01 th{

	padding:2% 3%;
}
.tb01 th{
width: 105px;
	font-size:12.5px;
}
.tb01 td{
		font-size:11px;
}
.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%;
}
.width110 {
  width: auto;
}
.width230 {
  width: auto;
}
.tb05 td, .tb05 th {
  padding: 10px !important;
  letter-spacing: 0.1px;
}
.tb05 th  {
  width: 200px;
}
	
 .scroll {
    overflow-x: auto;
  }
  .tb_scroll {
    min-width: 640px;
    margin: 0 10px 50px;
  }

	
	

/* ボタン */
.btn01 a{
	display:block;
	padding: 10px 22px;
	line-height: 1.3;
}
.btn03 a {
		font-size: 18px!important;
	}
	.btn03 a span {
		font-size: 13px!important;
	}
	.btn04 a{
	display:block;
	padding: 10px 22px;
	line-height: 1.3;
}
/* アンカーリンク */
.ank01{
	width:100%;
	padding:0 6%;
	margin: 0 auto 50px;
}
.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_flex {
	display: block;
	text-align: center;
}
.img_flex_arrow {
	display: block;
	text-align: center;
}
.img_flex_arrow p {
	padding: 0 0 30px;
}
.img_flex_arrow p::after {
	width: 25px;
	height: 25px;
	transform: none;
	right: 0;
	left: 0;
	top: unset;
	bottom: -15px;
	margin: 0 auto;
	margin-top: 0;
}
.img_flex_arrow p:last-of-type::after {
	display: none;
}



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

	$doctor

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

/* ごあいさつ */
.doctor_greet{
}
.doctor_greet .text{
	float:none;
	width:auto;
}

/* 経歴、資格 */
.doctor_carr_sec1{
	float:none;
	width:auto;
	margin-right:0;
	margin-bottom:30px;
  height: auto !important;
  padding: 20px;
}
/*============================================================================

	$media

============================================================================*/
	.media_box .media_img {
		width: 60%;
		margin: 0 auto 20px;
	}
	.media_box .media_img.no_image {
		height: 20Vh;
	}
	.media_box .media_detail {
		width: 100%;
	}
	
	
/*============================================================================

	$clinic

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

/* 医院概要 */
.clinic_sec1 dt{
	width:100% !important;
  margin-bottom: 10px;
  font-size: 1.1em;
}
.clinic_sec1 dt br {
  display: none !important;
}
.clinic_sec1 dd{
	width:100% !important;
}

.clinic_sec1 .schedule .tb01{
	width:100%;
}

/* 院内スライド */
.clinic_slides1 {
	margin-bottom:50px;
}
.clinic_slides1 .flexslider{
	float:none;
	width:100%;
}
.clinic_slides1 .flexslider li div{
	display:block;
	margin-top:13%;
	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: 25px;
	z-index: 2;
}
.clinic_slides1 .flex-control-thumbs li {
    position: relative ;
    width: 14.3% ;
    margin: 0 0 1% 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 ;
}



/*.calendar_box iframe{
	width:100%;
	height:400px;
}*/
	
.calendar_wrapper {
    position: relative;
    width: 100%;
}
.calendar_wrapper:before {
    content:"";
    display: block;
    padding-top: 120%; 
}
.calendar_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#calendar {
   margin-top:-70px;
  padding-top:70px;
}
	
/*==================================================================

	.expert

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

.text p.expert21_p{
	width:auto;
}	
	.flex_box {
		display: block;
	}
	
	.flex_box .coverage_bnr {
		width: 100%;
		padding-right: 0;
	}
	.flex_box .coverage_bnr img {
		width: 100%;
	}
	
/*==================================================================

	.medical07

==================================================================*/	
	.medical_box_main{
		margin-bottom: 30px;
	}	
	
	
.medical_box_flex{
	display:block;
	text-align: center;
	width: 100%;
}
	
	.medical_box_flex02{
		display: block;
		width: 100%;
	}	
	
.medical_box1,.medical_box2{
	width: 100%;
	margin:auto;
	margin-bottom: 15px;
}
	
.medical_box{
	width: 100%;
	margin:auto;
	margin-bottom: 30px;
	}	

.illust{
		    margin: 0 auto 30px;
	}	

.illust_box02 {
    margin-bottom: 40px;
}	
	
.illust_btn01,.illust_btn02,.illust_btn03,.illust_btn04,.illust_btn05,.illust_btn06,.illust_btn07{
	position:static;
	top:0;
	right: 0;
	margin-bottom: 30px;
	}	
		
	
	
.illust_btn01 a,.illust_btn02 a, .illust_btn03 a, .illust_btn04 a, .illust_btn05 a, .illust_btn06 a, .illust_btn07 a{
	/*display: table;*/
	width: 48%;
	float: left;
	padding: 10px 0;
	font-size:14px;
	text-align: center;
	margin-bottom: 20px;
	letter-spacing: 0;
		
}	

.illust_btn02 a,.illust_btn04 a{
		margin-right: 4%;
	}	
	
.illust_btn01 a{
		width: 100%;
	    margin-bottom: 25px;
	}	
	
.illust_btn01 a::before,.illust_btn02 a::before, .illust_btn03 a::before, .illust_btn04 a::before, .illust_btn05 a::before, .illust_btn06 a::before, .illust_btn07 a::before,.illust_box02 a::before{
    left: 40%;
	top:-50px;
	width: 35px;
    height: 23px;	
}	

.illust_btn01 ul{
		margin-top: 10px;
	}	

.illust_btn01 ul li a{
		text-align: left!important;
	}	
	
.illust_btn_sodan{
	justify-content: space-between;
	
}	
	
.illust_btn_sodan li{
		width: 48%;
		margin-bottom: 20px;
		margin-right: 0;
	}	
	
.illust_btn_sodan li:nth-child(3) a::before,.illust_btn_sodan li:nth-child(4) a::before {
		    top: -70px;
}
	
.illust_btn_sodan li:nth-child(4) a	{
		line-height: 39px;
	}
	
.illust_box02 a{
	display: table;
	width: 100%;
	padding: 10px 0;
	font-size:14px;
	text-align: center;
	letter-spacing: 0;
	}	
	
	
	
	.medical07_list01 li,.medical07_list02 li{
		text-align: left;
	}
	
/*#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{
	display: block;
	margin-top: -100px!important;	
	padding-top: 100px!important;
	}*/
	
	
	.expert24 h3.tit03,.expert27 h3.tit03,.expert28 h3.tit03{
		font-size:19px;
	}
	.expert24 h3.tit03 span,.expert27 h3.tit03 span,.expert28 h3.tit03 span{
		font-size:0.85em;
	}
/*============================================================================

	$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_parking_img_wp {
  display: block;
}
.access_parking_img_wp dl {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
.access_parking_img_wp dl:first-child {
  padding: 0;
}
.access_gmap_parking_cap_area {
  display: block;
}
.access_gmap_parking_cap_area iframe,
.access_gmap_parking_cap_area div {
  display: block;
}
.access_gmap_parking_cap_area div {
  padding-right: 0;
  width: 85%;
  margin:  0 auto 30px;
}

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

	$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

============================================================================*/
#data ul li {
	padding: 0;
	margin-bottom: 30px;
}


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

	$access

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

.access_map_img {
  margin-bottom: 30px;
}


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

	$about

============================================================================*/	
	
	
	
	
.kyuushinbi{

	width:95%;
	
}	

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

	$recruit

==================================================================*/
	.rec_box img {
		width: 100px;
	}
	.occupation_tit {
	font-size: 16px;
}
	.youtube_link iframe {
		width: 100%;
		height: auto;
	}
/*============================================================================

	$blog

============================================================================*/
#contents_left {
  float: none !important;
  width: 90% !important;
  margin: auto;
}
.side_area {
  float: none !important;
  width: 90% !important;
margin: 80px auto 0 !important;
}
.blog_box h2 {
  font-size: 1.3em;
}

  #profile_box {
	  margin: 0 3% 50px;	
	}
/*============================================================================

	btn-li

============================================================================*/
.btn-li ul{
display:flex;
flex-wrap:wrap;
}

.btn-li ul li {
width: 100% !important;
margin:0 0 15px;
}

.btn-li ul li a{
	display:block;}



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

	$year

==================================================================*/
.year{
	display: block;
}

.year dl{
	width: auto;
}
	
.year_hayami td{
	padding: 1%;
}
.year_hayami span{
	font-size: 3vw!important;
}



.top_blog{
	padding-top:0;
}
.top_blog .top_news_flame{
	/*height: 520px;*/
	font-size: 3vw!important;
}
.blog_load .blog_information{
	width: 49%;
	margin-bottom: 30px;
}





}



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







/*****************************************************************************
*****************************************************************************

	横向きスタイル

*****************************************************************************
*****************************************************************************/
@media screen and (orientation: landscape) {
  .main_info {
    right: 55px !important;
  }
}


/*****************************************************************************
*****************************************************************************

	iphone5用スタイル 横向き

*****************************************************************************
*****************************************************************************/
@media screen and (orientation: landscape) and (max-width:627px) {

.main_info_logo {
  bottom: -137px !important;
}
.top_concept h4 {
padding-top: 285px !important;
font-size: 3.5vw !important;
}

}


/*****************************************************************************
*****************************************************************************

	iphone5用スタイル

*****************************************************************************
*****************************************************************************/
@media screen and (max-width:627px) {

.main_img {
  top: -30px;
}
}
}