/* CSS Document */

@media screen and (max-width:640px) {
	
body{
	font-size: 14px;
}
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;
}



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

	nav

============================================================================*/
.fixed{
	width: 100%;
}

.fixed li a {
  padding: 0;
}
.fixed li {
  display: block;
}
.sp_navi_btn_area {
  position: absolute;
/*  width: calc(100% - 66px);
*/  width: calc(100% - 53px);


  z-index: 1;
  margin-left: 4px;
}
.sp_navi_btn_area li {
  display: block;
/*  width: calc(100% / 2 ) !important;
*/  float: left;
  text-align: center;
/*	width: calc((100% - 62px) / 2) !important;*/
/*	width: calc((100% - 94px) / 2) !important;*/
	width: calc((100% - 115px) / 2) !important;
	
}

.sp_navi_btn_area li:nth-child(3) {
    width: 57px!important;
}	
.sp_navi_btn_area li:nth-child(3) a{
	background:initial ;
}
.sp_navi_btn_area li:nth-child(3) a img{
padding: 9px 9px 9px 0px;
	}
.sp_navi_btn_area li:nth-child(4) {
    width: 57px!important;
}	
.sp_navi_btn_area li:nth-child(4) a{
	background:initial ;
}
.sp_navi_btn_area li:nth-child(4) a img{
padding: 9px 9px 9px 0px;
	}	
	
	
	
.sp_navi_btn_area li a {
  display: block;
  color: #fff;
  height: 54px;
  line-height: 54px;
  margin: 4px;
  border-radius: 5px;
  font-family: "FOT-筑紫A丸ゴシック Std B", "TsukuARdGothicStd-B", 游ゴシック体, "Yu Gothic", YuGothic;
  font-size: 4vw;
  background: #81bd70;
}
.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%;
  height:100%;
	font-size:18px;
	font-weight:bold;
	z-index: 9998;
  height: 124px;
  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: 3px;
    display: block;
    width: 100%;
    text-align: left;
    height: 62px;
  background: #fff;
}
.sp_navi h1 span,
.sp_navi h1 img{
	display:block;
	width: 320px;
	height: 56px;
  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 {
	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: #a99170;
  border-bottom: solid 2px #fff;
  font-family: "Rounded Mplus 1c";
  font-weight: 500;
  line-height: 50px;
}
.sp_navi_children li a {
  background: #8a765c !important;
}

.sp_navi_parent > div::after {
  position: absolute;
  right: 17px;
  content: "\f067";
  font-family: FontAwesome;
  font-size: 1.0em;
}
.sp_navi_parent_active > div::after {
  position: absolute;
  right: 17px;
  content: "\f068";
  font-family: FontAwesome;
  font-size: 1.0em;
}
.sp_navi_list li a::after {
  position: absolute;
  right: 20px;
  content: ">";
}

/*ボタンの動き*/
.sp_navi dt a {
    display: block;
    width: 62px;
    height:62px;
    position: absolute;
    /*top:5px;*/
    right: -5px;
    z-index: 9999999;
    text-align: center;
    background-color: #a99170;
}
.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: #a99170;
}

.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:200px;
	margin-top:130px;
}
#mainvisual .inner{
	width: auto;
	height:inherit;
}
/* 下層ページヘッドライン */
#mainvisual h2{
	font-size:22px;
}
/* トップページキャッチフレーズ */
.mainvisual_catch {
  position: absolute;
  top: 70px;
  left: 42px;
  width: 60%;
}
  
  .mainvisual_catch p{
    width: 60%;
    margin: 0 0 -6px 14px;
  }
.main_catch h2{
	margin-bottom: 10px;
	font-size:22px;
}
.main_catch p{
	font-size: 15px;
}
  .mainvisual_open{
   right: 30px;
  top: 33px;
  width: 40%;
  }
  
  .mainvisual_open span{
    position: relative;
    margin: 0;
    margin-top: 30px;
    margin-right: 20px;
    margin-left: auto;
    margin: 30px 20px 0 auto;
    width: 65%;
    z-index: 10;
  }
  
  .mainvisual_ture{
    bottom: 160px;
    left: 40px;
    width: 20%;
    height: auto;
    z-index: 10;
    transform: rotate(-10deg);
  }
  
  .top_main_time{
    position: absolute;
    right: 0;
    left: 0;
    bottom: -6px;
    width: 80%;
    margin: auto;
  }
  
/*動物*/
  
  .main_animal li:nth-child(1){
    top: -6px;
    left: 65px;
    width: 10%;
    height: auto;
  }
  .main_animal li:nth-child(2){
    top: -4px;
    right: 78px;
    width: 12%;
    height: auto;
  }
  
  .main_animal li:nth-child(3),.main_animal li:nth-child(8){
    display: none;
  }
  
  .main_animal li:nth-child(4){
    top: 125px;
    right: 7px;
    width: 15%;
  }
  
  .main_animal li:nth-child(5){
    top: 251px;
    right: 117px;
    width: 16%;
  }
  
  .main_animal li:nth-child(6){
    top: 220px;
    left: 113px;
    width: 18%;
  }
  
  .main_animal li:nth-child(7){
    top: 146px;
    left: 5px;
    width: 18%;
  }









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

	#contents

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

.box1{
	width:auto;
	margin:0 6% 80px;
}
.box2{
	width:auto;
	margin:0 6% 80px;
}
#contents{
	width:auto;
}
#contents_left{
	width:auto;
	float:none;
	margin-right:0;
}
#contents_right{
	width:auto;
	padding:0 6%;
	float:none;
}

  
  #container{
    padding-top: 60px;
    padding-bottom: 80px;
  }







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

	fotter

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



.footer_info .inner{
	width:88%;
	padding: 40px 6%;
}
.footer_info dl{
	float:none;
	width:88%;
	padding:0 6%;
  margin: auto;
}
.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:0;
}
.footer_navi{
	display:none;
}
  
  .pagetop{
    margin-top: -20px;
  }
	.bnr_area{
		margin-top:0;
	}
	.bnr_area ul{
		flex-direction:column;
		gap:20px;
	}
	.bnr_area ul li a img{
		width:100%;
	}
/*============================================================================

	$top

============================================================================*/
/*doctor*/
  .top_doctor_img2{
    display: none;
  }
  
  .top_doctor_animal{
    right: auto;
  }
  .top_doctor_animal li:nth-child(1),.top_doctor_animal li:nth-child(3),
  .top_doctor_animal li:nth-child(4),.top_doctor_animal li:nth-child(5),
  .top_doctor_animal li:nth-child(6){
    display: none;
  }
  
  .top_doctor_animal li:nth-child(2){
    top: 30px;
    right: -377px;
  }
  
  .top_doctor_animal li:nth-child(7){
    top: -134px;
    right: 100px;
    left: -41px;
    width: 140px;
  }
  
  .top_doctor_img{
    top: 280px;
    right: 0px;
    left: 0;
    width: 70%;
    margin: auto;
  }
  
  .top_doctor .box1 h3{
    margin-bottom: 14px;
  }
  .top_doctor .text p{
    width: auto;
  }
  
  .top_doctor .text p br{
    display: none;
  }
  
  .top_doctor .btn02 {
    margin: 23px auto 0px;
    text-align: center;
}
  
/*blog*/
  
  .top_blog {
    padding-top: 0px;
}
  .top_blog .box1{
    flex-wrap: wrap;
  }
  
  .top_blog_left{
    margin: 0 auto 0;
  }
  
  .top_blog .text{
    width: 100%;
  }
  
  .blog_load{
    width: auto;
    height: 500px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .top_blog .btn02{
    text-align: right;
    margin-top: 40px;
  }
  
  .blog_information{
    width: 47%;
    height: 240px;
    margin-right: 0;
    margin-bottom: 20px;
  }
  
  .blog_information a dt img{
    width: 100px;
    height: 100px;
  }
  
  .blog_information a dt{
    width: 100px;
    height: 100px;
    margin: 18px auto 18px;
    background-size: contain;
  }
  
  .blog_information a dd h4{
    width: 80%;
    padding-top: 12px;
  }
  .blog_information a dd p:first-child{
    font-size: 14px;
    font-weight: normal;
  }
  
  .blog_information a dd p{
    font-size: 12px;
  }
  
  .blog_cate{
    width: 70px;
    height: 22px;
  }
  
/*  medical*/
  
  .top_medical{
    padding-bottom: 280px;
    padding-top: 10px;
  }
  
  .top_medical .box1:before{
    bottom: -359px;
    right: -811px;
  }
  .top_medical .box1 h3{
    left: -50px;
    right: 0;
    margin: auto;
  }
  
  .top_medical:before{
    top: 860px;
    width: 60%;
    background-size: contain;
  }
  .top_medical:after{
    width: 60%;
    background-size: contain;
  }
  
  .top_medical_list{
    width: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 200px;
  }
  
  .top_medical_list a{
    width: 46%;
    height: auto;
    float: none;
    margin: 0 0 -30px;
  }
  
  .top_medical_list dl dt{
    width: 70%;
    margin: auto;
  }
  
  .top_medical_list a dl dd{
    position: relative;
    display: flex;
    align-items: center;
    top: -60px;
    height: 164px;
    padding: 80px 6% 22px;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
  }
  
  .top_medical_list a:nth-child(2), .top_medical_list a:nth-child(5), .top_medical_list a:nth-child(8){
    margin-top: 0;
  }
  
  .top_medical_list a:nth-child(6) dl dd{
    padding-top: 80px;
  }
  
  
  /*  feature*/
  
  .top_feature{
    background-image: url(../images/bg_white.png);
    padding-bottom: 120px;
  }
  .top_feature .box1:before{
    width: 250%;
    background-size: contain;
    left: -60px;
    z-index: 0;
  }
  
  .top_feature h3.tit01{
    margin: 0px auto 60px;
    margin-left: 40px;
  }
  
  .top_feature_list{
    width: auto;
    padding: 0;
  }
  
  .top_feature_list a{
    float: none;
  }
  
  .top_feature_list a:nth-child(1),.top_feature_list a:nth-child(2),
  .top_feature_list a:nth-child(3){
    margin: 0 auto 80px;
  }
  
  
/*  access*/
  
  .top_access .box1{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .top_access{
    margin-top: -320px;
    padding-top: 300px;
    padding-bottom: 70px;
    background-image: url(../images/bg_green_1.png);
  }
  
  .top_access .box1{
    width: auto;
  }
  .top_access .sec1{
    float: none;
    width: auto;
    height: 310px;
  }
  
  .top_access .sec2{
    float: none;
    width: auto;
    padding-top: 28px;
    height: 500px;
    margin-bottom: 40px;
  }
  
  .top_access .sec2 h3{
    width: 70%;
    margin: 0 auto 20px;
  }
  
  .top_access_time{
    margin: 0 6% 30px;
  }
  
  .top_access_sec2_info{
    padding: 0 6%;
  }
  .top_access_sec2_info dt{
    padding-right: 0;
  }
  
  .top_access:before{
    top: 400px;
    height: 820px;
  }
  
  
/*============================================================================

	$breadcrumb ぱんくず

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

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




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

	$共通

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

#contents{
	padding-bottom:70px;
}
.box{
	width:auto;
	padding:0 6% 8%;
}
.text{
	float:none;
	width: auto;
	padding:0;
	border:none;
  margin-bottom: 100px;
}
 h3.tit01,
 h3.tit02,
 h3.tit03,
 h3.tit04,
 h3.tit05 {
/*
    width: 100%;
	box-sizing:border-box;
*/
	font-size: 28px;
/*
	margin-bottom:25px;
    text-align: center;
*/
}
h4.tit01,
h4.tit02,
h4.tit04{
	font-size:24px;
  letter-spacing: 0.0em;
}
h5.tit01{
	font-size:18px;
}

h3.tit04 span span::before{
	display:none;
}

/*  tit_clinic*/
  
  h3.tit02.tit_clinic{
    padding-left: 70px;
  }
  h3.tit02.tit_clinic::before{
    background-size: contain;
  }
  
/*  tit_medical*/
  
  h3.tit02.tit_medical{
     margin-bottom: 40px;
  }
  h3.tit02.tit_medical::before{
    background-size: contain;
    top: -20px;
  }
.nowrap{
	white-space:normal;
}

/* リスト */
.list08{
	padding:6%;
}
/* チェックリスト */
.medical_checklist {
    padding: 25px 28px 10px 18px;
}
.medical_checklist ul li {
	font-size: 13.5px;
	padding: 0 0 0 35px;
}
.medical_checklist ul li::after {
    background-size: 70%;
}
/* テーブル */
.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%;
}

/* ボタン */
.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 .text{
    width: auto;
    padding-top: 60px;
  }
  
  .doctor_greet{
    margin-top: 0px;
  }
.doctor_greet .text{
	float:none;
	width:auto;
  height: 1078px;
}
  
  .doctor_greet .text h4.tit02{
    margin-bottom: 310px;
    font-size: 19px;
  }

  .doctor_greet .top_doctor_animal{
    bottom: 685px;
  }
  
  .doctor_carr{
    flex-wrap: wrap;
  }
/* 経歴、資格 */
.doctor_carr_sec1{
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom:30px;
  padding: 40px 40px;
}


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

	$clinic

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

/* 医院概要 */
.clinic_sec1 dt{
	width:30%;
}
.clinic_sec1 dd{
	width:70%;
}
.clinic_sec1 .schedule .tb01{
	width:100%;
}

/* 院内スライド */
.clinic_slides1 {
	margin-bottom:40px;
}
.clinic_slides1 .flexslider{
	float:none;
	width:100%;
  padding-left: 0;
}
.clinic_slides1 .flexslider li div{
	display:block;
	margin-top:20%;
	margin-left:0;
	text-align:center;
}
.clinic_slides1 .flexslider p{
	display:block;
  border: 2px solid #d9e8a9;
}
.clinic_slides1 .flex-control-nav.flex-control-thumbs{
	position: absolute;
	right: auto;
	width: auto;
	top:auto;
	bottom: 18%;
	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 ;
}
  
  .clinic_sec1{
    width: auto;
  }
  
  .clinic_sec1 li:nth-child(3) dl dd{
    padding-top: 16px;
  }
  .clinic_sec1 li:last-child dl dt{
    display: block;
    margin-bottom: 20px;
  }
  .clinic_sec1 li:last-child dl dd{
    width: 100%;
  }

  .feature_item .tit::before{
    padding-right: 32px;
  }





.tour iframe{
	width:100%;
	height:250px;}


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

	$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

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





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

	$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;
}
  
  .layout03 dl{
    width: 100%;
    padding: 8% 6%;
    margin-bottom: 40px;
  }
  
  .layout03 dt{
    display: block;
    width: 100%;
  }
  
  .layout03 dt img{
    margin-bottom: 20px;
  }
  
  .layout03 dd{
    display: block;
    width: 100%;
  }
  
  .layout03 dd h5{
    margin-bottom: 20px;
  }
  .layout03 dd h5 em{
    display: block;
    line-height: 1;
    margin-bottom: -6px;
  }
  
  .medical_img_fr{
    float: none;
    margin: 0 auto 40px!important;
  }
  

.layout01 dl,
.layout01 dt,
.layout01 dd {
  display: block;
  width: auto;
}
.layout01 dt em {
  display: inline-block !important;
}
.layout01 dt{
	padding: 10px 0;
	line-height:1.5;
	font-size: 20px;
}

.layout02 dl,
.layout02 dt,
.layout02 dd {
  display: block;
  width: 100% !important;
  height: auto !important;
}
  .layout04 dt,.layout04 dd{
    width: 100%;
    display: block;
  }
  
  .layout04 dt{
    margin-bottom: 2%;
    text-align: center;
  }
  
  .layout04 dt img{
    width: 50%;
    
  }
.layout05 dl,
.layout05 dt,
.layout05 dd {
  display: block;
  width: auto!important;
}
	
	.layout05 dl{
		padding: 8%;
		box-sizing: border-box;
	}
.layout05 dt {
  text-align: center;
	margin-bottom: 20px;
}
.layout05 dt strong {
  display: block;
}
.layout05 dt img {
  width: 70%;
}
	
	.layout05 dd:nth-child(3){
		padding-top: 16px;
		border: none;
		border-top: 2px solid #fff;
	}

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

.layout10{
    margin-bottom: 20px;
  }
.layout10 dl{
	width: auto;
	padding: 5%;
	margin-right: 0;
}
.layout10 dl::before {
position: absolute;
right: 0px;
left: 0;
top: 107%;
height: 7px;
width: 7px;
transform: rotate(135deg);
background-color:transparent;
border-top: 2px solid #bb7a29;
border-right: 2px solid #bb7a29;
content: "";
bottom: 0;
margin: auto;
}
.layout10 dl dt{
	line-height: 1.4;
}
.layout10 dl dd .emphasis{
	text-align: center;
}	
	
	
	
.medical_order06 dl{
	padding: 5%;
}


  .list06,.list09{
    padding: 35px 10px 20px 25px;
  }
  
  div.layout09{
    padding: 8%;
  }
  
  .ank01{
    width: 100%;
    margin: 0 auto 60px;
  }
  
  .ank01 li{
    width: 46%;
    margin-bottom: 6%;
  }
  
  .ank01 li:nth-child(even) {
    margin-left: 6%;
}
  
  .medical06_concept{
    font-size: 16px;
    letter-spacing: 0.1em;
  }
  
.layout09_tit::before{
   padding-right: 36px;
}
	
/* .medical10.html	*/
	
.box2.medical10_box{
	width:auto;
	margin:0 6% 0px;
}
	
/*.flex_box{
	flex-direction: column;
}	*/
.box_text {
    border-radius: 30px;
    width: 100%;
    margin-bottom: 60px;
}	
.box_text h4.tit02{
	font-size: 21px;
}
.box_text::after {
	bottom: 40%;
    right: 32%;
    font-weight: bold;
    font-size: 30vw;
}	
	
	
.medical10_text{
   padding: 8%;
   border: 4px solid #7aba6b;
   background-size: 100%;
}
.medical10_text02{
	padding: 8%;
	border: 4px solid #dae8a9;
	background-size: 100%;
}	
.ank01.medical10 li {
    width: 100%;
}	
.ank01.medical10 li:nth-child(2n) {
    margin-left: 0;
}
	
.medical10_price th,.medical10_price td{
	display: block;
	width: 100%;
	}
	

.tb04 {
	width: 100%;
}
.tb04 .thead {
	display: none;
}
.tb04 th{
	padding: 2%;
	font-size: 12px;
	display: block;
	width: 100%;
	text-align: center;
}
.tb04 tr {
    width: 100%;
}
.tb04 td {
    display: block;
    text-align: right;
    width: 100%;
	font-size: 12px;
}
.tb04 td:first-child {
    background: #e9727e;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
  .tb04 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
/*==================================================================

	$medical11

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

.medical11_flex{
	flex-direction: column;
}
.medical11_flex .sec1,.medical11_flex .sec2{
	width: 100%;
}

.medical11_flex .sec1{
	margin-bottom: 30px;
}
.layout11::before {
    height: calc(100% - 30%);
    left: 40px;
    top: 11%;
}
.layout11 .flow_tit {
    font-size: 20px;
}
.layout11 .flow_box .number {
    width: 60px;
    height: 53px;
	font-size: 26px;
}		
.medical11_box{
	display: block;
}
.medical11_box dl{
	width: 100%;
	display: block;
}
.arrow{
	top: 15px;
	right: 0;
	left: 0;
	margin: 0 auto;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 25px solid #9c7600;
}
/*==================================================================

	$medical12

==================================================================*/
	
.medical12_box_text{
	padding: 4%;
    border: 4px solid #7aba6b;
    background-size: 100%;
}	
	
.medical12_box	{
	width: 100%;
	}
	
	
}
	

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

	$news

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












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

  #mainvisual{
    margin-top: 132px;
  }
.main_animal li:nth-child(5) {
    top: 240px;
    right: 87px;
}
  
  .mainvisual_ture {
    bottom: 190px;
    left: 60px;
}
  
  .top_main_time{
    margin-bottom: 24px;
  }
  
  .top_doctor_animal li:nth-child(2) {
    top: -10px;
    right: -327px;
}
  
  .top_medical .box1 h3{
    left: 10px;
    right: 30px;
  }
  
  .top_medical_list{
    padding-top: 150px;
  }
  
  .top_feature h3.tit01{
    margin-left: 10px;
  }
  
  .top_feature_list a{
    width: 284px;
  }
  
  .doctor_carr_sec1{
    padding: 20px 20px;
  }
  
  h3.tit02{
    margin-bottom: 16px;
    letter-spacing: 0em;
  }
  
  .list06, .list09{
    padding: 25px 20px 20px 12px;
  }
	
	/*.box_text::after {
    bottom: 41%;
}*/
/*============================================================================

	.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 dl{
    padding: 4%;
  }

.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 (min-width: 600px) and (max-width: 800px)  {
/* style */

body,
#mainvisual .inner,
header,
footer{
	min-width:1300px;
}	
	
}