@charset 'UTF-8';
/* 基本設定 */
#page-main {
  width: 100%;
}
/* ================================================================================================ */
/* 共通 ※共通項目に入っていないクラスでも、別ページで使用していることがあるので注意
--------------------------------------------------------------------------------------------------- */
.page-first-txt{
	line-height: 2;
}
@media screen and (max-width: 767px){
	.common-page-first-image img{
		width: 100%;
	}
}
@media screen and (min-width: 768px){
	.common-page-first-image{
		margin-right: auto;
		margin-left: auto;
	}
}
@media screen and (min-width:768px) and (max-width:1199px){
	.common-page-first-image{
		width: 85%;
	}
}
@media screen and (max-width: 1199px){
	.common-bc0-lastbtn-wrap{
		padding-bottom: 7rem;
	}
	.page-first-txt{
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 1200px){
	.common-page-first-image{
		width: 88.23529411764706%;
		aspect-ratio: 1 / 0.417;
	}
	.common-page-first-image img{
		object-fit: cover;
		height: 100%;
	}
	.page-first-txt{
		font-size: 1.6rem;
		text-align: center;
	}
}

/***************num ttl***************/
.page-common-num-ttl{
	margin-bottom: 3.6rem;
	display: flex;
}
.page-common-num-ttl-num{
	font-size: 1.8rem;
	width: 5.5rem;
	height: 5.5rem;
	border-radius: 50%;
	text-align: center;
	line-height: 5.5rem;
}
.page-common-num-ttl-main{
	width: calc(100% - 5.5rem);
	padding-left: 2.4rem;
}
.page-common-num-ttl-main .txtmin{
	font-size: 1.9rem;
	padding-top: 1.3rem;
	line-height: 1.6;
	margin-bottom: 1.7rem;
}

/***************about greeting***************/
.common-big-min-ttl{
	line-height: 1.5;
}
.common-about-txt{
	margin-bottom: 3rem;
}
@media screen and (max-width: 1199px){
	.common-small-e-ttl{
		margin-bottom: 4rem;
	}
	.common-big-min-ttl{
		font-size: 2.5rem;
		margin-bottom: 3rem;
	}
	.common-about-txt{
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 1200px){
	.common-small-e-ttl{
		margin-bottom: 4.8rem;
	}
	.common-big-min-ttl{
		font-size: 3.2rem;
		margin-bottom: 3.8rem;
	}
	.common-about-txt{
		font-size: 1.7rem;
	}
}

/* ================================================ */
/* 資料請求
------------------------------------------------------ */
.page-request-promise-item-circle{
	margin-right: auto;
	margin-left: auto;
}
.page-request-promise-item-ttl{
	font-size: 1.8rem;
	margin-bottom: 1rem;
}
@media screen and (max-width: 991px){
	.page-request-promise-wrap{
		padding-right: 8%;
		padding-left: 8%;
	}
	.page-request-promise-item+.page-request-promise-item{
		padding-top: 3.2rem;
	}
}
@media screen and (min-width: 992px){
	.page-request-promise-wrap{
		padding-right: 5%;
		padding-left: 5%;
	}
	.page-request-promise-inner{
		display: flex;
	}
	.page-request-promise-item{
		width: calc(100% / 3);
		padding-right: 1rem;
		padding-left: 1rem;
	}
}
@media screen and (max-width: 1199px){
	.page-request-promise-item-circle{
		max-width: 15rem;
		margin-bottom: 2rem;
	}
}
@media screen and (min-width: 1200px){
	.page-request-promise-item-circle{
		max-width: 20rem;
		margin-bottom: 3.2rem;
	}
}
/* request */
.page-request-form-explanation-icon{
	position: absolute;
	top: -7.8rem;
	right: -1.4rem;
	width: 9rem;
	height: 9rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.4;
}
@media screen and (max-width: 1199px){
	.page-request-form-explanation-icon{
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 1200px){
	.page-request-form-explanation-icon{
		position: absolute;
		font-size: 1.3rem;
	}
}
/* title */
.page-request-form-ttl-wrap{
	text-align: center;
}
.page-request-form-ttl-wrap .top-bfont{
	display: inline-block;
	position: relative;
	z-index: 1;
	padding-top: 6rem;
}
.page-request-form-ttl-wrap .top-bfont .page-request-form-explanation-icon{
	z-index: -1;
	top: 0;
	right: -7.8rem;
}
/* title2 */
.page-request-pcnt{
	z-index: 1;
}
.page-request-pcnt .page-request-form-explanation-icon{
	top: 0;
	right: 0;
	z-index: -1;
}
@media screen and (max-width: 767px){
	.page-request-pcnt{
		padding-top: 2.4rem;
	}
}
/*************** form ***************/
.page-request-catalog-wrap{
	padding-top: 1.4rem;
	display: flex;
	flex-wrap: wrap;
}
.page-request-catalog-item span{
	display: block;
}
.page-request-catalog-item .wpcf7-form-control-wrap label{
	display: block;
}
.page-request-catalog-item .wpcf7-form-control-wrap label::before{
	content: " ";
	display: block;
	aspect-ratio: 1 / 1.25;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-bottom: 1.5rem;
	background-image: url(../images/page/request/prci.webp);
}
.prci01 .wpcf7-form-control-wrap label::before{
	background-image: url(../images/page/request/prci-Leone.webp);
}
.prci02 .wpcf7-form-control-wrap label::before{
	background-image: url(../images/page/request/prci-zc-SIMPLE-STYLE.webp);
}
.prci03 .wpcf7-form-control-wrap label::before{
	background-image: url(../images/page/request/prci-iiwa.webp);
}
.prci04 .wpcf7-form-control-wrap label::before{
	background-image: url(../images/page/request/prci-zc-MALIBU.webp);
}
.prci05 .wpcf7-form-control-wrap label::before{
	background-image: url(../images/page/request/prci-Blanc-Ange.webp);
}
.prci06 .wpcf7-form-control-wrap label::before{
	background-image: url(../images/page/request/prci-zc-KAI.webp);
}
.prci07 .wpcf7-form-control-wrap label::before{
	background-image: url(../images/page/request/prci-ZIRO-CUBE.webp);
}
.prci08 .wpcf7-form-control-wrap label::before{
	background-image: url(../images/page/request/prci.webp);
}
.prci09 .wpcf7-form-control-wrap label::before{
	background-image: url(../images/page/request/prci-Recent-hiraya.webp);
}
.prci10 .wpcf7-form-control-wrap label::before{
	background-image: url(../images/page/request/prci-zc-STEP-FLOOR.webp);
}
.prci11 .wpcf7-form-control-wrap label::before{
	background-image: url(../images/page/request/prci-HYVA-AND-STYLE.webp);
}
.prci12 .wpcf7-form-control-wrap label::before{
	background-image: url(../images/page/request/prci-NORDIC-HOUSE.webp);
}
.prci13 .wpcf7-form-control-wrap label::before{
	background-image: url(../images/page/request/prci.webp);
}
.prci14 .wpcf7-form-control-wrap label::before{
	background-image: url(../images/page/request/prci-CENTURY-HOUSE-gallery.webp);
}
@media screen and (max-width: 991px){
	.page-request-catalog-item{
		width: 50%;
}
}
@media screen and (min-width: 992px){
	.page-request-catalog-item{
		width: 25%;
	}
}
@media screen and (max-width: 1199px){
	.page-request-catalog-wrap{
		margin-right: -1rem;
		margin-left: -1rem;
	}
	.page-request-form-explanation-wrap{
		font-size: 1.4rem;
	}
	.page-request-catalog-item{
		font-size: 1.4rem;
		padding-right: 1rem;
		padding-left: 1rem;
		margin-bottom: 3rem;
	}
}
@media screen and (min-width: 1200px){
	.page-request-catalog-wrap{
		margin-right: -1.6rem;
		margin-left: -1.6rem;
	}
	.page-request-form-explanation-wrap{
		font-size: 1.6rem;
	}
	.page-request-catalog-item{
		font-size: 1.4rem;
		padding-right: 1.6rem;
		padding-left: 1.6rem;
		margin-bottom: 4.8rem;
	}
}

/* form 開閉 */
.page-request-catalog-item-other-wrap{
	width: 100%;
	padding-right: 1rem;
	padding-left: 1rem;
	display: flex;
	flex-direction: column;
}
.prciow-wrap{
	display: flex;
	flex-wrap: wrap;
	margin-right: -1rem;
	margin-left: -1rem;
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	order: 1;
}
.form-group-checkbox input:checked+label.prciow-btn+.prciow-wrap{
	height: auto;
	opacity: 1;
	visibility: visible;
}
.prciow-btn{
	background-color: #666;
	border: 1px #666 solid;
	color: #fff;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 17.5rem;
	text-align: center;
	display: block;
	order: 2;
}
.form-group-checkbox label.prciow-btn span{
	padding: 0;
	display: inline-block;
	position: relative;
	margin: 0;
}
.form-group-checkbox label.prciow-btn span::before{
	background-color: #666;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .3s;
}
.form-group-checkbox input:checked+label.prciow-btn span::before{
	content: "閉じる";
	opacity: 1;
}
.form-group-checkbox label.prciow-btn span::after{
	display: none;
}
@media screen and (max-width: 1199px){
	.prciow-btn{
		max-width: 15rem;
		line-height: 3.5rem;
		font-size: 1.1rem;
	}
	.form-group-checkbox label.prciow-btn{
		margin-bottom: 3rem;
	}
}
@media screen and (min-width: 1200px){
	.prciow-btn{
		max-width: 16.8rem;
		line-height: 4rem;
		font-size: 1.4rem;
	}
	.form-group-checkbox label.prciow-btn{
		margin-bottom: 6rem;
	}
}
/* formtext */
.page-afterfollow_form-txt-wrap{
	margin-bottom: 2.8rem;
}
.page-afterfollow_form-txt-ttl{
	font-size: 1.6rem;
	margin-bottom: 2rem;
}
@media screen and (max-width: 1199px){
	.page-afterfollow_form-txt-wrap{
		margin-top: 4rem;
	}
	.page-afterfollow_form-txt-ttl{
		font-size: 1.6rem;
		margin-bottom: 2rem;
	}
}
@media screen and (min-width: 1200px){
	.page-afterfollow_form-txt-wrap{
		margin-top: 5.6rem;
	}
	.page-afterfollow_form-txt-ttl{
		font-size: 2rem;
		margin-bottom: 4rem;
	}
}

/* ================================================ */
/* 会社情報
------------------------------------------------------ */
/*************** GREETING ***************/
.page-about-ceo-name{
	display: flex;
	align-items: center;
}
.page-about-ceo-name span{
	display: block;
	width: 15rem;
	margin-left: 1rem;
}
@media screen and (max-width: 767px){
	.page-about-greeting-txt{
		margin-bottom: 5.6rem;
	}
	.page-about-greeting-img{
		width: 76.4706%;
		margin-right: auto;
		margin-left: auto;
	}
}
@media screen and (min-width: 768px){
	.page-about-greeting-wrap{
		display: flex;
	}
	.page-about-greeting-txt{
		width: 70%;
		padding-left: 8%;
		order: 2;
	}
	.page-about-greeting-img{
		width: 30%;
		order: 1;
	}
}
@media screen and (min-width: 1200px){
	.page-about-ceo-name{
		padding-top: 1rem;
	}
}
/*************** SHOP ***************/
.pasit-ttl{
	margin-bottom: 0.5rem;
}
.pasit-ttl+.sp-fsize-12{
	margin-bottom: 0;
	letter-spacing: 0.04em;
}
@media screen and (min-width: 768px){
	.page-about-shop-wrap{
		display: flex;
		flex-wrap: wrap;
	}
}
@media screen and (min-width:768px) and (max-width:1199px){
	.page-about-shop-wrap{
		margin-right: -1rem;
		margin-left: -1rem;
	}
	.page-about-shop-item{
		width: 50%;
		padding-right: 1rem;
		padding-left: 1rem;
	}
}
@media screen and (max-width: 1199px){
	.page-about-shop-inner{
		display: flex;
		align-items: center;
		border-bottom: 1px rgb(220, 220, 220, 0.5) solid;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	.page-about-shop-inner-img{
		width: 45.5882%;
	}
	.page-about-shop-inner-txt{
		width: 54.4118%;
		padding-left: 5.8824%;
	}
}
@media screen and (min-width: 1200px){
	.page-about-shop-wrap{
		margin-right: -2.4rem;
		margin-left: -2.4rem;
		padding-bottom: 5rem;
	}
	.page-about-shop-item{
		padding-right: 2.4rem;
		padding-left: 2.4rem;
		width: 20%;
	}
	.page-about-shop-item:not(:last-of-type){
		border-right: 1px rgb(220, 220, 220, 0.5) solid;
	}
	.page-about-shop-inner-img{
		margin-bottom: 2.4rem;
	}
	.pasit-ttl+.sp-fsize-12{
		font-size: 1.4rem;
	}
}
/*************** about img ***************/
@media screen and (max-width: 991px){
	.page-about-img-slide-wrap{
		width: 85%;
		margin-right: auto;
		margin-left: auto;
	}
	.ccsp-about{
		margin-top: 2rem;
	}
}
@media screen and (min-width: 992px){
	.ccsp-about{
		margin-top: 4rem;
	}
}
/*************** VALUES ***************/
.common-about-values-item-img{
	text-align: center;
}
.common-about-values-item-ttl{
	line-height: 1.7;
}
.common-about-values-item-ttl .efont{
	padding-bottom: 0.5em;
}
.common-about-values-item-txt{
	margin-bottom: 0;
}
@media screen and (min-width: 992px){
	.common-about-values-wrap{
		display: flex;
		flex-wrap: wrap;
	}
	.common-about-values-item{
		width: calc(100% / 3);
	}
}
@media screen and (min-width:768px) and (max-width:1199px){
	.common-about-values-wrap{
		margin-right: -1.6rem;
		margin-left: -1.6rem;
	}
	.common-about-values-item{
		padding-right: 1.6rem;
		padding-left: 1.6rem;
	}
}
@media screen and (max-width: 1199px){
	.common-about-values-item-img{
		margin-bottom: 2.4rem;
	}
	.common-about-values-item-ttl{
		font-size: 1.5rem;
		margin-bottom: 1.6rem;
	}
	.common-about-values-item-ttl .txtmin{
		font-size: 2.3rem;
	}
	.common-about-values-item-txt{
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 1200px){
	.common-about-values-wrap{
		margin-right: -3rem;
		margin-left: -3rem;
	}
	.common-about-values-item{
		padding-right: 3rem;
		padding-left: 3rem;
	}
	.common-about-values-item-img{
		margin-bottom: 3.2rem;
	}
	.common-about-values-item-ttl{
		font-size: 1.7rem;
		margin-bottom: 2.4rem;
	}
	.common-about-values-item-ttl .txtmin{
		font-size: 2.6rem;
	}
	.common-about-values-item-txt{
		font-size: 1.6rem;
	}
}
/*************** HISTORY ***************/
.page-about-history-wrap{
	margin-bottom: 0;
	padding-left: 0;
	position: relative;
}
.page-about-history-wrap::before{
	content: " ";
	position: absolute;
	top: 0;
	left: 0.4rem;
	display: block;
	background-color: rgb(220, 220, 220, 0.5);
	width: 1px;
	height: 100%;
}
.page-about-history-wrap li{
	position: relative;
	list-style: none;
}
.page-about-history-wrap li::before{
	content: " ";
	background-color: #cf2820;
	position: absolute;
	top: 1.8rem;
	left: 0;
	display: block;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
}
.page-about-history-item-y{
	font-size: 4.2rem;
	line-height: 1;
}
.pahii-m{
	line-height: 1;
}
.pahii-explanation{
	line-height: 1.7;
}
@media screen and (max-width: 1199px){
	.page-about-history-wrap{
		padding-top: 2.4rem;
	}
	.page-about-history-wrap li{
		padding-left: 4rem;
	}
	.page-about-history-wrap li:not(:last-of-type){
		margin-bottom: 3.6rem;
	}
	.page-about-history-item-inner+.page-about-history-item-inner{
		margin-top: 2rem;
	}
	.page-about-history-item-y{
		max-width: 8.8rem;
		margin-bottom: 2.6rem;
	}
	.pahii-m{
		font-size: 1.7rem;
	}
	.pahii-explanation{
		font-size: 1.5rem;
	}
}
@media screen and (min-width: 1200px){
	.page-about-history-wrap{
		padding-top: 4.8rem;
	}
	.page-about-history-wrap li{
		padding-left: 6.4rem;
	}
	.page-about-history-wrap li:not(:last-of-type){
		margin-bottom: 7.2rem;
	}
	.page-about-history-item-inner+.page-about-history-item-inner{
		margin-top: 3.2rem;
	}
	.page-about-history-item-y{
		max-width: 14.4rem;
		margin-bottom: 4.8rem;
	}
	.pahii-m{
		font-size: 2rem;
		margin-bottom: 1.4rem;
	}
	.pahii-explanation{
		font-size: 1.6rem;
	}
}
/* pahii-txt-img */
.pahii-txt-img{
	display: flex;
}
.pahii-txt{
	width: 63.3333%;
	padding-right: 5%;
}
.pahii-img{
	width: 36.6667%;
	text-align: right;
}

/* ================================================ */
/* 家づくりの流れ
------------------------------------------------------ */
/*************** FLOW ***************/
.page-flow-list{
	padding-left: 0;
	margin-bottom: 0;
}
.page-flow-list li{
	padding-left: 8rem;
	position: relative;
	 counter-increment: flowCount;
	 list-style: none;
	 padding-top: 1rem;
}
.page-flow-list li::before{
	content: counter(flowCount, decimal-leading-zero);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 5.5rem;
	height: 5.5rem;
	background-color: #595959;
	border-radius: 50%;
	line-height: 5.5rem;
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	z-index: 1;
	font-family: "Amiri", serif;
	font-weight: 400;
}
.page-flow-list li:not(:last-of-type):after{
	content: " ";
	width: 1px;
	height: calc(100% - 5.5rem);
	background-color: rgb(49, 49, 49,0.5);
	position: absolute;
	top: 5.5rem;
	left: 2.7rem;
	display: block;
}
.page-flow-list-ttl{
	font-size: 1.9rem;
}