@charset "utf-8";
/**
 * style
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "import/reset.css";
@import "import/util.css";
/* @import "../ext_{bukkenID}/{bukkenID}.css"; */

/**
 * 2. html, body
 */
	body {
	}
	.page {
		color: #333333;
		font-size: 14px;
		line-height: 1.5;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}

	em {
		font-style: normal;
	}

@media only screen and (min-width: 0) {
	img {
		max-width: 100%;
		height: auto;
		vertical-align: bottom;
	}
}

/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		color: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle {
		/*dont use <h1> selector*/
	}
	.contentTitle {
		background: url(../../imgs/bg-title.jpg) center center no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.contentTitle > .wrap {
		position: relative;
		width: 1340px;
		height: 714px;
		margin-right: auto;
		margin-left: auto;
	}
	.contentTitle h2 {
		position: absolute;
		top: 43px;
		right: 13px;
		-webkit-transition: .5s;
		transition: .5s;
	}
@media only screen and (max-width: 1340px) {
	.contentTitle > .wrap {
		width: auto;
		padding-right: 10px;
		padding-left: 10px;
	}
	.contentTitle h2 {
		right: 20px;
	}
}
@media only screen and (max-width: 640px) {
	.contentTitle {
	}
	.contentTitle > .wrap {
		height: 357px;
	}
	.contentTitle h2 {
		position: absolute;
		top: 50%;
		right: 0;
		left: 0;
		margin-top: -78px;
		text-align: center;
	}
	.contentTitle h2 img {
		width: 183px;
	}
}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/* common */
	.opacity {
		-webkit-transition: .5s;
		transition: .5s;
	}
	.opacity:hover {
		filter: alpha( opacity=70 ); /* ie lt 8 */
		-ms-filter: "alpha( opacity=70 )"; /* ie 8 */
		opacity: 0.7;
	}

/**
 * 4. Layout
 */
	#container {
	}
	.wrap {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
		-webkit-transition: .5s;
		transition: .5s;
	}
@media only screen and (max-width: 1200px) {
	.wrap {
		width: auto;
		padding-right: 10px;
		padding-left: 10px;
	}
}

/* header */
	#gHeader {
		position: relative;
	}
	#gHeader:before {
		content: "";
		position: absolute;
		right: 0;
		bottom: -3px;
		left: 0;
		height: 5px;
		background: url(../imgs/line-01.png) center top repeat-x;
	}
	#gHeader > .wrap {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		width: 1340px;
		padding-top: 30px;
		padding-bottom: 35px;
	}
	#gHeader > .wrap:after {
		content: "";
		display: block;
		clear: both;
	}
	.siteLogo {}
	.siteLogo-suminavi {
		position: absolute;
		top: 14px;
		right: 0;
		-webkit-transition: .5s;
		transition: .5s;
	}
	.shldrTxt {
		position: absolute;
		top: 50px;
		left: 168px;
		color: #515151;
		letter-spacing: -.001em;
		font-size: 10px;
		-webkit-transition: .5s;
		transition: .5s;
	}
@media only screen and (max-width: 1340px) {
	#gHeader > .wrap {
		width: auto;
		padding-right: 10px;
		padding-left: 10px;
	}
	.siteLogo-suminavi {
		top: 20px;
		right: 10px;
		max-width: calc(360vw/750*100);
	}
}
@media only screen and (max-width: 768px) {
	.shldrTxt {
		display: none;
	}
}


/* main */
	#mainContent {
		position: relative;
		padding-top: 90px;
		padding-bottom: 195px;
		background: #e1efce url(../imgs/bg-main-leaf.png) center 23px no-repeat;
		-webkit-transition: .5s;
		transition: .5s;
	}
	#mainContent:after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		height: 78px;
		background: #e1efce url(../imgs/bg-main-tree.png) center bottom no-repeat;
		-webkit-transition: .5s;
		transition: .5s;
	}
@media only screen and (max-width: 640px) {
	#mainContent {
		padding-top: 45px;
		padding-bottom: 100px;
		background-position: center 11px;
		-webkit-background-size: auto 143px;
		background-size: auto 143px;
	}
	#mainContent:after {
		height: 39px;
		-webkit-background-size: auto 39px;
		background-size: auto 39px;
	}
}


/* footer*/
	#gFooter {
		position: relative;
	}
	#gFooter:before {
		content: "";
		position: absolute;
		right: 0;
		top: -3px;
		left: 0;
		height: 5px;
		background: url(../imgs/line-01.png) center top repeat-x;
	}
	#gFooter > .wrap {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		width: 1340px;
		padding-top: 30px;
		padding-bottom: 45px;
	}
	#gFooter > .wrap:after {
		content: "";
		display: block;
		clear: both;
	}

	.fLogo {
		float: left;
		padding-left: 33px;
		-webkit-transition: .5s;
		transition: .5s;
	}
	#copyright {
		float: right;
		padding-top: 2px;
		padding-right: 25px;
		color: #919191;
		font-size: 10px;
		-webkit-transition: .5s;
		transition: .5s;
	}
@media only screen and (max-width: 1340px) {
	#gFooter > .wrap {
		width: auto;
		padding-right: 10px;
		padding-left: 10px;
	}
	.fLogo {
		padding-left: 0;
	}
	#copyright {
		padding-right: 0;
	}
}
@media only screen and (max-width: 768px) {
	#gFooter {
		text-align: center;
	}
	.fLogo {
		float: none;
	}
	#copyright {
		float: none;
		margin-top: 15px;
		padding-top: 0;
	}
}

/* pagetop */
	#pagetop {
		position: absolute;
		right: 0;
		bottom: 30px;
		z-index: 10;
	}
	#pagetop.is-fixed {
		position: fixed;
	}
@media only screen and (max-width: 640px) {
	#pagetop {
		right: 10px;
	}
}


/* Module
------------------------------ */

/* display */
.display-sp {
	display: none;
}

.display-sp-text > span {
	display: none;
}
@media only screen and (max-width: 640px) {
	.display-sp {
		display: block;
	}
	.display-sp-text > img {
		display: none;
	}
	.display-sp-text > span {
		display: inline-block;
	}
}


/* leadA */
	.leadA {
		line-height: 2.286;
		text-align: center;
	}

	/* house */
	.house {
		margin-top: 80px;
		border: 1px solid #0e7f0e;
		border-radius: 15px;
		-webkit-transition: .5s;
		transition: .5s;
	}

	.house .house__header {
		position: relative;
		padding: 29px 124px 29px 49px;
		border-radius: 15px 15px 0 0;
		background-color: #eaf9ea;
		cursor: pointer;
		-webkit-transition: .5s;
		transition: .5s;
	}
	.house .house__header.is-close {
		border-radius: 15px;
	}

	.house .house__header:before,
	.house .house__header:after {
		content: "";
		position: absolute;
		-webkit-transition: .5s;
		transition: .5s;
	}
	.house .house__header:before {
		top: -1px;
		right: -1px;
		bottom: -1px;
		width: 95px;
		border-top-right-radius: 15px;
		background-color: #38973e;
	}
	.house .house__header:after {
		top: 50%;
		right: 43px;
		width: 7px;
		height: 7px;
		margin-top: -6px;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.house .house__header.is-close:before {
		border-bottom-right-radius: 15px;
	}
	.house .house__header.is-close:after {
		margin-top: -2px;
		-webkit-transform: rotate(-225deg);
		-ms-transform: rotate(-225deg);
		transform: rotate(-225deg);
	}
	.house .house__header h4 {
		color: #38973e;
		font-size: 16px;
		line-height: 1.2;
	}

	.house .house__contents {
		background-color: #fff;
		border-radius: 0 0 15px 15px;
	}

	.house .house__item {
		padding: 29px;
		border-top: 1px solid #0e7f0e;
		-webkit-transition: .5s;
		transition: .5s;
	}

	.house .house__item .item__heading {
		margin-bottom: 33px;
		padding-top: 10px;
		padding-bottom: 28px;
		background: url(../imgs/line-dashed.png) left bottom repeat-x;
	}
	.house .house__item .item__heading h5 {
		display: inline-block;
		font-size: 16px;
		text-align: left;
		-webkit-transition: .5s;
		transition: .5s;
	}
	.house .house__item .item__heading h5 strong {
		font-size: 20px;
		font-weight: normal;
	}
	.house .house__item .item__heading h5 em {
		color: #7cbc34;
	}
	
	.house .house__item .item__heading h5 .bold {
		font-weight: bold;
	}

	/*IEハック*/
	.house .house__item .item__heading img {
		max-width: inherit;
		width: 100%;
	}

	.house .house__home {
		position: relative;
		display: inline-block;
		margin-bottom: 15px;
		padding-top: 10px;
		padding-left: 47px;
		-webkit-transition: .5s;
		transition: .5s;
	}
	.house .house__home.house__home--noSpace {
		padding-top: 0;
	}
	.house .house__home:before {
		content: "";
		position: absolute;
		top: 0;
		left: 10px;
		width: 27px;
		height: 27px;
		background: url(../imgs/ic-home.png) left top no-repeat;
		-webkit-transition: .5s;
		transition: .5s;
	}

	.house .house__btn {
		margin-top: 10px;
	}

	.house .media__image {
		width: 61.404%;
		margin-right: 2.632%;
	}
	.house .media__image.media__image--rev {
		margin-right: 0;
		margin-left: 2.632%;
	}
@media only screen and (max-width: 768px) {
	.house .media__image {
		width: auto;
		margin-right: 0;
	}
	.house .media__image.media__image--rev {
		margin-left: 0;
	}
	.house .media__text {
		text-align: center;
	}
}
@media only screen and (max-width: 640px) {
	.house {
		margin-top: 40px;
		border-radius: 8px;
	}

	.house .house__header {
		position: relative;
		padding: 14px 64px 14px 19px;
		border-radius: 8px 8px 0 0;
		background-color: #eaf9ea;
		cursor: pointer;
	}
	.house .house__header.is-close {
		border-radius: 8px;
	}

	.house .house__header:before {
		width: 55px;
		border-top-right-radius: 8px;
	}
	.house .house__header:after {
		right: 23px;
	}
	.house .house__header.is-close:before {
		border-bottom-right-radius: 8px;
	}

	.house .house__contents {
		border-radius: 0 0 8px 8px;
	}

	.house .house__item {
		padding: 19px;
	}

	.house .house__item .item__heading {
		margin-bottom: 20px;
		padding-top: 0;
	}

	.house .house__home {
		margin-bottom: 10px;
		padding-left: 37px;
	}
	.house .house__home:before {
		left: 0;
		background-image: url(../imgs/ic-home@2x.png);
		-webkit-background-size: auto 27px;
		background-size: auto 27px;
	}
}
@media only screen and (max-width: 480px) {
	.house .house__point {
		text-align: center;
	}

	.house .house__btn {
		text-align: center;
	}

	.house .media__text {
		text-align: left;
	}
}



/* media */
	.media {
		overflow: hidden;
	}
	.media__image {
		float: left;
		margin-right: 30px;
		text-align: center;
		-webkit-transition: .5s;
		transition: .5s;
	}
	.media__image.media__image--rev {
		float: right;
		margin-right: 0;
		margin-left: 30px;
	}
	.media__text {
		overflow: hidden;
	}
@media only screen and (max-width: 768px) {
	.media__image {
		float: none;
		margin-bottom: 30px;
		margin-right: 0;
	}
	.media__image.media__image--rev {
		float: none;
		margin-left: 0;
	}
}