@charset "utf-8";
/*
Theme Name: genova_tpl
Theme URI: http://genova.co.jp/
Description: genova template.
Version: 1.0
*/

/* =====================================
■BASE
===================================== */
html {
	font-size: 62.5%;
}
body {
	font-family: "ヒラギノ角ゴ W3 JIS2004","Hiragino Kaku Gothic W3 JIS2004";
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	background: #fff;
	color: #283838;
	letter-spacing: 0.05em;
	line-height: 2;
	position: relative;
	-webkit-text-size-adjust: 100%;
}

body.stop-scroll{
	-ms-overflow-y: hidden;
	overflow-y: hidden;
}

a {
	text-decoration: none;
	color: #373431;
	vertical-align: middle;
	-moz-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	transition-duration: 0.7s;
}
a.hover:hover {
	color: #ff8400;
}
a.txt_underline {
	text-decoration: underline !important;
}
a.txt_underline:hover {
	text-decoration: none !important;
}
a:focus, *:focus {
	outline: none;
}
a[href^="tel:"] {
	pointer-events: none;
	cursor: text;
}


.fnt-shuie{
	font-family: "秀英明朝 L", "Shuei Mincho L", sans-serif;
	font-style: normal;
	font-weight: 500;
}

.fnt-shingo{
	font-family: 'Sawarabi';
	font-style: normal;
	font-weight: 400;
}



.flex-box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	font-size: initial;
}
.title {
	/* font-family: "秀英丸ゴシック M", "Shuei MaruGo M"; */
	font-size: 27px;
	letter-spacing: 0.4em;
	text-align: center;
	line-height: 1.5;
}
.title-sub {
	/* font-family: "秀英丸ゴシック R", "Shuei MaruGo R"; */
	font-size: 14px;
	letter-spacing: 0.3em;
	line-height: 2;
	text-align: center;
	text-transform: uppercase;
}
@media screen and (max-width: 767px) {
	a[href^="tel:"] {
		pointer-events: auto;
		cursor: pointer;
	}
	.flex-box {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
	}
	.title {
		font-size: 18px;
	}
}


/* =====================================
■MODULE
===================================== */
/*--------------------------------------
汎用
--------------------------------------*/
/* float */
.fr {
	float: right!important;
}
.fl {
	float: left!important;
}
/* clears */
.clearfix {
	*zoom: 1;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.cl {
	clear: both!important;
}
/* text indent */
.textHide {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/* text-align */
.tac {
	text-align: center!important;
}
.tar {
	text-align: right!important;
}
.tal {
	text-align: left!important;
}
/* font-weight */
.fb {
	font-weight: bold!important;
}

/*--------------------------------------
Icon fonts
--------------------------------------*/
@font-face {
	font-family: 'icomoon';
	src:  url('img/fonts/icomoon.eot');
	src:  url('img/fonts/icomoon.eot#iefix') format('embedded-opentype'),
		url('img/fonts/icomoon.ttf') format('truetype'),
		url('img/fonts/icomoon.woff') format('woff'),
		url('img/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class*='icon-']:not([class*='eicon-']):before {
	display: inline-block;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-blog:before {content: "\e900";}
.icon-category:before {content: "\e901";}
.icon-check:before {content: "\e902";}
.icon-checked:before {content: "\e903";}
.icon-down:before {content: "\e904";}
.icon-facebook:before {content: "\e905";}
.icon-google:before {content: "\e906";}
.icon-line:before {content: "\e907";}
.icon-twitter:before {content: "\e908";}
.icon-arrow02:before {content: "\e909";}
.icon-arrow01:before {content: "\e910";}
.icon-search:before {content: "\e911";}
.icon-tag:before {content: "\e912";}

@font-face {
	font-family: 'Sawarabi';   /*字体名称*/
	src: url('img/SawarabiMincho-Regular.ttf');       /*字体源文件*/
}
/*--------------------------------------
Pc sp change
--------------------------------------*/
.sp {
	display: none !important;
}
.mb {
	display: none;
}
@media screen and (max-width: 767px) {
	.pc {
		display: none!important;
	}
	.sp {
		display: block!important;
	}
}
@media screen and (max-width: 480px) {
	.mb {
		display: block;
	}
	.pcm {
		display: none;
	}
}


/* =====================================
■Layout
===================================== */
/*--------------------------------------
container
--------------------------------------
.container {
width: 100%;
max-width: 79%;
padding: 0 0 5vw;
margin: 200px auto 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
position: relative;
z-index: 6;
}

.container:after {
content: "";
display: block;
clear: both;
}
*/


/*--------------------------------------
container
--------------------------------------*/
.container {
	width: 100%;
	max-width: 1140px;
	padding: 0 30px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.container:after {
	content: "";
	display: block;
	clear: both;
}
.under_content .container {
	width: 100%;
	max-width: 100% !important;
	padding: 0px;
}
@media (max-width:959px) {
	.container {
		padding: 0 10px;
	}
}
@media (max-width: 767px) {
	.container {
		padding: 0 5px;
	}
}
.page-id-43 .elementor-section.elementor-section-boxed>.elementor-container {
	max-width: none !important;
	padding: 0;
}

.elementor-section.elementor-section-boxed>.elementor-container{
	max-width: 100% !important;
}

.elementor-widget-image-box .elementor-image-box-description{
	padding-bottom: 15px;
}

.elementor-widget-image-box .elementor-image-box-description span{
	color: #299393;
	font-weight: 600;
}

.elementor-widget:not(:last-child){
	margin-bottom: 0 !important;
}

.elementor-image{
	margin: 5px !important;
}

.page-gg-map iframe{
	height: 300px;
}
.page-cal{
	text-align: center;
}
.page-cal iframe{
	height: 400px;
	width: 80% !important;
	margin: auto !important;
}


@media screen and (max-width: 767px) {
	.page-gg-map iframe{
		height: 45vh;
	}
	.elementor-image{
		margin: 0 !important;
	}
}


.bd-wrap{
	border: 2px solid #299393;

}

.p40{
	padding: 40px 40px 0;
}	


.board-star{
	width: 50%;
	padding: 30px 0;
}

.board-star dl{
	position: relative;
}
.board-star dl:after{
	content: '';
	height: 0;
	clear: both;
	display: inline-block;
	visibility: hidden;
}

.board-star dl dt{
	float: left;
	width: 110px;
	color: #283838;
	display: inline-block;
	font-weight: 600;
}
.board-star dl dd{
	float: left;
	color: #299393;
	width: auto;
	display: inline-block;
}


.bdb-green-text .elementor-image-box-description{
	display: inline-block;
	width: 65%;
	border-bottom: 1px solid #A0CCB6;
}



.side-custom{
	position: relative;
	background: #F2F8F5;
	width: 50%;
	display: inline-block;
	float: left;
	padding: 30px;
	min-height: 220px;
}

.side-custom:after{
	content: '';
	height: 0;
	clear: both;
	display: inline-block;
	visibility: hidden;
}


.side-custom span{
	background: #299393;
	color: #FFF;
	font-weight: 600;
	padding: 1px 9px;
	margin-bottom: 10px;
	display: inline-block;
}

.side-custom.cus-2{
	background: #F0EDEC;
}

.side-custom.cus-2 .circle_list li:before{
	background: #C6BCB8;
}
.side-custom.cus-2 span{
	background: #655852;
}


@media (max-width: 767px) {

	.page-cal iframe{
		width: 100% !important;
	}
	.elementor-widget-image-box .elementor-image-box-wrapper{
	}

	.bdb-green-text .elementor-image-box-description{
		width: 100%;
	}

	.board-star{
		margin: auto;
	}
	.side-custom{
		width: 100%;
	}
}

/*--------------------------------------
header
--------------------------------------*/
#wrapper {
	height: 100%;
	padding-top:97px;
	box-sizing: border-box;
}

@media screen and (max-width: 1060px) and (min-width: 768px) {

}

@media screen and (max-width: 767px) {
	#wrapper {
		padding-top: 0 !important;
	}
}

/* CSS for FireFox */
@-moz-document url-prefix() {
	#wrapper {
		padding-top: 84px;
	}
}

.home #index-page{
	height: 100vh;
	position: relative;
}


@media screen and (max-width: 1366px) {
	.home #index-page{
		height: 60vh;
	}	
}


@media screen and (max-width: 767px){
	.home #index-page{
		height: 100vh;
	}		
}

#header {
	height: 100px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	-moz-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	transition-duration: 0.7s;
	background: #fff;
	border-top: 4px solid #AEE2E2;
	box-sizing: border-box;
}

/* logo */
#header h1 {
	font-size: 30px;
	width: 100%;
	letter-spacing: 0;
}
#header h1 span{
	font-size: 13px;
	color: #C3DFFF;
}
#header h1 img {
	width: 100%;
}
#header h1 a:hover {
	text-decoration: none;
}
#header h1 a:hover, #header h1 img:hover {
	opacity: 1;
}


#top-fix {
	position: fixed;
	bottom:25px;
	right: 40px;
	z-index: 999;
	overflow: hidden;
}
#top-fix:hover {
	width: 450px;
	height: 450px;
	border-radius: 10px;
}
#top-btn-fix {
	cursor: pointer;
	position: fixed;
	bottom: 25px;
	right: 40px;
}
div#top-btn-fix:hover {
	opacity: 0.8;
}
#top-fix .img-fix {
	margin-bottom: 22px;
	position: relative;
}
#top-fix .img-fix:before {
	position: absolute;
	content: "";
	display: block;
	width: 106px;
	height: 106px;
	background: url(/wp-content/uploads/side_contact_icon.png) no-repeat center center/contain;
	left: -35px;
	top: -51px;
}
#top-fix .btn-f.tel-fix {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 1px;
	max-width: 330px;
}
#top-fix .btn-fix img {
	width: auto;
}
#top-btn-fix .side_contact_icon,#top-btn-fix .side_contact_btn {
	/* float: right; */
	vertical-align: middle;
	display: inline-block;
}
#top-btn-fix .side_contact_btn {
	margin-right: -55px;
	-moz-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	transition-duration: 0.7s;
}
#top-fix:hover .side_contact_btn {
	margin-right: -100px;
}
#top-fix:hover #wrap-bar {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
	pointer-events: auto;
	    opacity: 1;
}
#top-fix:hover #wrap-bar .wrap-bar_inner{
	opacity: 1;
}
#top-fix #wrap-bar .wrap-bar_inner{
	opacity: 0;
		-webkit-transition: 1s all;
	-moz-transition:  1s all;
	-ms-transition: 1s all;
	-o-transition:  1s all;
	transition:1s all;
	background: #FFFFFF;
	border-radius: 10px;
}
#top-fix .wrap-bar{
	-webkit-transition: 0.4s all;
	-moz-transition:  0.4s all;
	-ms-transition: 0.4s all;
	-o-transition:  0.4s all;
	transition:  0.4s all;
	-webkit-transform: translateX(120%);
	-moz-transform: translateX(120%);
	-ms-transform: translateX(120%);
	-o-transform: translateX(120%);
	transform: translateX(120%);
	-webkit-transform: translate(120%,120%);
	-moz-transform: translate(120%,120%);
	-ms-transform: translate(120%,120%);
	-o-transform: translate(120%,120%);
	transform: translate(120%,120%);
	
	position: absolute;
	bottom: 0;
	right: 0;
	width: 381px;
	text-align: center;
	border-radius: 10px;
	pointer-events: none;
	opacity: 0;
}

#top-fix .wrap-bar .last{
	font-size: 13px;
	padding-bottom: 10px;
	padding-top: 5px;
	text-align: left;
	padding-left: 22px;
}


#top-fix .wrap-bar .btn-x{
	position: absolute;
	width: 50px;
	height: 50px;
	left: -50px;
	top: 0;
	cursor: pointer;
}

#top-fix .wrap-bar .btn-x img{
	width: 50px;
	height: 50px;
}

table.timetable.top {
	margin: 32px auto 11px!important;
	position: relative;
	width: 90%;
	max-width: 330px;
}

table.timetable.top:before{
	content:"";
	top: -14px;
	left:0;
	position:absolute;
	background: #D1CCB9;
	width: 100%;
	height: 1px;
}

table.timetable.top:after{
	content:"";
	bottom: -10px;
	left:0;
	position:absolute;
	background: #D1CCB9;
	width: 100%;
	height: 1px;
}

.timetable.top thead th:first-child{
	font-size: 13px;
	width: 35%;
}

.timetable.top thead th,
.timetable.top tbody tr:first-child th, .timetable.top tbody tr:first-child td{
	padding: 2px 0;
}

.timetable.top th, .timetable.top td{
	padding: 2px 0;
	font-size: 13px;
}

.timetable.top thead th:last-child{
	width: 17%;
}

.timetable.top tbody tr{
	border-top: none;
	border-bottom: none;
	margin: 5px;
	height: 23px;
}

.wrap-bar .timetable.top tbody th {
	padding-left: 0 !important;
}
.wrap-bar .timetable.top tbody th, .wrap-bar .timetable.top tbody td {
	padding: 4px 0 3px !important;
}
.wrap-bar .timetable.top thead th:first-child {
	color: #299393;
	font-family: "ヒラギノ角ゴ W6 JIS2004","Hiragino Kaku Gothic W6 JIS2004" !important;
}
.wrap-bar .timetable tbody tr:first-child td, .wrap-bar .timetable tbody tr:first-child th {
	padding-top: 8px !important;
}
.wrap-bar .timetable tbody tr:last-child td, .wrap-bar .timetable tbody tr:last-child th {
	padding-bottom: 0px !important;
}
@media screen and (max-width: 1024px){
	.timetable.top thead th:last-child{
		width: 53px;
	}
}


.timetable.pages{
	margin-bottom: 5px !important;
}

.timetable.pages thead tr{
	background: #D1CCB9;
}
.timetable.pages tbody tr{
	border-top: none;
	border-bottom: none;
	margin: 0 10px;
}
.timetable.pages tbody tr th, .timetable.pages tbody tr td{
	padding: 12px 12px;
	color: #283838;
}
.timetable.pages th, .timetable.pages td{
	font-size: 20px;
}
.timetable.pages tbody tr th,
.timetable.pages th{
	font-size: 16px;
}

/* gnav */
#header .header_menu {
	width: 1140px;
	float: none;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}
#header .header_menu .g_nav {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: auto;
}
#header .header_menu .g_nav > li {
	vertical-align: top;
	position: relative;
	align-items: center;
	justify-content: center;
	font-family: 'Sawarabi';
	font-weight: 700;
	font-style: normal;
	padding: 0 18px;
}



#header .header_menu .g_nav > li > a,
#header .header_menu .g_nav > li > span {
	display: flex;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2;
	cursor: pointer;
	font-size: 18px;
	letter-spacing: 0.25em;
	height: 96px;
	-moz-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	transition-duration: 0.7s;
	position: relative;
	color: #299393;
}
#header .header_menu .g_nav > li:nth-child(4) > a,
#header .header_menu .g_nav > li:nth-child(4) > span {
	/* width:170px; */
}
#header .header_menu .g_nav > li > a:hover,
#header .header_menu .g_nav > li dl li:hover,
#header .header_menu .g_nav > li > span:hover {
	/* background: #d4e3924d; */
	opacity: 0.7;
}

#header .header_menu .g_nav > li dl li:hover{
	background: #AEE2E2;
}


#header .header_menu .g_nav > li > a:before,
#header .header_menu .g_nav > li > span:before {
	/* content:"|"; */
	content:none;
	height: 20px;
	top:50%;
	left:0;
	bottom:0;
	position:absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#header .header_menu .g_nav > li.tel{
	background: #F0952A;
	padding-left: 9px;
	font-style: normal;
	font-weight: 400;
}
#header .header_menu .g_nav > li.tel sub{
	color: #FFF;
	font-size: 22px;
}
#header .header_menu .g_nav > li.tel > a:before, 
#header .header_menu .g_nav > li.tel > span:before{
	content: none;
}
#header .header_menu .g_nav > li a span,
#header .header_menu .g_nav > li span span {
	/* padding-top: 22px; */
}

#header .header_menu .g_nav > li > a > span,
#header .header_menu .g_nav > li > span > span {
	display: block;
	margin: 0 22px 0 33px;
	vertical-align: top;
}
#header .header_menu .g_nav > li > a > span,
#header .header_menu .g_nav > li > span > span {
	margin: 0 20px 0 20px;
}

#header .header_menu .g_nav > li.tel > a > span, 
#header .header_menu .g_nav > li.tel > span > span{
	margin: 0 12px;
}
#header .header_menu .g_nav > li > a sub,
#header .header_menu .g_nav > li > span sub {
	font-size: 10px;
	color: #299393;
	line-height: 1.7;
	display: block;
	letter-spacing: 0.05em;
	vertical-align: top;
	font-weight: normal;
}



#header .header_menu .g_nav li .icon-home{
	width: 18px;
	height: 18px;
	vertical-align: top;
}


body.home #top-box{
	display: block;
}

#top-box{
	width: 30%;
	height: 28vw;
	position: absolute;
	z-index: 2;
	top:16%;
	right: 35%;
	background: url(/wp-content/uploads/catch_txt.png) no-repeat center center / 100% auto;
}


@media screen and (max-width: 767px) {
	#header .header_menu .g_nav li .icon-home{
		vertical-align: middle;
		position: relative;
		top: -4px;
		padding-right: 13px;
	}
}



#header .header_menu .g_nav > li > span:hover + dl,
#header .header_menu .g_nav > li > span ul:hover,
#header .header_menu .g_nav li dl:hover {
	pointer-events: auto;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}
#header .header_menu .g_nav > li > span:hover {
	position: relative;
}
#header .header_menu .g_nav > li dl {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: auto;
	left: 50%;
	display: block;
	width: 200px;
	margin-left: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #D6F0F0;
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	z-index: 99;
	text-align: left;
	margin-left: -100px;
}
#header .header_menu .g_nav > li dl:before {
	content: "";
	width: 18px;
	height: 16px;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -9px;
}
#header .header_menu .g_nav > li dl dt {
	display: none;
}
#header .header_menu .g_nav > li dl ul {
	max-width: 1080px;
	margin: 0 auto;
}
#header .header_menu .g_nav > li dl li {
	display: block;
	line-height: 1.3;
	position: relative;
	font-size: 15px;
	border-bottom: 1px solid #AEE2E2;
}
#header .header_menu .g_nav > li dl li:before {
	color: #299393;
	font-size: 10px;
	margin-right: 8px;
	position: absolute;
	top: 17px;
	left: 12px;
}
#header .header_menu .g_nav > li dl li:last-child {
	margin-right: 0;
}
#header .header_menu .g_nav > li dl li a {
	color: #000;
	vertical-align: top;
	display: block;
	padding: 14px 0 14px 32px;
	font-family: "ヒラギノ角ゴ W3 JIS2004","Hiragino Kaku Gothic W3 JIS2004";
}
#header .header_menu .g_nav > li dl a:hover {
	opacity: 0.8;
}
#header .header_menu .g_nav > li dl:hover {
	pointer-events: auto;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}
#header .header_menu .g_nav sub.top-sub{
	color: #283838 !important;
	font-size: 17px;
	font-weight: 500;
}

@media screen and (min-width: 768px) {
	#header .header_menu .g_nav > li dl {
		pointer-events: none;
	}
	#header .header_menu .g_nav > li > a:hover:after,
	#header .header_menu .g_nav > li > span:hover:after,
	#header .header_menu .g_nav > li.hover > a:after,
	#header .header_menu .g_nav > li.hover > span:after {
		display: block;
		content: "";
		width: 100%;
		height: 3px;
		background: #299393;
		position: absolute;
		left: 0;
		bottom: 0;
		text-decoration: none;
	}
	#header .header_menu .g_nav > li.last > a:hover:after,
	#header .header_menu .g_nav > li.last > span:hover:after,
	#header .header_menu .g_nav > li.last.hover > a:after,
	#header .header_menu .g_nav > li.last.hover > span:after{
		content: none;
	}
}

@media screen and (max-width: 992px) and (min-width: 768px) {
	#header .header_menu .g_nav > li > a, #header .header_menu .g_nav > li > span {
		font-size: 15px;
		letter-spacing: 0.02em;
		width: auto;
	}
	#header .header_menu .g_nav > li > a > span, 
	#header .header_menu .g_nav > li > span > span {
		display: block;
		margin: 0 10px 0 18px;
		vertical-align: top;
	}
	#header .header_menu .g_nav > li:nth-child(4) > a,
	#header .header_menu .g_nav > li:nth-child(4) > span {
		/* width:150px; */
	}
	#header .header_menu .g_nav > li:first-child a:before {
		/* top: 16px; */
	}
	#header .header_menu .g_nav > li > a sub, #header .header_menu .g_nav > li > span sub {
		letter-spacing: 0.02em;
		font-size: 13px;
	}
	#header .header_menu .g_nav > li:first-child a span {
		/* padding-top: 16px; */
	}

}



@media screen and (max-width: 1000px){
	#header .header_menu .g_nav > li > a sub, 
	#header .header_menu .g_nav > li > span sub{
		font-size: 10px;
	}
	#header .header_menu .g_nav sub.top-sub{
		font-size: 14px;
	}
}


@media screen and (max-width: 767px) {
	#header {
		position: absolute;
		top: 0 !important;
		border-top: 0;

	}


	#header .header_menu .g_nav > li:nth-child(5) > a:after,
	#header .header_menu .g_nav > li:nth-child(5) > span:after{
		content: "";
		-moz-transform: rotate(-45deg) translateY(0) !important;
		-ms-transform: rotate(-45deg) translateY(0) !important;
		-webkit-transform: rotate(-45deg) translateY(0) !important;
		transform: rotate(-45deg) translateY(0) !important;
		right: 20px;
		width: 16px;
		height: 16px;
	}


	#header h1 img {
		width: 100%;
		max-width: 100%;
	}
	#header h1 a:hover {
		text-decoration: none;
	}

	#header .toggleMenu {
		background: #299393;
		display: block;
		    overflow: hidden;
	}
	.toggleMenu {
		width: 38px;
		background: none;
		text-align: left;
		color: #fff;
		cursor: pointer;
		/* margin: 4% 4% 0 0; */
	}

	#header .toggleMenu.sp.active + .g_nav{
		display: block !important;
	}
	#header .toggleMenu.sp.active + .header_menu.pc{
		display: block !important;
	}
	#header .toggleMenu.sp.active + .header_menu .wrap-bar.mobi{
		opacity: 1;
		margin-bottom:100px;
	}
	.header_menu .wrap-bar.mobi .img-fix {
		color: #283838;
		font-size: 18px;
		font-family: 'Sawarabi';
		margin-bottom: 20px;
		line-height: 1.4;
		border-top: 1px solid #D1CCB9;
		padding-top: 25px;
	}
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: absolute;
		width: 30px;
		height: 24px;
		margin: 0;
		padding-top: 24px;
		font-size: 11px;
		text-align: center;
		color: #fff;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.menu-trigger:after {
		content: "MENU";
		display: block;
		line-height: 1;
		font-size: 9px;
		letter-spacing: 0.15em;
		font-weight: bold;
		margin-top: 30px;
		color: #FFB540;
		margin-left: 0px;
		display: none;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #fff;
		border-radius: 190px;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0px;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 10px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 1px;
	}
	.toggleMenu.active .menu-trigger span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
	}
	.toggleMenu.active .menu-trigger span:nth-of-type(2) {
		opacity: 0;
	}
	.toggleMenu.active .menu-trigger span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-10px) rotate(45deg);
	}
	#header .g_nav {
		display: none;
	}
	#header .header_menu {
		float: none;
		clear: both;
		margin-right: 0;
		position:fixed;
		width: 100%;
		top:49px;
		left: 0;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		background: #fff;

		height: 100%;

		-ms-overflow-y: auto;
		overflow-y: auto;
	}
	#header .header_menu .g_nav {
		display: none;
		text-align: center;
		background: #fff;
		padding: 10px 0px 20px;
		width: 100%;
	}
	#header .header_menu .g_nav > li {
		position: relative;
		border-left: none;
		width: 90%;
		background: #fff;
		margin: auto;
		padding: 0;
	}
	#header .header_menu .g_nav > li > a,
	#header .header_menu .g_nav > li > span {
		width: 100% !important;
		padding: 6px 43px 6px 0px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		text-align: left;
		height: auto;
		color: #fff;
		font-size: 17px;
		letter-spacing: 0.15em;
	}
	#header .header_menu .g_nav > li > a span,
	#header .header_menu .g_nav > li > span span {
		margin: 0;
	}
	#header .header_menu .g_nav > li a sub,
	#header .header_menu .g_nav > li span sub {
		font-size: 15px;
		padding-left: 0px;
		padding-top: 0;
		display: inline-block;
		margin: 0;
		color: #000;
	}
	#header .header_menu .g_nav sub.top-sub{
		font-size: 16px;
	}
	#header .header_menu .g_nav > li a span,
	#header .header_menu .g_nav > li span span {
		padding-top: 0;
	}

	#header .header_menu .g_nav > li > a:hover,
	#header .header_menu .g_nav > li > span:hover {
		opacity: .8;
	}
	#header .header_menu .g_nav > li > span:after {
		content: "";
		position: absolute;
		top: 60%;
		right: 20px;
		width: 10px;
		height: 10px;
		border-bottom: 2px solid #299393;
		border-left: 2px solid #299393;
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-moz-transition-duration: 0.2s;
		-o-transition-duration: 0.2s;
		-webkit-transition-duration: 0.2s;
		transition-duration: 0.2s;
		margin-top: -14px;
	}
	#header .header_menu .g_nav > li.hover > span:after {
		-moz-transform: rotate(135deg) translateY(0) !important;
		-ms-transform: rotate(135deg) translateY(0) !important;
		-webkit-transform: rotate(135deg) translateY(0) !important;
		transform: rotate(135deg) translateY(0) !important;
		margin-top: -6px;
	}
	#header .header_menu .g_nav > li dl {
		position: relative;
		top: 0;
		left: 0;
		background: none;
		padding: 0;
		width: auto;
		margin-left: 0;
	}
	#header .header_menu .g_nav > li dl:before {
		display: none;
	}
	#header .header_menu .g_nav > li dl li:before {
		color: #299393;
		z-index: 2;
		content: "";
		position: absolute;
		top: 12px;
		left: 30px;
		width: 5px;
		height: 5px;
		border-bottom: 2px solid #299393;
		border-right: 2px solid #299393;
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-moz-transition-duration: 0.2s;
		-o-transition-duration: 0.2s;
		-webkit-transition-duration: 0.2s;
		transition-duration: 0.2s;
	}
	#header .header_menu .g_nav > li dl li {
		padding-left: 0;
		border-bottom: 0;
	}
	#header .header_menu .g_nav > li dt {
		display: none;
	}
	#header .header_menu .g_nav > li ul {
		position: inherit;
		display: none;
		top: 0;
		padding: 0;
	}
	#header .header_menu .g_nav > li.hover ul {
		padding: 20px 0;
		background: #d6f0f0;
		margin-bottom: 10px;
	}
	#header .header_menu .g_nav > li ul li {
		display: block;
		margin-right: 0;
		font-size: 14px;
	}
	#header .header_menu .g_nav > li ul li a {
		position: relative;
		display: block;
		padding: 8px 20px 8px 50px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		text-align: left;
		background: #D6F0F0;
		color: #283838;
	}
	#header .header_menu .g_nav > li ul li a:hover {
		text-decoration: none;
	}
	#header .header_menu .g_nav > li.hover ul {
		display: block;
		filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
	}

	/*スマホ時サブメニューが消える現象を回避*/
	#header .header_menu .g_nav > li > span {
		position: relative;
	}
	#header .header_menu .g_nav > li.hover > span + dl,  #header .header_menu .g_nav > li > span:hover + dl {
		pointer-events: auto;
		opacity: 1;
	}
}

/*--------------------------------------
SIDE
--------------------------------------*/
#sidebar {
	display: none;
}


/*--------------------------------------
CONTENT BOTTOM
--------------------------------------*/
.contact_section {
	padding: 99px 0 88px;
	background: url("img/contactbg.jpg") no-repeat center center;
	background-size: cover;
}
.contact_section .txt {
	font-size: 15px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 2.14;
	margin-top: 30px;
}
.contact_left {
	float: left;
	width: 52%;
}
.contact_right {
	float: right;
	width: 39%;
	border-radius: 20px;
	box-sizing: border-box;
	background: #f0b8bc;
	padding: 13px;
	box-shadow: 0px 0px 50px 0px rgba(182, 161, 179, 0.2);
}
.contact_box {
	background: #fff;
	border-radius: 18px;
	padding: 32px 35px 30px;
}
.contact_list {
	max-width: 286px;
	margin: 21px auto 0;
}
ul.contact_list li:first-child {
	margin-bottom: 2px;
}
@media screen and (max-width: 1060px) and (min-width: 1001px) { 
	.contact_box {
		padding: 30px 20px;
	}
}
@media screen and (max-width: 1000px) and (min-width: 768px) { 
	.contact_box {
		padding: 30px 15px;
	}
	.contact_right {
		width: 44%;
	}
}
@media screen and (max-width: 767px) { 
	.contact_section {
		background: url("img/contactbg_sp.jpg") no-repeat center center;
		background-size: cover;
		padding: 60px 0;
	}
	.contact_section .contact_list {
		margin: 0 auto;
		max-width: none;
	}
	.contact_left {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	.contact_right {
		float: none;
		width: 100%;
		max-width: none;
		margin: 0 auto;
	}
}
@media screen and (max-width: 480px) { 
	.contact_box {
		padding: 32px 15px 30px;
	}
}

/*--------------------------------------
FOOTER
--------------------------------------*/
#footer {
	background-size: cover;
	padding: 0;
	position: relative;
	z-index: 66;
	background: #f0edec;
}

#footer .logo{
	padding-bottom: 20px;
	width: 263px;
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	line-height: 27px;
}
#footer .logo a{
	color: #727272;
}
#footer .logo span{
	font-size: 16px;
	color: #C3DFFF;
}


.fooger_logo a:hover, .fooger_logo img:hover {
	opacity: 1;
}
.fooger_logo {
	padding-bottom: 36px;
	display: inline-block;
	margin-bottom: 35px;
}

#footer .navi{
	display: inline-block;
	position: relative;
	width: 450px;
}
#footer .navi li{
	display: inline-block;
}
#footer .navi li a{
	position: relative;
	color: #727272;
	margin-left: 16px;
	margin-right: 20px;
	font-size: 13px;
	line-height: 1.2;
}
#footer .navi li a:before{
	content:"";
	top: 0.2vw;
	left: -15px;
	position:absolute;
	background: url('img/arr-blue.png') no-repeat center center;
	width: 8px;
	height: 12px;
}

#footer .tab-link .ftimg{
	display: inline-block;
}

#footer .footer_navi .navi_tit {
	font-family: "新ゴ R", "Shin Go Regular";
	font-size: 18px;
	color: #6e635b;
	line-height: 1;
	letter-spacing: 0.3em;
	padding-bottom: 14px;
	margin-bottom: 12px;
	position: relative;
	border-bottom: 1px solid #d9d5ce;
	padding-top: 5px;
}
#footer .footer_navi .navi_list {
	float: left;
	width: 23%;
	margin-left: 4%;
}
#footer .footer_navi .navi_list:first-child {
	margin: 0;
	width: 45%;
}
#footer .footer_navi .navi_list:last-child {
	width: 24%;
	margin-left: 4%;
	float: right;
}
#footer .footer_navi .navi_list:first-child {
	margin: 0;
}
#footer .footer_navi .navi_list li {
	position: relative;
	margin-top: 0px;
	font-size: 12px;
	line-height: 2.5;
	letter-spacing: 0.1em;
	padding-left: 13px;
}
#footer .footer_navi .navi_list li:first-child {
	margin: 0;
}
#footer .footer_navi .navi_list li:before {
	margin-right: 5px;
	position: absolute;
	content: "";
	left: 0;
	top: 12px;
	display: block;
	border-left: 5px solid #BC0041;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
}
#footer .footer_navi .navi_list li a {
	vertical-align: top;
	color: #6d5b6e;
	font-size: 12px;
}
#footer .footer_navi .navi_list li a:hover {
	color: #BC0041;
}
#footer .footer_navi .access_box {
	font-size: 13px;
	line-height: 1.9;
}
#footer .footer_navi .access_box p {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 2.25;
	color: #6e635b;
	letter-spacing: 0.05em;
}
#footer .footer_navi .access_box p a {
	text-decoration: underline;
	color: #6e635b;
}
#footer .footer_navi .access_box p a:hover {
	text-decoration: none;
}
#footer .footer_navi .access_box dl dt {
	font-weight: bold;
}
#footer .copyright {
	font-size: 11px;
	color: #BCBCBC;
	line-height: 1.8;
	margin-top: 99px;
}


#footer address{
	font-size: 11px;
	position: relative;
}
#footer .site-map-link{
	font-size: 11px;
	margin-bottom: 0;
	margin-top: 10px;
}

#footer .footer_navi{
	padding-top: 20px;
}


#wpfront-scroll-top-container:hover img {
	opacity: 0.8 !important;
}
.sitemap_box {
	background: #b2a59b;
	padding: 16px 0 14px;
	margin-top: 86px;
}
.sitemap_box li {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important;
	float: left;
	font-size: 10px;
	color: #fff;
	letter-spacing: 0.06em;
}
.sitemap_box li:last-child {
	float: right;
}
.sitemap_box li a {
	color: #fff;
}
.sitemap_box li a:hover {
	text-decoration: underline !important;
}

#footer .navi ul li{
	vertical-align: top;
}

@media screen and (max-width:1280px){
	#header h1 {
	}
	#header .header_menu .g_nav > li > a > span, 
	#header .header_menu .g_nav > li > span > span {
		display: block;
		vertical-align: top;
		margin: auto;
	}
	#header .header_menu .g_nav > li:nth-child(5) > a > span, 
	#header .header_menu .g_nav > li:nth-child(5) > span > span {
		/* margin: 0 16px 0 16px; */
	}
	#header .header_menu .g_nav > li.tel sub {
		color: #FFF;
		font-size: 17px;
	}
	#footer .tab-link{
		width: 260px;
		right: 10px;
	}
	#footer .navi{
	}
}


@media screen and (max-width:868px){
	#header h1 {
		font-size: 24px;
	}
	#header h1 span{
		font-size: 10px;
	}
}


@media screen and (max-width: 768px) {
	.fooger_logo{
		padding-bottom: 0;
		margin-bottom: 16px;
	}
	#footer .footer_navi .navi_list:first-child{
		float: none;
	}
	#footer .tab-link{
		width: 50%;
		text-align: center;
		right: 0;
		position: absolute;
	}
	#footer .navi{
		float: none;
		display: inline-block;
		margin-left: 14px;
	}

	#footer .navi ul li{
		float: left; 
		width: 27%; 
	}
	#footer address{
		position: relative;
	}



	#footer .fixed_box {
		position: fixed;
		right: 0;
		width: 100%;
		z-index: 999;
		-moz-transition-duration: 0.7s;
		-o-transition-duration: 0.7s;
		-webkit-transition-duration: 0.7s;
		transition-duration: 0.7s;
		padding: 0 20px 20px;
		box-sizing: border-box;
		font-size: 0;
		letter-spacing: 0;
		line-height: 0;
	}
	#footer .fixed_box li {
		float: left;
		width: 50%;
		margin-right: 0;
	}


	#footer .fixed_box li img {
		width: 100%;
	}
}
@media screen and (min-width: 768px){
	.pagetop {
		position: fixed;
		right: 50px;
		bottom: 158px;
		width: 55px;
		z-index: 200;
	}
}
@media screen and (max-width: 767px) {
	#header h1{

	}
	#header h1 span{
		font-size: 12px;
	}



	#footer .logo{
		padding-bottom: 20px;
		width: auto;
		font-size: 32px;
		font-weight: 600;
		text-align: center;
		line-height: 27px;
	}
	#footer .logo a{
		color: #727272;
	}
	#footer .logo span{
		font-size: 16px;
		color: #C3DFFF;
	}


	#footer .footer_navi .navi_list {
		float: none;
		width: 100% !important;
		margin-top: 40px;
		margin-left: 0 !important;
	}
	#footer .copyright {
		margin-top: 50px;
	}


	.sitemap_box {
		padding: 30px 0 20%;
	}
	.sitemap_box li:last-child {
		padding-right: 0;
	}
	.sitemap_box li {
		float: none !important;
	}


	.fooger_logo{
		padding-bottom: 0;
		margin-bottom: 15px;
	}

	#footer .tab-link{
		position: relative;
		top: auto;
		right: auto;
		text-align: center;
		width: 100%;
		text-align: left;
	}
	#footer .tab-link .ft-img-2{
		width: 41%;
	}

	#footer .tab-link .ft-img-1{
		width: 55%;
	}

	#footer .navi{
		display: block;
		margin: auto;
		float: none;
		/* padding-left: 5%; */
		width: auto;
	}

	#footer .navi ul li{
		display: inline-block;
		margin-right: 26px;
		font-size: 11px;
		float: none;
		width: 107px;
		margin-right: 0;
		text-align: left;
	}
	#footer .navi li a:before{
		top: 0.7vw;
	}

	#footer address{
		padding: 0 0 56px;
		margin-top: 0;
		position: relative;
		bottom: auto;
		left: auto;
	}

}


@media screen and (max-width: 768px){
	.elementor-column.elementor-col-33, .elementor-column[data-col="33"]{
		width: 32% !important;
	}
	.elementor .col-mid{
		margin: 0 2% !important;
	}
}

@media screen and (max-width: 767px){
	/* logo */
	#header h1 {
	}
	.toggleMenu {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 9;
		width: 50px;
		height: 50px;
		background: none;
		text-align: left;
		color: #fff;
		cursor: pointer;
		/* margin: 3% 4% 0 0; */
	}
	.elementor-column.elementor-col-33, .elementor-column[data-col="33"]{
		width: 100% !important;
	}
	.elementor .col-mid{
		margin: 0 !important;
	}
}


@media screen and (max-width: 480px) {
	#footer .footer_navi .access_box p {
		letter-spacing: 0;
	}
	.sitemap_box {
		padding: 30px 0 23%;
	}
}




@media screen and (max-width: 340px){
	#footer .navi {
		text-align: center;
	}	
	#mainimage .text{
		width: 90px;
		height: 90px;
	}
	#mainimage .text-ins{
		font-size: 12px;
	}

	#sec7 .title:before {
		top: -12vw;
	}

}

.before-after .elementor-top-column:first-child .elementor-widget-image:after {
	content: "";
	border-left: 15px solid #B49531;
	border-bottom: 20px solid transparent;
	border-top: 20px solid transparent;
	position: absolute;
	bottom: 50%;
	right: -7px;
	margin-bottom: -20px;
	display: block;
}
.before-after .elementor-top-column h5 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #B49531;
}
.flow_list {
	padding-bottom: 35px !important;
}
.flow_list:after {
	content: "";
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 15px solid #B49531;
	border-bottom: 0 solid transparent;
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-right: -20px;
}
.flow_list.none_after:after {
	display: none;
}
@media screen and (max-width: 767px){
	.before-after .elementor-top-column:first-child .elementor-widget-image:after {
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 15px solid #B49531;
		border-bottom: 0 solid transparent;
		position: absolute;
		bottom: -7px;
		right: 50%;
		margin-right: -20px;
	}
	.before-after .elementor-top-column + .elementor-top-column {
		margin-top: 35px !important;
	}
}

/* INDEXPAGE */
.btn a {
	background: url(/wp-content/uploads/btn_bg01.jpg)  no-repeat center center/cover;
	display: block;
	color: #fff;
	font-family: 'Sawarabi';
	padding: 29px 5px 30px 37px;
	letter-spacing: 0.2em;
}

.btn a span {
	display: inline-block;
	padding-right: 13px;
	position: relative;
	font-size: 22px;
}

.btn a .btn_txt:before {
	color: #fff;
	z-index: 2;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 5px;
	height: 5px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	margin-top: -12px;
}

.btn a .btn_txt .s_txt {
	color: #D6F0F0;
	font-size: 12px;
	display: block;
	line-height: 1.7;
}
.btn a:hover {
	opacity: 0.8;
}
.wrap-index{
	position: relative;
	z-index: 6;
}
.sec{
	position: relative;
	z-index: 6;
	width: 95%;
	margin: 6.8vw auto 0;
	max-width: 1080px;
}

.sec .wrap-side{
	position: relative;
	min-height: 940px;
	box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	background: #fff;
}

.sec .txt{
	padding: 33px 0 0;
}

.sec .img{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(/wp-content/uploads/top_img01.jpg) no-repeat center center / cover;
}


.beside{
	position: relative;
	width: 40%;
	padding-top: 4.3%;
	padding-left: 9%;
}


.ttl-f{
	color: #FFF;
	text-align: center;
	font-size: 30px;
	padding: 20px 0;
	background: #299393;
	font-family: 'Sawarabi';
	opacity: 0.85;
	letter-spacing: 0.15em;
}

.ttl-f br{
	display: none;
}

.ttl-sec{
	line-height: 2.5;
	font-size: 24px;
	color: #283838;
}


.ttl-sec span{
	padding-bottom: 4px;
	padding-right: 10px;
	border-bottom: 4px solid #AEE2E2;
	font-family: 'Sawarabi';
	color: #283838;
}

#sec1 {
	margin-top: 0;
}
#sec1 .circle_list {
	margin-bottom: 36px;
}
#sec1 .circle_list li {
	color: #283838;
	font-size: 15px;
	font-family: "ヒラギノ角ゴ W6 JIS2004","Hiragino Kaku Gothic W6 JIS2004";
	padding: 2px 0 2px 28px;
}
#sec1 .circle_list li:before {
	background: #299393;
	height: 14px;
	width: 14px;
}

@media screen and (max-width: 1366px){
	.beside{
		position: relative;
		width: 43.5%;
		padding-left: 7%;
	}

	.sec .img{
		width: 50%;
	}

	.ttl-sec{
		font-size: 20px;
	}
}



@media screen and (max-width: 800px){
	.sec .wrap-side{
		padding-bottom: 20px;
	}
}


@media screen and (max-width: 767px){
	.sec{
		width: 98%;
		margin: 21vw auto 0;
	}
	.sec .wrap-side{
		min-height: auto;
		padding-bottom: 0;
	}
	.sec .wrap-side .img_box.sp {
		margin-top: 50px;
	}
	.sec .img.pc{
		display: none;
	}

	.sec .imgs.sp{
		display: block !important;
		padding-top: 20px;
	}


	.beside{
		width: 90%;
		padding-left: 0;
		margin: auto;
		padding-left: 0;
	}
	#sec1 {
		margin-top: 21vw;
	}
}

@media screen and (max-width: 767px){
	#header{
		height: 50px;
	} 

	#header .logo-fake{
		width: 100%;
		z-index: 7;
		top: 16%;
		font-size: 25px;
		padding-left: 18px;
		text-align: left;
		transform: translateX(0);
		position: static;
		box-sizing: border-box;
	}
	#top-box{
		width: 100%;
		background: url(/wp-content/uploads/catch_txt_sp.png) no-repeat center top / 100% auto;
		right: auto;
		top: auto;
		height: 40vh;
		bottom: 0;
	}

	#top-box .sp{
		display: none !important;
	}
	#top-box:before{
		right: 30px;
	}

	#top-box .ttl-top{
		font-size: 32px;
		padding-top: 30px;
		padding-left: 47px;
	}
	#top-box .txt-top{
		font-size: 15px;
		padding-left: 47px;
	}

	#slide1 .slide01 {
		background: url('/wp-content/uploads/slide01_sp.jpg') no-repeat top center / cover;
	}
	#slide1 .slide02 {
		background: url('/wp-content/uploads/slide02_sp.jpg') no-repeat bottom right / cover
	}



	.ttl-f{
		font-size: 22px;
		padding: 20px 15px;
	}

	.ttl-f br{
		display: block;
	}
	.ttl-sec{
		font-size: 20px;
		text-align: center;
	}


	.mobi{
		width: 90%;
		margin: 0vw auto 9vw;
		background: #fff;
		padding-bottom: 3vw;
		opacity: 0;
		-webkit-transition: 0.4s all;
		-moz-transition: 0.4s all;
		-ms-transition: 0.4s all;
		-o-transition: 0.4s all;
		transition: 0.4s all;
	}
	.mobi .timetable.top{
		clear: both;
		margin-top: 12vw !important;
		width: 100%;
		max-width: 100%;
	}
}
.mobi .tel-fix {
	margin-bottom: 5px;
}
.mobi .last{
	font-size: 12px;
	padding-top: 1vw;
	text-align: left;
}
}


@media screen and (max-width: 380px){

	.ttl-f{
		font-size: 22px;
		padding: 20px 15px;
	}
}


#sec2.sec .img{
	right: auto;
	left:0;
	background: url(/wp-content/uploads/top_img02.jpg) no-repeat center center / cover;
}
#sec2 .beside .top_menu_item {
	position: relative;
}
#sec2 .beside .top_menu_item a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#sec2 .beside .top_menu_item a:hover {
	background: #fff;
	opacity: 0.1;
}
#sec2 .beside{
	padding-left: 57%;
	padding-top: 4.6%;
	width: 95%;
}


#sec2 .beside dl{
	line-height: 1.4;
	border-bottom: 1px solid #AEE2E2;
	padding: 28px 0 24px;
}
#sec2 .beside dt{
	font-size: 24px;
}
#sec2 .beside dd{
	font-size: 12px;
	color: #299393;
	text-transform: uppercase;
}

#sec2 .beside .cont{
	position: relative;
}

#sec2 .beside a{
	display: block;
	border-bottom: 1px solid #AEE2E2;
}

#sec2 .beside a img{
	width:60% !important;
	padding: 28px 0;
}



@media screen and (max-width: 768px){
	#sec2 .wrap-side .beside{
		padding-left: 59%;
	}
}


@media screen and (max-width: 767px){
	#sec2 .beside dt{
		font-size: 20px;
	}

	#sec2 .beside .cont:before{
		width: 30px;
	}
	#sec2 .beside dl{
		padding: 28px 0;
	}

	#sec2 .wrap-side .beside{
		width: 80%;
		padding-left: 0;
	}

	#sec2 .beside a img{
		width:90% !important;
	}
	#sec2 .beside .top_menu_item {
		text-align: center;
	}
}




#sec3 .img{
	background: url(/wp-content/uploads/top_img03.jpg) no-repeat center center / cover;
}

#sec3 .wrap-side{
	min-height: 987px;
}
#sec3 .btn a {
	background: url(/wp-content/uploads/btn_bg02.jpg) no-repeat center center/cover;
}

#sec3 dt{
	font-size: 16px;
	line-height: 1.7;
}
#sec3 dd{
	font-size: 21px;
	line-height: 1.7;
}
#sec3 dd:last-child{
	color: #299393;
	font-size: 10px;
	line-height: 1.9;
}

#sec3 .btn{
	padding-top: 45px;
}






#sec4 .timetable{
	font-family: "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004";	
}

#sec4 thead tr{
	background: #D1CCB9;
}

#sec4 table.timetable.top{
	width: 100%;
}
#sec4 .timetable.top thead th:first-child{
	width: 38%;
}
#sec4 table.timetable.top:before
{
	content: none;
}


#sec4 table.timetable.top:after{
	bottom: -10px;
}
#sec4 .timetable.top thead th:first-child,
#sec4 .timetable.top th,#sec4 .timetable.top td{
	font-size: 15px;
	color: #283838;
	padding: 8px 2px 7px;
	letter-spacing: 0;
}
#sec4 .timetable.top thead th:first-child {
	padding: 8px 4px 7px 8px;
	width: 35%;
	font-family: "ヒラギノ角ゴ W3 JIS2004","Hiragino Kaku Gothic W3 JIS2004" !important;
}
#sec4 .timetable.top thead th:last-child {
	width: 18%;
}
#sec4 .timetable tbody th {
	padding-left: 0 !important;
}
.timetable tbody tr:first-child td, .timetable tbody tr:first-child th {
	padding-top: 19px !important;
}
#sec4 .timetable tbody tr:last-child td, #sec4 .timetable tbody tr:last-child th {
	padding-bottom: 13px;
}
#sec4 .spec span{
	font-weight: 600;
}

#sec4 .txt_dot{
	font-size: 15px;
}
#sec4.sec .wrap-side{
	min-height: 509px
}

#sec4.sec .wrap-side:first-child{
	position: relative;
	z-index: 5;
	-webkit-box-shadow: 1px 1px 1px #FFF;
	box-shadow: 1px 1px 1px #FFF;
}

#sec4 .gg-map{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	margin-bottom: 0;
}

#sec4 .gg-map iframe{
	width: 100%;
	height: 467px;
	margin-bottom: -10px;
}

#sec4 .link{
	background: #AEE2E2;
	margin-bottom: 0;
	line-height: 2;
	padding: 3px 18px 8px;
	font-weight: 600;
	font-family: "ヒラギノ角ゴ W6 JIS2004","Hiragino Kaku Gothic W6 JIS2004";
}
#sec4 .link a{
	color: #299393;
	text-decoration: underline;
}
#sec4 .link a:hover {
	opacity: 0.8;
}
#sec4 .txt{
	width: 70%;
}


#sec4 .cal{
	position: absolute;
	top: 8%;
	right: 5%;
	width: 45%;
}
#sec4 .cal iframe{
	width: 100%;
	height: 428px;
}

#sec4 .column2_table.idx tbody tr:first-child th{
	border-top: 0;

}
#sec4 .column2_table.idx tbody tr:first-child td{
	border-top: 0;
}
#sec4 .column2_table td {
	padding: 12px 5px 11px;
	border-bottom: 1px solid #B4BEBE;
	line-height: 2.1;
}
#sec4 table.column2_table {
	margin-bottom: 50px;
}
.column2_table.idx th{
	border-bottom: 1px solid #A0CCB6;
}


#sec4 table.timetable.top{
margin-bottom: 26px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    max-width: 100% !important;
}



@media screen and (max-width: 767px){

	#sec4 .gg-map{
		position: relative;
		width: 100%;
		top: auto;
		left: auto;
		padding-top: 40px;
	}

	#sec4 .txt{
		width: 100%;
	}

	#sec4 .cal{
		position: relative;
		width: 100%;
		top: auto;
		right: auto;
	}
	#sec4 .cal iframe{
		width: 100%;
	}

	#sec4 .cal{
		position: relative;
		top: auto;
		right: auto;
	}
}



#sec5-sub.sec{
	margin: auto;
	padding-bottom: 2.7vw;
	margin-bottom: 5vw;
	    background: #fff;
}

#sec5-sub.sec a{
	text-decoration: underline;
	color: #299393;
}
#sec5-sub.sec a:hover {
	opacity: 0.7;
}

@media screen and (max-width: 767px){
	#sec5-sub.sec{
		padding-bottom: 4vw;
		margin-bottom: 10vw;	
	}

	#sec4 .gg-map iframe{
		height: 40vh;
	}

	#sec4 .link{
		font-size: 12px;
	}
}

/* end~INDEXPAGE */




.shit p{
	display: none;
}

/* 診療のご案内 */
.under_menu_item {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.under_menu_item:nth-child(3n) {
	margin-right: auto;
}
.under_menu_item a {
	background: #299393;
	padding: 15px 26px 30px 26px;
	box-sizing: border-box;
	display: block;
	color: #fff;
	position: relative;
}
.under_menu_item a:hover {
	opacity: 0.7;
}
.under_menu_item a span {
	display: block;
}
.under_menu_item a:before {
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: solid;
	border-color: transparent;
	border-right-color: #fff;
	border-bottom-color: #fff;
	right: 6px;
	bottom: 6px;
}
.under_menu_item .tle {
	font-size: 24px;
	font-family: 'Sawarabi';
	position: relative;
	padding-bottom: 16px;
	margin-bottom: 15px;
}
.under_menu_item .tle .s_tle {
	font-size: 12px;
	line-height: 1;
	color: #D6F0F0;
	margin-top: -1px;
}
.under_menu_item .tle:before {
	position: absolute;
	content: "";
	display: block;
	width: 17px;
	height: 1px;
	background: #fff;
	left: 0;
	bottom: 0;
}

.under_menu_item .txt {
	font-size: 13px;
}
@media screen and (max-width: 767px){
	.height_auto {
		height: auto !important;
	}
	.under_menu_item .tle {
		font-size: 20px;
	}
	.under_menu_item {
		width: 100%;
		float: none;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 400px;
		margin-bottom:20px;
	}	
}