@charset "utf-8";

.headimg{
	width: 100%;
	min-width: 960px;
	height: 285px;
	text-align: center;
	background: url(../../img/clinic/headimg.jpg) center center;
background-size: cover;
}
.headimg h2{
	font-size: 48px;
	font-weight: normal;

	color: #FFF;
	padding: 90px 0 0;
}

@media screen and (max-width: 480px) {
.headimg{
	width: 100%;
	min-width: auto;
	height: 137px;
}
.headimg h2{
	font-size: 24px;
	font-weight: normal;
	line-height: 1;
	color: #FFF;
	padding: 55px 0 0;
}
}
/* ----------------------------------------------------------------------
submenu
---------------------------------------------------------------------- */
#submenu{
	background: #202020;
	min-width: 960px;
	padding: 20px 0 0;
}
#submenu ul{
	width: 920px;
	margin: 0 auto;
}
#submenu ul li{
	width: 304px;
	margin: 0px 4px 0 0;
	float: left;
	display: block;
}
#submenu ul li:nth-child(3n){
	margin: 0px 0 0 0;
}
#submenu ul li a{
	width: 304px;
	display: block;
	font-size: 24px;
	line-height: 65px;
	height: 65px;
	margin: 5px 0 0;
	color: #FFF;
	background:#72ba37;
	text-align: center;
}
#submenu ul li a:hover, #submenu ul li a.active{
	display: block;
	margin: 0;
	padding: 5px 0 0;
	color: #000;
	background:#FFF;
}
#submenu2{
	background: #eee;
	min-width: 960px;
	padding: 0 0 0;
	text-align:center;
}
#submenu2 ul{
	width: auto;
	margin: 0 auto;

	text-align: center;
}
#submenu2 ul li{
	margin: 0 26px 0;
	display:inline-block;
}

#submenu2 ul li a{
	display: block;
	font-size: 24px;
	padding: 33px 0 0;
	line-height: 1;
	height: 57px;
	
	color: #000;
	text-align: center;
}
#submenu2 ul li a:hover, #submenu2 ul li a.active{
	display: block;
	margin: 0;
	padding: 33px 0 0;
	border-bottom: 10px solid #71b937;
}



h2.midashi{
	display: block;
		width: 100%;
		font-size: 36px;
		font-weight: bold;
		color: #000;
	text-align: center;
		padding: 30px 0;
		border-bottom: 1px solid #dadada;
}

@media screen and (max-width: 480px) {
	#submenu{
	display: none;
}
#submenu2{
	display: none;
}
h2.midashi{
	display: block;
		width: 100%;
		font-size: 24px;
		font-weight: bold;
		color: #000;
	text-align: center;
		padding: 30px 0 15px;
		border-bottom: 1px solid #dadada;
}

}
/* ----------------------------------------------------------------------
 sec01
---------------------------------------------------------------------- */

#sec01{
	width: 100%;
	min-width: 960px;
	background: #FFF;
}
#sec01 p{
	font-size: 36px;
	font-weight: bold;
	color: #72ba37;
	padding:70px 0 70px;
	text-align: center;
}

#sec01 p span.bgy{
	background-color:#fffc00;
	padding:10px 0px 8px 12px !important;
	margin-bottom:20px !important;
	text-align: center;
	display:table;
	margin: 0 auto;
}


#sec01 p br.sp{
	display: none;
}

@media screen and (max-width: 480px) {
	#sec01{
	width: 100%;
	min-width: auto;
}
#sec01 p{
	font-size: 24px;
	font-weight: normal;
	color: #72ba37;
	padding:30px 0 30px;
	text-align: center;
}
#sec01 p br.sp{
	display: block;
}
}
/* ----------------------------------------------------------------------
 sec02
---------------------------------------------------------------------- */

#sec02{
	width: 100%;
	min-width: 960px;
	background: #f6f6f6;
	padding: 80px 0 20px;
	text-align:center;
}
#sec02 h2{
	display:inline-block;
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	padding:0 0 8px;
	border-bottom:5px solid #72ba37;
}
#sec02 .con{
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 60px;
}
#sec02 .con .con2{
	width: 840px;
	margin: 0 auto;
	padding:39px;
	background: #FFF;
	border: 1px solid #dee2e6;
	text-align: center;
}
#sec02 .con .con2 h3{
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	padding:0 0 8px;
	text-align: center;
	border-bottom:1px solid #ced4da;
}
#sec02 .con .con2 table.table-01 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	font-size: 18px;
	text-align: left;
	margin: 20px 0 0;
}
#sec02 .con .con2 table.table-01 tr.bg {
    background: #f6f6f6;
    
}
#sec02 .con .con2 table.table-01 th {
    padding: 20px 20px 20px 20px;
    font-weight: bold;
	white-space: nowrap;
    
}
#sec02 .con .con2 table.table-01 td {
    padding: 20px 5px 20px 0;
}

#sec02 .con .con2 table.table-01 td br.sp{
	display: none;
}

@media screen and (max-width: 480px) {
	#sec02{
	width: 100%;
	min-width: auto;
	padding: 40px 0 20px;
}
#sec02 h2{
	display:inline-block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	padding:0 0 5px;
	border-bottom:3px solid #72ba37;
}
#sec02 .con{
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 0px;
}
#sec02 .con .con2{
	width: 90%;
	margin: 0 0 20px;
	padding:20px 5%;
	background: #FFF;
	border: 1px solid #dee2e6;
	text-align: center;
}
#sec02 .con .con2 h3{
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	padding:0 0 5px;
	text-align: center;
	border-bottom:1px solid #ced4da;
}
#sec02 .con .con2 table.table-01 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	font-size: 12px;
	text-align: left;
	margin: 12px 0 0;
}
#sec02 .con .con2 table.table-01 tr.bg {
    background: #f6f6f6;
    
}
#sec02 .con .con2 table.table-01 th {
    padding: 20px 20px 20px 15px;
    font-weight: bold;
	white-space: nowrap;
    
}
#sec02 .con .con2 table.table-01 td {
    padding: 20px 5px 20px 0;
}
#sec02 .con .con2 table.table-01 td br.sp{
	display: block;
}
}


/* ----------------------------------------------------------------------
 sec02
---------------------------------------------------------------------- */

#sec03{
	width: 100%;
	min-width: 960px;
	background: #72ba37;
	padding: 25px 0 ;
	text-align:left;
}

#sec03 .con{
	width: 920px;
	margin: 0 auto;
	padding: 0 20px;
}
#sec03 .con img{
	float: left;
}
#sec03 .con p{
	float: left;
	font-size: 24px;
	font-weight: bold;
	line-height: 2;
	color: #FFF;
	padding:100px 0 0 50px;
}
@media screen and (max-width: 480px) {
	#sec03{
	width: 100%;
	min-width: auto;
	padding: 25px 0 ;
}

#sec03 .con{
	width: 95%;
	margin: 0 auto;
	padding: 0 0;
}
#sec03 .con img{
	float: left;
	width:  45%;
}
#sec03 .con p{
	float: left;
	width:  45%;
	font-size: 15px;
	font-weight: bold;
	line-height: 2;
	color: #FFF;
	padding:25px 0 0 5%;
}
	#sec03 .con p br{
		display: none;
	}
}
/* ----------------------------------------------------------------------
stuffs
---------------------------------------------------------------------- */

#stuffs{
	width: 100%;
	min-width: 960px;
	background: #FFF;
	padding: 80px 0 0;
	text-align:center;
}
#stuffs h2{
	display:inline-block;
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	padding:0 0 8px;
	border-bottom:5px solid #72ba37;
	margin: 0 0 30px;
}
#stuffs .stuff{
	width: 100%;
	min-width: 960px;
	padding: 0 0 60px;
}


/* #stuffs .bg_gr{
	background-color: #f9fff4 !important;
}
#stuffs .bg_wh{
	background-colo: #FFF !important;
} */


 #stuffs div.stuff:nth-child(2n+1) {
  background-color: #f9fff4;
}


#stuffs .matuyama{
	background: url(../../img/clinic/stbg_matuyama.png) center center;
    background-size: cover;
}
#stuffs .yokota{
	background: url(../../img/clinic/stbg_yokota.png) center center;
    background-size: cover;
}

#stuffs .inoue{
	background: url(../../img/clinic/stbg_inoue.png) center center;
    background-size: cover;
}

#stuffs .satouken{
	background: url(../../img/clinic/stbg_satouken.png) center center;
    background-size: cover;
}

#stuffs .kamitaka{
	background: url(../../img/clinic/stbg_kamitaka.png) center center;
    background-size: cover;
}
#stuffs .kutuma{
	background: url(../../img/clinic/stbg_kutuma.png) center center;
    background-size: cover;
}
#stuffs .takura{
	background: url(../../img/clinic/stbg_takura.png) center center;
    background-size: cover;
}
#stuffs .satou{
	background: url(../../img/clinic/stbg_satou.png) center center;
    background-size: cover;
}
#stuffs .takahashi{
	background: url(../../img/clinic/stbg_takahashi.png) center center;
    background-size: cover;
}
#stuffs .nakajima{
	background: url(../../img/clinic/stbg_nakajima.png) center center;
    background-size: cover;
}
#stuffs .kaneda{
	background: url(../../img/clinic/stbg_kaneda.png) center center;
    background-size: cover;
}
#stuffs .wakou{
	background: url(../../img/clinic/stbg_wakou.png) center center;
    background-size: cover;
}

#stuffs .aoki{
	background: url(../../img/clinic/stbg_aoki.png) center center;
    background-size: cover;
}
#stuffs .kaneko{
	background: url(../../img/clinic/stbg_kaneko.png) center center;
    background-size: cover;
}
#stuffs .fujimi{
	background: url(../../img/clinic/stbg_fujimi.png) center center;
    background-size: cover;
}



#stuffs .stuff .con{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#stuffs .stuff .con .box{
	width: 20px;
	height: 50px;
	background: #72ba37;
}
#stuffs .stuff .con  p{
	font-size: 18px;
	margin: 0 0 15px;
}
#stuffs .stuff .con  h3{
	font-size: 18px;
	color: #72ba37;
	margin: 0 0 5px;
}
#stuffs .stuff .con  p.lead{
	font-size: 36px;
	font-weight: bold;
	color: #72ba37;
	margin: 20px 0 10px 20px;
}
#stuffs .stuff .con  p.name{
	font-size: 30px;
	font-weight: bold;
	color: #000;
	margin: 0 0 10px 20px;
}
#stuffs .stuff .con .con2{
	text-align: left;
}
#stuffs .stuff .con .con2 img{
	float: left;
	border:3px solid #72ba37;
	margin: 0 0 0 20px;
}
#stuffs .stuff .con .con2 .RArea01{
	float: left;
	margin: 0 0 0 25px;
	width: 600px;
}
#stuffs .stuff .con .con2 .RArea02{
	float: left;
	margin: 0 0 0 25px;
	width: 600px;
}
@media screen and (max-width: 480px) {
	#stuffs{
	width: 100%;
	min-width: auto;
	background: #FFF;
	padding: 40px 0 0;
	text-align:center;
}


/*	
#stuffs .matuyama,
#stuffs .yokota,
#stuffs .inoue,
#stuffs .satouken,
#stuffs .kamitaka,
#stuffs .kutuma,
#stuffs .takura,
#stuffs .satou,
#stuffs .takahashi,
#stuffs .nakajima,
#stuffs .kaneda,
#stuffs .wakou,
#stuffs .aoki,
#stuffs .kaneko,
#stuffs .fujimi{
	background: none;
}
*/

#stuffs:nth-child(odd){
	background: none;
}
	
	
	
	
	

#stuffs h2{
	display:inline-block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	padding:0 0 5px;
	border-bottom:3px solid #72ba37;
	margin: 0 0 15px;
}
#stuffs .stuff{
	width: 100%;
	min-width: auto;
	padding: 0;
	margin: 0 auto;
}

#stuffs .stuff .con{
	width: 95%;
	margin: 0 auto;
	text-align: left;
}
#stuffs .stuff .con .box{
	width: 10px;
	height: 25px;
	background: #72ba37;
}
#stuffs .stuff .con  p{
	font-size: 12px;
	margin: 0 0 15px;
}
#stuffs .stuff .con  h3{
	font-size: 12px;
	color: #72ba37;
	margin: 0 0 5px;
}
#stuffs .stuff .con  p.lead{
	font-size: 18px;
	font-weight: bold;
	color: #72ba37;
	margin: 15px 0 10px 10px;
}
#stuffs .stuff .con  p.name{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin: 0 0 10px 10px;
}
#stuffs .stuff .con .con2{
	text-align: left;
}
#stuffs .stuff .con .con2 img{
	float: left;
	width: 40%;
	border:3px solid #72ba37;
	margin: 0 0 0 10px;
}
#stuffs .stuff .con .con2 .RArea01{
	float: left;
	margin: 0 0 0 10px;
	width: auto;
	width: 40%;
}
#stuffs .stuff .con .con2 .RArea02{
	float: left;
	margin: 10px 0 0 10px;
	width: 90%;
}
}
/* ----------------------------------------------------------------------
access
---------------------------------------------------------------------- */

#access{
	width: 100%;
	min-width: 960px;
	background: #FFF;
	padding: 80px 0 20px;
	text-align:center;
}
#access h2{
	display:inline-block;
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	padding:0 0 8px;
	border-bottom:5px solid #72ba37;
	margin: 0 0 30px;
}
#access .con{
	width: 920px;
	padding: 0 20px;
	margin: 0 auto;
	text-align: left;
}
#access .con .LArea{
	width: 350px;
	margin: 0;
	float: left;
	text-align: left;
}
#access .con .LArea p{
	font-size: 18px;
	color:#000;
}
#access .con .LArea p.name{
	font-size: 24px;
	font-weight: bold;
}
#access .con .LArea p.tel{
	font-size: 30px;
	line-height:1;
	background: url(../../img/tel01.png) no-repeat 0;
	padding: 20px 0 20px 35px;
}
#access .con .RImg{

	float: right;
	
}

#map, #map2, #map3, #map4{
  width: 100%;
	min-width: 960px;
  height: 460px;
	margin: 0 0;
  }
@media screen and (max-width: 480px) {
	#access{
	width: 100%;
	min-width: auto;
	background: #FFF;
	padding: 40px 0 20px;
	text-align:center;
	border-top:solid 1px #ccc;
}
#access h2{
	display:inline-block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	padding:0 0 5px;
	border-bottom:3px solid #72ba37;
	margin: 0 0 15px;
}
#access .con{
	width: 70%;
	padding: 0 0;
	margin: 0 auto;
	text-align: left;
}
#access .con .LArea{
	width: 100%;
	margin: 0;
	float: none;
	text-align: left;
}
#access .con .LArea p{
	font-size: 13px;
	color:#000;
}
#access .con .LArea p.name{
	font-size: 13px;
	font-weight: bold;
}
#access .con .LArea p.tel{
	font-size: 22px;
	line-height:1;
	background: url(../../img/tel01.png) no-repeat 0;
	padding: 10px 0 10px 35px;
}
#access .con .RImg{
width: 100%;
	float:none;
	margin: 0 0 15px;
	
}
#access .con .RImg img{
width: 100%;
	
}
#map, #map2, #map3, #map4{
  width: 100%;
	min-width: auto;
  height: 230px;
	margin: 0 0;
  }
}
/* ----------------------------------------------------------------------
imgs
---------------------------------------------------------------------- */

#imgs{
	width: 100%;
	min-width: 960px;
	background: #72ba37;
	padding: 20px 0 10px;
	text-align:center;
}
#imgs ul.flimg{
	width: 930px;
	padding: 0 15px;
	margin: 0 auto;
	display: block;
}
#imgs ul.flimg li{
	width: 300px;
	margin: 0 5px 10px 5px;
	float: left;
}
#imgs ul.flimg li img{
	width: 100%;
}

#imgs ul.slider{
	display: none;
}
@media screen and (max-width: 480px) {
	#imgs{
	width: 100%;
	min-width: auto;
	background: #72ba37;
	padding: 5px 0 5px;
	text-align:center;
}
	#imgs ul.flimg{
	display: none;
}
#imgs ul.slider{
	display: block;
}
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: rgba(51,51,51,0.6);
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
#imgs img {
    max-width: 100%;
     height: auto;
}


/* ----------------------------------------------------------------------
spmenu
---------------------------------------------------------------------- */

ul.spmenu{
	display: none;
}
@media screen and (max-width: 480px) {
	ul.spmenu{
	display: block;
		width: 100%;
		border-top: 1px solid #d7dce1;
		margin: 15px 0px;
}
ul.spmenu li{
	width: 100%;
	
}
	ul.spmenu li a{
		display: block;
	width: 100%;
		background: #f3f3f3 url(../../img/clinic/yaji.png) no-repeat 2.5% 18px;
		background-size: 5px 9px;
		padding: 12px 0;
		text-align: center;
		font-size: 15px;
		font-weight: bold;
		color:#72ba37;
		border-bottom: 1px solid #d7dce1;
}
	ul.spmenu li a:hover{

		background: #eee url(../../img/clinic/yaji.png) no-repeat 2.5% 18px;
		background-size: 5px 9px;
	
}
}