@charset "utf-8";

/* タブレットのみ（768px～959px）
---------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.gnav_box-r {
	float: none;
}

/*-- ここまで --*/
}

/* タブレット以上のPC
---------------------------------------------------------------*/
@media only screen and (min-width:768px){
#header {
	width: 960px;
	margin: 0 auto;
	padding-top: 1.0rem;
	clear: both;

}
#mobile-head {
	display:none;
}

#global-nav {
	display:none;
}
.smp_nav {
	display:none;
}
h1 {
	float: left;
	box-sizing: border-box;
}
h1 img {
	display: relative;
}
h1.smp_h1{
	display:none;
}
nav.gnav {
	margin: 0 auto;
}
.gnav {
	width: 960px;
	clear: both;
}
.gnav_box-l {
	width: 100%;
	list-style: none;
	margin-left: -1.5rem;
	float: left;
	max-width: 300px;
	height: auto;
	box-sizing: border-box;
}
.gnav_box-l li img {
	margin-right: 1.0rem;
	float: left;
	vertical-align: middle;
}
.gnav_box-l li img.map_img,.medical_time {
	margin-top: 1.0rem;
	width: 100%;
}
.gnav_box-l li a::after {
	position: absolute;
	width: 100%;
	height: 0.1rem;
	background: #006837;
	bottom: 0.3rem;
	left: 0;
	content: '';
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s;
}
.gnav_box-l li a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
.gnav_box-l li img.map_img,.medical_time {
	margin-top: 1.0rem;
	width: 100%;
}
.gnav_box-l li a {
	margin: 0.2rem 0;
	padding: 0.3rem 0 0.6rem 0;
	font-size: 90%;
	font-weight: 700;
	position: relative;
	display: block;
	border-bottom: 1px #998675 dashed;
}
.gnav_box-l li a::after {
	position: absolute;
	width: 100%;
	height: 0.1rem;
	background: #006837;
	bottom: 0.3rem;
	left: 0;
	content: '';
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s;
}
.gnav_box-l li a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
.gnav_box-r {
	margin: 1.0rem 0 1.0rem 1.0rem;
	max-width: 640px;
	box-sizing: border-box;
}
.gnav_box-r img{
	margin-top: 0.5rem;
	max-width: 640px;
	box-sizing: border-box;
}
.gnav_box-r {
	float: right;
}
.sub_nav_innner {
	text-align: center;
}
.sub_nav_innner {
	position:relative;
	width: 100%;
	height: 500px;
	background: linear-gradient(90deg,#cee9b2 0%,#cee9b2 50%,#cee9b2 50%,#cee9b2 100%);
	text-align: center;
}
.nav_box {
	margin-top:0;
	width: 960px;
	height: 250px;
}
.colorbox {
	margin: 0;
	padding-left:0;
}
.colorbox_01,.colorbox_02,.colorbox_03,.colorbox_04,.colorbox_05,.colorbox_06 {
	margin-top: 0;
	display: inline-block;
	vertical-align: top;
	width: 320px;
	height: 250px;
	margin-left: -0.2rem;
	padding: 0;
	box-sizing:border-box;
}
.text_line {
	font-size: 0.8rem;
	line-height: 0.8rem;
	line-height: 0.5rem;
}
.front_box03_innner {
	margin: 0 auto;
	max-width: 960px;
}
#front_box02 {
	margin-top: 2.0rem;
	width: 100%;
	clear: both;
}
.front_box02_innner.pics {
	float: left;
	margin: 0;
}
.front_box02_innner img {
	width: 20%;
}
.front_box03_innner article {
	float: left;
	width: 25%;
}
.footer_inner table {
	width: 40%;
	float: left;
}
address {
	float: left;
	width: 30%;
	line-height: 0.5rem;
}
.phone {
	color: #006837;
	font-size: 1.8rem;
	margin: 0;
	line-height: 0.5rem;
	letter-spacing: 0.2rem;
}
.sns {
	float: right;
	max-width: 220px;
}
.sns img{
	
}
.sns ul{
	padding:0; 
}
#footer_goto {
	right: 2.0rem;
	bottom: 2.0rem;
}
.footer_smp_inner {
	display: none;
}
/***2017.11.10追記***/
.nav_box{
	margin:0 auto;
}
.nav_box ul.colorbox{
	padding:0;
}
#footer{
	width:100%;
}
.footer_inner{
	max-width:960px;
}

/*-- ここまで --*/
}

/* PCサイズ（960px）以上
---------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {

/*電話：PCではリンクしない*/
a[href^="tel:"] {
    pointer-events: none;
}

/*-- ここまで --*/
}


/* タブレット（1024px）以下 2017.11.10追記
---------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
	.colorbox{
		width:960px;
		margin:0;
		padding:0;
	}
	.colorbox_01,
	.colorbox_02,
	.colorbox_03,
	.colorbox_04,
	.colorbox_05{
		width:20%;
	}

/*-- ここまで --*/
}

/* スマホのみ（767px）以下
---------------------------------------------------------------*/
@media only screen and (max-width: 767px) {

.header-inner {
	display:none;
}
h1.smp_h1 img{
	width: 70%;
    margin-left: 0.5rem;
}
.smp_nav {
	width:100%;
	margin-top: -1.4rem;
	top: 0;
	position: fixed;
	padding-top: 10px;
	height: 15%;
	background: #fff;
	z-index:999;
}
.smp_nav li{
	padding: 1.0rem;
	font-size: 90%;
	font-weight: 700;
	display: block;
	border-bottom: 1px #998675 dashed;
}
.smp_nav li img{
	vertical-align: middle;
	padding-right: 1.0rem;
}
.gnav_box-r {
	width:100%;
	margin-top:80px;
	margin-left:0;
	z-index:-999;
}
.gnav_box-l {
	display: none;
}
.colorbox {
	width: 100%;
	margin: 0;
	text-align:center;
	padding:0;
}
li.colorbox_01,li.colorbox_02,li.colorbox_03,li.colorbox_04,li.colorbox_05,.colorbox_06 {
	list-style: none;
	float:left;
	width:33.3%;
}
li.colorbox_01 p,li.colorbox_02 p,li.colorbox_03 p,li.colorbox_04 p,li.colorbox_05 p,.colorbox_06 p {
	margin-bottom:0;
}
li.colorbox_01 h4,li.colorbox_02 h4,li.colorbox_03 h4,li.colorbox_06 h4{
	margin-top: 0.8em;
    margin-bottom: 1em;
}
li.colorbox_04 h4,li.colorbox_05 h4{
	
}
.colorbox_06 img{
	max-width:85px;
	height:auto;
}
.front_box_innner02{
	width:100%;
	min-width:0;
}
.text_line {
	display: none;
}
figure {width: 100%;}
.footer_inner table {
	width: 100%;
	float: none;
}
address {
	float: none;
	width: 100%;
	margin:0 0 3rem 0;
}
.sns {
	float: none;
	width: 100%;
}
#footer_goto a{
	display: none;
}
	blockquote{
		width:90%;
		min-width:0;	
	}
	#footer{
		width:100%;
		margin:0 auto;
		min-width:0;
	}
	.footer_inner{
		min-width:0;
		width:100%;
	}
	.footer_inner table.footer_table{
		width:100%;
		margin:0 auto 3rem 0;
	}
	h4.front_h4{
		font-size: 95%;
    	line-height: 1.2rem;
		height: 2em;
	}
	.pics,
	.pics img{
		width:100%;
	}
	.front_box03_innner article{
		width:90%;
		margin:0 auto;
	}
	.sns ul{
	}
	.sns li{
		margin-left:0;
	}
	.colorbox_06{
		display:block;
	}
	.front_h4_mbl_br{
		display:block;
	}
	#copy small{
		font-size:60%;
	}
	.pics img.inc_main_fig01{
	}
	.pics img.inc_main_fig02{
		width:50%;
	}
	.gnav_box-r img.other_pics{
		width: 100%;
	}
.footer_smp_inner {
    	clear:both;
    	display:block;
    	position:fixed;
    	bottom:0;
    	width:100%;
    	height:auto;
    	background-color:#006837;
    	color:#fff;
    	z-index:99;
    	overflow:hidden;
	font-size:200%;
	height: 2.5rem;
}
.footer_smp_inner ul {
    	width:100%;
}
.footer_smp_inner li {
    	display:inline-block;
    	vertical-align:middle;
}
.footer_smp_inner li.footer_logo03 {
    	vertical-align:middle;
	position: absolute;
	right: 1.0rem;
	bottom: 0rem;
}
/*-- ここまで --*/
}