/* CSS Document */

@media screen and (max-width:768px){
	.mv{
		width:100%;
		background:url(../img/top/mv_top_sp.jpg) no-repeat;
		overflow: hidden;
		background-size: cover;
		background-position:center;
		}
	.mv2{
		width:100% !important;
		background:url(../img/top/mv_top_sp2.jpg) no-repeat;
		overflow: hidden;
		background-size:cover !important;
		background-position:center;
		}
	.mv3{
		width:100%;
		height:300px;
		background:url(../img/top/mv_top_sp3.jpg) no-repeat;
		background-size:cover;
		background-position:center;
		}
	.mv4{
		width:100%;
		height:300px;
		background:url(../img/top/mv_top_sp4.jpg) no-repeat;
		background-size:cover;
		background-position:center;
		}
	.footer_link
	{
		display: block;
		background-color: #5dab92;
		width: 100%;
		position: fixed;
		bottom: 0px;
		height: auto;
		z-index: 99;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #A1CEBB;
		margin: 30px 0 0 0;
	}
	.pc{
		display:none;
	}

	.footer_link a {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		}
	.footer_link a:hover {
	  background: -webkit-gradient(linear, left top, left bottom, from(#98C0DB), to(#98C0DB));
	}
	.footer_link ul
	{
		padding: 0;
		margin: 0;
	}

	.footer_link ul li {
		float: left;
		width: 50%;
		display: block;
		background-color: #6DC2F5;
	}
	.footer_link ul li a {
		background-color: #6DC2F5;
		padding-top: 7px;
		padding-right: 0px;
		padding-bottom: 2px;
		padding-left: 0px;
		display: block;
		text-align: center;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #fff;
	}
	.footer_link ul li:last-child a{
		border-right: none;
	}
	.footer_link ul li a img {
		height: 40px;
		width: auto;
	}

	.copy01{
		font-size:24px !important;
		width: 100% !important;
		box-sizing: border-box;
		background:#D7C190;
		text-align: center;
		padding: 20px;
		color:#fff;
		letter-spacing:5px;
	}
	.copy02{
		font-size:14px !important;
		width: 100% !important;
		box-sizing: border-box;
		font-family:'小塚ゴシック Pro L','Kozuka Gothic Pro Light',sans-serif;
		background:#A56F00;
		text-align: center;
		padding: 10px;
		color:#fff;
	}
	.img_left{
		float:none;
		padding-right:0px;
	}
	.beauty_box{
		background:#FFF;
		padding:20px 10%;
		margin:0 30px 50px 30px;
	}
	.left_800{
		width:100%;
		float:none;
		box-sizing:border-box;
	}
	.box_30{
		width: 95%;
		height: auto;
		float: none;
		box-sizing: border-box;
		margin: 15px auto;
		border: #C2ECFD 2px solid;
		padding: 20px;
		text-align: center;
	}
	.box_30 h5{
		font-size:18px;
	}
	.yoyaku_box{
		margin:30px 0 50px 0;
		padding:0 13px;
		font-size:14px;
	}
	.tel_box{
		padding: 0 13px;
	}
	.point_text2{
		font-size:122%;
		line-height:28px;
		margin-top:10px;
	}
	.big{
		line-height:30px !important;
		font-size:17px !important;
		letter-spacing:1px;
		padding:10px 0 0 0 !important;
		margin-bottom:-20px !important;
	}

	.sub_contents{
		width: 100%;
	}


	.sp{display:block;}
	.pc{display:none;}


	.contents{
		width: 100%;

	}
	
	.clinic_box{
	width: 48%;
	}
	
	.text_area_in{
	width: 100%;
	}

	.contents_second .btn_inner,
	.contents_third .btn_inner{
		width: 100%;
		padding:0;
	}
	.contents_second .btn_inner img{
		width:70%;
	}
	
	.menu_box {
    width: 30%;

    margin: 0 34px 0 0;
	}
    
    
    
      ul.dot{
		width: 100%;
		margin: 10vw auto;
    }
		 
    ul.dot li{
			font-size: 3.2vw;
			text-indent: 0em;
		}
	
	.top_news.with-scroller {width: 99%; margin: 0 auto; padding: 0;}
	.top_news.with-scroller p.title {margin: 0 auto; padding-bottom: 2vw;}
	.scroller {height: 60vw;}
	p.scroll-info {margin-bottom: 15vw; font-size: 14px;}
	table.scroll-news {width: 100%; margin: 0 auto;  }
	table.scroll-news th,
	table.scroll-news td { display: block;}
	table.scroll-news th {padding: 3vw 0 0 2vw;}
	table.scroll-news td {padding: 0 0 3vw 2vw;}


	ul.swiper-wrapper{ overflow: initial; }
	.access-slide{ margin-bottom: 30px; }
	.access-slide__wrapper{ margin-bottom: 20px; }
	.sub_contents img.access-slide__img{ width: calc(100% - 60px); }
	.sub_contents p.access-slide__txt{ margin-bottom: 0; line-height: 1.6; font-size: 14px; }
	.access-slide__pageing .swiper-pagination-bullet{ width: 100%; height: 50px; }
	.access-slide__arrow{ width: 20px; height: 20px; top: 100px; }
	.access-slide__arrow--next{ right: 5px; }
	.access-slide__arrow--prev{ left: 5px; }

}

	














@media screen and (max-width:599px){
/* ヘッダー-------------- */
	
.h_logo{
	float:none;
	margin-top:0;
	margin-bottom: 10px;
	}
.h_logo img{
	display:none;
}
.h_info,.h_tel{display: none;}


.bg-slider {
	width: 100%;
	height: 500px !important;
	background-position: center center;
	background-size: cover;
	align-items: center;
	justify-content: center;
	margin-top:0 !important;
}
.bg-slider .text_area{
	margin-top:200px !important;
	padding:20px 10px;
}


.bg-slider__title{
	letter-spacing:15px;
	font-size: 32px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
	z-index:999;
}
.bg-slider p{
	font-size:18px;
	line-height:130%;
}


	
	
/* グロナビアコーディオン-------------- */
label{
	background:#A56F00;
	padding:10px 15px;
	border-radius: 2px;
	color:#fff;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index:999;
	}
label span{
	font-size: 8px;
}
input[type="checkbox"].on_off{
    display: none;
}
#sp_gnav ul{
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
	background:#D7C190;
	}
#sp_gnav li{
	padding: 15px 20px 5px;
	color: #fff;
	}
#sp_gnav a{color: #fff;
}
	
input[type="checkbox"].on_off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on_off:checked + ul{
    height: 220px;
}
	
	
	
/* TOPお知らせ--------------------------- */
.top_news{
	overflow: hidden;
	margin-bottom:30px !important;
	padding:0 50px;
}
.top_news p.title
{
	font-size:24px !important;
	text-align:center;
	margin:0 20px;
	padding:0 ;
	box-sizing:border-box;
}
.top_news p.news_text{
	font-size:14px !important;
	text-align:center !important;
	padding:10px 0 0 0;
	float:none;
	box-sizing:border-box;
}

/* TOPメニュー--------------------------- */

.top_menu{
	text-align: center;
	margin:50px auto;
}
.top_menu h3{
	color:#58cbfc;
	font-size:1.4em;
	font-weight:600;
	line-height:20px;
}
.menu_box{
	width: 100% !important;
	float:none;
	background:#FFF;
	padding:0;
	margin:0;
	box-sizing:border-box;
}
.menu_box:nth-child(2),
.menu_box:last-child{
	margin-top:0;
	float:left;
}
.menu_box p.text{
	display:none;
}
.menu_box p{
	padding: 15px 20px 20px 20px;
	z-index:2000 !important;
}



.contents{
	width:100% !important;
	margin:0 auto;
	padding:30px 10px;
}
.sub_contents{
	width:100% !important;
	margin:0 auto;
	padding:30px 10px 50px 10px;
}

.contents.mt_130{
	margin-top:150px;
}
.sub_contents img,
.sub_contents img.w400{
	width:100%;
}



/* contents_second-------------- */
.contents_second{
	width:100% !important;
	margin:0 auto;
	padding:30px 10px;
}
.contents_third{
	width:100% !important;
	margin:5px auto 0 auto !important;
	padding:30px 10px;
}


.contents_second p img{
	max-width:100px !important;
	margin-top:120px;
}

.contents_second h1{
	font-size:24px;
	padding:20px 0 30px 0; 
}
.contents_second h2{
	color:#A56F00;
	font-size:26px;
	padding:5px 0 5px 0;
	line-height:150%;
}

.contents_second ul{
	width:100%;
	margin:0 !important;
}
.contents_second ul li a{
	border-bottom:none  !important;
}

.contents_second ul li{
	float:none;
	margin:0 0 0 10px;
}
.contents_second ul li img{
	width:80%;
}
.contents_second ul li:first-child,
.contents_second ul li:last-child{
	margin:0 0 0 10px;
}




	
	
	
	
	
/* 診療内容-------------- */

.treatment{
	background-size:contain;}
	
.shikkan{
	width:40%;
	margin-right: 0px;
	margin-bottom: 20px;
	padding: 4%;}
.shikkan:nth-child(2n+0){
	float: right;
	}
.shikkan:first-child{
	margin-left: 0px;
}
/*
.shikkan:last-child{
	margin-left: 20px;
	}
*/
	
.shikkan_sp{
	width: 100%;
	margin:0;
	}
.shikkan_sp_wrap{
	width: 85%;
	margin: 0 auto;
	}

.shikkan_h{
	border:none;
	margin-bottom: 0px;}
.shikkan_t{display: none;}



/* 紹介-------------- */

.shokai{
	width:100%;
	margin:20px auto 40px;}
	
.shokai p{padding:15px 20px;}

.news_wrap{background-size:contain;}
.incho{background: none;}
	

	
/* 所在地--------------------------- */
.contents_second .inner{
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
}


	
	
	
	
/* フッター------------- */
.copy01{
	font-size:16px !important;
	background:#D7C190;
	text-align: center;
	padding: 20px;
	color:#fff;
	letter-spacing:5px;
}
.copy02{
	font-size:10px !important;
	font-family:'小塚ゴシック Pro L','Kozuka Gothic Pro Light',sans-serif;
	background:#A56F00;
	text-align: center;
	padding: 10px;
	color:#fff;
}





.footer-left{
	width: 100%;
	text-align: center;
	padding: 0;
	}
.footer-left img{width:60%}
.footer-center{
	width: 100%;
	text-align: center;
	padding: 20px 0 0 0;
	}
.footer-center table{
	width:100%;
	font-size: 0.8vw;}
.footer-center th{font-size:0.8vw;}
.footer-center td{font-size:0.7vw;}
	
.hours th, .hours td{padding:1%;}
	
.footer-right{
	width: 100%;
	text-align:center;
	padding: 0px;}
#pagetop{
		right: -55px;
		bottom:-3px;
	}
#pagetop img{
	width: 50%;
}
#yoyaku{
	width:50px;
	right:-8px;
}
	
	
/* ボタン-------------- */	
.btn1{
	width:80%;
	font-size:0.8em;
	text-align:center !important;}
p.btn3{
	width:100%;
	margin:20px auto 0 auto;
}
p.btn3 a{
	font-size:22px;
	line-height:100%;
	margin:0 auto 20px auto;
	padding:15px;
	border:1px solid #A56F00;
}
	
/* 共通-------------- */
.top_h1{
	margin-top: 40px;
	margin-bottom: 40px;}
.top_h1 img{width:90%;}
	
	
.contents_second .btn_inner ul li a img{
	border-bottom:1px solid #FBF9F3 !important;
}

	
.t_l{font-size:0.8em;}
	
.mt_20{margin-top:20px !important;}
.mt_30{margin-top:30px !important;}
.mt_40{margin-top:40px !important;}
.mt_50{margin-top:50px !important;}
.mt_60{margin-top:60px !important;}
.mt_60{margin-top: 0px;}
.mb_80{margin-bottom:60px;}
.pb_80{padding-bottom: 50px;}
.sp_mb20{margin-bottom: 20px;}
.sp_img80{width:80%;}


img{width:100%}

.contents h1{
	background: url(../img/sub/h1_bg.png) no-repeat center;
	text-align: center;
	font-size: 27px;
	padding: 50px 0 50px;
	font-weight: normal;
}
.contents h2{
	width:100%;
	font-size: 24px;
	text-align:center;
	color:#A46F00;
	border:#A46F00 1px solid;
	padding: 20px 10px;
	margin: 80px 0 15px 0;
	font-weight: normal;
	line-height:130%;
	box-sizing:border-box;
}
.sub_contents h2{
	width:100%;
	font-size: 24px;
	text-align:center;
	color:#A46F00;
	border:#A46F00 1px solid;
	padding: 20px 10px;
	margin: 10px 0 15px 0;
	font-weight: normal;
	line-height:130%;
	box-sizing:border-box;
}

.contents h3,
.sub_contents h3{
	border-bottom:#A46F00 1px solid;
	font-size: 23px;
	color:#A46F00;
	padding: 15px 0px 8px 5px;
	margin: 30px 0 15px;
	font-weight: normal;
	line-height:130%;
}
.contents h4,
.sub_contents h4{
	border-left:#A46F00 4px solid;
	font-size: 18px;
	color:#A46F00;
	font-weight:normal;
	margin: 30px 0 15px;
	padding: 0 0 0 10px;
	line-height:30px;
}
.contents h5{
	font-size: 16px;
	margin: 20px 0 15px;
	padding: 10px 0 10px 0px;
}
.sub_contents h3{
	text-align:center;
}

.contents p{
	font-size:16px !important;
}
.sub_contents p{
	font-size:14px !important;
	text-align:left;
}

p.btn5{
    display: inline-block;
    width: 100%;
}


.ml30{
	margin-left:30px;
}
p.first_text{
	font-size:10px;
}

.hours th,
.hours td{
	font-size: 12px;
}
.fl_right.footer-right
{
	display: none;
}
.contents .inner
{
	padding: 10px;
}
.point_box {
position: relative;
margin: 40px 0 40px 0;
padding: 30px 30px 10px 20px;
border: solid 3px #58CAFC;
}
.point_box .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 20px;
padding: 0 9px;
line-height: 1;
font-size: 20px;
background: #FFF;
color: #666;
letter-spacing:3px;
}
table.price td,
table.price th{
	width:100%;
	display:block;
	box-sizing:border-box;
	text-align:center;
	vertical-align:middle;
	padding:20px 6px;
}
table.price td,
table.price th{
	line-height:30px;
}

table.time{
	font-size:12px;
	margin-bottom:30px;
}
table.time th,
table.time td{
	padding-top:5px;
	padding-bottom:5px;
}
.img_auto{
	width:auto;
}
.tel_text{
	font-size:28px !important;	
	background:url(../img/yoyaku/img_07.jpg) no-repeat 0% 20%;
	background-size:13%;
	height:auto;
	padding:0 0 0 60px;
	font-weight:bold;
}
.tel_text span{
	font-size:12px;
}
.tel_box p{
	margin-bottom:15px;
}
.yoyaku_btn_box ul li a{
	width:300px;
	float:none;
	background:#FF7373;
	color:#FFF;
	font-size:19px;
	padding:15px;
	text-align:center;
	margin:10px auto;
	display:block;
}
#footer table{
	width:83%;
}
.footer-center p{
	text-align:left;
	padding:10px 0 0 10px;
}


.sub_mv01{
	width: 100%;
	height:365px;
	background:url(../img/sub/sub_mv01.jpg) no-repeat center;
	color: #A66F00;
	background-position: center center;
	background-size: cover;
	align-items: center;
	justify-content: center;
	position: relative;
	/* [disabled]overflow: hidden; */
}
.sub_mv01 .text_area{
	width: 100% !important;
	background: #FFF;
	opacity: 0.6;
	text-align: center;
	margin:120px 0 0 0 !important;
	padding: 30px 0;
	overflow: hidden;
	margin: 40px 0;
	clear: both;
}




header {
    position:fixed;
    width:100%;
    height:50px;
    top:0;
    left:0;
    background:#FFF;
    border-bottom:1px solid #000;
    z-index:100;
}
.spmenu_btn {
    display:block;
    position:absolute;
    top:14px;
    right:15px;
    width:30px;
    height:22px;
    background:#000;
    border-top:10px solid #fff;
    border-bottom:10px solid #fff;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.spmenu_btn:before {
    content:'';
    position:absolute;
    width:30px;
    height:2px;
    background:#000;
    top:-9px;
    right:0;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.spmenu_btn:after {
    content:'';
    position:absolute;
    width:30px;
    height:2px;
    background:#000;
    bottom:-9px;
    right:0;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.spmenu_btn.active {
    background:#FFF;
}
.spmenu_btn.active:before {
    -moz-transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
    top:0;
    right:0;
}
.spmenu_btn.active:after {
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    bottom:0;
    right:0;
}
 
.spmenu {
    display:none;
    position:absolute;
    top:51px;
    left:0;
    width:100%;
    background:#000;
}

.fl_left img{padding:0 !important;}
.mb_20{margin-bottom:20px !important;}




/* クリニック紹介--------------------------- */

.contents .clinic{
	width:100%;
	text-align: center;
	margin:50px auto !important;
}
.clinic h3{
	color:#58cbfc;
	font-size:1.4em;
	font-weight:600;
	line-height:20px;
}
.clinic_box{
	width: 100%;
	margin:10px auto !important;
	padding:0;
	box-sizing:border-box;
	background:none;
}

.clinic_box:last-child{
	margin:0;
}
.clinic_box p.text{
	line-height:200% !important;
	margin:0 !important;
	padding:40px 20px !important;
	color:#4F3806 !important;
}
.flex{display: block;margin-bottom: 1rem;}
.flex .img_R{width: 100%;margin-right:0;}
   
   
   
   
   
   
header{
  padding: 20px;
  background-color: #000;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
#simple-menu {
  width: 28px;
  height: auto;
  float: left;
}
.navicon-line {
  background-color: #FFF;
  border-radius: 1px;
  height: 4px;
  margin-bottom: 3px;
  width: 24px;
}
#contents{
  padding: 66px 15px 0 15px;
}
#slide {
  position: fixed;
  width: 260px;
  height: 100%;
  z-index: 2;
  top: 0;
  left: -260px;
}
ul{
  margin: 0 0 30px 0;
  overflow: hidden;
}
li a {
  padding: 10px;
  display: block;
}



ul {
  margin: 0;
  padding-left: 0;
}
 
li {
  list-style: none;
}
 
a {
  text-decoration: none;
  color: #fff;
}
input[type="checkbox"]#open{
		opacity: 0;
}
 
#menu {
  position: fixed;
  top: 0;
  right: -340px; /* メニューのwidth + padding */
  width: 300px; /* メニューのwidth */
  height: 100%;
  transition: left .5s, right .5s; /* アニメーション */
  background-color: rgba(86, 86, 86, .7);
  z-index:500;
}
 
input[type="checkbox"]#open:checked + #menu {
	right: 0;
}



.sub_contents ul.list{
  width:70%;
  list-style:none !important;
  margin:0 auto;
  padding: 0;
  font: 14px/1.6 'arial narrow', sans-serif;
}
.sub_contents ul.list li{
  position: relative;
  padding: 0.5em 1em 0.5em 2.3em;
  margin-bottom:5px;
  color:#A56F00;
  font-size: 15px;
  font-weight:normal;
  border-bottom: 1px solid #D7C190;
}
.sub_contents ul.list li:after,
.sub_contents ul.list li:before{
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  
}
.sub_contents ul.list li:before{
  top: 0.7em;
  left: 0.2em;
  width: 12px;
  height: 12px;
  border:2px solid #A56F00;
}
.sub_contents ul.list li:after{
  top: 0.9em;
  left: 0.7em;
  width: 14px;
  height: 14px;
  background:#D7C190;
  opacity:0.8;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sub_contents ul.list li a{
  color:#A56F00;
  padding:0;
}
    


img.pcr_banner_top{
    width: 90%;
    position: absolute;
    top: 17%;
    left: 0;
    right: 0;
    margin: auto;
}  
        
img.pcr_banner_sub{
   display: none;
}    

.kyuujinsaito{    margin-top: 0;
    margin-bottom: 50px;}

p.btn_for_applicants{
	width:100%;
	margin:20px auto 0 auto;
}
p.btn_for_applicants a{
	font-size:22px;
	line-height:100%;
	margin:0 auto 20px auto;
	padding:15px;
	border:1px solid #A56F00;
}	
	

}

@media screen and (min-width:600px){
		.gnav_sp{display: none;}
}