@charset "UTF-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color: #333;
	font-size: 100%;
	font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-weight:400;
	vertical-align: baseline;
	background: transparent;
	list-style-type:none;
}
#contents #main dl dd textarea {font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	box-sizing: border-box;
}
body {line-height: 1;}
ul, ol {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input, textarea,{
	margin: 0;
	padding: 0;
}
strong {font-weight:bold;}
input, button, textarea, select {font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
img {max-width: 100%;height: auto;}
.clear {clear: both;}
.alignleft {float:left;}
.alignright {float:right;}

/* clearfix */

.cf:after,
#main_inner:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.cf { display: inline-block; }
/* start commented backslash hack \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* close commented backslash hack */
{
height:1%;
}
.cf
{
display:block;
}

.scroll-fade {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}

.pc_non {display:none;}

/*--font--*/
h1,h2,h2 b,h3,h3 b,h4,h5,#contents .page_title {clear:both;line-height:1.5;font-weight:700;}
p,li,dt,dd,th,td {line-height:1.8;}
.contact_no,
.home_contact_telno,
.sidenav_tel_no {font-family:"Roboto","Noto Sans JP","メイリオ", sans-serif;}



/*== header ==*/
#page_header {
	min-width:1026px;
	height:100px;
	padding:0 30px;
}
#page_header.scroll-nav,
.gnavactive #page_header {height:70px;transition: height 0.3s ease;}
.header_inner {
	position:relative;
	padding-top:15px;
}
#page_header.scroll-nav .header_inner {padding-top:10px;}
.s_logo {
	position:absolute;
	top:10px;
	width:297px;
	height:50px;
}
#s-nav ul {
	display:flex;
	justify-content:flex-end;
	align-items: center;
}
#s-nav ul li {margin-left:15px;}
.h_youtube {width:92px;height:21px;}
.h_line,
.h_facebook,
.h_instagram {width:30px;height:30px;}
.gnavi {display:flex;justify-content:center;align-items: center;margin-top:10px;}
.gnavi li {margin:0 15px;}
.gnavi li:first-child {margin-left:0;}
.gnavi li:last-child {margin-right:0;}
.gnavi li a {color:#333;text-decoration:none;line-height:1;font-size:14px;}
.gnavi li.gnavi08 a {display:block;color:#fff;text-align:center;text-decoration:none;width:140px;padding:10px 0;background:#119a2c;border-radius:25px;}
.gnavi li.gnavi08 a::after {display:none;}
.h_contact {margin-left:40px;}
.h_contact a {display:block;color:#fff;text-align:center;text-decoration:none;line-height:50px;width:140px;height:50px;background:#119a2c;border-radius:25px;}

/* ==================
   スクロール時ヘッダーナビ
   ================== */

/* スクロール後の固定ヘッダー状態 */
#page_header.scroll-nav {
  position: fixed;
  top: -120px;              /* 最初は上に隠しておく */
  left: 0;
  width: 100%;
  min-width: 1086px;
  padding: 0 30px;          /* 元のヘッダーと同じパディング */
  background: #fff;
  z-index: 9999;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  transition: top .4s ease;
}
#page_header.scroll-nav .gnavi {min-width:1026px;justify-content:flex-end;}

/* スライドイン完了 */
#page_header.scroll-nav.is-show {
  top: 0;
}

/* ロゴ切り替え */
.logo-scroll {
  display: none;
}
#page_header.scroll-nav .logo-default {
  display: none;
}
#page_header.scroll-nav .h_logo {
	top:17px;
	width:188px;
	height:28px;
}
#page_header.scroll-nav .logo-scroll {
  display: block;

}

#page_header.scroll-nav .gnavi {margin-top:3px;}
#page_header.scroll-nav .gnavi02 {display:none;}
#page_header.scroll-nav #s-nav {
  display: none;
}


/*== sidenav ==*/
#sidenav {
	z-index:100;
	position:fixed;
	top:50%;
	margin-top:-110px;
	right:0;
	width:160px;
}
#sidenav .sidenav_midashi {
	color:#fff;
	font-size:15px;
	font-weight:700;
	line-height:1.4;
	text-align:center;
	height:60px;
	padding-top:10px;
	background:#15702D;
	border-radius:10px 0 0 0;
}
#sidenav .sidenav_mail {
	height:90px;
}
#sidenav .sidenav_mail a {
	display:block;
	text-decoration:none;
	height:90px;
	padding-top:5px;
	background:#EA8C00;
	box-sizing: border-box;
}
.sidenav_mail_text1 {
	position:relative;
	color:#fff;
	font-size:15px;
	font-weight:700;
	line-height:1.4;
	padding:5px 0 0 45px;
}
.sidenav_mail_text1::before {
	position:absolute;
	top:10px;
	left:7px;
	content:'';
	display:block;
	width:30px;
	height:30px;
	background:url(img/global/fix_mail_icon.svg) center center no-repeat;
	background-size:cover;
}
.sidenav_mail_text2 {
	font-size:11px;
	text-align:center;
	margin:5px 8px 0 8px;
	background:#fff;
	border-radius:10px;
}
.sidenav_tel {
	height:75px;
	padding-top:10px;
	background:#F9F5DD;
	border-radius:0 0 0 10px;
}
.sidenav_tel_no {
	font-size:18px;
	font-weight:700;
	line-height:1;
	text-align:center;
}
.sidenav_tel_read {
	font-size:12px;
	line-height:1.6;
	text-align:center;
}


/*== footer ==*/
footer {
	position:relative;
	min-width:1026px;
	padding:40px 0 45px 0;
}


/*-- ページトップ --*/
#top {
	position:fixed;
	z-index:1500;
	right:50px;
	bottom:30px;
}
#top a {
	position:relative;
	display:block;
	background:#fff;
	border:1px solid #1e913d;
	border-radius:50%;
	width:60px;
	height:60px;
}
#top a::before {
	position:absolute;
	top:50%;
	margin-top:-4px;
	right:50%;
	margin-right:-4px;
	content:'';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #1e913d;
  border-left: 2px solid #1e913d;
  transform: rotate(45deg);
}
.footer_inner {
	position:relative;
	display:flex;
	justify-content: flex-end;
	padding:0 30px;
}
.f_logo {left:30px;}
.fnavi {
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width:calc(100vw - 570px );
	margin-top:20px;
}
.fnavi li {margin-left:40px;}
.fnavi li a {color:#333;text-decoration:none;line-height:1;font-size:14px;}

.copy {color:#333;text-align:center;font-size:13px;margin-top:60px;}


/*== コンタクトエリア ==*/
#smile_contact {position:relative;padding-bottom:100px;}
#smile_contact::before {
	position:absolute;
	bottom:0;
	left:0;
	content:'';
	display:block;
	width:100%;
	height:400px;
	background:url(img/global/contact_back.webp) center center no-repeat;
	background-size:cover;
}
.contact_area_inner {
	position:relative;
	width:1026px;
	margin:0 auto;
	padding:40px 340px 40px 50px;
	background:#fff;
	border:1px solid #e6f3e9;
	border-radius:10px;
}
.contact_area_inner::before {
	position:absolute;
	right:0;
	bottom:0;
	content:'';
	display:block;
	width:358px;
	height:461px;
	background:url(img/global/contact_img.webp) right bottom no-repeat;
	background-size:contain;
}
.contact_read {
	font-size:20px;
	font-weight:700;
	text-align:center;
}
.contact_no {
	position:relative;
	font-size:80px;
	font-weight:700;
	padding-left:110px;
}
.contact_no::before {
	position:absolute;
	top:50%;
	margin-top:-28px;
	left:0;
	content:'';
	display:block;
	width:99px;
	height:57px;
	background:url(img/global/free_icon.svg) center center no-repeat;
	background-size:contain;
}
.contact_text {
	text-align:center;
	font-size:15px;
}
.contact_btn {
	display:flex;
	justify-content: center;
	margin-top:20px;
}
.contact_btn p {margin:0 10px;}
.contact_btn a {
	position:relative;
	display:block;
	font-size:20px;
	font-weight:700;
	text-align:center;
	text-decoration:none;
	line-height:50px;
	width:300px;
	height:50px;
}
.contact_btn a::before {
	position:absolute;
	top:50%;
	margin-top:-2px;
	right:18px;
	content:'';
  display: inline-block;
  width: 4px;
  height: 4px;
  transform: rotate(45deg);
}
.contact_youtube a {
	color:#ee1018;
	border:1px solid #ee1018;
	border-radius:5px;
}
.contact_youtube a::before  {
	border-top: 2px solid #ee1018;
  border-right: 2px solid #ee1018;
}
.contact_inquiry a {
	color:#fff;
	border:1px solid #1e913d;
	background:#1e913d;
	border-radius:5px;
}
.contact_inquiry a::before  {
	border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}


/*== パンくず ==*/
#contents .page_head {position:relative;padding-top:30px;}
#contents .page_head::before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:'';
	background:#148456;
	width:100%;
	height:200px;
}
#contents .pan {
	position:relative;
	width:1086px;
	margin:0 auto;
}
#contents .pan p,
#contents .pan span {color:#fff;font-size:13px;}
#contents .pan a {color:#fff;text-decoration:none;font-size:13px;}


/*== contents ==*/
#main_inner {
	position:relative;
	width:1106px;
	margin:20px auto 0 auto;
	padding:60px 70px 100px 70px;
	background:#fff;
	border-radius:10px;
}

/*-- 文字回り込み --*/
.alignleft,
.alignright {width:360px;}
.alignleft {padding:0 40px 40px 0;}
.alignright {padding:0 0 40px 40px;}

/*-- font --*/
#main_inner h1 {
	font-size:35px;
	text-align:center;
}
#main_inner h2 {
	color:#333;
	font-size:30px;
	margin:70px 0 40px 0;
	padding:15px 0;
	border-top:3px solid #148456;
	border-bottom:1px solid #c7c7c7;
}
#main_inner h3 {position:relative;margin-top:60px;}
#main_inner h3::before {
	position:absolute;
	top:50%;
	left:0;
	content:'';
	width:100%;
	height:1px;
	background:#c7c7c7;
}
#main_inner h3 b {
	position:relative;
	font-size:25px;
	padding-right:18px;
	background:#fff;
}
#main_inner h4 {
	font-size:20px;
	margin-top:50px;
	padding-left:10px;
	border-left:4px solid #148456;
}
#main_inner p {margin-top:30px;}
#main_inner ul,
#main_inner ol {padding-top:20px;}
#main_inner ul li {position:relative;margin-top:15px;padding-left:15px;}
#main_inner ul li::after {
	position:absolute;
	top:10px;
	left:0;
	content:'';
	display:block;
	width:6px;
	height:6px;
	background:#333;
	border-radius:50%;
}
#main_inner ol li {list-style:inside;list-style-type:decimal;margin-top:20px;}
#main_inner table {width:100%;margin-top:40px;}
#main_inner table th,
#main_inner table td {vertical-align:middle;padding:15px;border:1px solid #d8e2da;}
#main_inner table th p,
#contents #main_inner table td p {margin:0;}
#contents #main_inner table.recruit_table td ul {display:flex;flex-wrap: wrap;margin:0;padding:0;}
#contents #main_inner table th {background:#e6f3e9;}
#contents #main_inner table td {background:#fff;}
#main_inner a {color:#148456;}
p,li,dt,dd,th,td,span,div {font-size:15px;}
.tel_no {
	position:relative;
	font-size:55px;
	font-weight:700;
	padding-left:80px;
}
.tel_no::before {
	position:absolute;
	top:50%;
	margin-top:-20px;
	left:0;
	content:'';
	display:block;
	width:70px;
	height:40px;
	background:url(img/global/free_icon.svg) center center no-repeat;
	background-size:contain;
}


/*-- thumbnail --*/
.page_column_img {
	display:block;
	content:'';
	width:100%;
	height:540px;
	margin-top:70px;
	border-radius:10px;
}

/*-- ページャー  --*/
.wp-pagenavi {display:flex;justify-content:center;margin-top:70px;}
.wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	text-align:center;
	border-radius:50%;
	padding:0;
	line-height:47px;
	width:47px;
	height:47px;
	margin:0 5px;
}
#main_inner .wp-pagenavi .pages,
#main_inner .wp-pagenavi .page,
#main_inner .wp-pagenavi .nextpostslink,
#main_inner .wp-pagenavi .previouspostslink {
	color:#666;
	text-decoration:none;
	background:#fff;
	border:1px solid #e9e2e2;
}
#main_inner .wp-pagenavi .current {
	font-weight:700;
	background:#e6f3e9;
	border:none;
}


/*== カラム ==*/
#main_inner .column_2 p,
#main_inner .column_3 p,
#main_inner .column_4 p {
	display:flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin:0;
}
#main_inner .column_2 p img {
	width:calc((100% - 40px) / 2);
	margin:30px 10px 0 10px;
}
#main_inner .column_3 p img {
	width:calc((100% - 60px) / 3);
	margin:30px 10px 0 10px;
}
#main_inner .column_4 p img {
	width:calc((100% - 80px) / 4);
	margin:30px 10px 0 10px;
}
.property_page #main_inner .column_2 p a {
	width:calc((100% - 40px) / 2);
	margin:30px 10px 0 10px;
}
.property_page #main_inner .column_3 p a {
	width:calc((100% - 60px) / 3);
	margin:30px 10px 0 10px;
}
.property_page #main_inner .column_4 p a {
	width:calc((100% - 80px) / 4);
	margin:30px 10px 0 10px;
}
.property_page #main_inner .column_2 p a img,
.property_page #main_inner .column_3 p a img,
.property_page #main_inner .column_4 p a img {
	width:100%;
	margin:0;
}


/*== GoogleMap ==*/
.gmap {
	position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /
}
.gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*== YouTube ==*/
.youtube {
  width: 100%;
  height:540px;
  border-radius:10px;
  overflow:hidden;
  margin-top:50px;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}


/* フォーム */
.contact #main #contents dl {display:flex;align-items: center;margin-top:20px;}
.contact #main #contents dl dt {font-size:15px;width:166px;}
.contact #main #contents dl dd {font-size:15px;width:calc(100% - 166px);}
.contact #main #contents dl dt p,
.contact #main #contents dl dd p {
	margin:0;
	padding:0;
}
.page dl dd input[type="text"],
.page dl dd input[type="tel"],
.page dl dd input[type="email"],
.page dl dd textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px;
	margin: 5px 0;
	padding: 8px 3%;
}
.page dl dd select {
	font-size: 15px;
	width:200px;
	margin: 5px 0;
	padding: 2px 1%;
}
.page dl dd input[type="file"] {margin:5px 0;}
.agree_area {
	margin-top:40px;
	padding:30px 40px;
	background:#e6f3e9;
}
#main .agree_area p {margin-top:0;}
.page #main input[type="submit"] {
	cursor:pointer; 
	color: #fff;
	text-align: center;
	text-decoration: none;
	background:#1e913d;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 16px;
	line-height:60px;
	width:300px;
	height:60px;
	margin-top:30px;
	border-radius:5px;
}
.page #main input[type="submit"].wpcf7-submit:disabled {opacity:.5;}
#contents #main dl dd .wpcf7-list-item-label {font-size: 16px;}
#contents .send_btn {}
#contents .send_btn p {text-align:center;}
.wpcf7-spinner {display:none !important;}


/*== ボタン ==*/
#main .page_btn {text-align:center;margin-top:70px;}
.page_btn a {
	position:relative;
	display:inline-block;
	font-size:18px;
	font-weight:700;
	text-align:center;
	text-decoration:none;
	line-height:50px;
	padding:5px 58px;
	height:50px;
	color:#1e913d;
	border:1px solid #1e913d;
	background:#fff;
	border-radius:10px;
}
.page_btn a::before {
	position:absolute;
	top:50%;
	margin-top:-2px;
	right:18px;
	content:'';
  display: inline-block;
  width: 4px;
  height: 4px;
  transform: rotate(45deg);
  border-top: 2px solid #1e913d;
  border-right: 2px solid #1e913d;
}

@media screen and (max-width: 1160px) {
	.gnavi li {margin:0 10px;}
}
@media screen and (max-width: 1086px) {
	.gnavi li {margin:0 10px;}
}


@media (hover: hover) {
	a,
	a::before,
	.page #main input[type="submit"],
	#sidenav .sidenav_mail a {transition: all .3s;}
	.s_logo a:hover,
	#s-nav a:hover {opacity:.6;}
	#sidenav .sidenav_mail a:hover {background:#ff9900;}
	#g-nav ul li a,
	#f-nav ul li a {position:relative;}
	#g-nav ul li a::after,
	#f-nav ul li a::after {
		content: '';
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 100%;
		height: 1px;
		background:#656262;
		transition: all .3s;
		transform: scale(0, 1);
		transform-origin: left top;
	}
	#g-nav ul li a:hover::after,
	#f-nav ul li a:hover::after {transform: scale(1, 1);}
	#g-nav ul li.gnavi08 a:hover,
	.h_contact a:hover,
	.page #main input[type="submit"]:hover {background: #0b661c;}
	.page #main input[type="submit"]:hover.wpcf7-submit:disabled {background:#1e913d;}
	.contact_youtube a:hover {
		color:#fff;
		background:#ee1018;
	}
	.contact_youtube a:hover::before {
		border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	}
	.contact_inquiry a:hover {
		color:#1e913d;
		background:#fff;
	}
	.contact_inquiry a:hover::before {
		border-top: 2px solid #1e913d;
    border-right: 2px solid #1e913d;
	}
	#top a:hover {background:#1e913d;}
	#top a:hover::before {
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
	}

	/*-- ページャー  --*/
	#main_inner .wp-pagenavi a:hover.pages,
	#main_inner .wp-pagenavi a:hover.page,
	#main_inner .wp-pagenavi a:hover.nextpostslink,
	#main_inner .wp-pagenavi a:hover.previouspostslink {
		font-weight:bold;
		background:#e6f3e9;
		border:1px solid #e6f3e9;
	}


	#main_inner .page_btn a:hover {
		color:#fff;
		background:#148456;
	}
	#main_inner .page_btn a:hover::before {
		border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	}

}


@media screen and (max-width: 1200px) {
	.s_logo {
		top:14px;
		width:300px;
		height:67px;
	}
}


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

		SP

==================*/
@media screen and (max-width: 640px) {
	#wrap {overflow:hidden;}
	.pc_non {display:block;}
	.sp_non {display:none !important;}
	p,li,th,td,dt,dd,span.wpcf7-list-item-label {font-size:3.47vw;}
	.mt_70 {margin-top:9.33vw;}


	.alignleft {width:40vw;height:auto;padding:0 4vw 4vw 0;}
	.alignright {width:40vw;height:auto;padding:0 0 4vw 4vw;}


	/*== header ==*/
	#page_header {
		min-width:100%;
		height:30vw;
		padding:0;
	}
	.header_inner {
		display:block;
		height:30vw;
		padding-top:0;
	}
	#snav {
		z-index:100;
		position:fixed;
	}
	#snav .snavi {
		display:flex;
		width:calc(100vw - 50px);
		height:50px;
	}
	#snav .snavi li {
		text-align:center;
		width:calc(100% / 2);
		border-right:1px solid #ddd;
		border-bottom:1px solid #ddd;
	}
	#snav .snavi li a {
		display:block;
		color:#fff;
		font-size:3.47vw;
		text-decoration:none;
		line-height:50px;
		background:#148456;
	}
	.s_logo {
		z-index:2;
		top:14.5vw;
		left:0;
		text-align:center;
		width:100%;
		height:auto;
	}
	.s_logo a,
	#s-nav ul li a {display:block;}
	.s_logo a {width:60vw;margin:0 auto;}
	#s-nav {padding:2vw 4vw 20vw 4vw;}
	#s-nav ul {justify-content: center;}
	#s-nav ul li {margin:0 2vw;}
	#s-nav ul li a img {width:100%;}
	.h_youtube {width:24vw;height:5.2vw;}
	.h_line,
	.h_facebook,
	.h_instagram {width:8.4vw;height:8.4vw;}


	/* -- ハンバーガーバー -- */
	#g-nav{
		position:fixed;
		z-index: -1;
		opacity: 0;
		top:0;
		left:0;
		width:100vw;
		height: 100vh;
		background:#148456;
		transition: all 0.3s;
		}

	/*アクティブクラスがついたら透過なしにして最前面へ*/
	#g-nav.panelactive{
		opacity: 1;
		z-index:999;
	}

	/*ナビゲーションの縦スクロール*/
	#g-nav.panelactive #g-nav-list{
	    /*ナビの数が増えた場合縦スクロール*/
	    position: fixed;
	    z-index: 999; 
	    width: 100%;
	    height: 100vh;/*表示する高さ*/
	    overflow: auto;
	    -webkit-overflow-scrolling: touch;
	}

	/*ナビゲーション*/
	#g-nav ul {
	    display: none;
	    /*ナビゲーション天地中央揃え*/
	    position: absolute;
	    z-index: 999;
	    top:50%;
	    left:50%;
	    transform: translate(-50%,-50%);
	    width:92vw;
	    margin-top:0;
	}
	#g-nav ul li ul {
		position:relative;
		top:auto;
		left:auto;
		transform: translate(0,0);
	}

	#g-nav.panelactive ul {
	    display: block;
	}

	/*リストのレイアウト設定*/

	#g-nav li{
		list-style: none;
	  text-align: center; 
	  margin:2vw 0;
	}

	#g-nav li a{
		color: #fff;
		text-decoration: none;
		padding:4vw 2vw;
		display: block;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight: bold;
	}

	/*========= ボタンのためのCSS ===============*/
	.openbtn{
		position:fixed;
		z-index: 9999;/*ボタンを最前面に*/
		top:0;
		right: 0;
		cursor: pointer;
		width: 50px;
		height:50px;
		background:#fff;
	}
	.openbtn.active {background:none;}
	
	/*×に変化*/	
	.openbtn span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 14px;
		height: 2px;
		border-radius: 2px;
		background-color: #685c5c;
		width: 45%;
	}

	.openbtn span:nth-of-type(1) {top:15px;	}
	.openbtn span:nth-of-type(2) {top:23px;}
	.openbtn span:nth-of-type(3) {top:31px;}

	.openbtn.active span:nth-of-type(1) {
		top: 18px;
		left: 18px;
		transform: translateY(6px) rotate(-45deg);
		width: 30%;
		background-color: #fff;
	}

	.openbtn.active span:nth-of-type(2) {opacity: 0;}

	.openbtn.active span:nth-of-type(3){
		top: 30px;
		left: 18px;
		transform: translateY(-6px) rotate(45deg);
		width: 30%;
		background-color: #fff;
	}
	#g-nav .gnavi .gnavi08 {margin-top:5.33vw;}
	#g-nav .gnavi .gnavi08 a {
		display:inline-block;
		color:#148456;
		padding:4vw 12vw;
		background:#fff;
		border-radius:10vw;
	}



	/*== footer ==*/
	footer {
		min-width:calc(100% - 8vw);
		padding:4vw 4vw 16vw 4vw;
	}


	/*-- ページトップ --*/
	#top {
		right:4vw;
		bottom:13vw;
	}
	#top a {
		width:12vw;
		height:12vw;
	}
	#top a::before {
		margin-top:-4px;
		margin-right:-4px;
	  width: 8px;
	  height: 8px;
	}
	.footer_inner {
		display:block;
		padding:0;
	}
	.footer_inner #s-nav {padding-right:0;}
	.fnavi {
		justify-content: space-between;
		width:100%;
		width:92vw;
		margin-top:4vw;
	}
	.fnavi li {text-align:center;margin:0;width:45vw;border-bottom:1px solid #ccc;}
	.fnavi li a {
		display:block;
		font-size:3.47vw;
		width:100%;
		padding:4vw 0;
	}

	.copy {font-size:3vw;margin-top:4vw;}

	/*== contents ==*/
	#main_inner {
		width:100%;
		width:100%;
		margin:4vw auto 0 auto;
		padding:7.33vw 4vw;
		border-radius:1vw;
	}

	/*-- thumbnail --*/
	.page_column_img {
		height:70vw;
		margin-top:7.33vw;
		border-radius:1vw;
	}


	/*-- font --*/
	#main_inner h1 {
		font-size:5.33vw;
		text-align:left;
	}
	#main_inner h2 {
		font-size:4.66vw;
		margin:12.33vw 0 4vw 0;
		padding:2vw 0;
		border-top:2px solid #148456;
		border-bottom:1px solid #c7c7c7;
	}
	#main_inner h3 {margin-top:9.33vw;}
	#main_inner h3 b {
		font-size:4.66vw;
		padding-right:2vw;
	}
	#main_inner h4 {
		font-size:4.33vw;
		margin-top:7.33vw;
		padding-left:3vw;
		border-left:3px solid #148456;
	}
	#main_inner p {margin-top:4vw;}
	#main_inner ul,
	#main_inner ol {padding-top:2vw;}
	#main_inner ul li {margin-top:2vw;padding-left:3.6vw;}
	#main_inner ul li::after {
		top:2.8vw;
		width:1.5vw;
		height:1.5vw;
	}
	#main_inner ol li {margin-top:2vw;}
	#main_inner table {margin-top:4vw;}
	#main_inner table th,
	#main_inner table td {padding:2vw 3vw;}
	.tel_no {
		font-size:7.33vw;
		padding-left:12vw;
	}
	.tel_no::before {
		margin-top:-3.1vw;
		width:9.35vw;
		height:6.2vw;
	}


	/*== パンくず ==*/
	#contents .page_head {padding:4vw 4vw;}
	#contents .page_head::before {height:40vw;}
	#contents .pan {
		width:100%;
		width:100%;
	}
	#contents .pan p,
	#contents .pan span,
	#contents .pan a {font-size:3vw;}


	/*-- ページャー  --*/
	.wp-pagenavi {margin:7.33vw 0 12.33vw 0;}
	.wp-pagenavi .pages,
	.wp-pagenavi .current,
	.wp-pagenavi .page,
	.wp-pagenavi .nextpostslink,
	.wp-pagenavi .previouspostslink {
		font-size:3.47vw;
		margin-right:3vw;
		line-height:10vw;
		width:10vw;
		height:10vw;
	}


	/*== コンタクトエリア ==*/
	#smile_contact {padding-bottom:12.33vw;}
	#smile_contact::before {height:30vw;}
	.contact_area_inner {
		width:100%;
		width:92vw;
		padding:4vw 4vw 12vw 4vw;
	}
	.contact_area_inner::before {
		width:37.6vw;
		height:48.4vw;
	}
	.contact_read {
		font-size:4vw;
		text-align:left;
	}
	.contact_read br {display:none;}
	.contact_no {
		font-size:9.33vw;
		padding-left:12vw;
	}
	.contact_no::before {
		margin-top:-3.6vw;
		width:10.35vw;
		height:7.2vw;
	}
	.contact_text {
		text-align:left;
		font-size:3.47vw;
	}
	.contact_text br {display:none;}
	.contact_btn {
		display:block;
		margin-top:6vw;
	}
	.contact_btn p {margin:4vw 0 0 0;}
	.contact_btn a {
		font-size:3.47vw;
		text-align:left;
		line-height:11vw;
		width:50vw;
		height:11vw;
		padding:0 4vw;
		box-sizing:border-box;
	}
	.contact_btn a::before {right:1vw;}


	/*== YouTube ==*/
	.youtube {
	  height:60vw;
	  margin-top:5.33vw;
	}


	/* フォーム */
	.contact #main #contents dl {
		display:block;
		margin-top:4vw;
	}
	.contact #main #contents dl dt {
		font-size:3.76vw;
		font-weight:700;
		width:auto;
		padding-bottom:2vw;
		border-bottom:1px solid #ccc;
	}
	.contact #main #contents dl dd {
		font-size:3.47vw;
		width:auto;
		margin-top:3vw;
	}
	.page dl dd input[type="text"],
	.page dl dd input[type="tel"],
	.page dl dd input[type="email"],
	.page dl dd textarea {
		font-size: 3.47vw;
		margin: 0;
		padding: 2vw 3vw;
	}
	.page dl dd select {
		font-size: 3.47vw;
		width:auto;
		margin: 0;
		padding: 1vw 2vw;
	}
	.page dl dd input[type="file"] {margin:2vw 0;}
	.agree_area {
		margin-top:4vw;
		padding:4vw;
	}
	.page #main input[type="submit"] {
		font-size: 4vw;
		line-height:9vw;
		width:60vw;
		height:9vw;
		margin-top:4vw;
	}
	#contents #main dl dd .wpcf7-list-item-label {font-size: 3.74vw;}


	/*== カラム ==*/
	#main_inner .column_2 p img,
	#main_inner .column_3 p img,
	#main_inner .column_4 p img,
	.property_page #main_inner .column_2 p a,
	.property_page #main_inner .column_3 p a,
	.property_page #main_inner .column_4 p a {
		width:calc((100% - 4vw) / 2);
		margin:4vw 1vw 0 1vw;
	}


	/*== ボタン ==*/
	#main .page_btn {margin-top:7.33vw;}
	.page_btn a {
		font-size:4vw;
		line-height:9vw;
		padding:2vw 14vw;
		height:9vw;
	}


	/*== フッタ固定ナビ ==*/
	.mobi_fix {
		z-index:100;
		position:fixed;
		left:0;
		bottom:0;
		display:flex;
		height:12vw;
	}
	.mobi_fix li {
		width:50vw;
	}
	.mobi_fix li a {
		position:relative;
		display:block;
		text-decoration:none;
		padding:1vw 2vw 0 12vw;
	}
	.mobi_fix li a::before {
		position:absolute;
		top:2vw;
		left:2vw;
		content:'';
		display:block;
		width:8vw;
		height:8vw;
	}
	.mobi_fix li a p {color:#fff;width:100%;}
	.mobi_fix li a .mobi_fix_text1 {font-size:3.47vw;font-weight:700;line-height:1.6;border-bottom:1px solid #fff;}
	.mobi_fix li a .mobi_fix_text2 {font-size:2.66vw;line-height:1.6;}
	.mobi_fix_tel {background:#1e913d;}
	.mobi_fix_mail {background:#ec921f;}
	.mobi_fix li.mobi_fix_tel a::before {background:url(img/global/tel.svg) center center no-repeat;background-size:contain;}
	.mobi_fix li.mobi_fix_mail a::before {background:url(img/global/mail.svg) center center no-repeat;background-size:contain;}
}