@charset "UTF-8";

/*** ヒーローヘッダー制御 ***/

#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 999999;
}
@media only screen and (max-width: 767px) {
	#loader {
		display: none;
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -32px; /* image-size/2 */
		margin-left: -32px; /* image-size/2 */
		text-align: center;
		color: #fff;
		z-index: 9999999;
	}
}
@media print, screen and (min-width: 768px) {
	#loader {
		display: none;
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -64px; /* image-size */
		margin-left: -64px; /* image-size */
		text-align: center;
		color: #fff;
		z-index: 9999999;
	}
}

@media only screen and (max-width: 767px) {
	#wrapper {
		height: 500px;
		padding: 14.063% 0 0;
	}
	#bg-slider {
		z-index: -1;
		position: fixed;
	}
	.slider-pro {
		position: relative;
	}
	.slider-pro .custom-layer {
		width: 72.678%;
		display: block;
		background: url(../images/slide/slide-catch-sp.png) no-repeat center;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		padding: 73.075% 0 0; /* w100% = 100.546% */
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		margin: 0 auto;
		position: absolute;
		top: 8.4%;
		left: 13.661%;
		z-index: 1;
	}
}
@media (max-width: 480px) {
	#wrapper {
		height: 430px;
		padding: 14.063% 0 0;
	}
}
@media print, screen and (min-width: 768px) {
	#wrapper {
		/* background: url(../images/slide/slide-catch.png) no-repeat center;
		width: 898px;
		height: 562px;
		margin: 0 auto; */
	}
	#bg-slider {
		z-index: -1;
		position: fixed;
		top: 0;
		left: 0;
	}
	.slider-pro {
	}
	#wrapper .custom-layer {
		background: url(../images/slide/slide-catch.png) no-repeat center;
		width: 898px;
		height: 562px;
		margin: calc(50vh - 281px) auto;
		position: relative;
	}
	#wrapper .custom-layer a {
		display: block;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		text-decoration: none;
		width: 36px;
		height: 65px;
		position: absolute;
		top: 497px;
		left: 429px;
	}
}

/*** 誕生秘話 ***/
@media only screen and (max-width: 767px) {
	#home #story-frame {
		background: #6a502d url(../images/sp/story-bg.jpg) no-repeat center;
		background-size: cover;
	}
	#home #story-group {
		width: 94%;
		padding: 12% 0 18%;
		margin: 0 auto;
	}
	#home #story-group #story-head {
		width: 25.167%;
		margin: 0 auto 7.2%;
	}
	#home #story-group #story-head img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
	#home #story-group #story-detail {
		width: 84.833%;
		margin: 0 auto 9.6%;
	}
	#home #story-group #story-detail h3 {
		display: block;
		background: url(../images/sp/story-detail.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		padding: 119.65% 0 0;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		margin: 0 auto;
	}
	#home #story-group #story-detail p {
		overflow: hidden;
		height: 0px;
	}
}
@media print, screen and (min-width: 768px) {
	#home #story-frame {
		width: 100%;
		height: 601px; /* 720px */
		background: #6a502d url(../images/pc/story-bg.jpg) no-repeat center bottom;
		background-size: auto 100%;
		padding: 80px 0 90px;
	}
	#home #story-group {
		width: 940px;
		height: 601px;
		margin: 0 auto;
		position: relative;
	}
	#home #story-group #story-head {
		width: 100%;
		text-align: center;
		margin: 0 auto 48px;
	}
	#home #story-group #story-head img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}
	#home #story-group #story-detail h3 {
		display: block;
		background: url(../images/pc/story-detail.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		text-decoration: none;
		width: 685px;
		height: 351px;
		margin: 0 auto;
	}
	#home #story-group #story-detail p {
		overflow: hidden;
		height: 0px;
	}
	#home #story-group .detail-link a {
		margin-top: 48px;
/*		position: absolute;
		left: 240px;
		bottom: 0;
/*/
	}
}
@media (min-width: 1920px) {
	#home #story-frame {
		background-size: cover;
	}
}

/*** ザ・借家が選ばれる理由 ***/
@media only screen and (max-width: 767px) {
	#home #reason-frame {
		background: #fffcf1 url(../images/sp/reason-bg.jpg) no-repeat center top;
		background-size: contain;
	}
	#home #reason-group {
		width: 94%;
		padding: 14.2% 0;
		margin: 0 auto;
	}
	#home #reason-group #reason-head {
		width: 41%;
		margin: 0 auto 7.2%;
	}
	#home #reason-group #reason-head img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
	#home #reason-group #reason-detail ul {
		list-style: none;
		display: block;
		background: url(../images/sp/reason-detail01.png) no-repeat 0 0;
		padding: 31.579% 0 0;
		background-size: contain;
		margin: 0 auto 7.2%;
	}
	#home #reason-group #reason-detail ul li {
		overflow: hidden;
		height: 0px;
	}
	#home #reason-group #reason-detail h3 {
		width: 78.83%;
		display: block;
		background: url(../images/sp/reason-detail02.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		padding: 74.163% 0 0; /* w100% = 94.08% */
		background-size: contain;
		margin: 0 auto 12.6%;
	}
	#home #reason-group #reason-detail p {
		overflow: hidden;
		height: 0px;
	}

	#home #reason-group .overview-nav-box ul {
		width: 100%;
		list-style: none;
		padding: 0;
		margin: 0 auto;
	}
	#home #reason-group .overview-nav-box ul li {
		margin: 0 0 3.2%
	}
	#home #reason-group .overview-nav-box ul li:last-child {
		margin: 0;
	}

	#home #reason-group .overview-nav-box ul li a {
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
	}
	#home #reason-group .overview-nav-box ul li#overview-about a {
		display: block;
		background: url(../images/sp/btn-overview-about.png) no-repeat 0 0;
		padding: 16.667% 0 0;
		background-size: contain;
	}
	#home #reason-group .overview-nav-box ul li#overview-movie a {
		display: block;
		background: url(../images/sp/btn-overview-movie.png) no-repeat 0 0;
		padding: 16.667% 0 0;
		background-size: contain;
	}
	#home #reason-group .overview-nav-box ul li#overview-advantage a {
		display: block;
		background: url(../images/sp/btn-overview-advantage.png) no-repeat 0 0;
		padding: 16.667% 0 0;
		background-size: contain;
	}
	#home #reason-group .overview-nav-box ul li#overview-support-system a {
		display: block;
		background: url(../images/sp/btn-overview-support-system.png) no-repeat 0 0;
		padding: 16.667% 0 0;
		background-size: contain;
	}
	#home #reason-group .overview-nav-box ul li#utilization-reason a {
		display: block;
		background: url(../images/sp/btn-utilization-reason.png) no-repeat 0 0;
		padding: 16.667% 0 0;
		background-size: contain;
	}
}
@media print, screen and (min-width: 768px) {
	#home #reason-frame {
		width: 100%;
		background: #fffcf1 url(../images/pc/reason-bg.jpg) no-repeat center -20px;
		background-size: 100% auto;
		padding: 80px 0 70px;
		box-sizing: border-box;
	}
	#home #reason-group {
	}
	#home #reason-group #reason-head {
		width: 100%;
		text-align: center;
		margin: 0 auto 52px;
	}
	#home #reason-group #reason-head img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}
	#home #reason-group #reason-detail ul {
		list-style: none;
		display: block;
		background: url(../images/pc/reason-detail01.png) no-repeat 0 0;
		width: 885px;
		height: 204px;
		padding: 0;
		margin: 0 auto 46px;
	}
	#home #reason-group #reason-detail ul li {
		overflow: hidden;
		height: 0px;
	}
	#home #reason-group #reason-detail h3 {
		display: block;
		background: url(../images/pc/reason-detail02.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		text-decoration: none;
		width: 804px;
		height: 119px;
		padding: 0;
		margin: 0 auto 92px;
	}
	#home #reason-group #reason-detail p {
		overflow: hidden;
		height: 0px;
		padding: 0;
		margin: 0;
	}

	#home #reason-group .overview-nav-box ul {
		width: 730px;
		list-style: none;
		padding: 0;
		margin: 0 auto;
	}
	#home #reason-group .overview-nav-box ul li#overview-about a {
		display: block;
		background: url(../images/pc/btn-overview-about.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		text-decoration: none;
		width: 730px;
		height: 80px;
		transition: 0.3s;
		backface-visibility: hidden;
	}
	#home #reason-group .overview-nav-box ul li#overview-about a:hover {
		background: rgba(241,226,72,0.5) url(../images/pc/btn-overview-about.png) no-repeat 0 0;
	}
}
@media (min-width: 1920px) {
	#home #reason-frame {
		background-size: cover;
	}
}


/*** セミナー＆イベント ***/
@media only screen and (max-width: 767px) {
	#home #event-frame {
		background: #fff;
	}
	#home #event-group {
		width: 94%;
		padding: 13.6% 0 12.4%;
		margin: 0 auto;
	}
	#home #event-group #event-head {
		width: 30.33%;
		margin: 0 auto 9.6%;
	}
	#home #event-group #event-head img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}

	#home #event-group #event-detail {
		text-align: center;
	}
	#home #event-group #event-detail p {
		font-size: 0.9em;
		margin: 0 0 9.6%;
	}
	#home #event-group #event-detail a {
		display: block;
		background: url(../images/_share/btn-event.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		padding: 15% 0 0;
		background-size: contain;
		margin: 0 auto;
	}
}
@media print, screen and (min-width: 768px) {
	#home #event-frame {
		width: 100%;
		background: #fff;
		padding: 80px 0 100px;
	}
	#home #event-group {
	}
	#home #event-group #event-head {
		width: 100%;
		text-align: center;
		margin: 0 auto 46px;
	}
	#home #event-group #event-head img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}

	#home #event-group #event-detail {
		text-align: center;
	}
	#home #event-group #event-detail p {
		font-size: 14px;
		margin: 0 0 46px;
	}
	#home #event-group #event-detail a {
		display: block;
		background: url(../images/_share/btn-event.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		text-decoration: none;
		width: 600px;
		height: 90px;
		margin: 0 auto;
		transition: 0.3s;
		backface-visibility: hidden;
	}
	#home #event-group #event-detail a:hover {
		opacity: 0.7;
	}
}

/*** モデルルーム ***/
@media only screen and (max-width: 767px) {
	#home #modelroom-frame {
		background: #524b41;
	}
	#home #modelroom-group {
		width: 94%;
		padding: 12% 0 10.4%;
		margin: 0 auto;
	}
	#home #modelroom-group #modelroom-head {
		width: 58.33%;
		margin: 0 auto 7.2%;
	}
	#home #modelroom-group #modelroom-head img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}

	#home #modelroom-group #modelroom-detail a {
		display: block;
		background: url(../images/_share/btn-modelroom.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		padding: 15% 0 0;
		background-size: contain;
		margin: 0 auto;
	}
}
@media print, screen and (min-width: 768px) {
	#home #modelroom-frame {
		width: 100%;
		background: #524b41;
		padding: 80px 0 100px;
	}
	#home #modelroom-group {
	}
	#home #modelroom-group #modelroom-head {
		width: 100%;
		text-align: center;
		margin: 0 auto 50px;
	}
	#home #modelroom-group #modelroom-head img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}

	#home #modelroom-group #modelroom-detail {
		width: 940px;
		margin: 0 auto;
	}
	#home #modelroom-group #modelroom-detail a {
		display: block;
		background: url(../images/_share/btn-modelroom.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		text-decoration: none;
		width: 600px;
		height: 90px;
		margin: 0 auto;
		transition: 0.3s;
		backface-visibility: hidden;
	}
	#home #modelroom-group #modelroom-detail a:hover {
		opacity: 0.7;
	}
}

/*** 商品ラインナップ ***/
#home #product-group #product-detail ul ,
#home #product-group #product-detail li ,
#home #product-group #product-detail dl ,
#home #product-group #product-detail dt ,
#home #product-group #product-detail dd {
	margin: 0;
	padding: 0;
}
#home #product-group #product-detail ul {
	display: flex;
	justify-content: space-between;
}
#home #product-group #product-detail ul li dl {
	background: #FFFFFF;
	height: 100%;
}
#home #product-group #product-detail ul li dl dt {
	background: #F00;
	font-size: 14px;
	text-align: center;
	padding: 5px 10px;
}



@media only screen and (max-width: 767px) {
	#home #product-frame {
		background: #fff url(../images/sp/product-bg.jpg) no-repeat center bottom;
		background-size: cover;
	}
	#home #product-group {
		width: 94%;
		padding: 12% 0;
		margin: 0 auto;
	}
	#home #product-group #product-head {
		width: 38%;
		margin: 0 auto 7.2%;
	}
	#home #product-group #product-head img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}

	#home #product-group #product-detail ul {
		overflow: hidden;
		zoom: 1;
		width: 100%;
		list-style: none;
		padding: 0;
		margin: 0 auto 6.4%;
	}
	#home #product-group #product-detail ul li {
		width: 48.3%;
		margin: 0 0 5.6%;
	}
	#home #product-group #product-detail ul li:nth-child(odd) {
	}
	#home #product-group #product-detail ul li:nth-child(even) {
	}
	#home #product-group #product-detail ul li {
		display: block;
	}
}
@media print, screen and (min-width: 768px) {
	#home #product-frame {
		width: 100%;
		background: #fff url(../images/pc/product-bg.jpg) no-repeat center;
		background-size: auto 100%;
		padding: 80px 0 90px;
	}
	#home #product-group {
	}
	#home #product-group #product-head {
		width: 100%;
		text-align: center;
		margin: 0 auto 70px;
	}
	#home #product-group #product-head img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}

	#home #product-group #product-detail {
		width: 940px;
		margin: 0 auto;
	}
	#home #product-group #product-detail ul {
		overflow: hidden;
		zoom: 1;
		width: 100%;
		list-style: none;
		padding: 0;
		margin: 0 auto 60px;
	}
	#home #product-group #product-detail ul li {
		width: 300px;
		margin: 0;
	}
/*
	#home #product-group #product-detail ul li:nth-child(3n) {
		margin: 0 0 50px 0;
	}
*/
	#home #product-group #product-detail ul li {
		text-decoration: none;
		width: 300px;
		height: 246px;
	}
}

/*** 施工事例 ***/
@media only screen and (max-width: 767px) {
	#home #gallery-frame {
		width: 100%;
		background: #fff;
	}
	#home #gallery-group {
		width: 100%;
		padding: 12% 0 16%;
		margin: 0 auto;
	}
	#home #gallery-group #gallery-head {
		width: 31.25%;
		margin: 0 auto 7.2%;
	}
	#home #gallery-group #gallery-head img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
	#home #gallery-group #gallery-slider-box {
		width: 100%;
		margin: 0 auto 9.6%;
	}
	#home #gallery-group #gallery-slider-box #scroller {
		width: 100%;
	}
}
@media print, screen and (min-width: 768px) {
	#home #gallery-frame {
		width: 100%;
		background: #fff;
		padding: 80px 0 90px;
	}
	#home #gallery-group {
	}
	#home #gallery-group #gallery-head {
		width: 100%;
		text-align: center;
		margin: 0 auto 48px;
	}
	#home #gallery-group #gallery-head img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}
	#home #gallery-group #gallery-slider-box {
		width: 100%;
		margin: 0 auto 60px;
	}
	#home #gallery-group #gallery-slider-box #scroller {
		width: 100%;
	}
}

/*** オーナー様／入居者様の声 ***/
@media only screen and (max-width: 767px) {
	#home #voice-frame {
		background: #fff url(../images/sp/voice-bg.jpg) no-repeat center bottom;
		background-size: cover;
	}
	#home #voice-group {
		width: 94%;
		padding: 12% 0 24%;
		margin: 0 auto;
	}
	#home #voice-group #voice-head {
		width: 45.17%;
		margin: 0 auto 7.2%;
	}
	#home #voice-group #voice-head img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}

	#home #voice-group #voice-detail ul {
		overflow: hidden;
		display: flex;
		justify-content: center;
		zoom: 1;
		width: 100%;
		list-style: none;
		padding: 0;
		margin: 0 auto;
	}
	#home #voice-group #voice-detail ul li:nth-child(odd) {
/*		float: left;*/
		width: 48.3%;
	}
	#home #voice-group #voice-detail ul li:nth-child(even) {
/*		float: right;*/
		width: 48.3%;
	}
	#home #voice-group #voice-detail ul li a {
		display: block;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		padding: 56.512% 0 0;
	}
	#home #voice-group #voice-detail ul li#voice01 a {
		background: url(../images/sp/btn-voice01.jpg) no-repeat 0 0;
		background-size: contain;
	}
	#home #voice-group #voice-detail ul li#voice02 a {
		background: url(../images/sp/btn-voice02.jpg) no-repeat 0 0;
		background-size: contain;
	}
}
@media print, screen and (min-width: 768px) {
	#home #voice-frame {
		width: 100%;
		height: 390px; /* 580px */
		background: #fff url(../images/pc/voice-bg.jpg) no-repeat center;
		background-size: auto 100%;
		padding: 80px 0 110px;
	}
	#home #voice-group {
	}
	#home #voice-group #voice-head {
		width: 100%;
		text-align: center;
		margin: 0 auto 75px;
	}
	#home #voice-group #voice-head img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}

	#home #voice-group #voice-detail {
		width: 940px;
		margin: 0 auto;
	}
	#home #voice-group #voice-detail ul {
		overflow: hidden;
		display: flex;
		justify-content: center;
		zoom: 1;
		width: 100%;
		list-style: none;
		padding: 0;
		margin: 0 auto;
	}
	#home #voice-group #voice-detail ul li:nth-child(odd) {
/*		float: left;*/
		width: 430px;
	}
	#home #voice-group #voice-detail ul li:nth-child(even) {
/*		float: right;*/
		width: 430px;
	}
	#home #voice-group #voice-detail ul li a {
		display: block;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		text-decoration: none;
		width: 430px;
		height: 243px;
		transition: 0.4s;
		backface-visibility: hidden;
	}
	#home #voice-group #voice-detail ul li#voice01 a {
		background: url(../images/pc/btn-voice01.jpg) no-repeat 0 0;
	}
	#home #voice-group #voice-detail ul li#voice02 a {
		background: url(../images/pc/btn-voice02.jpg) no-repeat 0 0;
	}
	#home #voice-group #voice-detail ul li a:hover {
		opacity: 0.6;
	}
}

/*** サービスメニュー ***/
@media only screen and (max-width: 767px) {
	#home #service-frame {
		background: #fffcf1;
	}
	#home #service-group {
		width: 94%;
		padding: 12% 0 18%;
		margin: 0 auto;
	}
	#home #service-group #service-head {
		width: 37.83%;
		margin: 0 auto 7.2%;
	}
	#home #service-group #service-head img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}

	#home #service-group #service-detail ul {
		list-style: none;
		padding: 0;
		margin: 0 0 9.6%;
	}
	#home #service-group #service-detail ul li {
		overflow: hidden;
		position: relative;
		zoom: 1;
		width: 100%;
		margin: 0 0 5.6%;
	}
	#home #service-group #service-detail ul li a {
		display: block;
		color: #000;
		text-decoration: none;
	}
	#home #service-group #service-detail ul li a:hover {
		color: #000;
	}
	#home #service-group #service-detail ul li .service-box-image {
		display: table-cell;
		vertical-align: middle;
		/* float: left; */
		width: 48.3%;
	}
	#home #service-group #service-detail ul li#service01 .service-box-image {
		background: #d8bf97;
	}
	#home #service-group #service-detail ul li#service02 .service-box-image {
		background: #bcdbaf;
	}
	#home #service-group #service-detail ul li#service03 .service-box-image {
		background: #bcd1e6;
	}
	#home #service-group #service-detail ul li img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
	#home #service-group #service-detail ul li .service-box-detail {
		display: table-cell;
		vertical-align: middle;
		/* float: right; */
		width: 51.7%;
		background: #fff;
		font-size: 0.9em;
		text-align: left;
		padding: 2.4% 2.8% 2.0%;
		box-sizing: border-box;
	}
	#home #service-group #service-detail ul li .service-box-detail p {
		line-height: 1.4em;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}
	#home #service-group #service-detail ul li .service-box-detail p.head {
		margin: 0 0 0.3em;
	}
	#home #service-group #service-detail ul li#service01 .head-color {
		color: #af7a26;
	}
	#home #service-group #service-detail ul li#service02 .head-color {
		color: #4b902f;
	}
	#home #service-group #service-detail ul li#service03 .head-color {
		color: #366ca3;
	}

	#home #service-group #service-application a {
		display: block;
		background: url(../images/_share/btn-service-application.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		padding: 15% 0 0;
		background-size: contain;
		margin: 0 auto;
	}
}
@media print, screen and (min-width: 768px) {
	#home #service-frame {
		width: 100%;
		background: #fffcf1;
		padding: 80px 0 90px;
	}
	#home #service-group {
	}
	#home #service-group #service-head {
		width: 100%;
		text-align: center;
		margin: 0 auto 65px;
	}
	#home #service-group #service-head img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}

	#home #service-group #service-detail {
		width: 615px;
		margin: 0 auto 60px;
	}
	#home #service-group #service-detail ul {
		overflow: hidden;
		position: relative;
		zoom: 1;
		width: 100%;
		list-style: none;
		padding: 0;
		margin: 0 auto;
	}
	#home #service-group #service-detail ul li {
		float: left;
		width: 290px;
		background: #fff;
		text-align: center;
		margin: 0 35px 0 0;
	}
	#home #service-group #service-detail ul li:nth-child(2) {
		margin: 0;
	}
	#home #service-group #service-detail ul li a {
		display: block;
		color: #000;
		text-decoration: none;
		transition: 0.4s;
		backface-visibility: hidden;
	}
	#home #service-group #service-detail ul li a:hover {
		color: #000;
		opacity: 0.6;
	}
	#home #service-group #service-detail ul li img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}
	#home #service-group #service-detail ul li .service-box-detail {
		padding: 20px 0;
	}
	#home #service-group #service-detail ul li .service-box-detail p {
		font-weight: bold;
		padding: 0;
		margin: 0;
	}
	#home #service-group #service-detail ul li .service-box-detail p.head {
		margin: 0 0 8px;
	}
	#home #service-group #service-detail ul li#service01 .head-color {
		color: #af7a26;
	}
	#home #service-group #service-detail ul li#service02 .head-color {
		color: #4b902f;
	}
	#home #service-group #service-detail ul li#service03 .head-color {
		color: #366ca3;
	}

	#home #service-group #service-application a {
		display: block;
		background: url(../images/_share/btn-service-application.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		text-decoration: none;
		width: 600px;
		height: 90px;
		margin: 0 auto;
		transition: 0.3s;
		backface-visibility: hidden;
	}
	#home #service-group #service-application a:hover {
		opacity: 0.7;
	}
}

/*** 土地活用 ***/
@media only screen and (max-width: 767px) {
	#home #utilization-frame {
		background: #f0ece2;
	}
	#home #utilization-group {
		width: 94%;
		padding: 12% 0 12.4%;
		margin: 0 auto;
	}
	#home #utilization-group #utilization-head {
		width: 38.83%;
		margin: 0 auto 7.2%;
	}
	#home #utilization-group #utilization-head img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}

	#home #utilization-group #utilization-detail ul {
		overflow: hidden;
		position: relative;
		zoom: 1;
		width: 100%;
		list-style: none;
		padding: 0;
		margin: 0 auto;
	}
	#home #utilization-group #utilization-detail ul li:nth-child(odd) {
		float: left;
		width: 48.3%;
		margin: 0 0 5.6%;
	}
	#home #utilization-group #utilization-detail ul li:nth-child(even) {
		float: right;
		width: 48.3%;
		margin: 0 0 5.6%;
	}

	#home #utilization-group #utilization-detail ul li a {
		display: block;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		padding: 68.966% 0 0;
	}
	#home #utilization-group #utilization-detail ul li#utilization01 a {
		background: url(../images/sp/btn-utilization01.jpg) no-repeat 0 0;
		background-size: contain;
	}
	#home #utilization-group #utilization-detail ul li#utilization02 a {
		background: url(../images/sp/btn-utilization02.jpg) no-repeat 0 0;
		background-size: contain;
	}
	#home #utilization-group #utilization-detail ul li#utilization03 a {
		background: url(../images/sp/btn-utilization03.jpg) no-repeat 0 0;
		background-size: contain;
	}
	#home #utilization-group #utilization-detail ul li#utilization04 a {
		background: url(../images/sp/btn-utilization04.jpg) no-repeat 0 0;
		background-size: contain;
	}
	#home #utilization-group #utilization-detail ul li#utilization05 a {
		background: url(../images/sp/btn-utilization05.jpg) no-repeat 0 0;
		background-size: contain;
	}
	#home #utilization-group #utilization-detail ul li#utilization06 a {
		background: url(../images/sp/btn-utilization06.jpg) no-repeat 0 0;
		background-size: contain;
	}
}
@media print, screen and (min-width: 768px) {
	#home #utilization-frame {
		width: 100%;
		background: #f0ece2;
		padding: 80px 0 50px;
	}
	#home #utilization-group {
	}
	#home #utilization-group #utilization-head {
		width: 100%;
		text-align: center;
		margin: 0 auto 65px;
	}
	#home #utilization-group #utilization-head img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}

	#home #utilization-group #utilization-detail ul li a {
		display: block;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		text-decoration: none;
		width: 380px;
		height: 221px;
		transition: 0.4s;
		backface-visibility: hidden;
	}
	#home #utilization-group #utilization-detail ul li a:hover {
		opacity: 0.6;
	}
	#home #utilization-group #utilization-detail ul li#utilization01 a {
		background: url(../images/pc/btn-utilization01.jpg) no-repeat 0 0;
	}
	#home #utilization-group #utilization-detail ul li#utilization02 a {
		background: url(../images/pc/btn-utilization02.jpg) no-repeat 0 0;
	}
	#home #utilization-group #utilization-detail ul li#utilization03 a {
		background: url(../images/pc/btn-utilization03.jpg) no-repeat 0 0;
	}
	#home #utilization-group #utilization-detail ul li#utilization04 a {
		background: url(../images/pc/btn-utilization04.jpg) no-repeat 0 0;
	}
	#home #utilization-group #utilization-detail ul li#utilization05 a {
		background: url(../images/pc/btn-utilization05.jpg) no-repeat 0 0;
	}
	#home #utilization-group #utilization-detail ul li#utilization06 a {
		background: url(../images/pc/btn-utilization06.jpg) no-repeat 0 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	#home #utilization-group #utilization-detail {
		width: 810px;
		margin: 0 auto;
	}
	#home #utilization-group #utilization-detail ul {
		overflow: hidden;
		position: relative;
		zoom: 1;
		width: 100%;
		list-style: none;
		padding: 0;
		margin: 0 auto;
	}
	#home #utilization-group #utilization-detail ul li:nth-child(odd) {
		float: left;
		width: 380px;
		margin: 0 50px 50px 0;
	}
	#home #utilization-group #utilization-detail ul li:nth-child(even) {
		float: left;
		width: 380px;
		margin: 0 0 65px 0;
	}
}
@media screen and (min-width: 1280px) {
	#home #utilization-group #utilization-detail {
		width: 1240px;
		margin: 0 auto;
	}
	#home #utilization-group #utilization-detail ul {
		overflow: hidden;
		position: relative;
		zoom: 1;
		width: 100%;
		list-style: none;
		padding: 0;
		margin: 0 auto;
	}
	#home #utilization-group #utilization-detail ul li {
		float: left;
		width: 380px;
		margin: 0 50px 50px 0;
	}
	#home #utilization-group #utilization-detail ul li:nth-child(3n) {
		margin: 0 0 65px 0;
	}
}

/*** 販売店リンク ***/
@media only screen and (max-width: 767px) {
	#home #foot_info-frame {
		background: #ab8b41;
	}
	#home #foot_info-group {
		width: 94%;
		padding: 13.6% 0 16%;
		margin: 0 auto;
	}

	#home #foot_info-group #foot_info-sales a {
		display: block;
		background: url(../images/_share/btn-sales.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		padding: 19.333% 0 0;
		background-size: contain;
	}
}
@media print, screen and (min-width: 768px) {
	#home #foot_info-frame {
		width: 100%;
		background: #ab8b41;
	}
	#home #foot_info-group {
		width: 940px;
		padding: 140px 0 160px;
		margin: 0 auto;
	}

	#home #foot_info-group #foot_info-sales a {
		display: block;
		background: url(../images/_share/btn-sales.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		text-decoration: none;
		width: 600px;
		height: 116px;
		margin: 0 auto;
		transition: 0.4s;
		backface-visibility: hidden;
	}
	#home #foot_info-group #foot_info-sales a:hover {
		background: rgba(0,0,0,0.5) url(../images/_share/btn-sales.png) no-repeat 0 0;
	}
}


/* 商品ラインナップ */
#product-list-group .product-list-box h2,
#product-list-group .product-list-box p,
#product-list-group .product-list-box dl,
#product-list-group .product-list-box dt,
#product-list-group .product-list-box dd {
	padding: 0;
	margin: 0;
}
#product-list-group .product-list-box dl {
	padding-bottom: 15px;
}
#product-list-group .product-list-box dt {
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	padding: 3px 10px;
}
#product-list-group .product-list-box.box01 dt ,
#product-list-group .product-list-box.box01 a {
	background: #042953;
}
#product-list-group .product-list-box.box01 dl {
	border: 1px solid #042953;
	background: #FFFFFF;
}
#product-list-group .product-list-box.box02 dt ,
#product-list-group .product-list-box.box02 a {
	background: #70513a;
}
#product-list-group .product-list-box.box02 dl {
	border: 1px solid #70513a;
	background: #FFFFFF;
}
#product-list-group .product-list-box.box03 dt ,
#product-list-group .product-list-box.box03 a {
	background: #007a3e;
}
#product-list-group .product-list-box.box03 dl {
	border: 1px solid #007a3e;
	background: #FFFFFF;
}

#product-list-group .product-list-box .photo img {
	width: 100%;
	height: auto;
	vertical-align: middle;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
#product-list-group .product-list-box h2 {
	margin-bottom: 10px;
}
#product-list-group .product-list-box h2 ul {
	max-width: 200px;
	height: 100px;
	margin: 0 auto 7px auto;
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	justify-content: space-between;
	font-size: 0;
}
#product-list-group .product-list-box h2 ul li {
	padding: 0 20px;
	margin: 0 auto;
}
#product-list-group .product-list-box h2 ul li.syakuya {
	width: 80px;
}
#product-list-group .product-list-box h2 ul li.basic {
	width: 130px;
}
#product-list-group .product-list-box h2 ul li.kiryu {
	width: 130px;
}
#product-list-group .product-list-box h2 ul li.icco {
	width: 130px;
}
#product-list-group .product-list-box h2 img {
	max-width: 100%;
}
#product-list-group .product-list-box .product-name-kiryu img,
#product-list-group .product-list-box .product-name-simplemodern img,
#product-list-group .product-list-box .product-name-premium img {
	height: auto;
	vertical-align: middle;
}

#product-list-group .product-list-box a {
	display: block;
	width: 100%;
	background: #7e0001;
	color: #fff;
	line-height: 1.0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	position: relative;
	width: calc(100% - 30px);
	margin: 0 15px;
}
#product-list-group .product-list-box a::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
	right: 1.0em;
	margin-top: -6px;
}

#product-list-group #product-mark-group {
	width: 100%;
	background: #ab8b41;
}
#product-list-group #product-mark-group p {
	padding: 0;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	#product-list-group {
		width: 94%;
		padding: 0 0 7.2%;
		margin: 0 auto;
	}
	#product-list-group #product-list-group-inner {
	}
	
	#product-list-group .product-list-box {
		width: 100%;
		margin: 0 auto 5.4%;
	}
	#product-list-group .product-list-box h2 {
		text-align: center;
	}
	#product-list-group .product-list-box .photo {
		margin: 0 0 4.8%;
	}
	#product-list-group .product-list-box .product-name-kiryu img {
		width: 23.666667%;
		margin: 0 auto 5.4%;
	}
	#product-list-group .product-list-box .product-name-simplemodern img {
		width: 68.833333%;
		margin: 0 auto 5.4%;
	}
	#product-list-group .product-list-box .product-name-premium img {
		width: 40.5%;
		margin: 0 auto 5.4%;
	}
	#product-list-group .product-list-box .product-detail {
		width: 94%;
		line-height: 1.7em;
		padding: 0 0 6.4%;
		margin: 0 auto;
		font-size: 14px;
	}
	#product-list-group .product-list-box a {
		font-size: 14px;
		padding: 4.0% 0 3.2%;
	}
	
	#product-list-group #product-mark-group {
		padding: 11.2% 0 12.6%;
	}
	#product-list-group #product-mark-group-inner {
		width: 94%;
		margin: 0 auto;
	}
	#product-list-group #product-mark-group h3 {
		display: block;
		background: url(../product-lineup/images/head-mark.png) no-repeat center top;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		padding: 8.33% 0 0;
		background-size: 62% auto;
		-webkit-background-size: 62% auto;
		-moz-background-size: 62% auto;
		margin: 0 auto 7.2%;
	}
	#product-list-group #product-mark-group p.catch {
		line-height: 1.6em;
		color: #fff;
		text-align: center;
		margin: 0 auto 6.4%;
	}
	#product-list-group #product-mark-group p.catch br {
		display: none;
	}
	
	#product-list-group #product-mark-box {
		width: 100%;
		margin: 0 auto;
	}
	#product-list-group #product-mark-box-inner {
	}
	#product-list-group #product-mark-box .product-pickup-box:nth-child(odd) {
		margin: 0 auto 5.4%;
	}
	#product-list-group #product-mark-box .product-pickup-box:nth-child(even) {
		margin: 0 auto 5.4%;
	}
	#product-list-group #product-mark-box .product-pickup-box img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
}
@media print, screen and (min-width: 768px) {
	#product-list-group {
		width: 940px;
		padding: 0 0 65px;
		margin: 0 auto;
	}
	#product-list-group #product-list-group-inner {
		display: flex;
		justify-content: space-between;
		zoom: 1;
		width: 100%;
		margin: 0 auto;
	}
	
	#product-list-group .product-list-box {
		width: calc((100% - 70px) / 3);
	}
	#product-list-group .product-list-box:nth-child(3n) {
		margin:0 0px 35px 0;
	}
	#product-list-group .product-list-box h2 {
		text-align: center;
	}
	#product-list-group .product-list-box .photo {
		margin: 0 0 24px;
	}
		#product-list-group .product-list-box .product-name-kiryu img {
		width: 81px;
		margin: 0 auto 24px;
	}
	#product-list-group .product-list-box .product-name-simplemodern img {
		width: 238px;
		margin: 0 auto 24px;
	}
	#product-list-group .product-list-box .product-name-premium img {
		width: 138px;
		margin: 0 auto 24px;
	}
	#product-list-group .product-list-box .product-detail {
		width: 246px;
		font-size: 16px;
		line-height: 1.6em;
		padding: 0 0 16px;
		margin: 0 auto;
	}
	#product-list-group .product-list-box a {
		font-size: 14px;
		padding: 11px 0 10px;

		transition: 0.3s;
		backface-visibility: hidden; 
	}
	#product-list-group .product-list-box a:hover {
		opacity: 0.7;
	}	

	#product-list-group #product-mark-group {
		padding: 85px 0 140px;
	}
	#product-list-group #product-mark-group-inner {
		width: 940px;
		margin: 0 auto;
	}
	#product-list-group #product-mark-group h3 {
		display: block;
		width: 100%;
		background: url(../product-lineup/images/head-mark.png) no-repeat 0 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		list-style-type: none;
		width: 290px;
		height: 24px;
		background-size: contain;
		margin: 0 auto 70px;
	}
	#product-list-group #product-mark-group p.catch {
		font-size: 18px;
		line-height: 1.6em;
		color: #fff;
		text-align: center;
		margin: 0 auto 60px;
	}
	
	#product-list-group #product-mark-box {
		width: 940px;
		margin: 0 auto;
	}
	#product-list-group #product-mark-box-inner {
		overflow: hidden;
		position: relative;
		zoom: 1;
		width: 100%;
		margin: 0 auto;
	}
	#product-list-group #product-mark-box .product-pickup-box:nth-child(odd) {
		float: left;
		width: 448px;
		margin: 0 0 38px;
	}
	#product-list-group #product-mark-box .product-pickup-box:nth-child(even) {
		float: right;
		width: 448px;
		margin: 0 0 40px;
	}
	#product-list-group #product-mark-box .product-pickup-box img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
	#product-list-group #product-mark-box .product-pickup-box a {
		transition: 0.3s;
		backface-visibility: hidden; 
	}
	#product-list-group #product-mark-box .product-pickup-box a:hover {
		opacity: 0.7;
	}	
}