@charset "UTF-8";
@media screen and (min-width: 768px), print {
	/* PC表示のスタイルを記述 */

	/*# sec1
		 -----------------------------------*/

	.house-sec1 {
		margin-top: 82px;
		padding-bottom: 108px;
		position: relative;
	}

	.house-sec1_bg {
		background: url('../images/house/sec1_bg.png') repeat center center/cover;
		bottom: 0;
		height: 666px;
		left: 50%;
		position: absolute;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100vw;
		z-index: -1;
	}

	.house-sec1__content {
		padding-block: 80px 63px;
		background-color: #fff;
		text-align: center;
	}

	.house-sec1__title {
		margin-inline: auto;
		width: 316px;
	}

	.house-sec1__text {
		font-size: 20px;
		letter-spacing: 0.08em;
		line-height: 1.8;
	}

	.house-sec1__text.--1 {
		margin-top: 109px;
	}

	.house-sec1__text.--2 {
		margin-top: 50px;
	}

	.house-sec1__img {
		margin: 45px auto 0;
		width: 572px;
	}

	.house-sec1__text + .house-sec1__text {
		margin-top: 37px;
	}

	/*# banner
		 -----------------------------------*/

	.house-banner {
		margin-top: 165px;
	}

	.house-banner a {
		display: block;
	}

	/*# sec2
		 -----------------------------------*/

	.house-sec2 {
		margin-top: 215px;
		max-width: 100%;
	}

	.house-sec2__inner.layout-inner {
		max-width: 1920px;
		padding-right: 0;
	}

	.house-sec2__media {
		grid-gap: 0px 3.791%;
		display: grid;
		grid-template-columns: 53.027% 43.181%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.house-sec2__title {
		width: 588px;
	}

	.house-sec2__lead {
		letter-spacing: 0.1em;
		line-height: 1.7;
		margin-top: 84px;
	}

	.house-sec2__text {
		letter-spacing: 0.165em;
	}

	.house-sec2__text.--1 {
		margin-top: 57px;
	}

	.house-sec2__link-wrap {
		margin-top: 76px;
	}

	.house-sec2__link {
		display: block;
		height: 36px;
		width: 210px;
	}

	.house-sec2__media-img {
		padding-top: 251px;
	}

	/*# sec3
		 -----------------------------------*/

	.house-sec3 {
		margin-top: 147px;
	}

	.house-sec3__title {
		padding-left: 6px;
		width: 536px;
	}

	.house-sec3__sub-title {
		color: #262626;
		display: inline-block;
		font-size: 40px;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1.33;
		margin-left: -6px;
		margin-top: 23px;
	}

	.house-sec3__media-img {
		margin-top: 32px;
	}

	.house-sec3__lead {
		letter-spacing: 0.06em;
		margin-top: 61px;
	}

	.house-sec3__text {
		letter-spacing: 0.14em;
		margin-top: 32px;
	}

	/*# 共通sec
		 -----------------------------------*/

	.house__works-sec {
		margin-top: 180px;
	}

	.house__works-sec .works-sec__title {
		letter-spacing: 0.025em;
	}

	.house__links-sec {
		margin-top: 282px;
		padding-bottom: 147px;
	}

	.house__links-sec .links-sec__text-wrap {
		margin-top: 65px;
		padding-bottom: 141px;
	}

	.house__links-sec .links-sec__lead {
		font-size: 37px;
		font-weight: bold;
		letter-spacing: 0.104em;
		padding-right: 82px;
	}

	.house__links-sec .links-sec__text {
		font-size: 20px;
		font-weight: 500;
		letter-spacing: 0.1em;
		line-height: 1.7;
		margin-top: 34px;
		padding-right: 8px;
	}

	.house__links-sec .links-sec__link-wrap {
		margin-top: 147px;
	}
}

@media screen and (min-width: 1600px) {
	.house-sec2__media-body {
		padding-left: 20.1041666667vw;
	}

	.house-sec2__media-img {
		width: 43.28125vw;
	}
}

@media screen and (min-width: 1920px) {
	.house-sec2__media-body {
		padding-left: 386px;
	}

	.house-sec2__media-img {
		width: 831px;
	}
}

@media screen and (max-width: 767px) {
	/* SP表示のスタイルを記述 */

	/*# sec1
		 -----------------------------------*/

	.house-sec1 {
		background: url('../images/house/sec1_bg.png') repeat center center/contain;
		background-position: center bottom;
		margin-top: 14.493vw;
		padding-bottom: 19.324vw;
		position: relative;
	}

	.house-sec1_bg {
		display: none;
	}

	.house-sec1__content {
		background-color: #fff;
		padding: 12.077vw 4.106vw 8.696vw;
		text-align: center;
	}

	.house-sec1__title {
		margin-inline: auto;
	}

	.house-sec1__title img {
		height: 10.386vw;
		width: auto;
	}

	.house-sec1__text.--1 {
		margin-top: 12.077vw;
	}

	.house-sec1__text.--2 {
		margin-top: 8.696vw;
	}

	.house-sec1__img {
		margin: 42px auto 0;
	}

	/*# banner
			 -----------------------------------*/

	.house-banner {
		margin-top: 19.324vw;
	}

	.house-banner a {
		display: block;
	}

	/*# sec2
			 -----------------------------------*/

	.house-sec2 {
		margin-top: 24.155vw;
		max-width: 100%;
	}

	.house-sec2__inner.layout-inner {
		max-width: 463.768vw;
	}

	.house-sec2__media {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.house-sec2__media-body {
		display: contents;
	}

	.house-sec2__title {
		width: 100%;
	}

	.house-sec2__lead {
		margin-top: 14.493vw;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.house-sec2__text {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.house-sec2__text.--1 {
		margin-top: 14.493vw;
	}

	.house-sec2__link-wrap {
		margin-top: 12.077vw;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.house-sec2__link {
		display: block;
		height: 8.696vw;
		width: 50.725vw;
	}

	.house-sec2__media-img {
		margin-top: 9.662vw;
	}

	/*# sec3
			 -----------------------------------*/

	.house-sec3 {
		margin-top: 19.324vw;
	}

	.house-sec3__title-wrap {
		padding-inline: 8.213vw;
	}

	.house-sec3__sub-title {
		color: #262626;
		display: inline-block;
		font-size: 7.729vw;
		font-weight: bold;
		line-height: 1.33;
		margin-top: 1.691vw;
	}

	.house-sec3__media-img {
		margin-top: 5.797vw;
	}

	.house-sec3__lead {
		margin-top: 11.594vw;
	}

	.house-sec3__text {
		margin-top: 8.696vw;
	}

	/*# 共通sec
			 -----------------------------------*/

	.house-sec1__title img {
		height: 8.454vw;
		width: auto;
	}

	.house__works-sec {
		margin-top: 24.155vw;
	}

	.house__links-sec {
		margin-top: 24.155vw;
		padding-bottom: 19.324vw;
	}

	.house__links-sec .links-sec__text-wrap {
		padding-bottom: 19.324vw;
		padding-top: 10.87vw;
	}

	.house__links-sec .links-sec__lead {
		font-size: 5.797vw;
		font-weight: bold;
		letter-spacing: 0.08em;
	}

	.house__links-sec .links-sec__text {
		font-size: 3.865vw;
		font-weight: 500;
		margin-top: 7.246vw;
	}

	.house__links-sec .links-sec__link-wrap {
		margin-top: 11.836vw;
	}
}