@charset "utf-8";
/*
 * page.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */

/*****---------company---------------**/
.pageTop {
	margin: 60px 0 35px;
}

.pageTop h2 {
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: 0.025em;
}

.pageTop h2 span {
	display: block;
	font-size: 3.6rem;
	line-height: 1.2;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.inner_s {
	max-width: 860px;
}

.inner_m {
	max-width: 1080px;
}

.companySub {
	font-size: 1.4rem;
	line-height: 1.71;
	letter-spacing: 0.025em;
}

.companySub+.companySub {
	margin-top: 25px;
}



.companyArea {
	margin-bottom: 100px;
}

.companyList {
	margin: 50px 0 65px;
}

.companyList ul {
	margin-left: -20px;
}

.companyList ul li {
	float: left;
	width: 33.33%;
	padding-left: 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.companyList ul li:first-child {
	width: 100%;
}

.companyDl {
	margin-top: 20px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}

.companyDl dl {
	display: table;
	width: 100%;
	border-bottom: 1px dotted #000;
	position: relative;
}

.companyDl dl:last-child {
	border-bottom: 0;
}

.companyDl dl dt,
.companyDl dl dd {
	display: table-cell;
	font-size: 1.5rem;
	padding: 28px 0;
}

.companyDl dl dt {
	width: 180px;
	padding-left: 20px;
	box-sizing: border-box;
	font-weight: bold;
}

.companyDl dl dd {
	font-weight: normal;
	line-height: 1.6;
}

.companyDl dl dd a {
	pointer-events: none;
}

.companyDl dl dd a.maps {
	position: absolute;
	top: 25px;
	right: 30px;
	pointer-events: initial;
	color: #fff;
	box-sizing: border-box;
	padding: 5px 21px 5px 37px;
	background: url('../img/company/map.png')no-repeat left 20px center;
	background-color: #494f51;
	font-size: 1.2rem;
}

.companyDl dl dd a.maps:hover {
	opacity: 0.8;
	transition: all 0.5s;
	text-decoration: none;
}

.companyMar {
	padding-right: 200px !important;
	box-sizing: border-box;
}

/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {
	.pageTop {
		margin: 35px 0 13px;
	}

	.pageTop h2 {
		font-size: 0.8rem;
		font-weight: bold;
	}

	.pageTop h2 span {
		font-size: 3.2rem;
		line-height: 1;
		font-weight: normal;
	}

	.companySub {
		font-size: 1.3rem;
		line-height: 1.84;
	}

	.companyList {
		margin: 30px 0 25px;
	}

	.companyList ul {
		margin-left: -10px;
	}

	.companyList ul li {
		padding-left: 10px;
		margin-bottom: 10px;
	}

	.companyMar {
		padding-right: 0 !important;
	}

	.companyDl dl {
		display: block;
		width: 100%;
		border-bottom: 1.5px solid #000;
		position: relative;
	}

	.companyDl dl:last-child {
		border-bottom: 0;
	}

	.companyDl dl dt,
	.companyDl dl dd {
		display: block;
		font-size: 1.3rem;
		padding: 11px 10px;
		box-sizing: border-box;
		width: 100%;
	}

	.companyDl dl dt {
		width: 100%;
		border-bottom: 1px dotted #000;
	}

	.companyDl dl dd {
		line-height: 1.38;
	}

	.companyDl dl dd a.maps {
		position: unset;
		display: inline-block;
		pointer-events: initial;
		color: #fff;
		box-sizing: border-box;
		padding: 4px 35px 4px 45px;
		background: url(../img/company/map.png)no-repeat left 35px center;
		background-color: #494f51;
		background-size: 8px auto;
		font-size: 0.9rem;
	}

	.mapBox {
		text-align: center;
		margin-top: 12px;
	}

	.companyDl dl dd a {
		pointer-events: initial;
	}

	.companyArea {
		margin-bottom: 75px;
	}




}



/*****---------company---------------**/

/*****---------contact---------------**/
.contactArea {
	margin-bottom: 40px;
}

.contactItem {
	max-width: 850px;
	width: 100%;
	margin: 0 auto;
}

.contactArea table {
	width: 100%;
}

.contactArea table th {
	padding: 15px;
	width: 220px;
	position: relative;
}

.contactArea table td {
	padding: 15px 0;
}

.contactArea input[type=text],
.contactArea input[type=tel],
.contactArea input[type=email] {
	border: 1px solid #cee2e6;
	box-sizing: border-box;
	background: #cee2e6;
	width: 100%;
	height: 52px;
	font-size: 1.8rem;
	padding: 0 10px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.contactArea .must {
	font-size: 1.2rem;
	font-weight: normal;
	color: #fff;
	background-color: #000;
	width: 40px;
	height: 22px;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto;
	line-height: 22px;
}

.contactArea table th.vtop {
	vertical-align: top;
}

.contactArea textarea {
	border: 1px solid #cee2e6;
	box-sizing: border-box;
	background: #cee2e6;
	width: 100%;
	height: 172px;
	font-size: 1.6rem;
	padding: 10px;
	resize: none;
	overflow: hidden;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}



.contactArea .submitBox {
	text-align: center;
	margin: 40px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.submitBtn+.submitBtn {
	margin-left: 10px;
}

.contactArea .submitBtn {
	max-width: 210px;
	width: 100%;
}

.contactArea .submitBtn input[type=submit],
.contactArea .submitBtn input[type=button]:hover,
.contactArea .submitBtn input[type=reset]:hover {
	box-sizing: border-box;
	max-width: 210px;
	height: 60px;
	width: 100%;
	border: 1px solid transparent;
	display: inline-block;
	font-size: 1.5rem;
	letter-spacing: 0.025em;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	background: #000;
}

.contactArea .submitBtn input[type=submit]:hover,
.contactArea .submitBtn input[type=button],
.contactArea .submitBtn input[type=reset] {
	box-sizing: border-box;
	max-width: 210px;
	height: 60px;
	width: 100%;
	border: 1px solid transparent;
	display: inline-block;
	font-size: 1.5rem;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	background: #000;
	letter-spacing: 0.025em;
}

.formBox {
	margin-bottom: 25px;
}

.formInfo {
	font-size: 1.4rem;
	line-height: 1.71;
}



.contactArea .agreeBtn {
	text-align: center;
	margin-top: 22px;
	font-size: 1.4rem;
}

.contactArea .agreeBtn a {
	text-decoration: underline;
}

.contactArea .agreeBtn label {
	display: inline-block;
	position: relative;
}

.contactArea .agreeBtn label .error {
	position: absolute;
}

.contactArea label input[type=checkbox] {
	width: 15px;
	height: 15px;
	background: url("../img/common/bg_checkbox_checked.png") center center no-repeat;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

.contactArea label input[type=checkbox]:checked {
	background: url("../img/common/bg_checkbox.png") center center no-repeat;
	background-size: 100%;
}



/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {
	.formBox {
		margin-bottom: 25px;
	}

	.formInfo {
		font-size: 1.3rem;
		line-height: 1.84;
	}

	.contactArea table,
	.contactArea table tbody,
	.contactArea table tr,
	.contactArea table th,
	.contactArea table td {
		width: 100% !important;
		display: block;
	}

	.contactArea table th {
		padding: 0;
		width: 100%;
		position: relative;
		font-size: 1.3rem;
	}

	.contactArea table td {
		padding: 10px 0 25px;
	}

	.contactArea .must {
		font-size: 0.9rem;
		font-weight: bold;
		width: 35px;
		height: auto;
		position: unset;
		margin-left: 15px;
		display: inline-block;
	}

	.contactArea textarea {
		height: 160px;
	}

	.contactArea .agreeBtn {
		margin-top: 0;
		font-size: 1.2rem;
	}

	.contactArea input[type=text],
	.contactArea input[type=tel],
	.contactArea input[type=email] {
		height: 40px;
		font-size: 1.4rem;
	}

	.contactArea label input[type=checkbox] {
		width: 18px;
		height: 18px;
		margin-right: 15px;
	}

	.contactArea .submitBox {
		margin: 30px auto 0;
		display: block;
	}

	.contactArea .submitBtn {
		max-width: 255px;
		margin: 0 auto;
	}

	.submitBtn+.submitBtn {
		margin-top: 10px;
	}

	.contactArea .submitBtn input[type=submit],
	.contactArea .submitBtn input[type=button]:hover,
	.contactArea .submitBtn input[type=reset]:hover {
		max-width: 255px;
		height: 40px;
		font-size: 1.1rem;
	}

	.contactArea .submitBtn input[type=submit]:hover,
	.contactArea .submitBtn input[type=button],
	.contactArea .submitBtn input[type=reset] {
		max-width: 255px;
		height: 40px;
		font-size: 1.1rem;
	}

	.contactArea {
		margin-bottom: 75px;
	}




}




/*****---------contact---------------**/

/*****---------event---------------**/
.eventWrap {
	margin: 50px 0 100px;
}

.eventBtn,
.wp-pagenavi {
	text-align: center;
}

.wp-pagenavi .pages {
	display: none;
}

.eventBtn a,
.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-flex;
	padding: 7px 6px;
	margin: 0 10px;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
	border: 0;
	font-family: bebas-neue, sans-serif;
}

.wp-pagenavi a.nextpostslink {
	width: 30px;
	height: 36px;
	box-sizing: border-box;
	background: url(../img/common/next.png) center center no-repeat;
	background-size: 18px auto;
	text-indent: -9999px;
}

.wp-pagenavi a.previouspostslink {
	width: 30px;
	height: 36px;
	box-sizing: border-box;
	background: url(../img/common/prev.png) center center no-repeat;
	background-size: 18px auto;
	text-indent: -9999px;
}

.eventBtn a:hover,
.wp-pagenavi a:hover {
	cursor: pointer;
	text-decoration: none;
}

.eventBtn a.active,
.wp-pagenavi span.current {
	border-bottom: 2px solid #000;
}


/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {
	.eventWrap {
		margin: 40px 0 75px;
	}

	.eventBtn a,
	.wp-pagenavi a,
	.wp-pagenavi span {
		padding: 4px 3px;
		margin: 0 5px;
		font-size: 1.2rem;
	}

	.eventBtn a img {
		width: 12px;
	}

	.eventBtn a.active,
	.wp-pagenavi span.current {
		border-bottom: 1px solid #000;
	}

	.eventWrap .eventItem ul li {
		margin-bottom: 35px;
	}
}

/*****---------event---------------**/

/*****---------event_deatil---------------**/
.eventDetailArea {
	max-width: 960px;
	width: 100%;
	margin: 55px auto 0;
}

.eventSub {
	font-weight: bold;
	font-size: 2.4rem;
	letter-spacing: 0.025em;
	line-height: 1.2;
}

.eventTimes {
	font-size: 1.8rem;
	letter-spacing: 0.025em;
	line-height: 1.1;
	margin: 15px 0 45px;
}

.eventTimes em {
	font-weight: 600;
}

.eventTimes span {
	display: inline-block;
	background-color: #ffd42b;
	color: #000;
	padding: 5px 19px 4px 18px;
	box-sizing: border-box;
	font-size: 1.4rem;
	margin: 0 15px 0 0;
}

.eventImg {
	position: relative;
	margin-bottom: 15px;
}

.eventImg img {
	width: 100%;
}

.single-post .eventItem {
	margin-left: -60px;
}

.single-post .eventItem {
	margin-bottom: 80px;
}

.single-post .eventLeft {
	float: left;
	width: 90%;
	padding-left: 60px;
	box-sizing: border-box;
}

.eventLeft p {
	font-size: 1.4rem;
	line-height: 1.71;
	letter-spacing: 0.025em;
}

.eventLeft p+p {
	margin-top: 20px;
}

.eventRight {
	float: left;
	width: 50%;
	padding-left: 60px;
	box-sizing: border-box;
}

.eventUsrt img {
	width: 100%;
}

.eventUsrt {
	position: relative;
}


.eventUsrt .slick-arrow {
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	bottom: 0;
	top: unset;
	margin-top: 0;
}

.eventUsrt .slick-prev {
	background: url(../img/event/prev.jpg) center center no-repeat;
	background-size: 100%;
	background-color: #fff;
	left: 0;
}

.eventUsrt .slick-next {
	background: url(../img/event/next.jpg) center center no-repeat;
	background-size: 100%;
	background-color: #fff;
	left: 60px;
}


.eventUsrt .slick-prev.slick-disabled {
	background: url("../img/lineup_detail/icon_arrow_fiest.png") no-repeat center center;
	background-color: #fff;
}

.eventUsrt .slick-next.slick-disabled {
	background: url("../img/lineup_detail/icon_arrow_second.png") no-repeat center center;
	background-color: #fff;
}









.eventMess {
	margin-bottom: 80px;
}

.eventMess h2 {
	border-bottom: 2px solid #000;
	font-size: 2.4rem;
	letter-spacing: 0.025em;
	line-height: 1;
	padding-bottom: 10px;
}

.eventMess dl {
	display: table;
	width: 100%;
	border-bottom: 1px dotted #000;
	position: relative;
}

.eventMess dl dt,
.eventMess dl dd {
	display: table-cell;
	letter-spacing: 0.025em;
	padding-top: 13px;
	padding-bottom: 13px;
}

.eventMess dl dt {
	width: 135px;
	padding-left: 15px;
	box-sizing: border-box;
	font-size: 1.4rem;
}

.eventMess dl dd {
	font-size: 1.6rem;
}

.eventMess dl dd a.maps {
	color: #fff;
	box-sizing: border-box;
	padding: 5px 21px 5px 37px;
	background: url(../img/company/map.png)no-repeat left 20px center;
	background-color: #494f51;
	font-size: 1.2rem;
}

.eventMess dl dd a.maps:hover {
	opacity: 0.8;
	transition: all 0.5s;
	text-decoration: none;
}

.eventMess dl dd.ddwidth {
	width: 25%;
}

.eventForm {
	background-color: #cee2e6;
	padding: 60px 0 80px;
}

.eventForm .contactArea input[type=text],
.eventForm .contactArea input[type=tel],
.eventForm .contactArea input[type=email] {
	border: 1px solid #fff;
	background: #fff;
}

.eventForm .contactArea textarea {
	border: 1px solid #fff;
	background: #fff;
}

.eventForm .contactArea label input[type=checkbox]:checked {
	background: url("../img/common/checkbox_white.png") center center no-repeat;
	background-size: 100%;
	width: 15px;
	height: 15px;
}

.eventForm .contactArea label input[type=checkbox] {
	background: url("../img/common/checkbox_whitbg.png") center center no-repeat;
	width: 15px;
	height: 15px;
}

.eventTitle {
	text-align: center;
	line-height: 2;
	font-size: 1.2rem;
	letter-spacing: 0.025em;
	margin-bottom: 25px;
}

.eventTitle span {
	font-weight: bold;
	font-size: 3.6rem;
	display: block;
	letter-spacing: 0.05em;
	line-height: 1.1;
}


/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {
	.eventDetailArea {
		max-width: 100%;
		width: 100%;
		margin: 23px auto 0;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.eventSub {
		font-size: 1.8rem;
		line-height: 1.33;
		margin-bottom: 35px;
	}

	.eventTimes {
		display: none;
	}

	.eventIist .eventImg {
		margin-bottom: 0;
	}

	.eventDetailArea .eventImg {
		margin-bottom: 23px;
	}

	.eventItem {
		margin-left: 0 !important;
		margin-bottom: 30px !important;
	}

	.eventLeft {
		float: none !important;
		width: 100% !important;
		padding-left: 0 !important;
		margin-bottom: 30px;
	}

	.eventRight {
		float: none;
		width: 100%;
		padding-left: 0;
	}

	.eventLeft p {
		font-size: 1.3rem;
		line-height: 1.61;
	}

	.eventUsrt .slick-arrow {
		width: 40px;
		height: 40px;
	}

	.eventUsrt .slick-prev {
		right: 40px;
		left: unset;
	}

	.eventUsrt .slick-next {
		right: 0;
		left: unset;
	}

	.eventMess h2 {
		font-size: 1.8rem;
	}


	.eventMess dl dt,
	.eventMess dl dd {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.eventMess dl dt {
		width: 75px;
		padding-left: 8px;
		font-size: 1.3rem;
	}

	.eventMess dl dd {
		font-size: 1.3rem;
	}

	.eventMess dl dd a.maps {
		padding: 3px 30px 3px 44px;
		background: url(../img/company/map.png)no-repeat left 25px center;
		background-size: 9px auto;
		background-color: #494f51;
		font-size: 0.9rem;
		display: inline-block;
	}

	.eventMess dl dd a.maps:hover {
		opacity: 0.8;
		transition: all 0.5s;
		text-decoration: none;
	}

	.eventMess dl dd.ddwidth {
		width: 25%;
	}

	.eventMess dl.eventDl dd {
		width: 100%;
		display: block;
	}

	.eventMess dl.eventDl dd:first-child {
		padding-bottom: 0;
	}

	.eventMess dl.eventDl dd:last-child {
		padding-top: 0;
	}

	.eventMess dl.eventDl dd .mapBox {
		text-align: left;
		margin-top: 0;
	}

	.eventMess {
		margin-bottom: 30px;
	}

	.eventForm {
		padding: 35px 0 5px;
	}

	.eventTitle {
		line-height: 1.25;
		font-size: 0.8rem;
		margin-bottom: 15px;
		font-weight: bold;
	}

	.eventTitle span {
		font-size: 3.2rem;
	}






}

#onsale .onsaleArea .onsaleItem {
	margin: 50px 0 10px;
}

#onsale .onsaleArea .onsaleItem ul li {
	margin-bottom: 90px;
}

#onsale .onsaleArea .onsaleItem ul li:nth-child(5) {
	clear: both;
}


/* btn */
.onsaleArea,
#onsale #main {
	position: relative;
}

.onsaleArea .bn_OnSale {
	position: absolute;
	right: 5vw;
	top: 80px;
}

#onsale .bn_OnSale {
	position: absolute;
	right: 5vw;
	top: 10px;
}

.onsaleArea .bn_OnSale a,
#onsale .bn_OnSale a {
	background: #ee6354;
	color: #fff;
	padding: 20px 40px 20px 20px;
	font-size: 1.6rem;
	text-decoration: none;
}

.onsaleArea .bn_OnSale a:before,
#onsale .bn_OnSale a:before {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	top: -1px;
	right: 3px;
	background: url(../img/common/ico_nwindow_wh.png)no-repeat right center;
	background-size: 26px auto;
}


@media screen and (max-width: 768px) {
	#onsale .onsaleArea .onsaleItem {
		margin: 25px 0 55px;
	}

	#onsale .onsaleArea .onsaleItem ul li {
		margin-bottom: 20px;
	}


	.onsaleArea .onsaleItem ul {
		max-width: 375px;
		margin: 0 auto;
	}

	.onsaleArea .bn_OnSale,
	#onsale .bn_OnSale {
		position: absolute;
		right: 10px;
		top: 0;
	}

	.onsaleArea .bn_OnSale {
		position: absolute;
		right: 10px;
		top: 40px;
	}

	.onsaleArea .bn_OnSale a,
	#onsale .bn_OnSale a {
		padding: 8px 25px 8px 5px;
		font-size: 1.1rem;
		line-height: 1.2;
		display: flex;
		max-width: 72px;
	}

	.onsaleArea .bn_OnSale a:before,
	#onsale .bn_OnSale a:before {
		width: 36px;
		height: 36px;
		top: 3px;
		right: 2px;
	}

}


/*****---------event_deatil---------------**/


/*****---------renovation---------------**/
.renovaTop {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 55px;
}

.renovaTop p {
	width: 50%;
}

.renovaTop p img {
	width: 100%;
}


.renovaItem {
	margin-bottom: 40px;
}

.renovaMess {
	text-align: center;
	margin-bottom: 70px;
}

.renovaMess p {
	font-size: 1.5rem;
	letter-spacing: 0.025em;
	line-height: 2;
	margin-top: 40px;
}

.renovaImg {
	margin-bottom: 40px;
}

.renovaImg ul {
	margin-left: -80px;
}

.renovaImg ul li {
	float: left;
	width: 50%;
	padding-left: 80px;
	box-sizing: border-box;
	text-align: center;
}

.renovaInfo {
	margin-bottom: 30px;
	padding-top: 20px;
}

.renovaImg ul li h2 {
	font-size: 1rem;
	letter-spacing: 0.025em;
	line-height: 1.1;
	margin: 20px 0 10px;
}

.renovaImg ul li h2 span {
	display: block;
	font-size: 3rem;
	letter-spacing: 0.1em;
	line-height: 1.1;
}

.renovaImg ul li p {
	font-size: 1.4rem;
	letter-spacing: 0.025em;
	line-height: 2;
}

.renovaList {
	margin-left: -20px;
}

.renovaList .renovaFox {
	padding-left: 20px;
	box-sizing: border-box;
	width: 50%;
	float: left;
	margin-bottom: 20px;
}

.renovah3 {
	text-align: center;
	font-size: 3rem;
	letter-spacing: 0.1em;
	line-height: 1.1;
	margin-bottom: 40px;
}

.renovaVideo {
	max-width: 840px;
	width: 100%;
	margin: 0 auto;
}

#renovation .fancybox-skin {
	background: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.renovaFlow {
	padding-top: 80px;
	margin-bottom: 90px;
}

.renovaFlow h2 {
	font-size: 1.2rem;
	letter-spacing: 0.025em;
	line-height: 1.1;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

.renovaFlow h2 span {
	display: block;
	font-size: 3.6rem;
	line-height: 1.1;
}

.renovaFlow ul {
	margin-left: -100px;
	padding: 0 20px;
	box-sizing: border-box;
}

.renovaFlowList {
	position: relative;
}

.renovaFlowList:before {
	position: absolute;
	top: 35px;
	left: 0;
	background: #cee2e6;
	width: 100%;
	height: 3px;
	content: '';
	z-index: -1;
}

.renovaFlow ul li {
	float: left;
	width: 33.33%;
	padding-left: 100px;
	box-sizing: border-box;
}

.renovaFlow ul li h3 {
	display: inline-flex;
	justify-content: center;
	justify-items: center;
	border-radius: 100%;
	background-color: #cee2e6;
	font-size: 2.4rem;
	letter-spacing: 0.025em;
	width: 69px;
	height: 69px;
	line-height: 69px;
}

.renovaFlow ul li h4 {
	text-align: center;
	font-size: 1.6rem;
	letter-spacing: 0.025em;
	font-weight: bold;
	margin: 20px 0;
}

.renovaFlow ul li p {
	font-size: 1.4rem;
	line-height: 2;
	letter-spacing: 0.025em;
}

section.product {
	position: relative;
	width: 100%;
	background: #fff;
}

section.product h1 {
	text-align: center
}

section.product>.image-main .image {
	width: 100%;
	transform: translateY(0px) !important;
}

section.product>.image-main .image img {
	width: 100%;
	transform: translate3d(0px, 0px, 0px) !important;
}


.white-cover-2 {
	position: relative;
	overflow: hidden
}

.white-cover-2:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	transition: -webkit-transform 1200ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 1200ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 1200ms cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 1200ms cubic-bezier(0.645, 0.045, 0.355, 1)
}

.white-cover-2.cover-anim:after {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}





/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {
	.renovaTop {
		margin-bottom: 30px;
	}

	.renovaMess h2 img {
		width: 142px;
	}

	.renovaMess p {
		font-size: 1.25rem;
		line-height: 1.68;
		margin-top: 0;
	}

	.renovaMess p span {
		display: block;
		margin-top: 20px;
	}

	.renovaMess {
		margin-bottom: 35px;
	}

	.renovaImg ul {
		margin-left: 0;
	}

	.renovaImg ul li {
		float: none;
		width: 100%;
		padding-left: 0;
	}

	.renovaImg {
		margin-bottom: 40px;
		margin: 0 -10px;
	}

	.renovaImg ul li h2 span {
		font-size: 1.8rem;
		line-height: 1.5;
	}

	.renovaImg ul li h2 {
		font-size: 0.8rem;
		line-height: 1.2;
	}

	.renovaImg ul li p {
		font-size: 1.2rem;
		line-height: 1.75;
	}

	.renovaInfo {
		margin-bottom: 23px;
	}

	.renovaList p {
		padding-left: 15px;
		margin-bottom: 15px;
	}

	.renovaList {
		margin-left: -15px;
		padding: 0 25px;
		box-sizing: border-box;
		margin-bottom: 15px;
	}

	.renovaList .renovaFox {
		padding-left: 15px;
	}

	.renovaFlow {
		padding-top: 0;
		margin-bottom: 50px;
	}

	.renovaVideo {
		max-width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.renovaFlow ul {
		margin-left: 0;
		position: relative;
	}

	.renovaFlow ul li {
		float: none;
		width: 100%;
		padding-left: 0;
		margin-bottom: 30px;
	}

	.renovaFlowTable {
		display: table;
		width: 100%;
	}

	.renovaFlowDt {
		width: 70px;
		display: table-cell;
		text-align: left !important;
		position: relative;
	}

	.renovaFlowMess {
		display: table-cell;
	}

	.renovaFlow ul li h3 {
		font-size: 1.2rem;
		width: 42px;
		height: 42px;
		line-height: 42px;
	}

	.renovaFlow ul li h4 {
		font-size: 1.4rem;
		margin: 10px 0;
		text-align: left;
	}

	.renovaFlow ul li p {
		font-size: 1.2rem;
	}

	.renovaFlowList:before {
		display: none;
	}

	.renovaFlow ul:before {
		position: absolute;
		top: 5px;
		left: 40px;
		background: #cee2e6;
		height: 100%;
		width: 1.5px;
		content: '';
		z-index: -1;
	}


}

/*****---------renovation---------------**/


/*****---------report---------------**/
.reportItem ul li {
	padding-bottom: 30px;
}

.reportWrap {
	margin-bottom: 140px;
}

#report .reportWrap .reportItem ul li:nth-child(2) dl,
#report .reportWrap .reportItem ul li:nth-child(5) dl,
#report .reportWrap .reportItem ul li:nth-child(8) dl,
#report .reportWrap .reportItem ul li:nth-child(11) dl {
	margin-top: 90px;
}

/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {
	.reportWrap .reportItem ul {
		margin-left: 0;
		padding: 0 30px;
		box-sizing: border-box;
	}

	.reportWrap .reportItem ul li:nth-child(2n) {
		float: right;
		width: 80%;
		padding-left: 0;
	}

	.reportWrap .reportItem ul li:nth-child(2n+1) {
		float: left;
		width: 80%;
		padding-left: 0;
	}

	.reportWrap .reportBox {
		max-width: 100%;
		width: 100%;
	}

	.reportWrap .reportBox img {
		width: 100%;
	}

	.home .reportWrap .reportItem ul li:nth-child(2),
	.home .reportWrap .reportItem ul li:nth-child(5),
	.home .reportWrap .reportItem ul li:nth-child(8),
	.home .reportWrap .reportItem ul li:nth-child(11) {
		margin-top: 0;
	}

	#report .reportWrap .reportItem ul li:nth-child(2) dl,
	#report .reportWrap .reportItem ul li:nth-child(5) dl,
	#report .reportWrap .reportItem ul li:nth-child(8) dl,
	#report .reportWrap .reportItem ul li:nth-child(11) dl {
		margin-top: 0;
	}

	.reportWrap {
		margin-bottom: 45px;
	}

}



/*****---------report---------------**/


/*****---------privacy---------------**/
.privacyWrap {
	max-width: 840px;
	margin: 0 auto 95px;
	width: 100%;
}

.privacyInfo {
	font-size: 1.4rem;
	line-height: 1.71;
	letter-spacing: 0.025em;
}

.privacymab55 {
	margin-bottom: 55px;
}

.privacyWrap dl {
	margin-bottom: 50px;
}

.privacyWrap dl dt {
	font-size: 1.5rem;
	font-weight: bold;
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.privacyWrap dl dd {}

.privacymat20 {
	margin-top: 20px;
}

.privacyWrap ul li {
	font-size: 1.4rem;
	line-height: 1.71;
	letter-spacing: 0.025em;
}

.privacyWrap ul li a {
	pointer-events: none;
}

.privacyul li {
	margin-bottom: 20px;
}

.privacyul li span {
	display: block;
	font-weight: bold;
}

/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {


	.privacyWrap {
		max-width: 100%;
		margin: 0 auto 30px;
		padding: 0 5px;
		box-sizing: border-box;
	}

	.privacyInfo {
		font-size: 1.3rem;
		line-height: 1.84;
	}

	.privacymab55 {
		margin-bottom: 35px;
	}

	.privacyWrap dl {
		margin-bottom: 35px;
	}

	.privacyWrap dl dt {
		font-size: 1.4rem;
		font-weight: bold;
		border-bottom: 1px solid #000;
		padding-bottom: 6px;
		margin-bottom: 6px;
	}

	.privacyWrap dl dd {}

	.privacymat20 {
		margin-top: 20px;
	}

	.privacyWrap ul li {
		font-size: 1.3rem;
		line-height: 1.84;
	}

	.privacyWrap ul li a {
		pointer-events: initial;
	}

	.privacyul li {
		margin-bottom: 10px;
	}

}



/*****---------privacy---------------**/

/*****---------staff---------------**/
.staffImg {
	position: relative;
	background: url('../img/staff/tranImg.png')no-repeat 0 0;
	min-height: 200px;
}

.staffImg p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}

.staffItem {}

.staffItem ul {
	margin-left: -50px;
}

.staffItem ul li {
	float: left;
	width: 25%;
	padding-left: 50px;
	box-sizing: border-box;
	margin-bottom: 80px;
}

.staffItem ul li a {
	display: block;
}

.staffItem ul li a:hover {
	opacity: 0.8;
	transition: all 0.5s;
	text-decoration: none;
}

.staff01 {
	font-size: 1.2rem;
	letter-spacing: 0.025em;
	background-color: #000;
	color: #fff;
	padding: 1px 15px;
	display: inline-block;
	margin-bottom: 7px;
	margin-top: 5px;
}

.staff02 {
	font-size: 1.5rem;
	letter-spacing: 0.025em;
	font-weight: bold;
}

.staff03 {
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}

.staff04 {
	font-size: 1.4rem;
	letter-spacing: 0.025em;
	margin-top: 5px;
	line-height: 2;
}





/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {
	.staffItem ul {
		margin-left: -10px;
	}

	.staffItem ul li {
		width: 50%;
		padding-left: 10px;
		margin-bottom: 40px;
	}

	.staff01 {
		font-size: 0.8rem;
		padding: 1px 8px;
	}

	.staff03 {
		font-size: 1.1rem;
		letter-spacing: 0.025em;
		margin-bottom: 6px;
	}

	.staff04 {
		font-size: 1.3rem;
		margin-top: 5px;
		line-height: 1.61;
	}


}



/*****---------staff---------------**/

/*****---------contentsArea---------------**/
.contentsArea {
	margin-bottom: 95px;
}

.contentsArea .section {
	max-width: 1000px;
	margin: 0 auto;
}

/*****---------contentsArea---------------**/

/*****---------movie---------------**/
.movie-wrap li {
	position: relative;
	padding-bottom: 56.25%;
	/*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
	margin-bottom: 5em;
}

.movie-wrap li iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {
	.movie-wrap li {
		margin-bottom: 30px;
	}
}

/*****---------movie---------------**/


/*****---------zeh---------------**/
.zehWrap {
	max-width: 840px;
	width: 100%;
	margin: 0 auto;
}

.zehWrap h3 {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 1em;
}

.zehWrap p {
	font-size: 1.4rem;
	line-height: 1.71;
	letter-spacing: 0.025em;
	margin-bottom: 20px;
}


/*****---------zeh---------------**/


/*****---------reform---------------**/
.reformWrap {
	width: 100%;
	margin: 0 auto;
}

.reformWrap .mainImg {
	background: url(../img/reform/bg_reform.jpg) center center no-repeat;
	background-size: cover;
	width: 100%;
	height: 0;
	padding-top: 61.14%;
}

.reformWrap .mainImg h2 {
	text-align: center;
	color: #fff;
	font-size: 2.4rem;
	margin-top: -30%;
}

.reformInner {
	max-width: 840px;
	margin: 0 auto 80px;
}

.reformWrap .inner_m {
	margin: 0 auto;
}

.reformWrap .reformBlock {
	/*
	background: url(../img/reform/bg_reform_01.jpg);
*/
	padding: 50px 0;
}

.reformWrap .reformInner h2,
.reformWrap .inner_m h2 {
	font-size: 2.4rem;
	margin-bottom: 20px;
	text-align: center;
}

.reformWrap .reformInner h3 {
	margin-bottom: 20px;
}

.reformWrap h3.reformContentsTtl {
	color: #fff;
	background: #000;
	border-radius: 20px;
	padding: 5px;
	text-align: center;
}

.reformWrap .reformInner video {
	width: 100%;
	max-width: 800px;
	height: auto;
}

.reformWrap .closing_block_02 {
	display: flex;
	margin: 40px 0;
}

.reformWrap .closing_block_02 li {
	width: 40%;
	margin: 0 auto;
	padding: 0 20px;
}

.reformWrap .closing_block_02 img {
	margin-bottom: 10px;
}

.reformWrap .closing_block_03 {
	margin-bottom: 60px;
}

.reformWrap .closing_block_03 h3 {
	font-size: 1.8rem;
}

.reformWrap .closing_block_03 dd img {
	margin-bottom: 20px;
}

.closing_block_04 {
	display: flex;
	margin-bottom: 40px;
}

.closing_block_04 li {
	width: 50%;
}

.closing_block_04 li:first-child {
	padding-right: 30px;
}

.closing_block_04 .txt_Box {
	width: 52%;
	padding-top: 20px;
}

.closing_block_05 {
	display: flex;
}

.closing_block_05 li:last-child {
	width: 45%;
	margin-left: 5%;
}


.note {
	font-size: 1.2rem;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.txt-c {
	text-align: center;
}


/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {
	.reformWrap .mainImg {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.reformWrap .mainImg h2 {
		margin-bottom: 22vw;
	}

	.reformWrap .reformInner h2,
	.reformWrap .inner_m h2 {
		font-size: 2.0rem;
	}

	.reformWrap .reformBlock {
		padding: 20px 20px 0;
	}

	.reformWrap .closing_block_02 {
		flex-wrap: wrap;
		margin: 40px 0 20px;
	}

	.reformWrap .closing_block_02 li {
		width: 90%;
		padding: 0;
		margin-bottom: 20px;
	}

	.closing_block_04,
	.closing_block_05 {
		flex-wrap: wrap;
	}

	.closing_block_04 li,
	.closing_block_04 .txt_Box {
		width: 100%;
	}

	.closing_block_04 .txt_Box {
		padding-top: 30px;
	}

	.closing_block_04 li:first-child {
		padding-right: 0;
	}

	.reformWrap h3.reformContentsTtl {
		padding: 5px 20px;
		border-radius: 40px;
	}

	.closing_block_05 li:last-child {
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}

	.closing_block_05 li:last-child img {
		margin-bottom: 10px;
	}
}

/*****---------/reform---------------**/


/*****---------lineup---------------**/
.lineArea {
	margin-bottom: 65px;
}

.lineLinks {
	margin-bottom: 80px;
}

.lineLinks ul {
	text-align: center;
}

.lineLinks ul li {
	display: inline-block;
}

.lineLinks ul li a {
	display: block;
	padding: 0 15px;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 1.2rem;
	letter-spacing: 0.025em;
	color: #231815;
	position: relative;
}

.lineLinks ul li a.isActive:before {
	position: absolute;
	left: 10%;
	bottom: -5px;
	width: 80%;
	height: 2px;
	background: #231815;
	content: '';
}

.lineLinks ul li a:hover {
	opacity: 0.8;
	transition: all 0.5s;
	text-decoration: none;
}

.lineItem {
	max-width: 1000px;
	margin: 0 auto;
	width: 100%;
}

.lineBox {}
/*0509*/
/*.lineBox ul {
	margin-left: -18px;
}

.lineBox ul li {
	float: left;
	width: 25%;
	padding-left: 18px;
	box-sizing: border-box;
	margin-bottom: 70px;
}*/

.lineBox ul {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.lineBox ul:after {
	display: none;
}

.lineBox ul li {
	float: none;
	max-width: 250px;
	width: 100%;
	padding: 0 8px;
	box-sizing: border-box;
	margin-bottom: 70px;
}

.lineBox ul li a {
	display: block;
	text-align: center;
}

.lineBox ul li a:hover {
	opacity: 0.8;
	transition: all 0.5s;
	text-decoration: none;
}

.lineImg {
	background: url('../img/lineup/tranImg.png')no-repeat 0 0;
	position: relative;
	margin-bottom: 20px;
}

.lineInfo {
	text-align: center;
	display: inline-block;
	font-weight: bold;
	position: relative;
}
.lineInfo:after {
	content:"";
	position: absolute;
	bottom: 0;
	left: -10px;
	z-index: -1;
	width: 100%;
	height: 8px;
	padding: 0 10px;
	background: #cde2e6;
}

.lineMess {
	position: relative;
	font-size: 1.3rem;
	color: #231815;
	line-height: 1.53;
	text-align: center;
	margin-top: 15px;
}

.lineMess:before {
	position: absolute;
	top: 0;
	left: 0px;
	background: url('../img/lineup/top.png')no-repeat left top;
	width: 18px;
	height: 15px;
	content: '';
	z-index: -1;
	padding: 0 5px;
}

.lineMess:after {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url('../img/lineup/bottom.png')no-repeat right bottom;
	width: 19px;
	height: 15px;
	content: '';
	z-index: -1;
	padding: 0 5px;
}

.lineprice {
	display: inline-block;
	margin-top: 10px;
	font-size: 1.3rem;
	font-weight: bold;
	position: relative;
}
.lineprice span {
	font-size: 1.1rem;
}
.lineprice:after {
	content:"";
	position: absolute;
	bottom: 0;
	left: -10px;
	z-index: -1;
	width: 100%;
	height: 8px;
	padding: 0 10px;
	background: rgba(253,205,2,0.8);
}

.lineupText {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 60px;
	text-align: center;
}

.lineupText span:first-child {
	border-bottom: 6px solid #ee6354;
}

.lineupText span:nth-child(2) {
	border-bottom: 6px solid #4dbbd3;
}

.lineupText span:nth-child(3) {
	border-bottom: 6px solid #ffd42b;
}

@media screen and (max-width: 768px) {
	.lineupText span:first-child {
		display: table;
		margin: auto;
	}

	.lineupText span:nth-child(2) {
		display: table;
		margin: auto;
	}

	.lineupText span:nth-child(3) {
		display: table;
		margin: auto;
	}
}









/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {
	.lineLinks ul li a {
		padding: 0 6px;
		line-height: 2;
	}

	.lineLinks ul li a.isActive:before {
		left: 0;
		bottom: -2px;
		height: 1px;
		width: 100%;
	}

	.lineLinks {
		margin-bottom: 50px;
	}

/*	0509*/
	/*.lineBox ul {
		margin-left: -20px;
	}

	.lineBox ul li {
		width: 50%;
		padding-left: 20px;
		margin-bottom: 40px;
	}*/

	.lineBox ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 20px;
	}

	.lineBox ul li {
		max-width: 100%;
		width: 100%;
		padding: 0;
		margin-bottom: 0;
	}

	.lineImg {
		margin-bottom: 10px;
	}

	.lineInfo img {
		max-width: 157px;
		width: 100%;
	}

	.lineMess {
		font-size: 1.2rem;
		line-height: 1.25;
		margin-top: 8px;
	}

	.lineMess:before {
		background-size: 50% auto;
		left: -5px;
	}

	.lineMess:after {
		background-size: 50% auto;
	}

	.lineItem {
		max-width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.lineArea {
		margin-bottom: 30px;
	}

	.lineupText {
		font-size: 1.6rem;
		margin-bottom: 35px;
	}

}



/*****---------lineup---------------**/




/*****---------wood---------------**/
.woodArea {
	margin: 0;
}

.woodTop {
	/*
	margin-bottom: 120px;
*/
	margin-bottom: 80px;
}

/*****---------lineup detail topImg ---------------**/
.wtw .woodTop {
	background: url('../img/lineup_detail/main.png')no-repeat 0 0;
	min-height: 656px;
	background-size: cover;
}

.onescubo .woodTop {
	background: url('../img/lineup_detail/onescubo/main.png')no-repeat center 0;
	min-height: 560px;
	background-size: cover;
}

.zcfun .woodTop {
	background: url('../img/lineup_detail/zero-cube-fun/main.png')no-repeat center 0;
	min-height: 656px;
	background-size: cover;
}

.sevenh .woodTop {
	background: url('../img/lineup_detail/sevenh/main.png')no-repeat center 0;
	min-height: 656px;
	background-size: cover;
}

.zcstep .woodTop {
	background: url('../img/lineup_detail/zero-cube-step/main.png')no-repeat center 0;
	min-height: 656px;
	background-size: cover;
}

.zcmalibu .woodTop {
	background: url('../img/lineup_detail/zero-cube-malibu/main.png')no-repeat center 0;
	min-height: 656px;
	background-size: cover;
}

.zcsimple .woodTop {
	background: url('../img/lineup_detail/zero-cube-simple/main.png')no-repeat center 0;
	min-height: 656px;
	background-size: cover;
}

.zcmini .woodTop {
	background: url('../img/lineup_detail/zero-cube-mini/main.png')no-repeat center 0;
	min-height: 656px;
	background-size: cover;
}

.zckai .woodTop {
	background: url('../img/lineup_detail/zero-cube-kai/main.png')no-repeat center 0;
	min-height: 656px;
	background-size: cover;
}

.blanca .woodTop {
	background: url('../img/lineup_detail/blanc/main.png')no-repeat center 0;
	min-height: 656px;
	background-size: cover;
}

.nordic .woodTop {
	background: url('../img/lineup_detail/nordic/main.png')no-repeat center 0;
	min-height: 656px;
	background-size: cover;
}

.hyva .woodTop {
	background: url('../img/lineup_detail/hyva/main.png')no-repeat center 0;
	min-height: 656px;
	background-size: cover;
}

.resumu .woodTop {
	background: url('../img/lineup_detail/resumu/main.png')no-repeat center 0;
	min-height: 656px;
	background-size: cover;
}

.am6 .woodTop {
	background: url('../img/lineup_detail/am6/main.png')no-repeat center 0;
	min-height: 656px;
	background-size: cover;
}

.lifebox .woodTop {
	background: url('../img/lineup_detail/lifebox/main.png')no-repeat center 0;
	min-height: 600px;
	background-size: cover;
}

.rationalbox .woodTop {
	background: url('../img/lineup_detail/rationalbox/main.png')no-repeat center 0;
	min-height: 600px;
	background-size: cover;
}

.fudan .woodTop {
	background: url('../img/lineup_detail/fudan/main.png')no-repeat center 0;
	min-height: 600px;
	background-size: cover;
}

.compact_house .woodTop {
	background: url('../img/lineup_detail/compact_house/main.png')no-repeat center 0;
	min-height: 600px;
	background-size: cover;
}

.complete_box .woodTop {
	background: url('../img/lineup_detail/complete_box/main.png')no-repeat center 0;
	min-height: 600px;
	background-size: cover;
}

.sozaie .woodTop {
	background: url('../img/lineup_detail/sozaie/main.png')no-repeat center 0;
	min-height: 600px;
	background-size: cover;
}


/* lineup detail campaign --------------------------*/
html {
	scroll-behavior: smooth;
}

.woodArea .campaign,
#lineup .campaign {
	text-align: center;
	max-width: 1100px;
	margin: 0 auto 80px;
	display: none;
}

.woodArea .campaign h2,
#lineup .campaign h2 {
	font-size: 3.2rem;
	margin-bottom: 0.2em;
}

#lineup .campaign ul {
	display: flex;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}

#lineup .campaign ul li {
	width: 50%;
}

#lineup .campaign li:first-child {
	border-right: 1px solid #000;
}

.woodArea .campaign h3,
#lineup .campaign h3 {
	font-size: 2.6rem;
}

.woodArea .campaign .campaignPrice {
	padding-top: 20px;
}

.woodArea .campaign h3.Bebas {
	font-size: 3.2rem;
}

.woodArea .campaign ol {
	text-align: left;
	max-width: 560px;
	margin: 20px auto;
	font-size: 2.0rem;
}

.woodArea .campaign ol li {
	margin-bottom: 10px;
}

.woodArea .campaign dd {
	font-size: 3.2rem;
}

.woodArea .campaign dd .pricedown {
	text-decoration: line-through;
}

.woodArea .campaign .campaignBtn a {
	background: #000;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 210px;
	height: 60px;
	margin: 20px auto 0;
}

.woodArea .campaign .campaignBtn a:hover {
	opacity: 0.8;
	transition: all 0.5s;
	text-decoration: none;
}

.woodArea .campaign .campaignPoint {
	font-weight: bold;
	background: linear-gradient(transparent 30%, #a8d2c8);
}


#lineup .campaign .select {
	width: 80%;
	margin: 0 auto;
	text-align: left;
}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {

	#lineup .campaign {
		margin: 0 auto 50px;
	}

	#lineup .campaign ul {
		flex-wrap: wrap;
		font-size: 1.4rem;
	}

	#lineup .campaign ul li {
		width: 100%;
		margin-bottom: 30px;
	}

	#lineup .campaign li:first-child {
		border-right: none;
	}

	.woodArea .campaign {
		padding: 0 20px;
	}

	.woodArea .campaign h2,
	#lineup .campaign h2 {
		font-size: 2.0rem;
	}

	.woodArea .campaign h3,
	#lineup .campaign h3 {
		font-size: 1.8rem;
	}

	#lineup .campaign h3 span {
		font-size: 2.0rem;
	}

	.woodArea .campaign ol {
		font-size: 1.6rem;
	}

	.woodArea .campaign dd {
		font-size: 2.4rem;
	}

	.woodArea .campaign dd span {
		display: block;
	}

	.woodArea .campaign dd .priceArrow {
		transform: rotate(90deg);
		display: block;
	}
}

/* /lineup detail campaign --------------------------*/




.moveBg {
	position: relative;
	overflow: hidden;
}

.moveBg:before {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
	background: #fff;
	left: 0;
	top: 0;
	content: "";
	transition: left 1.5s;
}

.moveBg.animated:before {
	left: 100%;
}

.woodTop p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}

.woodConcept {
	min-height: 30vw;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.woodConcept .woodConceptImg {
	width: 46%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.woodInner {
	max-width: 1100px;
	padding: 0 10px;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	z-index: 4;
}

.woodRight {
	padding: 0 50% 0 0;
	position: relative;
}

.woodSub {
	font-size: 2rem;
	line-height: 1.8;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.woodinfo {
	font-size: 1.5rem;
	line-height: 1.86;
	letter-spacing: 0.025em;
	margin-top: 28px;
}

.woodIcon {
	position: absolute;
	top: -30px;
	left: -50px;
	font-size: 4.8rem;
	-webkit-transform: translateY(-45px) rotate(-10deg);
	-moz-transform: translateY(-45px) rotate(-10deg);
	-ms-transform: translateY(-45px) rotate(-10deg);
	transform: translateY(-45px) rotate(-10deg);
	font-family: 'Mrs Saint Delafield', cursive;
	padding-right: 20px;
}

/* COCEPT RIGHT IMG */
.woodConcept02 {
	min-height: 20.8vw;
	background-size: 26% auto;
}

/* WTW HOUSE */
.wtw .woodConcept02 {
	background: url('../img/lineup_detail/bank02.png')no-repeat;
	background-position: left center;
}

/* onescubo */
.onescubo .woodConcept02 {
	background: url('../img/lineup_detail/onescubo/bank02.png')no-repeat;
	background-position: left center;
}

.zcfun .woodConcept02 {
	background: url('../img/lineup_detail/zero-cube-fun/bank02.png')no-repeat;
	background-position: left center;
}

.sevenh .woodConcept02 {
	background: url('../img/lineup_detail/sevenh/bank02.png')no-repeat;
	background-position: left center;
}

.zcstep .woodConcept02 {
	background: url('../img/lineup_detail/zero-cube-step/bank02.png')no-repeat;
	background-position: left center;
}

.zcmalibu .woodConcept02 {
	background: url('../img/lineup_detail/zero-cube-malibu/bank02.png')no-repeat;
	background-position: left center;
}

.zcsimple .woodConcept02 {
	background: url('../img/lineup_detail/zero-cube-simple/bank02.png')no-repeat;
	background-position: left center;
}

.zcmini .woodConcept02 {
	background: url('../img/lineup_detail/zero-cube-mini/bank02.png')no-repeat;
	background-position: left center;
}

.zckai .woodConcept02 {
	background: url('../img/lineup_detail/zero-cube-kai/bank02.png')no-repeat;
	background-position: left center;
}

.blanca .woodConcept02 {
	background: url('../img/lineup_detail/blanc/bank02.png')no-repeat;
	background-position: left center;
}

.nordic .woodConcept02 {
	background: url('../img/lineup_detail/nordic/bank02.png')no-repeat;
	background-position: left center;
}

.hyva .woodConcept02 {
	background: url('../img/lineup_detail/hyva/bank02.png')no-repeat;
	background-position: left center;
}

.resumu .woodConcept02 {
	background: url('../img/lineup_detail/resumu/bank02.png')no-repeat;
	background-position: left center;
}

.am6 .woodConcept02 {
	background: url('../img/lineup_detail/am6/bank02.png')no-repeat;
	background-position: left center;
}

.lifebox .woodConcept02 {
	background: url('../img/lineup_detail/lifebox/bank02.png')no-repeat;
	background-position: left center;
}

.rationalbox .woodConcept02 {
	background: url('../img/lineup_detail/rationalbox/bank02.png')no-repeat;
	background-position: left center;
}

.fudan .woodConcept02 {
	background: url('../img/lineup_detail/fudan/bank02.png')no-repeat;
	background-position: left center;
}

.compact_house .woodConcept02 {
	background: url('../img/lineup_detail/compact_house/bank02.png')no-repeat;
	background-position: left center;
}

.complete_box .woodConcept02 {
	background: url('../img/lineup_detail/complete_box/bank02.png')no-repeat;
	background-position: left center;
}

.sozaie .woodConcept02 {
	background: url('../img/lineup_detail/sozaie/bank02.png')no-repeat;
	background-position: left center;
}


.woodLeft {
	padding: 0 0 0 280px;
	box-sizing: border-box;
}

.woodFloor {
	margin: 45px 0 0;
}

.woodPoint {
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
}

.woodTitle {
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: 0.025em;
	line-height: 1.2;
	margin-bottom: 20px;
}

.woodTitle span {
	font-size: 4.8rem;
	letter-spacing: 0.12em;
	display: block;
}

.woodPlanImg {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}

.planBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 100px;
}
.compact_house .planBox {
	justify-content: center;
}
.compact_house .planBox .planRight img,
.complete_box .planBox .planRight img,
.sozaie .planBox .planRight img {
	height: 364px;
	width: auto;
}


.planLeft {
	width: 35%;
}

.planRight {}

.planLeft dl {
	display: table;
	width: 100%;
}

.planLeft dl:first-child {
	border-bottom: 1px solid #000;
}

.planLeft dl dt,
.planLeft dl dd {
	display: table-cell;
	padding: 12px 0;
}

.planLeft dl dt {
	width: 100px;
	font-size: 3rem;
	letter-spacing: 0.025em;
}

.planLeft dl dd {
	letter-spacing: 0.025em;
}

.planLeft dl dd h4 {
	font-size: 2.4rem;
}

.planLeft dl dd h4 span {
	font-size: 1.8rem;
}

.planLeft dl dd h4 em {
	font-size: 1.4rem;
}

.planLeft dl dd p {
	font-size: 1.3rem;
	line-height: 1.615;
	margin-top: 5px;
}

.pointItem .flickity-prev-next-button {
	position: relative;
	text-align: right;
	width: 50px;
	height: 50px;
	background: #fff;
	border: none;
	margin: 0 auto;
	margin: 40px 2px 0;
	cursor: pointer;
}

.flickity-prev-next-button.previous:before {
	position: absolute;
	content: "";
	top: 17px;
	left: 20px;
	background: url("../img/lineup_detail/icon_arrow_prev.png") no-repeat;
	width: 8px;
	height: 14px;
	background-size: 100% 100%;
}

.pointItem .flickity-prev-next-button.next:before {
	position: absolute;
	content: "";
	top: 17px;
	left: 20px;
	background: url("../img/lineup_detail/icon_arrow_next.png") no-repeat;
	width: 8px;
	height: 14px;
	background-size: 100% 100%;
}

.pointItem .flickity-prev-next-button:disabled {
	opacity: .25;
}

.pointItem .flickity-prev-next-button.next:before {
	position: absolute;
	content: "";
	top: 17px;
	left: 20px;
	background: url("../img/lineup_detail/icon_arrow_next.png") no-repeat;
	width: 8px;
	height: 14px;
	background-size: 100% 100%;
}

.pointItem .flickity-prev-next-button svg {
	display: none;
}




main.toppage section.story {
	position: relative;
	width: 100%;
	background: #fff;
	overflow: hidden;
	margin-bottom: 70px;
}

main.toppage section.story>.container {
	position: relative;
	max-width: 1260px;
	width: 100%;
	margin: 0 auto;
}

main.toppage section.story .nav-slide {
	position: absolute;
	margin: 0 auto;
	bottom: 15px;
	right: 0;
	z-index: 999;
}

main.toppage section.story .nav-slide ul {
	width: 120px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 0 auto;
}

main.toppage section.story .nav-slide ul li {
	position: relative;
	width: 60px;
	height: 60px;
	cursor: pointer;
}

main.toppage section.story .nav-slide ul li:after {
	position: absolute;
	top: 22px;
	left: 24px;
	content: "";
	background: url("../img/lineup_detail/icon_arrow_prev.png") no-repeat;
	width: 8px;
	height: 14px;
	background-size: 100% 100%;
}

main.toppage section.story .nav-slide ul li:nth-child(2):after {
	background: url("../img/lineup_detail/icon_arrow_next.png") no-repeat;
	background-size: 100% 100%;
}

main.toppage section.story .story-box {
	position: relative;
	max-width: 1260px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

main.toppage section.story .story-box.right {
	position: absolute;
	top: 0;
	left: 1330px;
	margin: 0;
}

main.toppage section.story .story-box ul li {
	width: 100%;
	position: relative;
}

main.toppage section.story .story-box ul li:nth-child(n+2) {
	position: absolute;
	top: 0px;
	left: 0px;
}

main.toppage section.story .story-box .image-box {
	padding-right: 30%;
	box-sizing: border-box;
}

main.toppage section.story .story-box .image-box .image {
	width: 100%;
}

main.toppage section.story .story-box .image-box .image img {
	width: 100%;
	height: auto;
}

main.toppage section.story .story-box .text-box {
	position: absolute;
	bottom: 32px;
	left: 69%;
	color: #000;
	padding: 0 20px 0 50px;
	box-sizing: border-box;
}

main.toppage section.story .story-box .text-box .vol {
	font-size: 3.6rem;
	letter-spacing: 0.025em;
}

main.toppage section.story .story-box .text-box .ttl {
	font-size: 1.4rem;
	line-height: 2;
	letter-spacing: 0.025em;
	margin: 25px 0 140px;
}

main.toppage section.story .story-box .text-box .name {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	letter-spacing: 0.08em;
	margin: 10px 0 0;
}

main.toppage section.story .story-box .text-box .name {
	font-size: 1.2rem;
}

main.toppage section.story .story-box ul li a:hover {
	opacity: 0.8;
	transition: all 0.5s;
	text-decoration: none;
}

.deckWrap {
	display: none;
}

.pointItem {
	margin-top: 40px;
	max-width: 1260px;
	margin: 0 auto;
}

.pointItem ul {
	padding-bottom: 80px;
	box-sizing: border-box;
	text-align: right;
}

.pointItem ul li {
	float: left;
	padding: 0 40px;
	box-sizing: border-box;
	width: 380px;
	text-align: left;
}

.pointItem ul li a {
	display: block;
}

/* .pointItem ul li a img{
	width: 100%;
} */
.pointItem ul li a:hover {
	opacity: 0.8;
	transition: all 0.5s;
	text-decoration: none;
}

.pointItem h2 {
	font-size: 1rem;
	letter-spacing: 0.025em;
	margin: 25px 0 11px;
}

.pointItem h2 span {
	font-size: 3rem;
	letter-spacing: 0.1em;
	line-height: 1;
	display: block;
}

.pointItem p {
	line-height: 2;
	font-size: 1.4rem;
	letter-spacing: 0.025em;
}

/* .pointItem .slick-list{
	padding-left: 30px;
	box-sizing: border-box;
} */


.pointItem .slick-arrow {
	width: 60px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	top: unset;
	bottom: 0;
	margin-top: 0;
	z-index: 999;
}

.pointItem .slick-prev {
	background: url("../img/lineup_detail/icon_arrow_prev.png") no-repeat center center;
	background-size: auto;
	background-color: #fff;
	right: calc(17% + 60px);
	left: unset;
}

.pointItem .slick-next {
	background: url("../img/lineup_detail/icon_arrow_next.png") no-repeat center center;
	background-size: auto;
	background-color: #fff;
	right: 17%;
}

.pointItem .slick-prev.slick-disabled {
	background: url("../img/lineup_detail/icon_arrow_fiest.png") no-repeat center center;
	background-size: auto;
	background-color: #fff;
}

.pointItem .slick-next.slick-disabled {
	background: url("../img/lineup_detail/icon_arrow_second.png") no-repeat center center;
	background-size: auto;
	background-color: #fff;
}

.woodOption {
	margin: 5px 0 110px;
}

.woodImg {
	margin-top: 10px;
}

.woodImg p {
	float: right;
}

.optionItem {
	position: relative;
	margin-top: -60px;
}

.optionList {
	max-width: 1260px;
	width: 100%;
}

.optionListSe {
	margin: 0 auto;
}

.optionLeft {
	width: 52%;
	margin-top: -60px;
	float: left;
}

.optionPic {
	width: 38%;
	margin-top: 0;
	float: right;
	margin-left: 12%;
}

.optionList:nth-child(n+3) .optionLeft {
	margin-top: 0;
}

.optionLeft img {
	width: 100%;
}

.optionRight {
	padding-left: 50px;
	box-sizing: border-box;
	overflow: hidden;
}

.optionRight dl {
	display: table;
	width: 100%;
	padding-top: 90px;
	box-sizing: border-box;
	padding-bottom: 50px;
}

.optionRight dl dt,
.optionRight dl dd {
	display: table-cell;
}

.optionRight dl dt {
	width: 100px;
}

.optionRight dl dt p {
	margin-top: 20px;
}

.optionRight dl dd h2 {
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	margin-bottom: 0.8em;
	line-height: 1.4;
}

.optionRight dl dd h2 span {
	font-size: 3rem;
	margin-right: 0.8em;
}

.optionRight dl dd h2 span em {
	font-size: 2.4rem;
	font-weight: bold;
}

.optionRight dl dd p {
	font-size: 1.4rem;
	letter-spacing: 0.25em;
	line-height: 2;
}

.moveList {
	max-width: 1080px;
	width: 100%;
	text-align: center;
	margin: 0 auto 50px;
}

.moveList .mon_lp_Abox {
	position: relative;
}

.moveList .mon_lp_Abox:before {
	position: absolute;
	top: -20px;
	left: 5px;
	background: url('../img/lineup_detail/movaIcon01.png')no-repeat 0 0;
	width: 76px;
	height: 86px;
	content: '';
}

.moveList .mon_lp_Abox:after {
	position: absolute;
	bottom: -15px;
	right: -30px;
	background: url('../img/lineup_detail/movaIcon02.png')no-repeat 0 0;
	width: 235px;
	height: 31px;
	content: '';
}

.page-child .fancybox-opened .fancybox-skin,
#renovation .fancybox-opened .fancybox-skin {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.page-child .fancybox-skin,
#renovation .fancybox-close {
	background: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.page-child .fancybox-close,
#renovation .fancybox-close {
	background: url("../img/top/ico_close.png") no-repeat !important;
	background-size: 100% !important;
	position: absolute;
	top: -10px;
	right: -20px;
	transform: translateY(-100%);
	width: 35px;
	height: 35px;
	cursor: pointer;
	z-index: 8040;
}


.cataSub {
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.025em;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.cataSub span {
	font-size: 1.4rem;
	display: inline-block;
	margin-right: 10px;
}

.cataUl {}

.cataUl ul {
	margin-left: -50px;
}

.cataUl ul li {
	float: left;
	width: 33.33%;
	padding-left: 50px;
	box-sizing: border-box;
	margin-bottom: 50px;
}

.cataUl ul li label {
	position: relative;
}

.cataUl ul li label .inputBox {
	position: absolute;
	top: 0;
	left: 75px;
}

.cataUl ul li label .inputBox input {
	margin-right: 0;
}

.cataMess {
	margin-top: 30px;
}

.cataMess,
.cataInfo,
.cataPic {
	text-align: center;
}

.cataInfo {
	margin: 5px 0;
	font-size: 1.1rem;
	letter-spacing: 0.025em;
}

.catanone {
	border-bottom: 0;
}

.page-child .contactArea .agreeBtn {
	margin-top: 0;
}







/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {

	/*****---------lineup detail topImg ---------------**/
	.woodTop {
		margin-bottom: 70px;
	}

	/* WTW HOUSE */
	.wtw .woodTop {
		background: url('../img/lineup_detail/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.wtw .woodTop p img {
		width: 230px;
	}

	/* onescubo */
	.onescubo .woodTop {
		background: url('../img/lineup_detail/onescubo/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.onescubo .woodTop p img {
		width: 70%;
	}

	.zcfun .woodTop {
		background: url('../img/lineup_detail/zero-cube-fun/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.sevenh .woodTop {
		background: url('../img/lineup_detail/sevenh/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.zcstep .woodTop {
		background: url('../img/lineup_detail/zero-cube-step/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.zcmalibu .woodTop {
		background: url('../img/lineup_detail/zero-cube-malibu/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.zcmalibu .woodTop p img {
		width: 60%;
	}

	.zcsimple .woodTop {
		background: url('../img/lineup_detail/zero-cube-simple/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.zcsimple .woodTop p img {
		width: 60%;
	}

	.zcmini .woodTop {
		background: url('../img/lineup_detail/zero-cube-mini/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.zcmini .woodTop p img {
		width: 64%;
	}

	.zckai .woodTop {
		background: url('../img/lineup_detail/zero-cube-kai/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.zckai .woodTop p img {
		width: 44%;
	}

	.blanca .woodTop {
		background: url('../img/lineup_detail/blanc/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.nordic .woodTop {
		background: url('../img/lineup_detail/nordic/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.nordic .woodTop p img {
		width: 64%;
	}

	.hyva .woodTop {
		background: url('../img/lineup_detail/hyva/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.hyva .woodTop p img {
		width: 44%;
	}

	.resumu .woodTop {
		background: url('../img/lineup_detail/resumu/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.resumu .woodTop p img {
		width: 64%;
	}

	.am6 .woodTop {
		background: url('../img/lineup_detail/am6/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.am6 .woodTop p img {
		width: 230px;
	}

	.lifebox .woodTop {
		background: url('../img/lineup_detail/lifebox/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.lifebox .woodTop p img {
		width: 160px;
	}

	.rationalbox .woodTop {
		background: url('../img/lineup_detail/rationalbox/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.fudan .woodTop {
		background: url('../img/lineup_detail/fudan/main.png')no-repeat center center;
		min-height: 322px;
		background-size: cover;
	}

	.compact_house .woodTop {
		background: url('../img/lineup_detail/compact_house/main.png')no-repeat center 0;
		min-height: 322px;
		background-size: cover;
	}
	.complete_box .woodTop {
		background: url('../img/lineup_detail/complete_box/main.png')no-repeat center 0;
		min-height: 322px;
		background-size: cover;
	}
	.sozaie .woodTop {
		background: url('../img/lineup_detail/sozaie/main.png')no-repeat center 0;
		min-height: 322px;
		background-size: cover;
	}

	.fudan .woodTop p img,
	.compact_house .woodTop p img,
	.complete_box .woodTop p img,
	.sozaie .woodTop p img {
		width: 200px;
	}

	.woodRight {
		padding: 15px 0 50vw 40px;
	}

	.woodConcept .woodConceptImg {
		top: auto;
		bottom: 0;
		width: 70%;
	}

	.woodSub {
		font-size: 1.5rem;
		line-height: 1.6;
	}

	.woodinfo {
		font-size: 1.25rem;
		line-height: 1.68;
		margin-top: 15px;
	}

	.woodConcept {
		background-position: right bottom;
		background-size: 70% auto;
		min-height: 217px;
	}

	/* CONCEPT RIGHT IMG */
	.woodConcept02 {}

	/* WTW HOUSE */
	.wtw .woodConcept02 {
		background: url('../img/lineup_detail/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	/* onescubo */
	.onescubo .woodConcept02 {
		background: url('../img/lineup_detail/onescubo/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.zcfun .woodConcept02 {
		background: url('../img/lineup_detail/zero-cube-fun/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.sevenh .woodConcept02 {
		background: url('../img/lineup_detail/sevenh/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.zcstep .woodConcept02 {
		background: url('../img/lineup_detail/zero-cube-step/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.zcmalibu .woodConcept02 {
		background: url('../img/lineup_detail/zero-cube-malibu/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.zcsimple .woodConcept02 {
		background: url('../img/lineup_detail/zero-cube-simple/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.zcmini .woodConcept02 {
		background: url('../img/lineup_detail/zero-cube-mini/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.zckai .woodConcept02 {
		background: url('../img/lineup_detail/zero-cube-kai/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.blanca .woodConcept02 {
		background: url('../img/lineup_detail/blanc/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.nordic .woodConcept02 {
		background: url('../img/lineup_detail/nordic/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.hyva .woodConcept02 {
		background: url('../img/lineup_detail/hyva/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.resumu .woodConcept02 {
		background: url('../img/lineup_detail/resumu/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.am6 .woodConcept02 {
		background: url('../img/lineup_detail/am6/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.lifebox .woodConcept02 {
		background: url('../img/lineup_detail/lifebox/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.rationalbox .woodConcept02 {
		background: url('../img/lineup_detail/rationalbox/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.fudan .woodConcept02 {
		background: url('../img/lineup_detail/fudan/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}
	
	.compact_house .woodConcept02 {
		background: url('../img/lineup_detail/compact_house/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.complete_box .woodConcept02 {
		background: url('../img/lineup_detail/complete_box/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}

	.sozaie .woodConcept02 {
		background: url('../img/lineup_detail/sozaie/bank02.png')no-repeat;
		background-position: left 30% bottom;
		background-size: 41% auto;
		min-height: 157px;
	}


	.woodLeft {
		padding: 15px 0 40vw 40px;
	}

	.woodIcon {
		left: 0;
		top: 15px;
		font-size: 3rem;
		-webkit-transform: translateY(-45px) rotate(-10deg);
		-moz-transform: translateY(-45px) rotate(-10deg);
		-ms-transform: translateY(-45px) rotate(-10deg);
		transform: translateY(-45px) rotate(-10deg);
	}

	.woodFloor {
		margin: 35px 0 0;
	}

	.woodTitle {
		font-size: 0.8rem;
		line-height: 1.5;
	}

	.woodTitle span {
		font-size: 3rem;
	}


	.planBox {
		display: block;
		margin-bottom: 45px;
	}

	.compact_house .planBox .planRight {
		text-align: center;
	}
	.compact_house .planBox .planRight img,
	.complete_box .planBox .planRight img,
	.sozaie .planBox .planRight img {
		height: 182px;
	}

	.woodPlanImg {
		margin-bottom: 0;
	}

	.planLeft {
		width: 100%;
		margin: 25px 0;
	}

	.planLeft dl {
		display: table;
		width: 100%;
		padding: 10px 25px;
		box-sizing: border-box;
	}

	.planLeft dl:first-child {
		border-bottom: 0;
	}

	.planLeft dl dt,
	.planLeft dl dd {
		display: table-cell;
		padding: 12px 0;
	}

	.planLeft dl dt {
		width: 75px;
		font-size: 2.1rem;
		border-right: 1px solid #000;
	}

	.planLeft dl dd {
		padding-left: 15px;
		box-sizing: border-box;
	}

	.planLeft dl dd h4 {
		font-size: 1.8rem;
	}

	.planLeft dl dd h4 span {
		font-size: 1.8rem;
	}

	.planLeft dl dd h4 em {
		font-size: 1.2rem;
	}

	.planLeft dl dd p {
		font-size: 1.1rem;
		line-height: 1.36;
		margin-top: 5px;
	}



	#stories {
		display: none;
	}

	.deckWrap {
		margin-bottom: 60px;
		display: block;
	}

	/*
main.toppage section.story .story-box .image-box {
	padding: 0;
}
main.toppage section.story .story-box .text-box {
	position: relative;
	padding: 0 20px;
}
main.toppage section.story .story-box .text-box .vol {
	padding-top: 2.5em;
	font-size: 2.4rem;
}
main.toppage section.story .story-box .text-box .ttl {
	margin: 0;
}
main.toppage section.story .nav-slide {
	top: 50%;
}
main.toppage section.story .story-box .text-box .name {
	position: absolute;
	top: 1em;
}
main.toppage section.story .nav-slide ul li {
	width: 50px;
	height: 30px;
}
*/

	.deckList .deckMess {
		padding: 0 20px;
		box-sizing: border-box;
		margin: 30px 0 0;
	}

	.deckList .deckMess h2 {
		font-size: 0.8rem;
		letter-spacing: 0.025em;
	}

	.deckList .deckMess h3 {
		font-size: 2.4rem;
		letter-spacing: 0.025em;
		margin: 30px 0 15px;
	}

	.deckList .deckMess p {
		font-size: 1.2rem;
		letter-spacing: 0.025em;
		line-height: 2;
	}

	.deckWrap .slick-arrow {
		position: absolute;
		border: 0;
		width: 30px;
		height: 30px;
		display: block;
		text-indent: -9999px;
		top: 65%;
		margin-top: 0;
		z-index: 999;
	}

	.deckWrap .slick-prev {
		background: url('../img/lineup_detail/icon_arrow_prev.png') center center no-repeat;
		background-size: auto;
		left: unset;
		right: calc(15px + 30px);
	}

	.deckWrap .slick-next {
		background: url('../img/lineup_detail/icon_arrow_next.png') center center no-repeat;
		background-size: auto;
		right: 15px;
	}

	.deckWrap .slick-prev.slick-disabled {
		background: url("../img/lineup_detail/icon_arrow_fiest.png") no-repeat center center;
	}

	.deckWrap .slick-next.slick-disabled {
		background: url("../img/lineup_detail/icon_arrow_second.png") no-repeat center center;
	}




	.pointItem {
		margin-left: 0;
		margin-top: 20px;
		overflow: hidden;
	}

	.pointItem ul {
		padding: 0 12px 70px 12px;
		box-sizing: border-box;
	}

	.pointItem ul li {
		padding: 0 12px;
		width: 50%;
		box-sizing: border-box;
	}

	.pointItem h2 {
		font-size: 0.8rem;
		margin: 13px 0 6px;
	}

	.pointItem h2 span {
		font-size: 1.8rem;
	}

	.pointItem p {
		line-height: 1.75;
		font-size: 1.2rem;
	}

	.pointItem .slick-arrow {
		width: 30px;
		height: 30px;
		bottom: 10px;
	}

	.pointItem .slick-prev {
		background: url("../img/lineup_detail/icon_arrow_prev.png") no-repeat center center;
		background-size: auto;
		background-color: #fff;
		right: calc(10px + 30px);
		left: unset;
	}

	.pointItem .slick-next {
		background: url("../img/lineup_detail/icon_arrow_next.png") no-repeat center center;
		background-size: auto;
		background-color: #fff;
		right: 10px;
	}

	.woodImg p {
		float: none;
		text-align: right;
	}

	.woodImg p img {
		width: 90%;
	}

	.woodOption {
		margin: 5px 0 40px;
		overflow: hidden;
	}

	.optionItem {
		margin-top: -30px;
		padding-right: 20px;
		box-sizing: border-box;
	}

	.optionRight {
		padding-left: 15px;
		box-sizing: border-box;
	}

	.optionLeft {
		width: 64%;
		margin-top: -30px;
		float: none;
	}

	.optionList:nth-child(n+3) .optionLeft {
		width: 84%;
	}

	.optionRight dl {
		padding-top: 20px;
	}

	.optionRight dl dt,
	.optionRight dl dd {
		display: table-cell;
	}

	.optionRight dl dt {
		width: 55px;
	}

	.optionRight dl dt p {
		margin-top: 30px;
	}

	.optionRight dl dt p img {
		width: 30px;
	}

	.optionRight dl dd h2 {
		font-size: 1.2rem;
		margin-bottom: 1.2em;
		line-height: 1.2;
	}

	.optionRight dl dd h2 span {
		display: block;
		margin-top: 0.4em;
	}

	.optionRight dl dd p {
		font-size: 1.2rem;
		line-height: 1.75;
	}


	.optionPic {
		width: 100%;
		float: none;
		text-align: right;
		margin-top: 35px;
	}

	.moveList .mon_lp_Abox {
		padding: 0 15px;
	}

	.moveList .mon_lp_Abox:before {
		width: 37px;
		height: 43px;
		left: 0;
		background-size: 37px auto;
	}

	.moveList .mon_lp_Abox:after {
		right: -10px;
		width: 120px;
		height: 15px;
		background-size: 120px auto;
	}

	.moveList .icon-play img {
		width: 58px;
	}

	.page-child .fancybox-close,
	#renovation .fancybox-close {
		top: -5px;
		right: 10px;
		width: 25px;
		height: 25px;
	}

	.moveList {
		margin: 0 auto 25px;
	}

	.cataSub {
		font-size: 0.8rem;
		margin-bottom: 10px;
	}

	.cataSub span {
		font-size: 1.2rem;
		margin-right: 5px;
	}

	.cataUl ul li label .inputBox {
		left: 35px;
	}

	.cataUl ul li {
		padding-left: 35px;
		margin-bottom: 25px;
	}

	.cataUl ul {
		margin-left: -35px;
	}

	.cataPic img {
		height: 55px;
	}

	.cataMess {
		margin-top: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
	}


}



/*****---------wood---------------**/


/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 1200px) and (min-width: 769px) {
	.moveList .mon_lp_Abox:after {
		right: -10px;
	}

	.woodIcon {
		top: -40px;
		left: -10px;
	}

	.woodConcept {
		display: flex;
		justify-content: center;
		align-items: unset;
	}

}

@media screen and (max-width: 959px) and (min-width: 769px) {
	.woodConcept {
		display: flex;
		justify-content: center;
		align-items: unset;
	}

	.woodSub {
		font-size: 1.6rem;
		line-height: 1.6;
	}

	.woodinfo {
		font-size: 1.3rem;
		line-height: 1.75;
		margin-top: 16px;
	}

	main.toppage section.story .story-box .text-box .ttl {
		margin: 25px 0 10vw;
	}

	main.toppage section.story .story-box .text-box .vol {
		font-size: 2.8rem;
	}


}

@media screen and (max-width: 768px) and (min-width: 600px) {
	main.toppage section.story .nav-slide {
		bottom: 12vw;
	}
}

@media screen and (max-width: 480px) {
	main.toppage section.story .nav-slide {
		bottom: 20%;
	}
}

.none {
	display: none !important;
}

#event_confirm .none {
	display: table-row !important;
}

.mwform-checkbox-field-text,
.mw_wp_form_confirm .inputBox,
.mw_wp_form_confirm .must,
.mw_wp_form_confirm .agreeBtn {
	display: none !important;
}

@media screen and (max-width: 768px) {
	#event_confirm .none {
		display: block !important;
	}
}





/*****--------- WORKS ---------------**/
.worksWrap {
	margin: 50px 0 100px;
}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {
	.worksWrap {
		margin: 40px 0 75px;
	}

	.worksWrap .worksItem ul li {
		margin-bottom: 35px;
	}
}

/*****---------WORKS---------------**/

/*****---------WORKS_detail---------------**/
.worksDetailArea {
	max-width: 960px;
	width: 100%;
	margin: 55px auto 0;
}

.worksTtl {
	font-weight: bold;
	font-size: 2.4rem;
	letter-spacing: 0.025em;
	line-height: 1.2;
}

.worksPlace {
	font-size: 1.8rem;
	letter-spacing: 0.025em;
	line-height: 1.1;
	margin: 15px 0 45px;
}

.worksImg {
	position: relative;
	margin-bottom: 15px;
}

.worksImg img {
	width: 100%;
}

.single-post .worksItem {
	margin-left: -60px;
}

.single-post .worksItem {
	margin-bottom: 80px;
}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {
	.worksDetailArea {
		max-width: 100%;
		width: 100%;
		margin: 23px auto 0;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.worksTtl {
		font-size: 1.8rem;
		line-height: 1.33;
		margin-bottom: 35px;
	}

	.worksPlace {
		display: none;
	}

	.worksIist .worksImg {
		margin-bottom: 0;
	}

	.worksDetailArea .worksImg {
		margin-bottom: 23px;
	}

	.worksItem {
		margin-left: 0 !important;
		margin-bottom: 30px !important;
	}



}



/*****---------WORKS_detail---------------**/


/*****---------TOP POP up---------------**/
.popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
}

.popup.is-show {
	opacity: 1;
	visibility: visible;
}

.popup-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-width: 720px;
	/*
  max-width: 600px;
  padding: 50px 30px 30px;
*/
	/* background-color: #fff; */
	z-index: 2;
}

.popup-inner img {
	width: 100%;
}

.popup .close-btn {
	position: absolute;
	width: 42px;
	height: 42px;
	top: -20px;
	right: -20px;
	/*
  right: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
*/
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}

.black-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	z-index: 1;
	cursor: pointer;
}

.popup .eventDetailArea {
	margin: 0 auto;
}

.popup a {
	text-decoration: none;
}

.popup a:hover img {
	opacity: .7;
}

@media screen and (max-width: 768px) {
	.popup {
		overflow: hidden;
		height: 100vh;
	}

	/*
.popup-inner {
	max-width: 80%;
	height: 60%;
	overflow-y: scroll;
	padding: 50px 5vw 5vw;
}
*/

	.popup-inner .eventDetailArea {
		padding: 0;
	}

	.popup-inner .eventSub {
		margin-bottom: 15px;
	}

	.popup-inner .eventItem,
	.popup-inner .eventLeft {
		margin-bottom: 0 !important;
	}
}

.sideBanner {
	width: 240px;
	position: fixed;
	right: 5px;
	bottom: 10px;
	z-index: 999;
}

/*****--------- /TOP POP up---------------**/

/* topインスタグラムセクション↓*/
.insta_margin {
	margin-top: 40px;
	margin-bottom: 80px;
	max-width: 100%;
}

.insta_margin .hdL {
	margin-bottom: 10px;
}

#sb_instagram .sbi_follow_btn a {
	background-color: #a4cbca !important;
}

#sb_instagram #sbi_load {
	margin-top: 20px;
}

#wrapper {
	overflow: hidden;
}

@media (max-width: 768px) {

	#sb_instagram.sbi_col_3 #sbi_images .sbi_item,
	#sb_instagram.sbi_col_4 #sbi_images .sbi_item,
	#sb_instagram.sbi_col_5 #sbi_images .sbi_item,
	#sb_instagram.sbi_col_6 #sbi_images .sbi_item {
		width: 49.9% !important;
		height: auto;
	}

	.insta_margin {
		margin-top: 60px;
		margin-bottom: 80px;
	}

	.insta_margin .hdL {
		margin-bottom: 20px;
	}

	#sb_instagram #sbi_load {
		margin-top: 20px;
	}
}



/* topインスタグラムセクション↑*/

.mini_note {
	font-size: 14px;
	text-align: center;
	color: #000000;
	font-weight: normal;
}

@media (max-width: 768px) {
	.mini_note {
		font-size: 10px;
	}
}

.mente_img {
	margin-bottom: 20px;
}

.topNewsArea {
	padding-top: 0px;
}

.topNewsArea .outlinkItem ul li:last-child {
	background-color: #fff;
}

.topNewsArea .magList dl dt,
.topNewsArea .magList dl dd {
	border-top: 1px dashed #000;
}

.contentWrap.topNewsArea .outlinkItem ul li:last-child {
	min-height: auto;
	margin-bottom: 60px;
}

@media (max-width: 768px) {
	.contentWrap.topNewsArea .outlinkItem ul li:last-child {
		margin-bottom: 30px;
	}
}

.pana_sec div {
	max-width: 400px;
	margin: auto;
}

.pana_sec div a:hover {
	opacity: 0.8;
	transition: all 0.5s;
	text-decoration: none;
}

.to_sale_site_sec div a:hover {
	opacity: 0.8;
	transition: all 0.5s;
	text-decoration: none;
}

@media (max-width: 768px) {
	.pana_sec div {
		max-width: 200px;
	}
}

.astec_sec {
	margin: 15px auto 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.astec_sec a:nth-child(1) {
	margin-right: 30px;
	max-width: 200px;
}

.astec_sec a:nth-child(2) {
	margin-left: 30px;
	max-width: 200px;
}

@media (max-width: 768px) {
	.astec_sec {
		flex-direction: column;
		margin: 10px 0 -5px 0px;
	}

	.astec_sec a:nth-child(1) {
		margin: 10px 30px;
	}

	.astec_sec a:nth-child(2) {
		margin: 10px 30px;
	}
}

@media (min-width: 768px) {
	.popup-inner {
		max-height: 90vh;
		width: auto;
	}
}

.add_to_lp img {
	max-width: 760px;
}

@media (max-width: 768px) {
	.add_to_lp img {
		max-width: 100%;
	}
}

.flex2-pc {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 760px;
	margin: 30px auto 30px;
}

.flex2-pc a {
	width: auto;
}

.flex3-pc {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 760px;
	margin: 30px auto 30px;
}

.flex3-pc a {
	width: 30%;
}

.youtube_wrap {
	position: relative;
	width: 560px;
	height: 315px;
	margin: 0 auto;
	/* = height ÷ width × 100 */
}

.youtube_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media (max-width: 768px) {
	.flex3-pc {
		margin: 10px 30px 0px;
	}

	.flex2-pc a {
		width: 45%;
	}

	.motomachi {
		margin: -50px 0 0 0;
		padding-bottom: 60px;
	}

	.youtube_wrap {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
		/* = height ÷ width × 100 */
	}

	.youtube_wrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

/*0509*/
.hdL .jap {
  font-weight: bold;
}

.innerSmall {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1000px;
}

.anchorArea {
  position: relative;
}
.anchorArea .anchor {
  position: absolute;
  top: 0;
}


.performanceWrap {
  padding: 60px 0 200px;
}
.performanceWrap .hdL {
  margin-bottom: 27px;
}

.performanceAnchors {
  padding: 60px 10px;
  background: url("../img/performance/bg_promise.jpg")no-repeat center;
  background-size: cover; 
} 
.performanceAnchors .sub {
  margin-bottom: 37px;
  text-align: center;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 500;
}
.performanceAnchors ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px 38px;
  max-width: 1040px;
  margin: 0 auto;
}
.performanceAnchors li {
  position: relative;
}
.performanceAnchors li:hover {
  opacity: 0.7;
}
.performanceAnchors li:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  background: url("../img/common/icon_link.png")no-repeat center #FDCD02;
}
.performanceAnchors li .step {
  position: absolute;
  left: 0;
  bottom: 45px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 3.6rem;
}


.performanceDisplay {
  padding: 60px 0 0;
}
.performanceDisplay .displayItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px 0 70px;
}
.performanceDisplay .displayItem + .displayItem {
  border-top: 1px solid #ccc;
}
.performanceDisplay .displayItem:nth-of-type(odd) {
  flex-direction: row-reverse;
}
.performanceDisplay .image {
  width: calc(50% - 70px);
}
.performanceDisplay .info {
  width: 50%;
}
.performanceDisplay .step {
  color: #C6260C;
  font-size: 4.2rem;
}
.performanceDisplay .step:before {
  content:"promise";
  margin-right: 5px;
  color: #000;
  font-size: 0.5em;
}
.performanceDisplay .foucs {
  margin-bottom: 30px;
  font-size: 3.4rem;
  font-weight: bold;
}
.performanceDisplay .foucs .con {
  display: inline-block;
  padding: 8px 16px 5px;
  margin-bottom: 5px;
  background: #FDCD02;
  letter-spacing: -0.05em;
}
.performanceDisplay .foucs .note {
  font-size: 1.7rem;
}
.performanceDisplay .text {
  line-height: 2.125;
  font-size: 1.6rem;
  font-weight: 500;
}

 
.houseInfo li {
  position: relative;
}
.houseInfo .bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.houseInfo .bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.houseInfo .bg:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
} 
.houseInfo .content {
  position: relative;
  z-index: 2;
}
.houseInfo .tit {
  margin-bottom: 24px;
  text-align: center;
}
.houseInfo .tit span {
  display: inline-block;
  padding: 6px 13px 4px;
  border: 1px solid #fff;
  line-height: 1;
  font-size: 2.6rem;
  font-weight: bold;
} 
.houseInfo .text {
  line-height: 1.3125;
  font-weight: 500;
  font-size: 1.6rem;
}
.houseInfo .model {
  margin-top: 28px;
}

.performanceLineup {
  padding: 50px 0 0;
}
.performanceLineup ul {
  display: grid;
  grid-template-columns: repeat(3,1fr); 
}
.performanceLineup .bg:before {
  height: calc(100% - 49px); 
  background: rgba(0, 0, 0, 0.7);
}
.performanceLineup .content { 
  padding: 35px 40px 0;
  color: #fff;
} 
.performanceLineup .price {
  position: relative;
  z-index: 2;
  padding: 12px 0 8px;
  background: rgba(253,205,2,0.8);
  text-align: center;
  line-height: 1;
  font-weight: bold;
  font-size: 1.6rem;
}
.performanceLineup .price .num {
  font-size: 2.9rem;
}


.performanceOptions {
  padding-top: 55px;
}
.performanceOptions .hdL span {
  font-size: 2.6rem;
}
.performanceOptions ul {
  display: grid;
  grid-template-columns: repeat(4,1fr); 
}
.performanceOptions li { 
  min-height: 240px;
}
.performanceOptions .bg:before {
  background: rgba(0, 0, 0, 0.4);
}
.performanceOptions .content { 
  padding: 30px 20px;
  color: #fff;
}

.customerVoice{
  padding: 56px 0 80px;
  background: #CEE1E5;
}
.customerVoice .hdL {
  margin-bottom: 27px;
}
.customerVoice ul {
  display: grid;
  grid-template-columns: repeat(2,1fr); 
  gap: 40px;
}
.customerVoice li {
  position: relative;
  padding: 48px 30px 30px;
  background: #fff;
  border: 1px solid #00295E;
}
.customerVoice li .step {
  position: absolute;
  left: 0;
  top: 0;
  padding: 3px 0;
  width: 120px;
  background: #00295E;
  line-height: 1;
  text-align: center;
  color: #fff;
  font-size: 2.4rem;
}
.customerVoice li .date {
  margin-bottom: 10px;
  color: #4B4B4B;
  font-size: 1.6rem;
  font-weight: 500;
}
.customerVoice li .title {
  margin-bottom: 24px;
  color: #00295E;
  font-size: 2rem;
  font-weight: bold;
}
.customerVoice li .text { 
  background: url("../img/performance/bor_bottom.png") repeat-y;
  background-size: auto 38px;
  line-height: 2.375;
  font-size: 1.6rem;
  font-weight: 500;
  position: relative;
} 

.customerVoice li .text:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	z-index: 2;
} 


/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 768px) {
  
  .anchorArea .anchor {
    position: absolute;
    top: -50px;
  }
  
  
  .performanceWrap {
    padding: 58px 0 100px;
  }
  
  .performanceWrap .hdL {
    margin-bottom: 36px;
  }
  .performanceWrap .hdL span,
  .promisesWrap .hdL span {
    font-size: 3.2rem;
  }
  
  .performanceAnchors {
    padding: 40px 10px;
  }
  .performanceAnchors .sub {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
  .performanceAnchors ul { 
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .performanceAnchors li .step { 
    bottom: 30px; 
    font-size: 2.3rem;
  }
  
  
  .performanceDisplay {
    padding: 0;
  }
  .performanceDisplay .displayItem {
    display: block;
    padding: 30px 0 25px;
  }
  .performanceDisplay .image {
    margin-bottom: 18px;
    width: auto;
  }
  .performanceDisplay .info {
    width: auto;
  }
  .performanceDisplay .step {
    text-align: center;
  }
  .performanceDisplay .foucs {
    margin-bottom: 15px;
    text-align: center;
    font-size: 2.2rem;
  }
  .performanceDisplay .foucs .con {
    padding: 6px 10px 3px;
    margin-bottom: 5px;
  }
  .performanceDisplay .text {
    line-height: 1.75;
  }
  
  
  .performanceLineup .hdL span,
  .performanceOptions .hdL span {
    font-size: 2.2rem;
  }
  .performanceLineup ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 4px 0;
  } 
  .performanceLineup .price { 
    padding: 10px 0 8px;
  }
  .performanceLineup .price .num {
    font-size: 3.1rem;
  }
  
  
  .performanceOptions {
    padding-top: 60px;
  }
  .performanceOptions ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .performanceOptions li {
    min-height: 169px;
  }
  .performanceOptions li .tit {
    margin-bottom: 20px;
  }
  .performanceOptions li .tit span {
    font-size: 1.6rem;
  }
  .performanceOptions li .text {
    font-size: 1.2rem;
  }
  .performanceOptions .content {
    padding: 24px 14px;
  }
  
  
  .customerVoice {
    padding: 46px 0 52px;
  }
  .customerVoice .hdL {
    margin-bottom: 37px;
  }
  .customerVoice .hdL span {
    font-size: 2.2rem;
  }
  .customerVoice ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 0;
  }
  .customerVoice li {
    padding: 34px 22px;
  }
  .customerVoice li .step {
    width: 88px;
    font-size: 1.7rem;
  }
  .customerVoice li .date {
    margin-bottom: 10px;
    font-size: 1rem;
  }
  .customerVoice li .title {
    margin-bottom: 5px;
  }
  .customerVoice li .text {
    background-size: auto 28px;
    line-height: 2;
    font-size: 1.4rem;
  }
  
}



.promisesWrap {
  padding: 60px 0 0;
}
.promisesWrap .hdL {
  margin-bottom: 27px;
}

.createFuture {
  padding: 82px 0 265px;
  background: url("../img/promises/bg_img_create.jpg")no-repeat center;
  background-size: cover;
  text-align: center;
  color: #fff;
}
.createFuture h3 {
  margin-bottom: 35px;
  font-size: 3.8rem;
  font-weight: bold;
}
.createFuture .sub {
  margin-bottom: 55px;
  line-height: 2.125;
  font-weight: 500;
  font-size: 1.6rem;
}

.homesSlide li img {
  object-fit: cover;
  height: 261px;
}
 
.promisesWrap .bgCon {
  padding: 0 0 80px;
  background: #EDE9E9;
}
.promisesPart {
  margin-top: 30px;
  padding: 75px 120px;
  background: #fff;
} 
.promisesPart.padd0 {
  padding: 0;
}
.perforTitle .import {
  display: inline-block;
  margin-bottom: 24px;
  font-size: 3.4rem;
  font-weight: bold;
}
.perforTitle .import span {
  border-bottom: 3px solid;
}
.perforTitle .sign {
  display: inline-block;
  margin-bottom: 10px;
  padding: 3px 8px;
  background: #FDCD02;
  font-size: 1.6rem;
  font-weight: bold;
}
.perforTitle .note {
  color: #666; 
  font-size: 1.6rem;
  font-weight: 500;
}
.promisesPart .text {
  line-height: 2.125;
  font-size: 1.6rem;
  font-weight: 500;
} 

.firstPart {
  margin-top: -168px;
}

.highairtightDisplay {
  display: grid;
  grid-template-columns: calc(50% + 80px) calc(50% - 80px);
  align-items: center;
}
.highairtightDisplay .info{
  box-sizing: border-box;
  padding: 30px 80px 30px 120px;
}
.highairtightDisplay .image {
  height: 100%;
}
.highairtightDisplay .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.earthquakeLevel {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 30px;
  margin: 55px auto 0;
  max-width: 720px;
}
.earthquakeLevel li {
  position: relative;
}
.earthquakeLevel .level {
  margin: 0 auto 20px;
  padding: 62px 0 20px;
  max-width: 167px;
  background: url("../img/promises/bg_level.png")no-repeat center;
  background-size: 100% 100%;
  text-align: center;
  line-height: 1.4;
  font-weight: 500;
  font-size: 3.4rem;
}
.earthquakeLevel .level:before {
  content: "耐震等級";
  display: block;
  font-size: 2.2rem;
}
.earthquakeLevel .hot .level {
  background-image: url("../img/promises/bg_level_hot.png");
  color: #fff;
}
.earthquakeLevel .built {
  position: absolute;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  padding: 2px 0 0;
  width: 100%;
  max-width: 160px;
  background: #000;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
}
.earthquakeLevel .tit {
  margin-bottom: 1.4rem;
  padding-bottom: 1.4rem;
  border-bottom: 1px solid;
  text-align: center;
  line-height: 1.43;
  font-weight: bold;
  font-size: 1.4rem;
}
.earthquakeLevel .txt {
  padding: 0 20px;
  font-size: 1.3rem;
  font-weight: 500;
}

.seismicLevel {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 0 30px;
  margin-top: 56px;
}
.seismicLevel li .img {
  margin-bottom: 20px;
}
.seismicLevel li .txt {
  line-height: 1.35;
  font-size: 1.4rem;
  font-weight: 500;
}

.insulationDisplay {
  display: flex;
  justify-content: space-between;
  margin-bottom: 27px;
}
.insulationDisplay .info {
  width: 50%;
}
.insulationDisplay .image {
  width: calc(50% - 80px);
}
.insulationDisplay .example {
  margin-top: 30px;
  font-weight: bold;
}
.insulationDisplay .example img {
  margin-bottom: 5px;
  width: 100%;
} 
.insulationDisplayTop .image {
  margin: 30px auto 0;
  max-width: 796px;
}


.insulationfeatures {
  margin-top: 50px;
}
.insulationfeatures h3 {
  margin-bottom: 20px;
  font-size: 2.2rem;
  font-weight: bold;
}
.insulationfeatures ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 30px;
}
.insulationfeatures li .tit {
  margin-bottom: 12px;
  font-size: 1.6rem;
  font-weight: bold;
}
.insulationfeatures li .tit:after {
  content: "";
  display: block;
  margin-top: 5px;
  width: 20px;
  border-top: 1px solid;
}
.insulationfeatures li .txt {
  font-size: 1.4rem;
  font-weight: 500;
}
.insulationfeatures .example {
  margin: 55px auto 0;
  max-width: 490px;
}


.supportCraftsmen {
  margin-top: 35px;
}
.supportCraftsmen .perforTitle .sign {
  margin-bottom: 24px;
}
.supportCraftsmen ul {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 36px 16px;
}
.supportCraftsmen li .pic {
  margin-bottom: 16px;
}
.supportCraftsmen li .name {
  padding-bottom: 12px;
  margin-bottom: 16px;
  background: url("../img/promises/bor_dashed.png")repeat-x center bottom;
  background-size: auto 1px;
  font-size: 1.6rem;
  font-weight: 500;
}
.supportCraftsmen li .represent {
  display: block;
  color: #444;
  font-size: 1.2rem;
}
.supportCraftsmen li .hobbies {
  font-size: 1.3rem;
  font-weight: 500;
}

.aftersalesFollow {
  counter-reset:sectioncounter;
  margin-top: 32px;
}
.aftersalesFollow li {
  position: relative;
  margin-top: 10px;
  padding: 34px 20px 34px 75px;
  background: #EDE9E9;
}
.aftersalesFollow .step {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 28px;
  top: 30px;
  width: 36px;
  height: 36px;
  background: #000;
  border-radius: 100%;
  color: #fff; 
  font-size: 2rem;
}
.aftersalesFollow li .tit {
  font-size: 2rem;
  font-weight: bold;
}
.aftersalesFollow li .tit + p{
  margin-top: 5px;
}




/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 1199px) {
  .promisesPart { 
    padding: 50px 60px;
  }
  
  .perforTitle .import {
    margin-bottom: 16px;
    font-size: 3rem;
  }
  
  .highairtightDisplay .info {
    padding: 30px 50px 30px 60px;
  }
  
  .insulationDisplay .image {
    width: calc(50% - 50px);
  }
  
  
}
@media screen and (max-width: 768px) { 
  .promisesWrap .hdL {
    margin-bottom: 35px;
  }
  
  .promisesWrap .inner {
    padding: 0 20px;
  }
  
  .createFuture {
    padding: 55px 0 176px;
    background-image: url("../img/promises/bg_img_create_sp.jpg");
    text-align: left;
  }
  .createFuture h3 {
    margin-bottom: 35px;
    font-size: 2.4rem;
  }
  .createFuture .sub {
    margin-bottom: 35px;
    line-height: 1.6875;
  } 
  .homesSlide li img { 
    height: 133px;
  }
  
  
  /* .toggleBox {
    display: none;
  } */
  
  .promisesPart {
    margin-top: 20px;
    padding: 24px 20px;
  }
  .promisesPart.padd0 {
    padding: 24px 20px 0;
  }
  .firstPart {
    margin-top: -126px;
  }
  
  .perforTitle {
    text-align: center;
  }
  .perforTitle .import {
    line-height: 1.6;
    font-size: 2.4rem;
  }
  .perforTitle .import span {
    border-bottom-width: 2px; 
  }
  .perforTitle .sign { 
    padding: 3px 5px 1px;
    margin-bottom: 20px;
  }
  .promisesPart .text {
    line-height: 1.75;
  } 
  .promisesDetailBtn {
    cursor: pointer;
    position: relative;
    padding: 4px 0 3px;
    background: #000;
    text-align: center;
    line-height: 1.35;
    color: #fff; 
    font-size: 1.4rem;
    font-weight: 500;
  }
  .promisesDetailBtn:before {
    content: "詳しく見る ＋";
  }
  .promisesDetailBtn.open:before{
    content: "閉じる −";
  } 
  .promisesDetailBtn .scroll {
    position: absolute;
    left: 0;
    top: 0; 
    width: 100%;
    height: 100%;
  }

  
  
  .highairtightDisplay {
    display: block;
  }
  .highairtightDisplay .info {
    padding: 0;
    width: auto;
  }
  .highairtightDisplay .image {
    margin: 20px -20px 0;
    width: auto; 
  }
  
  .earthquakeLevel { 
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 0;
    margin: 22px auto 0;
    max-width: 220px;
  }
  .earthquakeLevel li {
    margin: 0 auto;
  }
  
  .seismicLevel { 
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 0;
    margin-top: 26px;
  }
  .seismicLevel li .img {
    margin-bottom: 10px;
  }
  
  
  .insulationDisplay {
    display: block;
  }
  .insulationDisplay .info {
    width: auto;
  }
  .insulationDisplay .image {
    margin-top: 20px;
    width: auto;
  }
  .insulationDisplay .example {
    margin-top: 20px;
  }
  
  .supportCraftsmen ul {
    grid-template-columns: repeat(2,1fr);
    gap: 32px 16px;
  }
  .supportCraftsmen li .pic {
    margin-bottom: 12px;
  }
  .supportCraftsmen li .name {
    padding-bottom: 0;
    margin-bottom: 0;
    background: none;
    font-weight: bold;
    font-size: 1.4rem;
  }
  .supportCraftsmen li .represent {
    margin-bottom: 5px;
    letter-spacing: -0.05em;
    font-weight: 500;
    font-size: 1.1rem;
  }
  
  .insulationfeatures {
    margin-top: 30px;
  }
  .insulationfeatures ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 25px 0;
    padding: 0 10px;
  }
  .insulationfeatures li .tit {
    margin-bottom: 8px;
    padding-left: 0.9em;
    text-indent: -0.9em;
  }
  .insulationfeatures li .tit:after {
    content: none;
  }
  
  .supportCraftsmen .perforTitle {
    text-align: center;
  }
  .supportCraftsmen .perforTitle .sign {
    margin-bottom: 20px;
  }
  
  .aftersalesFollow li {
    margin-top: 10px;
    padding: 24px 20px;
  }
  .aftersalesFollow .step {
    left: 20px;
    top: 18px;
  }
  .aftersalesFollow li .tit {
    padding-left: 46px;
    line-height: 1.222;
    font-size: 1.8rem;
  }
  .aftersalesFollow li .tit + p {
    margin-top: 15px;
  }
  .promisesPart .text {
    line-height: 1.57;
    font-size: 1.4rem;
  }
  
  
  
}


/* 20250415 */
.colorYell {
	color: #FFF29B;
}

.inner_reform {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1020px;
}
 
.fontBebas {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
}
.fontNotoSan {
	font-family: "Noto Sans JP", sans-serif;
}

.contactInfoBox {
	padding: 40px 0;
	background: linear-gradient(90deg, #C9445E 0%, #C00D30 100%);
	line-height: 1;
	text-align: center;
	color: #fff;
}
.contactInfoBox .head {
	margin-bottom: 40px;
	text-align: center;
	letter-spacing: 0.06em;
	line-height: 1.2;
	font-size: 30px;
	font-weight: 700;
}
.contactInfoBox .display {
	display: flex;
	justify-content: space-between;
}
.contactInfoBox .display .tit {
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 0.06em;
	font-weight: 700;
}
.contactInfoBox .display .tit:before,
.contactInfoBox .display .tit:after {
	content: "";
	display: inline-block;
	height: 18px;
	border-left: 1px solid #fff;
}
.contactInfoBox .display .tit:before {
	transform: rotate(-20deg);
	margin-right: 10px;
}
.contactInfoBox .display .tit:after {
	transform: rotate(20deg);
	margin-left: 10px;
}
.contactInfoBox .display .contact .tit {
	margin-bottom: 6px;
}
.contactInfoBox .display .tel {
	display: block;
	padding-left: 65px;
	background: url(../img/reform/icon_yellow.svg)no-repeat left center;
	background-size: 50px;
	letter-spacing: 0.05em;
	color: #FFD63D;
	font-size: 75px;
}
.contactInfoBox .display .tel:hover {
	text-decoration: none;
}
.contactInfoBox .display .note {
	letter-spacing: 0.1em;
	font-weight: 700;
}
.contactInfoBox .display .link {
	width: 50%;
	max-width: 470px;
}
.contactInfoBox .display .link .tit {
	margin-bottom: 15px;
}
.contactInfoBox .display .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	background: #F7D453;
	border-radius: 5px;
	border: 1px solid #fff;
	color: #C11739;
	font-size: 20px;
	font-weight: 700;
} 

@media screen and (max-width: 960px) {
	.contactInfoBox .display .tel {
		padding-left: 60px;
		font-size: 56px;
	}
	.contactInfoBox .display .link {
		max-width: 360px;
	}
}
/*** hover ***/
@media screen and (min-width: 769px) {
	.contactStore a:hover {
		opacity: 0.7;
	}
	
}
/*** sp ***/
@media screen and (max-width: 768px) {
	 
	.contactInfoBox .head {
		margin-bottom: 32px;
		font-size: 24px;
	}
	.contactInfoBox .display {
	  display: block;
	  margin: 0 auto;
	  max-width: 600px;
	}
	.contactInfoBox .display .tit {
	  align-items: flex-end;
	  line-height: 1.4;
	}
	.contactInfoBox .display .tel {
		padding-left: 55px; 
		margin: 0 auto;
		max-width: 350px;
		background-size: 40px;
		font-size: 54px;
	}
	.contactInfoBox .display .note {
		margin-top: 10px;
	}
	.contactInfoBox .display .link {
		margin: 40px auto 0;
	    width: auto;
	}
	.contactInfoBox .display .btn {
		font-size: 18px;
	}
	 
}
@media screen and (max-width: 374px) {
	.contactInfoBox .display .tel {
		padding-left: 50px;
		font-size: 50px;
	}
}

/* reform_test.html-page.css */
/* 20250416 */
.headCate {
	margin-bottom: 3rem;
	text-align: center;
	letter-spacing: 0.18em;
}
.headCate .cate {
	font-weight: 600;
	font-size: 2.4rem;
}
.headCate .cate span {
	display: inline-block;
	padding: 0.5rem 1rem;
	background: #307383;
	color: #fff;
}
.headCate .jap {
	margin-top: 2rem;
	line-height: 1.2;
	color: #24515B;
	font-size: 4rem;
	font-weight: 700;
}
.headCate .jap span {
	display: inline-block;
	border-bottom: 2px solid;
}
.headCate .jap2 {
	letter-spacing: 0.18em;
	line-height: 1.8;
	font-size: 2.4rem;
	font-weight: 700;
}

.headCate.redSt .cate span {
	background: #C11739;
}
.headCate.redSt .jap,
.headCate.redSt .jap2 {
	color: #C11739;
} 

.hdM {
	margin-bottom: 1.5rem;
	text-align: center;
}

.hdM img {
	height: 5.6rem;
}

.hdS {
	margin-bottom: 1.5rem;
	letter-spacing: 0.12em;
	text-align: center;
	font-size: 24px;
	color: #307383;
	font-weight: 600;
} 

.mianKv {
	position: relative;
	height: 560px;
}

.mianKv .bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
}

.mianKv .bg img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.mianKv .info {
	position: relative;
	z-index: 2;
	padding: 55px 235px 26px 0;
}

.mianKv .level1 {
	position: absolute;
	right: 0;
	bottom: 26px;
	width: 25%;
	max-width: 262px;
}

.mianKv .head {
	margin-bottom: 90px;
	font-size: 0;
} 

.mianKv .head2 {
	position: relative;
}

.mianKv .head2:before {
	content: "";
	pointer-events: none;
	position: absolute;
	left: -62px;
	top: -18px;
	width: 385px;
	height: 163px;
	background: url(../img/reform/bg_main_stars.png)no-repeat center;
	background-size: 100%;
}

.mianKv .head2 img {
	height: 48px;
}

.mianKv .head2 .foucs {
	margin-top: 20px;
}

.mianKv .head2 .foucs img {
	height: 102.5px;
}

.mianKv .feature {
	display: flex;
	gap: 0 13px;
	margin-top: 24px;
}
.mianKv .feature li {
	width: 140px;
	border-radius: 50%;
	box-shadow: 0 5px 25px rgba(0,0,0,0.15);
}

.contactStore {
	padding: 50px 0;
}

.contactStore .box {
	padding: 30px;
	border: 1px solid #F5F5F5;
}

.contactStore .storeLinks {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 20px;
}

.contactStore .storeLinks a,
.contactStore .storeLinks span {
	width: 200px;
}

.contactStore .banner {
	margin: 0 auto;
	max-width: 900px;
}

.contactStore .box + .banner {
	margin-top: 50px;
}

.yourVoice {
	padding: 55px 0;
	background: url(../img/reform/bg_pencil_draw01.png)no-repeat center top;
	background-size: cover;
}

.yourVoice .hdM {
    margin-bottom: 30px;
}

.yourVoice .list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.yourVoice .list li {
	padding: 30px 25px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #FFFBEB;
	box-shadow: 0 2px 15px rgba(0,0,0,0.1);
}
.yourVoice .satisfaction {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.yourVoice .satisfaction .show {
	margin: 0 14px 0 10px;
	line-height: 1;
	color: #C11739;
	font-weight: 700;
}
.yourVoice .satisfaction .show .num {
	margin: 0 5px;
	font-size: 36px;
}
.yourVoice .satisfaction .stars {
	display: flex;
	align-items: center;
	width: 132px;
	height: 27px;
	background: url(../img/reform/icon_stars.svg)no-repeat center;
	background-size: 100%;
}
.yourVoice .satisfaction .stars1 {
	background-image: url(../img/reform/icon_stars_checked1.svg);
}
.yourVoice .satisfaction .stars2 {
	background-image: url(../img/reform/icon_stars_checked2.svg);
}
.yourVoice .satisfaction .stars3 {
	background-image: url(../img/reform/icon_stars_checked3.svg);
}
.yourVoice .satisfaction .stars4 {
	background-image: url(../img/reform/icon_stars_checked4.svg);
}
.yourVoice .satisfaction .stars5 {
	background-image: url(../img/reform/icon_stars_checked5.svg);
}
.yourVoice li .txt {
	letter-spacing: 0.08em;
}

.cateKeys {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 15px;
	letter-spacing: 0.06em;
}
.cateKeys span {
	padding: 5px 15px;
	background: #F0F5F6;
	border-radius: 4px;
	font-weight: 700;
}

.constructionCase {
	padding: 50px 0;
	background: url(../img/reform/bg_hd_ren.svg)no-repeat -25px 50px;
	background-size: 527px;
}
.constructionCase ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.constructionCase li {
	padding: 30px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #F5F5F5;
	box-shadow: 0 0.20px 150px rgba(0,0,0,0.1);
	letter-spacing: 0.08em;
}
.constructionCase .display {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: flex-end;
	position: relative;
	z-index: 2;
	margin-bottom: 20px;
}
.constructionCase .display:after {
	content: "";
	pointer-events: none;
	position: absolute;
	left: 40%;
	bottom: 0;
	width: 40px;
	height: 25px;
	background: url(../img/reform/case/icon_case_flow.svg)no-repeat center;
	background-size: 100%;
}
.constructionCase .display .step {
	position: absolute;
	right: 0;
	bottom: -5px;
	line-height: 1;
	color: #307383;
	font-size: 32px;
}
.constructionCase .display .step .num {
	font-size: 48px;
}
.constructionCase .display .after {
	position: relative;
	padding-bottom: 50px;
	width: calc(55% + 9px);
}
.constructionCase .display .after:after {
	content: "after";
	position: absolute;
	left: 0;
	top: 0;
	padding: 2px 15px;
	background: #307383;
	border-radius: 0 0 5px;
	color: #fff;
	font-weight: 700;
}
.constructionCase .display .before {
	width: calc(35% - 7px);
}
.constructionCase .display .circle {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 10%;
	top: 10px;
	z-index: -1;
	width: 140px;
	height: 140px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 4px 20px rgba(0,0,0,0.08);
	text-align: center;
	letter-spacing: 0.1em;
	color: #307383;
	font-size: 13px;
	font-weight: 700;
}
.constructionCase .display .place {
	margin-bottom: 9px;
	letter-spacing: 0.06em;
	color: #000;
	font-weight: 400;
}
.constructionCase li .tit {
	margin-bottom: 10px;
	letter-spacing: 0.06em;
	color: #307383;
	font-size: 19px;
	font-weight: 800;
}

.constructionCase .st2 .display:after {
	content: none;
}
.constructionCase .st2 .display .after {
	width: calc(70% + 6px);
}
.constructionCase .st2 .display .circle {
	left: 0;
	top: 50px; 
	z-index: 1;
}

.constructionCase li:nth-of-type(3n + 2) .display .after:after {
	background: #C9445E;
}
.constructionCase li:nth-of-type(3n + 2) .display .circle,
.constructionCase li:nth-of-type(3n + 2) .display .step,
.constructionCase li:nth-of-type(3n + 2) .tit {
	color: #C9445E;
}
.constructionCase li:nth-of-type(3n + 3) .display .after:after {
	background: #F1C31E;
}
.constructionCase li:nth-of-type(3n + 3) .display .circle,
.constructionCase li:nth-of-type(3n + 3) .display .step,
.constructionCase li:nth-of-type(3n + 3) .tit {
	color: #F1C31E;
}

.constructionCase .end {
	margin-top: 30px;
	text-align: center;
	letter-spacing: 0.08em;
	font-size: 20px;
}
.constructionCase .end .line {
	text-decoration: underline;
}

.minimumThree {
}

.justLittle {
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 80px), 50% 100%, 0% calc(100% - 80px));
	padding: 45px 0 25px;
	background: #F1C31E;
}
.justLittle .hdM img {
	height: 66px;
}
.justLittle .head {
	margin-bottom: 13px;
	text-align: center;
	letter-spacing: 0.1em;
	font-weight: 800;
	font-size: 24px;
}
.justLittle .head .foucs {
	text-decoration: underline;
	color: #C11739;
	font-size: 40px;
}
.justLittle .head2 {
	margin-top: 2.40px;
	text-align: center;
	letter-spacing: 0.18em;
	font-weight: 700;
	font-size: 20px;
}
.justLittle .head2 .foucs {
	display: inline-block;
	padding: 5px 5px 8px;
	background: #fff;
	letter-spacing: 0.08em;
	line-height: 1;
	color: #307383;
	font-size: 36px;
}

.threeCompany {
	padding: 40px 0 55px;
}
.threeCompany .headCate {
    margin-bottom: 10px;
}
.threeCompany .sub {
    margin-bottom: 60px;
	letter-spacing: 0.1em;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
}
.threeCompany .sub .line {
	text-decoration: underline;
}
.threeCompany .display {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.threeCompany .display .img {
	width: calc(45% - 0.10px);
}
.threeCompany .display .info {
	display: flex;
	flex-direction: column;
	gap: 22px 0;
	width: 50%;
	line-height: 1.7;
	letter-spacing: 0.08em;
}
.threeCompany .threeBox {
	padding: 20px;
	background: #FFF8DE;
	border-radius: 5px;
	box-shadow: 0 4px 0 #F1C31E;
}
.threeCompany .threeBox .tit {
	padding: 6px 10px;
	margin-bottom: 10px;
	text-align: center;
	background: #F1C31E;
	line-height: 1.2;
	color: #fff;
	font-size: 18px;
	font-weight: 900;
}
.threeCompany .threeBox .tit span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.threeCompany .threeBox .tit span:before,
.threeCompany .threeBox .tit span:after {
	content: "";
	display: block;
	height: 20px;
	border-left: 2px solid;
}
.threeCompany .threeBox .tit span:before {
	transform: rotate(-15deg) translateX(-10px);
}
.threeCompany .threeBox .tit span:after {
	transform: rotate(15deg) translateX(10px);
}
.threeCompany .threeBox li {
	padding-left: 1em;
	text-indent: -1em;
	word-wrap:break-word; 
	word-break:break-all; 
	letter-spacing: 0.08em;
	font-weight: 500;
}
.threeCompany .threeBox li:before {
	content: "•";
	margin-right: 8px;
}
.threeCompany .message {
	letter-spacing: 0.12em;
	text-align: right;
	font-weight: 500;
}

.freeCheckConsultation {
	padding: 50px 0;
	background: url(../img/reform/bg_pencil_draw02.png) no-repeat center top;
	background-size: cover;
	letter-spacing: 0.06em;
}
.freeCheckConsultation .part + .part {
	margin-top: 25px;
}
.freeCheckConsultation .part .cate {
	margin-bottom: 20px;
	text-align: center;
	line-height: 1;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
}
.freeCheckConsultation .part .cate span {
	display: inline-block;
	padding: 2px 20px 6px;
	background: #307383;
}
.freeCheckConsultation ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px 25px;
}
.freeCheckConsultation li {
	padding: 15px 10px 10px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 -6px 0 #307383;
}
.freeCheckConsultation li .tit {
	margin-bottom: 10px;
	text-align: center;
	font-weight: 600;
}

.freeCheckConsultation .redSt .cate span {
	background: #C83F5A;
}
.freeCheckConsultation .redSt li {
	box-shadow: 0 -06px 0 #C83F5A;
}

.freeCheckConsultation .yellowSt .cate span {
	background: #F1C31E;
}
.freeCheckConsultation .yellowSt li {
	box-shadow: 0 -06px 0 #F1C31E;
}

.informationAccess {
	padding: 60px 0 0;
	background: url(../img/reform/bg_hd_access.svg) no-repeat left 50px;
	background-size: 245px;
}
.informationAccess .display {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}
.informationAccess .display .img {
	width: 50%;
}
.informationAccess .display .info {
	width: calc(50% - 40px);
	letter-spacing: 0.1em;
	line-height: 1.6;
	font-size: 18px;
}
.informationAccess .display .add {
	margin-top: 20px;
	font-weight: 700;
	font-size: 16px;
}
.informationAccess .display .add p + p {
	margin-top: 1.20px;
}
.informationAccess .map iframe {
	display: block;
	width: 100%;
	height: 310px;
}

.faqWrap {
	padding: 60px 0;
	background: url(../img/reform/bg_hd_faq.svg) no-repeat left 60px #B2D6CF;
	background-size: 229px;
}
.faqWrap .head {
	margin-bottom: 30px;
	text-align: center;
	letter-spacing: 0.18em;
	color: #fff;
	font-size: 32px;
	font-weight: 600;
}

.toggleBtn {
	cursor: pointer;
}
.toggleBox {
	display: none;
}

.faqList li + li {
	margin-top: 8px;
}
.faqList .quest {
	position: relative;
	padding: 20px 50px 20px 70px;
	background: url(../img/reform/icon_plus.svg)no-repeat right 40px center #fff;
	background-size: 10px;
	border-radius: 5px;
	font-weight: 700;
}
.faqList .quest.open {
	background-image: url(../img/reform/icon_minus.svg);
}
.faqList .answer {
	position: relative;
	padding: 15px 40px 15px 70px;
	font-size: 14px;
}
.faqList .quest:before,
.faqList .answer:before {
	position: absolute;
	left: 40px;
	line-height: 1;
	font-family: "Bebas Neue", sans-serif;
	font-size: 28px;
	font-weight: 400;
}
.faqList .quest:before {
	content: "Q";
	top: 19px;
	color: #307383;
}
.faqList .answer:before {
	content: "A";
	top: 12px;
	color: #C9445E;
}

.contactCompanyBox {
	padding: 70px 0 80px;
}
.contactCompanyBox .box {
	margin-bottom: 80px;
	padding: 30px 40px;
	border: 1px solid #F0F5F6;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
.contactCompanyBox .btn {
	margin-top: 20px;
}
.contactCompanyBox .btn a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 50px;
	height: 52px;
	border-radius: 5px;
	border: 1px solid;
	text-decoration: underline;
	letter-spacing: 0.06em;
	color: #C9445E;
}

.contactCompanyBox .contactArea {
    margin-bottom: 0;
}
.contactCompanyBox .must {
	border-radius: 2px;
}
.contactCompanyBox .formInfo .must {
    position: static;
	margin-right: 4px;
	display: inline-block !important;
}
.contactCompanyBox .formInfo {
	line-height: 1.785;
}
.contactCompanyBox .formInfo:last-child {
	margin-top: 11px;
}
.contactCompanyBox .contactArea table {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.contactCompanyBox .contactArea table th {
    padding: 15px 0;
    width: 300px;
}
.contactCompanyBox .contactArea table td {
    padding: 8px 0;
}
.contactCompanyBox .contactArea input[type=text], 
.contactCompanyBox .contactArea input[type=tel], 
.contactCompanyBox .contactArea input[type=email] {
    border-color: #F0F5F6;
    background: #F0F5F6;
    height: 48px;
	border-radius: 2px;
    font-size: 14px;
    padding: 0 24px;
	font-family: "Noto Sans JP", sans-serif;
}
.contactCompanyBox .contactArea textarea {
    padding: 10px 24px;
	border-color: #F0F5F6;
	background: #F0F5F6;
	border-radius: 2px;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 14px;
}
.contactCompanyBox .mwform-radio-field > label {
	display: inline-flex;
	align-items: center;
}
.contactCompanyBox .mwform-radio-field + .mwform-radio-field {
	margin-left: 20px;
}
.contactCompanyBox .mwform-radio-field input {
	margin-right: 6px;
	width: 14px;
	height: 15px;
	background: url(../img/reform/icon_radio.svg) center no-repeat;
}
.contactCompanyBox .mwform-radio-field input:checked {
	background-image: url(../img/reform/icon_radio_checked.svg);
}

.contactCompanyBox .contactArea label input[type=checkbox] {
    width: 16px;
    height: 16px;
    background: url(../img/reform/icon_checkbox.svg) center no-repeat;
    margin-right: 10px;
}
.contactCompanyBox .contactArea label input[type=checkbox]:checked {
	background-image: url(../img/reform/icon_checkbox_checked.svg);
}
.contactCompanyBox .contactArea .agreeBtn {
	margin-top: 30px;
}
.contactCompanyBox .contactArea .agreeBtn a {
    color: #C9445E;
}
.contactCompanyBox .contactArea .submitBtn {
    max-width: 320px;
}
.contactCompanyBox .contactArea .submitBtn input[type=submit], 
.contactCompanyBox .contactArea .submitBtn input[type=button], 
.contactCompanyBox .contactArea .submitBtn input[type=reset] {
	max-width: 320px;
	height: 64px;
	background: url(../img/reform/icon_link_wh.svg)no-repeat right 20px center #000;
	border-radius: 3px;
	font-size: 1.6rem;
	letter-spacing: 0.04em;
}

/* hover */
@media screen and (max-width: 960px) {
	.constructionCase .display .circle {
		left: 0;
		top: 5px;
	}
	
	.threeCompany .threeBox .tit {
		font-size: 14px;
	}
	
	.contactCompanyBox .btn a:hover {
		text-decoration: none; 
	}
	
}
/* sp */
@media screen and (max-width: 768px) {
	.headCate .cate span {
	    padding: 0.3rem 1rem;
	}
	.headCate .jap {
		margin-top: 1.6rem;
		font-size: 2.8rem;
	}
	
	.hdM img {
		height: auto;
	}
	
	.hdS {
		margin-bottom: 1.3rem;
		font-size: 1.4rem;
	}
	
	.mianKv {
		height: auto;
	}
	.mianKv .info {
	    padding: 15px 0 40px;
	}
	.mianKv .level1 {
	    right: -16px;
	    bottom: 42%;
		width: 157px;
	}
	.mianKv .head {
	    margin-bottom: 20px;
	}
	.mianKv .head img {
		width: 100%;
	}
	.mianKv .head2:before {
		left: -16px;
		top: 350px;
		width: 153px;
		height: 83px;
		background-image: url(../img/reform/bg_main_stars_sp.png);
	}
	.mianKv .head2 img {
	    height: 40px;
	}
	.mianKv .head2 .foucs {
	    margin-top: 10px;
	}
	.mianKv .head2 .foucs img {
	    height: auto;
	}
	.mianKv .banner {
	    margin: 0 -20px 50px;
	}
	.mianKv .feature {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px 12px;
		margin-top: 30px;
	}
	.mianKv .feature li {
		width: auto;
		border-radius: 30px;
	}
	.mianKv .feature li img {
		width: 100%;
	}
	
	.contactStore {
	    padding: 30px 0;
	}
	.contactStore .box {
	    padding: 0;
	    border: 0;
	}
	
	.contactStore .storeLinks {
	    gap: 10px 0;
		margin: 0 auto;
		max-width: 260px;
	}
	
	.contactStore .storeLinks a,
	.contactStore .storeLinks span {
	    width: 100%;
	}
	
	.contactStore .box + .banner {
	    margin-top: 20px;
	}
	
	.yourVoice {
	    padding: 40px 0;
	}
	.yourVoice .headCate .jap {
		font-size: 40px;
	}
	.yourVoice .list {
	    grid-template-columns: repeat(1, 1fr);
	    gap: 15px 0;
	}
	.yourVoice .list li {
	    padding: 20px 25px;
	}
	.yourVoice li .txt {
		font-size: 14px;
	}
	
	.constructionCase {
	    padding: 30px 0;
	    background: none; 
	}
	.constructionCase ul {
	    grid-template-columns: repeat(1, 1fr);
	    gap: 20px 0;
	}
	.constructionCase li {
	    padding: 20px;
		font-size: 13px;
	}
	.constructionCase .display {
	    display: block;
	    margin-bottom: 20px;
	}
	.constructionCase .display:after {
	    left: 50%;
	    bottom: 11.2px;
	}
	.constructionCase .display .step {
	    position: static;
		margin-bottom: 5px;
		text-align: center;
	    font-size: 32px;
	}
	.constructionCase .display .after {
	    padding-bottom: 10px;
	    width: auto;
	}
	.constructionCase .display .after img {
		width: 100%;
	}
	.constructionCase .display .before {
	    width: calc(50% - 10px);
		max-width: 140px;
	}
	.constructionCase .display .circle {
	    left: auto;
		right: 0;
	    top: auto;
		bottom: 0;
	    width: 130px;
	    height: 130px; 
	    font-size: 13px;
	}
	.constructionCase li .tit {
		font-size: 16px;
	}
	
	.constructionCase .st2 .display .after {
        padding-bottom: 30px;
	    width: auto;
	}
	.constructionCase .st2 .display .circle {
	    left: auto;
		right: 0;
	    top: auto;
		bottom: 0; 
	}
	.constructionCase .end {
	    margin-top: 20px;
	    font-size: 16px;
	}
	
	.justLittle {
	    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 40px), 50% 100%, 0% calc(100% - 40px));
	    padding: 40px 0 36px;
	}
	.justLittle .head {
	    margin-bottom: 25px;
	    font-size: 20px;
	}
	.justLittle .head .foucs {
		font-size: 36px;
	}
	.justLittle .head2 {
	    margin-top: 16px;
	}
	.justLittle .head2 .foucs {
	    padding: 2px 6px 4px;
	}
	
	.threeCompany {
	    padding: 30px 0;
	}
	.threeCompany .headCate .cate {
	    font-size: 32px;
	}
	.threeCompany .headCate .jap2 {
		margin-top: 5px;
		font-size: 20px;
	}
	.threeCompany .sub {
	    margin-bottom: 30px;
	    font-size: 16px;
	}
	
	.threeCompany .display {
	    display: block;
	}
	.threeCompany .display .img {
		margin-bottom: 25px;
		width: auto;
	}
	.threeCompany .display .info {
		gap: 20px 0;
		width: auto;
		line-height: 1.8;
		font-size: 14px;
	} 
	.threeCompany .message {
		margin-top: 15px;
		font-size: 13px;
	}
	.threeCompany .threeBox .tit {
		font-size: 16px;
		font-weight: 700;
	}
	.threeCompany .threeBox .tit span:before, 
	.threeCompany .threeBox .tit span:after {
		content: none;
	}
	.threeCompany .threeBox li {
		line-height: 1.2;
		font-size: 13px;
	}
	.threeCompany .threeBox li + li {
		margin-top: 6px;
	}
	
	.freeCheckConsultation {
	    padding: 34px 0;
	}
	.freeCheckConsultation .headCate .cate {
	    font-size: 18px;
	}
	.freeCheckConsultation .headCate .cate span {
	    margin-bottom: 0.10px;
	}
	.freeCheckConsultation .headCate .jap {
		color: #307383;
		font-weight: 600;
	}
	.freeCheckConsultation .part {
		padding: 0 12px;
	}
	.freeCheckConsultation .part .cate {
	    margin-bottom: 20px;
	}
	.freeCheckConsultation .part .cate span {
		margin-bottom: 1px;
	}
	.freeCheckConsultation ul {
	    grid-template-columns: repeat(1, 1fr);
	    gap: 15px 0;
	}
	.freeCheckConsultation li {
	    padding: 15px 20px 10px;
	}
	
	.informationAccess {
	    padding: 30px 0 0;
	    background: none;
	}
	.informationAccess .display {
	    display: block;
	    margin-bottom: 30px;
	}
	.informationAccess .display .img {
		margin-bottom: 35px;
	    width: auto;
	}
	.informationAccess .display .info {
	    width: auto;
	    line-height: 1.4;
	    font-size: 14px;
	}
	.informationAccess .display .add {
	    line-height: 1.5;
		letter-spacing: 0.02em;
	    font-size: 14px;
	}
	.informationAccess .map iframe {
	    height: 170px;
	}
	
	.faqWrap {
	    padding: 55px 0;
	    background: #B2D6CF;
	}
	.faqWrap .head {
	    margin-bottom: 20px;
	    font-size: 28px;
	    font-weight: 600;
	}
	.faqList .quest {
	    padding: 20px 30px 20px 40px;
	    background-position: right 20px center;
	}
	.faqList .quest:before {
	    left: 20px;
	}
	
	.contactCompanyBox {
		padding: 40px 0 75px;
	}
	.contactCompanyBox .box {
		margin-bottom: 45px;
	    padding: 30px 20px;
	    border-radius: 20px;
		line-height: 1.6;
		letter-spacing: 0.06em;
		font-size: 14px;
	}
	.contactCompanyBox .btn a {
	    display: flex;
	    padding: 0 20px;
	    height: 42px;
		font-size: 16px;
	}
	.contactCompanyBox .must {
	    margin-left: 10px;
		width: 38px;
		height: 20px;
		line-height: 20px;
	}
	.contactCompanyBox .formInfo .must {
		margin-left: 0;
	}
	.contactCompanyBox .headCate {
		margin-top: 45px;
	}
	.contactCompanyBox .headCate .jap {
		font-size: 2.7rem;
	}
	.contactCompanyBox .headCate .cate {
		font-size: 18px;
	}
	.contactCompanyBox .contactArea table th {
	    padding: 16px 0 6px;
		font-size: 14px;
	}
	.contactCompanyBox .contactArea table td {
	    padding: 0;
		font-size: 14px;
	}
	.contactCompanyBox .contactArea tr:first-child th {
		padding-top: 30px;
	}
	.contactCompanyBox .contactArea tr:last-child td {
		padding-bottom: 25px;
	}
	.contactCompanyBox .contactArea input[type=text], 
	.contactCompanyBox .contactArea input[type=tel], 
	.contactCompanyBox .contactArea input[type=email] {
	    height: 45px;
	}
	.contactCompanyBox .contactArea textarea {
		height: 200px;
	}
	.contactCompanyBox .contactArea .agreeBtn > label {
		padding-left: 26px;
		max-width: 180px;
	    text-align: left;
	}
	.contactCompanyBox .contactArea label input[type=checkbox] {
		position: absolute;
		left: -26px;
		top: 50%;
		transform: translateY(-50%);
		margin-right: 0;
	}
	.contactCompanyBox .contactArea .submitBtn input[type=submit], 
	.contactCompanyBox .contactArea .submitBtn input[type=button], 
	.contactCompanyBox .contactArea .submitBtn input[type=reset] {
	    max-width: 240px;
	    height: 56px;
		background-position: right 35px center;
	}
}

.headerCv,
.contactItem .eventTitle {
	display: none!important;
}
.footerLeft h2 img {
	width: auto!important;
}