@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

* {margin:0;padding:0;letter-spacing: 0.06em;font-feature-settings : "pkna";}body {font-size:0.875em;font-family: "游ゴシック Medium", "Yu Gothic Medium","YuGothic", "游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","sans-serif";color: #000;line-height: 1.8;}h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,p,th,td,em,strong,div,address {font-weight: normal;font-size: 1em;font-style: normal;font-weight: normal;list-style: none;}img{border:none;vertical-align:bottom;margin:0;padding:0;}input,label,select {zoom: 1;}table {border-collapse: collapse;}a {text-decoration: none;outline: none;color: #3e3a39;transition: all 0.3s ease 0s;}input,label {display: inline;vertical-align: middle;}
ul,ul li {
	margin: 0;
	padding: 0;
}

input,
textarea {
	border : 1px solid #ccc;
	-webkit-border-radius : 0;
	-webkit-appearance : none;
	-webkit-tap-highlight-color : rgba(0,0,0,0);
}


a {
	text-decoration: none;outline: none;
	transition: all 0.3s ease 0s;
	-webkit-transition: 0.3s ease 0s;
	-moz-transition: 0.3s ease 0s;
	-o-transition: 0.3s ease 0s;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:hover{-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
	color: #19a33a;
}

.color-green {
	color: #19a33a;
	line-height: 1.2;
	display: inline-block;
	vertical-align: top;
	margin-top: 2.5px;
	font-weight: normal;
}


/* =========================================================
 共通
 ========================================================= */
html {
	-webkit-font-smoothing: antialiased;
}
body {
	background: url(../img/base/bg.png) 0 0 repeat;
}
#wrapper{
	width:100%;
	margin: 120px auto 0;
}
.sec ul li a {
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}

.link-button img {
	width: 14px;
	height: 14px;
	margin-right: 8px;
	vertical-align: middle;
}
.link-button .comingsoon {
	cursor: default;
	filter:alpha(opacity=50);opacity: 0.5;
}

/* タイトル
--------------------------------------------------------- */
.sec h2 {
	font-size: 1.8em;
	font-weight: 500;
	text-align: center;
	color: #19a33a;
	line-height: 1.5;
	letter-spacing: 0.05em;
	font-family: Roboto,"Helvetica Neue", Helvetica, Arial, "游ゴシック Medium", "Yu Gothic Medium","YuGothic", "游ゴシック","sans-serif";
	z-index: 1;
}
.sec h2 br {
	display: none;
}

.sec h2 span {
	display: block;
	font-size: 0.500em;
	font-weight: normal;
	line-height: 1.15;
	vertical-align: middle;
	letter-spacing: 0.01em;
}


.sec ul li h3 {
	font-size: 1.286em;
	font-weight: 500;
	margin: 17px auto 10px;
	line-height: 1.8;
}

/* ----- タイトルスマホ時改行 ----- */
.sec h2 .sp-block {
	font-size: 1em;
	font-weight: 500;
	display: inline;
}
.sec h2 .sp-block:after {
	content: "\a0";
}


/* ----- 中ページ タイトル ----- */
.sub-page h2 {
	font-size: 2.714em;
	line-height: 1.4;
	font-family: Roboto,"Helvetica Neue", Helvetica, Arial, "游ゴシック Medium", "Yu Gothic Medium","YuGothic", "游ゴシック","sans-serif";
}
.sub-page h2 em {
	font-weight: 700;
}



/* =========================================================
 MOREボタン
 ========================================================= */
 .triangle{
 	position: absolute;
 	right: 0;
 	bottom: 0;
 	display: block;
 	width: 0;
 	height: 0;
 	border-top: 25px solid transparent;
 	border-right: 25px solid #19a33a;
 	border-bottom: 25px solid #19a33a;
 	border-left: 25px solid transparent;
 	vertical-align: middle;
 	font-family: Roboto,"Helvetica Neue", Helvetica, Arial,"sans-serif";
 }
 .triangle p {
 	font-size: 0.857em;
 	text-indent: -2em;
 	font-weight: bold;
 	margin: -5px 0 0;
 }




/* =========================================================
 ピックアップコンテンツ
 ========================================================= */

 #pickup-contents {
 	width: 100%;
 	margin: 75px auto 0;
 }
 #pickup-contents h2 {
 	font-size: 0.857em;
 	text-align: center;
 	color: #19a33a;
 	line-height: 1.5;
 	z-index: 1;
 	margin: 0 auto 26px;
 	font-family: Roboto,"Helvetica Neue", Helvetica, Arial,"sans-serif";
 }

 #pickup-contents ul {
 	box-sizing: border-box;
 	overflow: hidden;
 	width: 1200px;
 	margin: 0 auto;
 	background: #fff;
 	padding: 40px;
 }
 #pickup-contents ul li {
 	position: relative;
 	width: 250px;
 	background: #fff;
 	margin: 0 0 0 40px;
 	padding-bottom: 50px;
 	display: block;
 	box-sizing: border-box;
 	float: left;
 }
 #pickup-contents ul li:first-child {
 	margin: 0;
 }
 #pickup-contents ul li > a {
 	width: 100%;
 	height: 100%;
 	display: block;
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 1;
 }
 #pickup-contents ul li > a:hover {
 	background:#fff;
 	filter: alpha(opacity=25);opacity:0.25;
 }

 #pickup-contents ul li h3 {
 	font-weight: bold;
 }





/* =========================================================
 フッター
 ========================================================= */

 footer {
 	width: 100%;
 	overflow: hidden;
 	margin: 100px auto 0;
 	position: relative;
 	z-index: 1;
 }

 footer a:hover {
 	filter: alpha(opacity=60);opacity:0.6;
 }

 .footer-top {
 	width: 100%;
 	background: #2e7039;
 }
 .footer-top .inr {
 	overflow: hidden;
 	padding: 40px 0 44px;
 	width: 1200px;
 	margin: 0 auto 0;
 	display:flex;
 }
 .footer-top .inr ul {
 	float:left;
 	width: 198px;
 	height: auto;
 	display: block;
 	border-left: 1px dotted #fff;
 	overflow: hidden;

 }
 .footer-top .inr ul:first-child {
 	margin: 0;
 }
 .footer-top .inr ul li {
 	line-height: 1.7;
 	list-style: none;
 	padding: 0 0 5px 40px;
 }
 .footer-top .inr ul:nth-child(5) li {
 	padding: 0 0 5px 20px;
 }
 .footer-top .inr ul li h4 a {
 	font-size: 1em;
 	font-weight: 400;
 }
 .footer-top .inr ul li a {
 	font-size: 0.857em;
 }
 .footer-top .inr ul:nth-child(5) {
 	width: 188px;
 }
 .footer-top .inr ul:last-child {
 	border-left: none;
 	width: 214px;
 }
 .footer-top .inr ul:last-child li {
 	padding: 0;
 }
 .footer-top .inr ul:last-child li a {
 	overflow: hidden;
 }
 .footer-top .inr ul:last-child li img {
 	width: 90px;
 	float: left;
 }
 .footer-top .inr ul:last-child li p {
 	width: 102px;
 	float: right;
 	font-size: 0.90em;
 	line-height: 1.6;
 }

 .footer-top .inr ul li h4 {
 	line-height: 1.4;
 	text-indent: -1.4em;
 }
 .footer-top .inr ul li a {
 	color: #fff;
 	text-decoration: none;
 	display: block;
 	font-weight: inherit;
 	-webkit-transition:  0.2s ease-in-out;
 	-moz-transition:  0.2s ease-in-out;
 	-o-transition:  0.2s ease-in-out;
 	transition:  0.2s ease-in-out;
 }
 .footer-top .inr ul li a:hover {
 }
 .footer-top .inr ul li .virtual {
 	margin-bottom: 7px;
 }

 .footer-top .inr ul li .footer-arw {
 	width: 13px;
 	height: 13px;
 	border-radius:50%;
 	border: 1px solid #fff;
 	border-radius: 50%;
 	-moz-border-radius: 50%;
 	-webkit-border-radius: 50%;
 	display: inline-block;
 	vertical-align: middle;
 	margin: -2px 4px 0 0;
 	line-height: 1.2;
 	position: relative;
 }
 .footer-top .inr ul li .footer-arw:before {
 	content: '';
 	width: 0;
 	height: 0;
 	border: 3px solid transparent;
 	border-left: 6px solid #fff;
 	display: inline-block;
 	position: absolute;
 	top: 4px;
 	left: 4px;
 }


/* フッター／SNSボタン コピーライト
--------------------------------------------------------- */
.footer-bottom {
	width: 100%;
	padding: 24px 0;
	overflow:hidden;
	font-size: 0.786em;
	text-align: center;
	background: #1d4b21;
	color: #fff;
}
@media screen and (max-width: 640px) {
	.footer-bottom {
		padding: 30px 0;
	}
}




/* ----- SNSボタン ----- */
.footer-bottom .sns-btn {
	display: inline-block;
}
.footer-bottom .sns-btn li {
	width: 24px;
	display: inline-block;
	margin: 0 0 0 65px;
	padding: 0 0 38px;
}
.footer-bottom .sns-btn li:first-child {
	margin: 0;
}
.footer-bottom .sns-btn li a:hover {
	filter: alpha(opacity=80);opacity:0.8;
}

/* ボタン */
.footer-bottom .sns-btn .icon-twitter:before {
	color: #fff;
	font-size: 2.3em;
	margin: 0;
}
/* Face bookボタン */
.footer-bottom .sns-btn .icon-facebook-official:before {
	color: #fff;
	font-size: 2.3em;
	margin: 0;
}
/* Face bookボタン */
.footer-bottom .sns-btn .icon-instagram:before {
	color: #fff;
	font-size: 2.3em;
	margin: 0;
}

address br {
	display: none;
}



/* ----- ページトップへ戻るボタン ----- */
#page-top {
	position: fixed;
	right: 11px;
	bottom: 3px;
	width: 85px;
	z-index: 9999;
	transition: inherit;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	filter: alpha(opacity=00);opacity:0;
	transition-property: all;
	transition-duration: .3s;
}
#page-top:hover {
	filter: alpha(opacity=100);opacity:1;
}
#page-top:hover img {
	filter: alpha(opacity=80);opacity:.8;
}
#page-top img {
	position: relative;
	z-index: 9999;
	max-width: 100%;
	height: auto;
	transition: all 0.3s ease 0s;
	-webkit-transition: 0.3s ease 0s;
	-moz-transition: 0.3s ease 0s;
	-o-transition: 0.3s ease 0s;
}



/* =========================================================
 スマートフォン
 ========================================================= */
 @media screen and (max-width: 640px) {

/* 共通
--------------------------------------------------------- */

body {
	background-image: none;
	background: #fff;
}

#wrapper {
	margin-top: 70px;
}

img {
	max-width:100%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}



.sec ul li a {
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
.sec ul li > a img:hover {
	background-color:none;
	filter: alpha(opacity=100);opacity:1;
}



/* 各セクション
--------------------------------------------------------- */
.sec h2 {
	line-height: 1.1;
	font-weight: 700;
}
.sec h2 span {
	margin-top: 10px;
}

.sec .sec_inr {
	width: 90%;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	padding: 20px 0 20px;

	border-bottom: 1px dotted #cccccc;
}
.sec ul li:first-child .sec_inr {
	border-top: 1px dotted #cccccc;
}

.sec .left {
	float: left;
	width: 47%;
}
.sec .right {
	float: right;
	width: 47%;
}
.sec .right h3 {
	margin-top: -2px;
	margin-bottom: 2px;
	line-height: 1.4;
	font-size: 1.1em;
}

.sec .right p {
	font-size: 0.85em;
	line-height: 1.8;
}



/* ----- 中ページ タイトルスマホ時 ----- */

.sub-page h2 {
	width: 90%;
	padding: 11px 5% 10px;
	background: #19a33a;
	color: #fff;
	font-size: 1em;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	margin-bottom: 25px;
	line-height: 1.4;
	font-weight: normal;
}
.sub-page h2 em {
	display: none;
}
.sub-page h2 span {
	display: inline-block;
	font-size: 0.857em;
	padding-left: 0;
	margin-top: -1.5px;
	line-height: 1.4;
	vertical-align: middle;
	font-weight: 600;
}
#wrapper .sec h2 span img {
	display: none;
}


/* ----- タイトルスマホ時改行 ----- */
.sec h2 .sp-block {
	display: block;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.sec h2 .sp-block:after {
	content: ""
}






/* MOREボタン
--------------------------------------------------------- */
.triangle{
	overflow: hidden;
	border-top: 5px solid transparent;
	border-right: 5px solid #19a33a;
	border-bottom: 5px solid #19a33a;
	border-left: 5px solid transparent;
	bottom: 22px;
	right: 5%;
}
.triangle p {
	text-indent: 101%;
	overflow: hidden;
	white-space: nowrap;
}




/* ピックアップコンテンツ
--------------------------------------------------------- */
#pickup-contents {
	width: 100%;
	margin: 58px auto 0;
}
#pickup-contents h2 {
	margin: 0 auto 26px;
}

#pickup-contents ul {
	padding: 0;
	width: 100%;
}
#pickup-contents ul li {
	width: 100%;
	margin: 0 auto;
	float: none;
	overflow: hidden;
	padding: 0;
}
#pickup-contents ul li:first-child {
}

#pickup-contents ul li h3 {
	font-size: 1.1em;
	font-weight: bold;
}

#pickup-contents ul li > a:hover {
	background: rgba(25,163,58,0.1);
	filter: alpha(opacity=100);opacity:1;
}



/* フッター
--------------------------------------------------------- */
footer {
	margin-top: 40px;
}
.footer-top .inr {
	width: 90%;
	padding: 40px 0;
}
.footer-top .inr ul {
	display: none;
}
.footer-top .inr ul:last-child {
	display: inline-block;
	width: 100%;
}
.footer-top .inr ul:last-child li {
	padding: 0;
	width: 100%;
	margin: 0 auto;
}
.footer-top .inr ul:last-child li img {
	float: none;
	display: inline-block;
	padding-right: 4%;
	vertical-align: middle;
	width: 18%;
}
.footer-top .inr ul:last-child li p {
	width: 76%;
	float: none;
	display: inline-block;
	font-size: 1em;
	text-align: left;
	vertical-align: middle;
}


/* フッター／SNSボタン コピーライト
--------------------------------------------------------- */
address {
	width: 90%;
	margin: 0 auto;
}
address br {
	display: block;
}


/* ----- SNSボタン ----- */
.footer-bottom .sns-btn {
	width: 100%;
}
.footer-bottom .sns-btn li {
	width: 10%;
	display: inline-block;
	margin: 0 0 0 5%;
	padding: 0 0 38px;
}
.footer-bottom .sns-btn li:first-child {
	margin: 0;
}
.footer-bottom .sns-btn li a:hover {
	filter: alpha(opacity=80);opacity:0.8;
}

/* ----- ページトップへ戻るボタン ----- */
#page-top {
	right: 2px;
	bottom: -3px;
	width: 56px;
	z-index: 99999;
}

.iPhone #page-top {
	bottom: 26px;
}
}


/* =========================================================
 パンくず リスト
 ========================================================= */
 .breadcrumb-list {
 	width: 1200px;
 	margin: 0 auto;
 	padding: 14px 0 24px;
 	line-height: 1.6;
 }
 .breadcrumb-list li {
 	display: inline;
 	line-height: 1.6;
 	font-size: 0.857em;
 	vertical-align: middle;
 }
 .breadcrumb-list li a {
 	vertical-align: middle;
 }


/*
 スマートフォン
 ========================================================= */

 @media screen and (max-width: 640px) {
	/*
	 パンくず リスト
	 --------------------------------------------------------- */
	 .breadcrumb-list {
	 	display: none;
	 }
	}



/*
 カミングスーン
 ========================================================= */
#gnav .comingsoon,
.sec ul li.comingsoon,
#pickup-contents ul li.comingsoon {
	filter:alpha(opacity=50);opacity: 0.5;
	cursor: default;
}
#gnav .comingsoon {
	color: #fff;
}

/*
 オーナーコンテンツ共通フッター
 ========================================================= */
.owner_contact_area {
	width: 1200px;
	margin: 106px auto 16px;
	display: flex;
	justify-content: space-between;
}
 .owner_contact_area .buysell:hover {
	opacity: .8;
	transition: 0.3s ease 0s;
 }
.owner_contact_area a {
	width: 100%;
	display: block;
	width: 580px;
	text-align: center;
	line-height: 62px;
}
.owner_contact_area .tel a {
	background: #e5f2cc;
	color: #19a33a;
	display: flex;
	align-items: center;
	justify-content: center;
}
.owner_contact_area .tel .num {
	font-weight: bold;
	font-size: 34px;
	margin-left: 16px;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .owner_contact_area .tel .section {
	  position: relative;top: 5px;
  } /* IE11 */
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .owner_contact_area .tel .num {
	  position: relative;top: 8px;
  } /* IE11 */
}


.owner_contact_area .mail.link-button a {
	padding: 0;
	margin-top: 33px;
}

@media screen and (max-width: 640px) {
	.owner_contact_area {
		width: 90%;
		margin: 4em auto;
		flex-wrap: wrap;
	}
	.owner_contact_area a {
		width: 100%;
		flex-wrap: wrap;
	}
	.owner_contact_area .tel a {
		margin: 1.2em 0;
		padding: 1.8em 0 1em;
		line-height: 1.4;
	}
	.owner_contact_area .tel .num {
		margin-left: 0;
	}
	.owner_contact_area .mail.link-button a {
		margin-top: 0;
	}
}



/* ----- プライバシー ----- */
.footer-bottom {
	overflow: hidden;
}
.footer-bottom address {
	display: inline-block;
	position: absolute;
   top: 50%;
   left: 50%;
   transform: translateY(-50%) translateX(-50%);
   -webkit-transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 640px) {
	.footer-bottom address {
		position: relative;
		top: 0%;
    left: 0%;
    transform: translateY(0%) translateX(0%);
    -webkit-transform: translateY(0%) translateX(0%);
		margin-top: 20px;
	}
}


.footer-privacy {
	width: 216px;
	float: right;
}
@media screen and (max-width: 640px) {
	.footer-privacy {
		float: none;
		margin: 0 auto;
	}
}

.footer-privacy li {
	overflow: hidden;
	line-height: 1;
}
.footer-privacy li img  {
	width: 45px;
	display: block;
	float: left;
}
.footer-privacy li p {
	color: #fff;
	display: block;
	float: right;
	width: 155px;
	line-height: 1.5;
	margin: -2px 0 0;
	text-align: left;
}

.footer-bottom-inr {
	max-width: 1200px;
	margin: 0 auto;
}

/* 解約フォーム */

.file{
	border: none;
	padding-left: 0;
}
.contact-form table td > input.file, .contact-form table td > textarea{
	padding-left: 0;
}