@charset "UTF-8";
/*
Theme Name: nihonhouse
Author: nihonhouse
Description: nihonhouse
*/

/* reset */

* {
	box-sizing: border-box;
	margin: 0;
	border: 0;
	padding: 0;
	max-width: 100%;
	font-weight: normal;
}

/*  vertical-align: bottom; */


/* 画面幅 */

:root {
	--main-width: 1200px;
}

@media print, screen and (min-width: 721px) {
	.pcnone {
		display: none !important;
	}

	body {
		min-width: 1200px;
	}

	.mainwidth {
		margin: 0 auto;
		width: var(--main-width);
	}

	.frontwidth {
		margin: 0 auto;
		width: calc(100% - 100px);
		min-width: 1200px;
		max-width: 1500px;
	}
}

@media screen and (max-width: 720px) {
	:root {
		--main-width: auto;
		--sp-width: calc(100vw - 30px);
	}

	.spnone {
		display: none !important;
	}

	.spwidth {
		margin: 0 auto;
		width: var(--sp-width);
	}

	.frontwidth {
		margin: 0 auto;
		width: var(--sp-width);
	}
}

html {
	font-size: 15px;
}

body {
	font-weight: normal;
	font-family: 'Noto Sans JP', sans-serif;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

a {
	display: inline-block;
	color: #4470A6;
	text-decoration: none;
}

.inline {
	display: inline;
}

img {
	vertical-align: bottom;
	image-rendering: -webkit-optimize-contrast;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}

.img_border {
	border: solid 1px #e5e5e5;
}

li {
	list-style: none;
}

span {
	font-weight: inherit;
}

.hr {
	border-bottom: solid 1px #000;
}

.hr_gray {
	border-bottom: solid 1px #d8d8d8;
}

.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex_l {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.flex_center {
	justify-content: center;
	align-items: center;
}

.flex_column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.clear {
	clear: both;
}

.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

.bordernone {
	border: 0 !important;
}

.mincho {
	font-family: YuMincho, "游明朝", serif;
}

.barlow {
	font-weight: bold;
	font-family: 'Barlow', 'Noto Sans JP', sans-serif;
}

.lato {
	font-family: 'Lato', 'Noto Sans JP', sans-serif;
}

.palt {
	font-feature-settings: "palt";
}

.w1050 {
	margin: 0 auto;
	width: 1050px;
}

.w700 {
	margin: 0 auto;
	width: 700px;
}

.w_over {
	max-width: none;
}

.w100 {
	width: 100% !important;
}

.w75 {
	margin: 0 auto;
	width: 75%;
}

.w75_l {
	width: 75%;
}

.center {
	text-align: center;
}

.c_black {
	color: #000;
}

.c_red {
	color: #e81c1c;
}

.c_brown {
	color: #79674A;
}

.c_brown2 {
	color: #6d6457;
}

.c_skyblue {
	color: #58acd9;
}

.c_pink {
	color: #EB3C56;
}


@media print, screen and (min-width: 721px) {
	.float_r_pc {
		float: right;
	}

	.float_l_pc {
		float: left;
	}

	.w470 {
		width: 470px;
	}

	.w690 {
		margin: 0 auto;
		width: 690px;
	}

	.w680 {
		margin: 0 auto;
		width: 680px;
	}
}

@media screen and (max-width: 720px) {

	.mainwidth,
	.frontwidth {
		margin: 0 15px;
		width: var(--sp-width);
	}

	.w1050 {
		width: auto;
	}

	.w75,
	.w75_l {
		width: auto;
	}

	.w100s {
		width: 100% !important;
	}

	.flex_sp {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.flex_sp_nowrap {
		flex-wrap: nowrap
	}

	.t_small_sp {
		font-size: 0.7rem;
	}

	.float_r_sp {
		float: right;
	}

	.float_l_sp {
		float: left;
	}

	.sp_t_left {
		text-align: left;
	}
}

/* h2,h3,h4,h5 見出し */

.h_style2 {
	position: relative;
	border-top: solid 1px #6d6457;
	padding: 2rem 0 0 1.4rem;
	font-weight: bold;
	font-size: 2.25rem;
	line-height: 1.3;
}

.h_style2::before {
	display: inline-block;
	position: absolute;
	top: 2rem;
	left: 0;
	background-color: #6d6457;
	width: 5px;
	height: calc(100% - 2rem);
	content: "";
}

.h_style3 {
	background: #f4f4f2;
	padding: 1rem 1.5rem;
	font-weight: bold;
	font-size: 1.85rem;
	line-height: 1.4;
}

.h_style4 {
	border-bottom: solid 1px #6d6457;
	padding: 0 0 1rem;
	font-weight: bold;
	font-size: 1.45rem;
	line-height: 1.5;
}

.h_style5 {
	color: #6d6457;
	font-weight: bold;
	font-size: 1.35rem;
	line-height: 1.6;
}

.h_style6 {
	font-weight: bold;
	font-size: 1.35rem;
	line-height: 1.6;
}

.h_style7 {
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.6;
}

.h_style8 {
	font-weight: bold;
	font-size: 1.75rem;
	line-height: 1.3;
}

.h_style9 {
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.3;
}

.h_style10 {
	font-weight: bold;
	font-size: 2.2rem;
	line-height: 1.5;
}

.h_style11 {
	border-top: solid 1px #6d6457;
	padding-top: 45px;
	font-weight: bold;
	font-size: 3rem;
	letter-spacing: 3px;
}

.h_style11b {
	font-weight: bold;
	font-size: 3rem;
	line-height: 1.4;
	letter-spacing: 1px;
}

.h_style12 {
	border-top: solid 1px #6d6457;
	padding-top: 45px;
	font-weight: bold;
	font-size: 2.2rem;
}

.h_style13 {
	font-weight: bold;
	font-size: 2.7rem;
}

.h_style14 {
	font-weight: bold;
	font-size: 3.3rem;
	letter-spacing: 2px;
}

.h_style15 {
	position: relative;
	padding-bottom: 25px;
	font-weight: bold;
	font-size: 2.2rem;
}

.h_style15::after {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: calc(50% - 50px);
	border-bottom: solid 1px #6d6457;
	width: 100px;
	content: "";
}

.h_style16 {
	font-weight: bold;
	font-size: 4.2rem;
	letter-spacing: 3px;
}
.h_style16 span{
	font-weight:bold;
}

.h_style16.palt.lineup {
	font-weight: 300;}

.h_style17 {
	font-weight: bold;
	font-size: 5rem;
	letter-spacing: 3px;
}

/* lead,p リード文、本文 */

.t_lead {
	font-weight: 500;
	font-size: 1.05rem;
	line-height: 2;
}

.t_catch {
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.8;
}

p,
.t_p {
	font-size: 1rem;
	line-height: 2;
}

.t_bold {
	font-weight: bold;
}

.t_small {
	font-size: 0.9rem;
	line-height: 1.8;
}

.d_contents {
	display: contents;
	line-height: 1;
}

.barlow.d_contents {
	font-weight: 600;
}

@media screen and (max-width: 720px) {
	.h_style2 {
		padding: 1rem 0 0 0.9rem;
		font-size: 1.6rem;
	}

	.h_style2::before {
		top: 1.2rem;
		width: 4px;
		height: calc(100% - 1.2rem);
	}

	.h_style3 {
		padding: 0.5rem 0.8rem;
		font-size: 1.35rem;
	}

	.h_style4 {
		padding: 0 0 0.5rem;
		font-size: 1.25rem;
	}

	.h_style5 {
		font-size: 1.2rem;
	}

	.h_style6 {
		font-size: 1.2rem;
	}

	.h_style7 {
		font-size: 1.35rem;
	}

	.h_style8 {
		font-size: 1.4rem;
	}

	.h_style9 {
		font-size: 1.55rem;
	}

	.h_style10 {
		font-size: 1.7rem;
	}

	.h_style11 {
		padding-top: 20px;
		font-size: 1.8rem;
	}

	.h_style11b {
		font-size: 1.8rem;
		letter-spacing: 1px;
	}

	.h_style12 {
		padding-top: 20px;
		font-size: 1.6rem;
	}

	.h_style13 {
		font-size: 1.9rem;
	}

	.reason_h13 {
		font-size: 1.7rem;
	}

	.h_style14 {
		font-size: 2rem;
	}

	.h_style15 {
		padding-bottom: 20px;
		font-size: 1.5rem;
	}

	.h_style15::after {
		left: calc(50% - 50px);
		width: 90px;
	}

	.h_style16 {
		font-size: 2.4rem;
		letter-spacing: 0px;
	}

	.h_style17 {
		font-size: 3rem;
		letter-spacing: 0px;
	}

	.t_lead {
		font-weight: 600;
		font-size: 1.067rem;
		line-height: 1.6;
	}

	p,
	.t_p {
		font-size: 0.9rem;
	}

	.t_catch {
		font-size: 1.05rem;
	}
}

/* list 箇条書き、リスト */

.list_none li {
	display: flex;
	padding: 0.2rem 0 0;
	font-size: 1rem;
	line-height: 1.8;
}

.list_m li {
	display: flex;
	padding: 0.75rem 0 0;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.8;
}

.list_m li::before {
	flex-shrink: 0;
	margin-right: 0.5rem;
	content: "●";
	color: #6d6457;
}

.list_s li {
	display: flex;
	align-items: baseline;
	padding: 0.75rem 0 0;
	font-size: 0.9rem;
	line-height: 1.8;
}

.list_s li::before {
	flex-shrink: 0;
	margin-right: 0.5rem;
	content: "●";
	color: #6d6457;
}

.list_check li {
	display: flex;
	padding: 0.75rem 0 0;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.8;
}

.list_check li::before {
	display: inline-block;
	flex-shrink: 0;
	margin-right: 0.5rem;
	background-image: url("/asset/common/check.png");
	background-size: cover;
	background-repeat: no-repeat;
	width: 1.6rem;
	height: 1.6rem;
	content: "";
}

.list_check_s li {
	display: flex;
	padding: 0.75rem 0 0;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.6;
}

.list_check_s li::before {
	display: inline-block;
	flex-shrink: 0;
	margin-top: 0.2rem;
	margin-right: 0.5rem;
	background-image: url("/asset/common/check.png");
	background-size: cover;
	background-repeat: no-repeat;
	width: 1.2rem;
	height: 1.2rem;
	content: "";
}

ol {
	counter-reset: number 0;
}

.list_nm>li {
	display: flex;
	align-items: baseline;
	padding: 1rem 0 0;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.8;
}

.list_nm>li::before {
	flex-shrink: 0;
	counter-increment: number 1;
	margin-right: 0.5rem;
	background-color: #6d6457;
	width: 1.6rem;
	height: 1.6rem;
	content: counter(number);
	color: #fff;
	line-height: 1.6rem;
	text-align: center;
}

.list_ns>li {
	display: flex;
	align-items: baseline;
	padding: 0.75rem 0 0;
	font-size: 0.9rem;
	line-height: 1.8;
}

.list_ns>li::before {
	flex-shrink: 0;
	counter-increment: number 1;
	margin-right: 0.5rem;
	content: counter(number) ".";
	color: #6d6457;
}

.list_dl li {
	display: flex;
	padding: 0.75rem 0 0;
	font-size: 1rem;
	line-height: 1.8;
}

.list_dl span {
	flex-shrink: 0;
	margin-right: 1rem;
	background: #E6E2D7;
	width: 6rem;
	height: min-content;
	font-weight: 500;
	font-size: 0.9rem;
	text-align: center;
}


.list_dl_s li {
	display: flex;
	align-items: baseline;
	gap: 3px 15px;
	padding: 10px 0 0;
	font-size: 0.9rem;
	line-height: 1.5;
	font-feature-settings: "palt";
}

.list_dl_s span {
	flex-shrink: 0;
	background: #E6E2D7;
	width: 5rem;
	height: 20px;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

.list_dl_s p {
	font-size: 13.5px;
	line-height: 1.5;
}

@media screen and (max-width: 720px) {
	.list_dl_s li {
		display: grid;
	}

	.list_dl_s p {
		font-size: 10px;
	}

	.list_dl_s span {
		height: 18px;
		font-weight: 500;
		font-size: 11px;
		line-height: 18px;
	}

	.list_m li {
		padding-top: 0.5rem;
	}

	.list_s li {
		padding-top: 0.25rem;
	}
}

/* table 表組 */

.table_a {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	text-align: left;
}

.table_a th,
.table_a td {
	vertical-align: top;
	border-top: solid 1px #9e978d;
	border-bottom: solid 1px #9e978d;
	border-spacing: 0;
	padding: 1rem 0 1rem 1.35rem;
	font-size: 1rem;
	line-height: 2;
}

.table_a th {
	background: #f3f1ec;
	width: 200px;
	font-weight: 500;
}

.table_b {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	text-align: left;
}

.table_b th,
.table_b td {
	vertical-align: top;
	border-top: solid 1px #9e978d;
	border-bottom: solid 1px #9e978d;
	border-left: solid 1px #9e978d;
	border-spacing: 0;
	padding: 1rem 1.35rem 1rem 1.35rem;
	font-size: 1rem;
	line-height: 2;
}

.table_b th:first-child,
.table_b td:first-child {
	border-left: none;
}

.table_b th {
	background: #f3f1ec;
	width: 200px;
	font-weight: 500;
}

.table_th>* {
	background: #e6e2d7 !important;
}

.table_grow {
	width: auto !important;
}

.table_right {
	border-right: solid 1px #9e978d;
}

.th240 th {
	width: 240px;
}

.dl_a {
	display: flex;
	flex-wrap: wrap;
	border-top: solid 1px #9e978d;
	border-collapse: collapse;
	width: 100%;
	text-align: left;
}

.dl_a dt,
.dl_a dd {
	vertical-align: top;
	border-bottom: solid 1px #9e978d;
	border-spacing: 0;
	padding: 1rem 0 1rem 1.35rem;
	font-size: 1rem;
	line-height: 2;
}

.dl_a dt {
	background: #f3f1ec;
	width: 160px;
	font-weight: 500;
}

.dl_a dd {
	width: calc(50% - 160px);
}

.dl_a .dl_100 {
	width: calc(100% - 160px);
}

/* overflow スマホ用表の横スクロール table_overflow */
.js-scrollable {
	width: 100%;
}

@media screen and (max-width: 720px) {

	.table_a,
	.table_b {
		width: 200%;
		max-width: initial;
	}

	.table_a th,
	.table_a td,
	.table_b th,
	.table_b td {
		padding: 0.2rem 0.5rem;
		font-size: 0.9rem;
	}

	.table_a th,
	.table_b th {
		width: calc(0.9rem * 9);
	}

	.dl_a dt {
		padding: 0.2rem 0.5rem;
		width: 90px;
		font-weight: 500;
		font-size: 0.9rem;
	}

	.dl_a dd {
		padding: 0.2rem 0.5rem;
		width: calc(100% - 90px);
		font-size: 0.9rem;
	}

	.dl_a .dl_100 {
		width: calc(100% - 90px);
	}
}

/* box 囲み */

.box {
	background: #f4f4f2;
	padding: 2rem 2.65rem;
}

.box_strong {
	border: solid 0.2rem #e66565;
	background: #fffdec;
	padding: 1.8rem 2.45rem;
}

.box_strong .h_style6 {
	color: #e66565;
}

.box_line {
	border: solid 0.1rem #000;
	padding: 1.9rem 2.55rem;
}

.box_grayline {
	border: solid 0.4rem #EDECEA;
	padding: 1.9rem 2.55rem;
}

.box_grayline2 {
	border: solid 0.1rem #EDECEA;
	padding: 1.9rem 2.55rem;
}

@media screen and (max-width: 720px) {
	.box {
		padding: 1rem;
	}

	.box_strong {
		border: solid 2px #e66565;
		padding: calc(1rem - 2px);
	}

	.box_line {
		border: solid 1px #000;
		padding: calc(1rem - 1px);
	}

	.box_grayline2 {
		border: solid 0.1rem #EDECEA;
		padding: calc(1rem - 1px);
	}

	.box_grayline {
		border: solid 0.3rem #EDECEA;
		padding: 0.9rem;
	}

	.box_spnone {
		border: 0;
		background: none;
		padding: 0;
	}
}

/* column 2~6カラム PCのみ */

@media print, screen and (min-width: 721px) {
	.column_2>* {
		width: calc(100% * 580 / 1200);
	}

	.column_3>* {
		width: calc(100% * 375 / 1200);
	}

	.column_3::after {
		display: block;
		order: 100;
		width: calc(100% * 375 / 1200);
		height: 0;
		content: "";
	}

	.column_4>* {
		width: calc(100% * 275 / 1200);
	}

	.column_4::after {
		display: block;
		width: calc(100% * 275 / 1200);
		height: 0;
		content: "";
	}

	.column_4::before {
		display: block;
		order: 1;
		width: calc(100% * 275 / 1200);
		height: 0;
		content: "";
	}

	.column_5>* {
		width: calc(100% * 220 / 1200);
	}

	.column_6>* {
		width: calc(100% * 180 / 1200);
	}

	.column_3-2 {
		width: calc(100% * 790 / 1200);
	}

	.column_4-3 {
		width: calc(100% * 900 / 1200);
	}

	.column_6-5 {
		width: calc(100% * 996 / 1200);
	}
}

@media screen and (max-width: 720px) {

	.column_2>*,
	.column_3>*,
	.column_4>* {
		width: 100%;
	}

	.column_1s>* {
		width: 100%;
	}

	.column_2s>* {
		width: 48%;
	}

	.column_3s>* {
		width: 32%;
	}

	.column_4s>* {
		width: 24%;
	}

	.column_2s40>*:first-child {
		width: 40%;
	}

	.column_2s40>*:last-child {
		width: 55%;
	}

	.column_2s40,
	.column_2s30 {
		border-bottom: solid 1px #e5e5e5;
		padding-bottom: 19px;
	}

	.column_2s30>*:first-child {
		width: 30%;
	}

	.column_2s30>*:last-child {
		width: 65%;
	}

	.sp_order_1 {
		order: 1;
	}

	.sp_order_2 {
		order: 2;
	}

	.sp_order_3 {
		order: 3;
	}
}

/* button ボタン */

.btn_l_strong,
.btn_m_strong,
.btn_s_strong {
	position: relative;
	cursor: pointer;
	background: #6d6457;
	color: #fff;
	font-weight: 500;
	text-align: center;
}

.btn_pink {
	background: #D35651;
}

.btn_l,
.btn_m,
.btn_s {
	position: relative;
	border: solid 1px #6d6457;
	color: #000;
	font-weight: 500;
	text-align: center;
}

.btn_l,
.btn_l_strong {
	width: 460px;
	height: 80px;
	font-size: 1.35rem;
	line-height: 80px;
}

.btn_m,
.btn_m_strong {
	width: 380px;
	height: 55px;
	font-size: 1.15rem;
	line-height: 55px;
}

.btn_s,
.btn_s_strong {
	padding-right: 2rem;
	padding-left: 1rem;
	width: auto;
	min-width: 150px;
	height: 40px;
	font-size: 0.85rem;
	line-height: 38px;
}

.btn_s_back {
	padding-right: 0;
	padding-left: 1rem;
}

.btn_l_strong::after,
.btn_m_strong::after,
.btn_s_strong::after,
.btn_l::after,
.btn_m::after,
.btn_s::after {
	display: inline-block;
	position: absolute;
	top: calc(50% - 8px);
	right: 30px;
	background-image: url("/asset/common/arrow_brown.png");
	background-size: cover;
	width: 10px;
	height: 16px;
	content: "";
}

.btn_s::after,
.btn_s_strong::after {
	top: calc(50% - 4px);
	right: 12px;
	width: 6px;
	height: 10px;
}

.btn_l_strong::after,
.btn_m_strong::after,
.btn_s_strong::after {
	background-image: url("/asset/common/arrow_white.png");
}

.btn_l_back::after,
.btn_m_back::after {
	left: 30px;
	transform: rotate(180deg);
}

.btn_s_back::after {
	right: auto;
	left: 12px;
	transform: rotate(180deg);
}

.btn_down::after {
	transform: rotate(90deg);
}

.btn_philosophy {
	position: relative;
	padding-bottom: 30px;
}

.btn_philosophy::after {
	display: inline-block;
	position: absolute;
	right: calc(50% - 8px);
	bottom: 0px;
	transform: rotate(90deg);
	background-image: url("/asset/common/arrow_brown.png");
	background-size: cover;
	width: 10px;
	height: 16px;
	content: "";
}

@media screen and (max-width: 720px) {

	.btn_l,
	.btn_l_strong {
		height: 60px;
		font-size: 1.05rem;
		line-height: 60px;
	}

	.btn_m,
	.btn_m_strong {
		height: 40px;
		font-size: 0.85rem;
		line-height: 40px;
	}

	.btn_s,
	.btn_s_strong {
		min-width: 160px;
	}

	.btn_l_strong::after,
	.btn_m_strong::after,
	.btn_s_strong::after,
	.btn_l::after,
	.btn_m::after,
	.btn_s::after {
		right: 15px;
		width: 8px;
		height: 14px;
	}

	.btn_m_strong::after,
	.btn_m::after,
	.btn_s::after,
	.btn_s_strong::after {
		top: calc(50% - 5px);
	}
}

.ico_calendar {
	display: inline-flex;
	align-items: center;
	margin-right: 2rem;
}

.ico_calendar::before {
	display: inline-block;
	margin-right: 0.5rem;
	background-image: url("/asset/common/ico_calendar.png");
	background-size: cover;
	width: 2rem;
	height: 2rem;
	content: "";
}

@media screen and (max-width: 720px) {
	.ico_calendar {
		margin-right: 1rem;
	}

	.ico_calendar::before {
		width: 1.3rem;
		height: 1.3rem;
	}

}

/* link テキストリンクアイコン */

.link_arrow::before {
	display: inline-block;
	transform: rotate(45deg);
	margin: 0 0.4rem 0.1rem 0;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	width: 0.4rem;
	height: 0.4rem;
	content: "";
}

.link_pdf::before {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.4rem 0 0;
	background: url("/asset/common/ico_pdf.png");
	background-size: cover;
	width: 1.6rem;
	height: 1.6rem;
	content: "";
}

.link_tel::before {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.4rem 0 0;
	background: url("/asset/common/freedial.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 2rem;
	height: 2rem;
	content: "";
}

.link_blank {}

.link_zoom {}

.arrow_left,
.arrow_right {
	display: inline-block;
	position: relative;
	border: solid 1px #000;
	width: 2rem;
	height: 2rem;
}

.arrow_right::before,
.arrow_left::before {
	display: inline-block;
	position: absolute;
	top: calc(50% - 0.3rem);
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	width: 0.6rem;
	height: 0.6rem;
	content: "";
}

.arrow_left::before {
	left: calc(50% - 0.2rem);
	transform: rotate(-135deg);
}

.arrow_right::before {
	right: calc(50% - 0.2rem);
	transform: rotate(45deg);
}

@media screen and (max-width: 720px) {
	.sp_link_arrow2::after {
		display: inline-block;
		transform: rotate(45deg);
		margin: 0;
		border-top: solid 1px #000;
		border-right: solid 1px #000;
		width: 0.6rem;
		height: 0.6rem;
		content: "";
	}
}

/* styleguide スタイルガイド */

.styleguide>* {
	margin-top: 30px;
}

/* keyvisual キービジュアル */

.keyvisual {
	align-items: center;
	margin-top: 50px;
	background: #F5F4F2;
}

.keyvisual>*:last-child {
	flex-grow: 1;
	align-items: center;
	padding: 0 60px;
	width: 400px;
}

.keyvisual_white {
	position: relative;
	background: #ffffff;
}

.keyvisual_examplemovie {
	position: relative;
}

@media print, screen and (min-width: 721px) {
	.keyvisual_white, .keyvisual_examplemovie {
		flex-wrap: nowrap;
	}
}

.keyvisual_white> :last-child {
	padding: 0 50px;
	width: 400px;
}



.keyvisual_white::before {
	position: absolute;
	top: 0;
	left: calc(0px - ((100vw - 1200px) / 2));
	left: calc(0px - ((var(--vw100) - 1200px) / 2));
	z-index: -1;
	background-color: #f5f4f2;
	width: 100vw;
	width: var(--vw100);
	height: 50%;
	content: "";
}

.keyvisual_examplemovie::before {
	position: absolute;
	top: 0;
	left: calc(0px - ((100vw - 1200px) / 2));
	left: calc(0px - ((var(--vw100) - 1200px) / 2));
	z-index: -1;
	background-color: #f5f4f2;
	width: 100vw;
	width: var(--vw100);
	height: 205px;
	content: "";
}

@media screen and (max-width: 720px) {
	.keyvisual {
		margin-top: 20px;
	}

	.keyvisual_white {
		margin-bottom: 15px;
	}

	.keyvisual>*:last-child {
		padding: 10px 20px;
	}

	.keyvisual_white::before {
		left: calc(0px - ((var(--vw100) - 100%) / 2));
		height: calc(100% + 15px);
	}

	.keyvisual_examplemovie::before {
		left: calc(0px - ((var(--vw100) - 100%) / 2));
		height: calc(100% - 55px);
	}
}

/* page ページ */

.page {
	margin: 40px auto 100px;
}

.single {
	margin: 0px auto 100px;
}

.page.form {
	margin: 40px auto 70px;
}

.single.vr,
.single.gallery {
	margin-top: 40px;
}

@media screen and (max-width: 720px) {
	.page {
		margin: 0px auto 50px;
	}

	.single {
		margin: 0px auto 50px;
	}

	.single.vr,
	.single.gallery {
		margin-top: 20px;
	}
}


/* header ヘッダー */

.head {
	position: sticky;
	top: 0;
	z-index: 10;
	/*  background: #fff;*/
}

.head-menu,
.menu-sns,
.head-menu-cover {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.head-menu {
	margin-left: calc((100% - 1200px) / 2);
	background: #fff;
}

@media print,
screen and (max-width: 1200px) {
	.head-menu {
		margin-left: 0;
	}
}

.head-menu-logo {
	margin: 0 auto 0 0;
	width: 124px;
}

@media screen and (max-width: 720px) {
	.head {
		top: -50px;
		height: 50px;
	}

	.head-menu-logo {
		margin: 0 auto 0 10px;
		width: 88px;
	}
}

.menu-sns {
	justify-content: space-between;
	margin-right: 20px;
	width: 100px;
}

.menu-sns img {
	height: 24px;
}

.head-menu-cover {
	background-color: #554d41;
	height: 55px;
}

.head-menu-cover li {
	cursor: pointer;
	width: fit-content;
	height: 100%;
	text-align: center;
}

.head-menu-cover a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 15px;
	height: 100%;
}

.head-menu-cover span {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: fit-content;
	height: 35px;
	color: #fff;
}

.head-menu-cover span::after {
	display: inline-block;
	position: absolute;
	top: 0;
	right: -15px;
	border-right: solid 1px #9b9080;
	width: 1px;
	height: 35px;
	content: "";
}

.head-menu-cover li:last-child span::after {
	border: none;
}

.head-menu-cover img {
	margin-right: 0.4rem;
	width: 26px;
}


#burger {
	display: none;
}

.head-menu-container {
	background: #fff;
}

.menu-header-container {
	/*	background: #f5f4f2;*/
}

#menu-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	background: #dddad1;
	width: var(--main-width);
	height: 50px;
}

#menu-header li {
	position: relative;
	position: relative;
	flex-grow: 2;
	height: 100%;
	text-align: center;
}

#menu-header>li>a {
	display: block;
	position: relative;
	height: 100%;
	color: #000;
	line-height: 50px;
}

#menu-header>li:after {
	display: inline-block;
	position: absolute;
	top: calc(50% - 0.7rem);
	right: 0;
	border-right: solid 1px #A8A69E;
	height: 1.4rem;
	content: "";
}

#menu-header>li:last-child:after {
	display: none;
}

@media print, screen and (min-width: 721px) {
	#menu-header ul {
		display: none;
	}

	#menu-header>li:hover {
		background: #C7C3B6;
	}

	#menu-header>li:hover .sub-menu {
		display: block;
		position: absolute;
		top: 50px;
		left: calc(50% - 120px);
		z-index: 1;
		background: #fff;
		width: 240px;
		max-width: 240px;
		max-height: 100vh;
	}

	#menu-header .sub-menu a {
		border-right: solid 1px #E3E0D8;
		border-bottom: solid 1px #E3E0D8;
		padding: 0 0 0 15px;
		width: 100%;
		height: 40px;
		color: #000;
		font-size: 12px;
		line-height: 39px;
		text-align: left;
	}

	#menu-item-45,
	#menu-item-4440,
	#menu-item-5046,
	#menu-item-6670 {
		display: none;
	}

	#menu-header>li:nth-last-child(4)::after,
	#menu-header>li:nth-last-child(3)::after,
	#menu-header>li:nth-last-child(2)::after {
		display: none;
	}
}


@media print,
screen and (max-width: 1340px) and (min-width:721px) {
	#menu-header>#menu-item-45:hover .sub-menu {
		left: calc(100% - 240px);
	}

	#menu-header>#menu-item-43:hover .sub-menu {
		left: calc(0px);
	}
}

@media screen and (max-width: 720px) {
	.head-menu-cover {
		position: fixed;
		bottom: 0px;
		left: 0;
		flex-wrap: nowrap;
		z-index: 100;
		background-color: #CD3833;
		height: 60px;
	}

	.head-menu-cover li {
		width: 25vw;
	}

	.head-menu-cover a {
		padding: 0;
	}

	.head-menu-cover a span {
		display: block;
		margin-top: 0;
		width: 100%;
		height: auto;
		font-size: 0.6rem;
		text-align: center;
	}

	.head-menu-cover a span img {
		display: block;
		margin: 0 auto 2px;
		width: 25px;
	}

	.head-menu-cover span::after {
		right: 0;
		border-right: solid 1px #e76e69;
	}

	#menu-header li {
		width: 100%;
	}

	#menu-header>li a {
		display: block;
		border-bottom: solid 1px #A8A69E;
		padding-left: 1rem;
		text-align: left;
	}

	#menu-header .sub-menu a {
		background-color: #fff;
		height: 50px;
		color: #000;
		line-height: 50px;
	}

	#burger:checked~.menu-header-container #menu-header {
		display: flex;
		max-height: calc(100vh - 60px);
		overflow-y: auto;
	}

	.head-menu-burger {
		width: 50px;
		height: 50px;
	}

	.head-menu-burger label {
		display: block;
		background-image: url("/asset/common/hamburger_o.png");
		background-size: contain;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
	}

	#burger:checked~.head-menu-container .head-menu .head-menu-burger label {
		background-image: url("/asset/common/hamburger_x.png");
		content: "";
	}

	#menu-header>li::after {
		border: none;
	}

}

/* page_title ページタイトル */

.page_title {
	margin-top: -50px;
	background: #f5f4f2;
	padding: 60px 0 0;
	min-height: 155px;
}

.page_title_front {
	min-height: 80px;
}

@media print, screen and (min-width: 721px) {
	.page_title.example_const {
		padding: 70px 0 0;
		min-height: 120px;
	}
}

@media screen and (max-width: 720px) {
	.page_title {
		margin-top: auto;
		padding: 20px 0;
	}

	.page_title_front {
		padding: 10px 0 !important;
	}
}

/* breadcrumbs パンくずリスト */

.breadcrumbs {
	margin: 5px auto 10px;
	color: #797979;
	font-size: 0.8rem;
}

.breadcrumbs a {
	color: #000;
}

.breadcrumbs>span {
	position: relative;
	margin-left: 1rem;
}

.breadcrumbs>span::before {
	display: inline-block;
	position: absolute;
	top: calc(50% - 0.15rem);
	left: -0.75rem;
	transform: rotate(45deg);
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	width: 0.3rem;
	height: 0.3rem;
	content: "";
}

.breadcrumbs>span:first-child::before {
	top: calc(50% - 0.4rem);
	left: -1rem;
	transform: rotate(0deg);
	border: none;
	background-image: url("/asset/common/bread_home.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 0.8rem;
	height: 0.8rem;
}

@media screen and (max-width: 720px) {
	.page_title {
		margin-top: auto;
		padding: 20px 0;
		min-height: auto;
	}

	.breadcrumbs {
		margin: 0 auto 5px;
		overflow-x: auto;
		white-space: nowrap;
	}
}

/* footer */

footer>div {
	background: #f5f4f2;
	padding: 80px 0 45px;
}

.foot-menu-1,
.foot-menu-2,
.foot-menu-3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	width: var(--main-width);
}

.menu-footer-container {
	margin: 20px auto;
	width: var(--main-width);
}

#menu-footer {
	display: flex;
	position: relative;
	justify-content: space-between;
}

#menu-footer>li {
	display: block;
	padding-top: 20px;
	width: 220px;
	height: min-content;
}

#menu-footer>li>a {
	border-top: solid 1px #6d6457;
	padding-top: 20px;
	width: 100%;
	color: #000;
}

#menu-footer .sub-menu a {
	margin-top: 0.5rem;
	color: #000;
	font-size: 0.85rem;
}

#menu-footer .sub-menu a:before {
	margin-right: 0.5rem;
	content: "-";
}

@media print, screen and (min-width: 721px) {
	#menu-item-64 {
		position: absolute;
		top: 70px;
		left: 735px;
		height: min-content;
	}

	#menu-item-6623,
	#menu-item-8675 {
		position: absolute;
		top: 210px;
		left: 490px;
		height: min-content;
	}

	#menu-item-6703,
	#menu-item-8868 {
		position: absolute;
		top: 280px;
		left: 490px;
		height: min-content;
	}
}

@media screen and (max-width: 720px) {
	footer>div {
		padding: 25px 0;
	}

	#menu-footer {
		flex-wrap: wrap;
		border-bottom: solid 1px #6d6457;
	}

	#menu-footer>li {
		padding-top: 0;
		width: 100%;
	}

	#menu-footer>li>a {
		position: relative;
		padding: 0 0 0 1rem;
		height: 50px;
		line-height: 49px;
	}

	#menu-footer>li.menu-item-has-children>a {
		pointer-events: none;
	}

	#menu-footer .sub-menu a {
		display: block;
		position: relative;
		margin-top: 0;
		border-top: solid 1px #6d6457;
		padding: 0 0 0 1rem;
		height: 50px;
		font-size: 1rem;
		line-height: 49px;
	}

	#menu-footer .sub-menu a::before {
		display: none;
	}

	#menu-footer li>a::after {
		position: absolute;
		top: calc(50% - 6px);
		right: 8px;
		background-image: url("/asset/common/arrow_gray.png");
		background-size: contain;
		background-repeat: no-repeat;
		width: 12px;
		height: 12px;
		content: "";
		;
	}

	#menu-footer .menu-item-has-children>a::after {
		right: 12px;
		background-image: url("/asset/common/plus_gray.png");
	}

	#menu-footer .menu-item-has-children.is-active>a::after {
		background-image: url("/asset/common/minus_gray.png");
	}
}

/* .foot-bar 一番下 */

.foot-bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-items: center;
	height: 70px;
}

.foot-bar>li {
	border-left: solid 1px #e5e5e5;
	padding: 0 1rem;
	min-height: 24px;
}

.foot-bar>li:last-child {
	border: none;
}

.foot-bar-logo {
	width: 130px;
}

.foot-bar-copy {
	margin: 0 65px 0 auto;
}

@media screen and (max-width: 720px) {
	.foot-bar {
		padding-bottom: 60px;
		height: auto;
	}

	.foot-bar>li {
		margin: 0 1rem;
		border: none;
		border-bottom: solid 1px #e5e5e5;
		padding: 0.5rem 0;
		width: 100%;
	}

	.foot-bar>li:first-child {
		order: 1;
		margin-top: 20px;
		border: none;
		padding-bottom: 0;
	}

	.foot-bar>li:nth-child(5) {
		margin-top: 10px;
		border: none;
	}

	.foot-bar>li:last-child {
		order: 2;
		margin-bottom: 10px;
		border: none;
		padding: 0;
		font-size: 0.8rem;
	}

	.foot-bar-logo {
		width: 105px;
	}
}

/* #page-top 上に戻る */

.page-top {
	position: fixed;
	right: 25px;
	bottom: 25px;
	width: 20px;
}

@media screen and (max-width: 720px) {
	.page-top {
		bottom: 85px;
	}
}

/* menu-lineup_top 注文住宅メニュー欄 */

.menu-lineup_top-container {
	margin: 40px auto 0;
}

@media screen and (max-width: 720px) {
	.menu-lineup_top-container {
		margin: 20px auto 0;
	}
}

/* tab_container tab切替えメニュー */

.menu_tab,
#menu-lineup_top {
	display: flex;
	position: relative;
	justify-content: space-between;
	margin: 0 auto;
	width: 1050px;
}

.menu_tab:after,
#menu-lineup_top:after {
	position: absolute;
	;
	bottom: 0;
	left: -75px;
	z-index: -1;
	border-bottom: solid 1px #6d6457;
	width: 1200px;
	content: "";
}

#menu-lineup_top li {
	width: 24%;
}

.menu_tab li {
	width: 49%;
}

.menu_tab label,
#menu-lineup_top a {
	display: inline-block;
	cursor: pointer;
	border: solid 1px #f5f4f2;
	border-bottom: solid 1px #6d6457;
	background: #f5f4f2;
	width: 100%;
	height: 5.3rem;
	color: #000;
	font-weight: bold;
	font-size: 1.35rem;
	line-height: 5.2rem;
	text-align: center;
}

#tab1:checked~.tab_container label[for="tab1"],
#tab2:checked~.tab_container label[for="tab2"],
#menu-lineup_top .current-menu-item a {
	border: solid 1px #6d6457;
	border-bottom: solid 1px #fff;
	background: #fff;
}

#tab1:checked~#tabView1 {
	display: block;
}

#tab1:not(:checked)~#tabView1 {
	display: none;
}

#tab2:checked~#tabView2 {
	display: block;
}

#tab2:not(:checked)~#tabView2 {
	display: none;
}

.tab_input {
	display: none;
}

@media screen and (max-width: 720px) {
	#menu-lineup_top {
		padding: 0 15px;
	}

	.menu_tab,
	#menu-lineup_top {
		width: auto;
	}

	.menu_tab label,
	#menu-lineup_top a {
		display: table-cell;
		vertical-align: middle;
		width: 100vw;
		height: 4rem;
		font-size: 0.9rem;
		line-height: 1.4;
	}

	.menu_tab::after,
	#menu-lineup_top::after {
		left: 0;
		width: 100vw;
	}

	.menu_tab::after {
		left: -1rem;
	}
}

/* 分譲住宅・土地用のメニュータブ */

/* modal_pref お近くの展示場 */

.modal {
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 100;
	transition: opacity 0.3s ease-in-out;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	max-height: 0;
	overflow: auto;
}

.modal.open {
	display: block;
	opacity: 1;
	max-height: 100%;
}

.modal.close {
	opacity: 0;
	animation: fadeout 0.2s ease-in-out 0s;
	height: 0;
	max-height: 0;
}

@keyframes fadeout {
	0% {
		opacity: 1;
		max-height: 100%;
	}

	99% {
		max-height: 100%
	}

	100% {
		display: none;
		opacity: 0;
	}
}

.modal-body {
	position: relative;
}

.modal-body>p {
	background: #554D41;
	padding-left: 25px;
	height: 80px;
	color: #fff;
	line-height: 80px;
}
.modal-body > p > a {
  color: #fff;
  line-height: 1;
}
.modal-close {
	display: inline-block;
	position: absolute;
	top: -12px;
	right: -12px;
	border-radius: 20px;
	background: #000;
	width: 35px;
	height: 35px;
	color: #fff;
}

.modal-content {
	margin: 15vh auto auto;
	background-color: #ffffff;
	width: 460px;
}



/* 施工事例用 */
#modal_pref_example .modal-content {
	width: fit-content;
	max-width: 1050px;
}

#modal_pref_example ul.flex {
	gap: 30px;
	padding: 0 30px 30px;
}

#modal_pref_example ul.flex>li {
	width: 310px;
}

@media screen and (max-width: 720px) {
	#modal_pref_example .modal-content {
		max-width: calc(100vw - 30px);
	}

	#modal_pref_example ul.flex {
		align-items: normal;
		gap: 0px;
		padding: 0 15px 15px;
	}

	#modal_pref_example ul.flex>li {
		width: 48%;
	}
}




/* mapjp_pc 日本地図 */
.mapjp>li {
	display: flex;
	align-items: center;
	border-top: solid 1px #CCCCCC;
	padding: 1rem 0;
}

.mapjp>li p {
	margin-right: 1rem;
	border-right: solid 1px #cccccc;
	padding-right: 1rem;
	min-width: 125px;
	color: #000;
	line-height: 40px;
}

.mapjp>li:last-child {
	border-bottom: solid 1px #CCCCCC;
}

.mapjp li ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.mapjp li ul li {
	color: #999;
}



.pref-list {
	padding: 30px;
}

.pref-list label {
	display: block;
	position: relative;
	cursor: pointer;
	border-bottom: solid 1px #D6D6D5;
	background: #F3F1EC;
	padding-left: 25px;
	width: 100%;
	height: 50px;
	line-height: 49px;
}

.pref-list label::after,
.pref-list input:checked~ul a::after {
	position: absolute;
	top: calc(50% - 6px);
	right: 20px;
	background-image: url("/asset/common/plus_gray.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	content: "";
	;
}

.pref-list input:checked~label::after {
	background-image: url("/asset/common/minus_gray.png");
}

.pref-list input:checked~ul a::after {
	right: 16px;
	background-image: url("/asset/common/arrow_gray.png");
}

.pref-list ul {
	transition: max-height 0.4s ease-in-out;
	max-height: 0;
	overflow: hidden;
}

.pref-list ul a {
	display: block;
	position: relative;
	border-bottom: solid 1px #E3E0D8;
	padding-left: 25px;
	height: 50px;
	line-height: 49px;
}

.pref-list input {
	display: none;
}

.pref-list input:checked~ul {
	max-height: 100vh;
}


.pref-list .pref-list-mansion a {
	color: #000;
}

.pref-list .pref-list-mansion::after {
	right: 16px;
	background-image: url("/asset/common/arrow_gray.png");
}


@media screen and (max-width: 720px) {
	.modal-content {
		width: calc(100vw - 30px);
	}

	.modal-body>p {
		height: 60px;
		line-height: 60px;
	}

	.pref-list {
		padding: 20px;
	}

	.pref_quo {
		font-size: 0.65rem;
	}
}

/* select_area お近くのエリアを選択 */

.select_area {
	background: #F3F1ED;
}

.select_area>p {
	background: #6D6456;
	padding: 1rem 1.2rem;
	color: #fff;
}

.select_area ul {
	padding: 1.3rem 1.2rem;
}

.select_area li {
	margin-right: 0.8rem;
	border-right: solid 1px #d7d7d6;
	padding: 0.3rem 0.8rem 0.3rem 0;
}

.select_area li:last-child {
	border: none;
}

@media screen and (max-width: 720px) {
	.select_area>p {
		padding: 0.4rem 0.6rem;
	}

	.select_area ul {
		padding: 0.7rem 0.6rem;
	}

	.select_area li {
		border: 0;
		padding: 0;
	}
}

/* 一覧で展示場0の場合 */
.pref_sorry {
	display: flex;
	align-items: center;
	gap: 30px;
}

.pref_sorry img {
	margin: 10px;
	height: 80px;
}

.pref_sorry p {
	font-size: 1.2rem;
}

@media screen and (max-width: 720px) {
	.pref_sorry {
		display: block;
	}

	.pref_sorry img {
		float: left;
		margin: 10px;
		margin-right: 20px;
		height: 65px;
	}

	.pref_sorry p {
		font-size: 1rem;
	}
}

/* branch 支店営業所 */
@media screen and (max-width: 720px) {
	.staff_list {
		border-bottom: solid 1px #e5e5e5;
		padding-bottom: 20px;
	}

	.staff_list .column_2s40 {
		padding-bottom: 10px;
	}
}

/* スタッフスライダー 施工事例スライダー */
.staff_slider,
.example_slider {
	display: none;
	margin-bottom: 110px;
}

.staff_slider.slick-initialized,
.example_slider.slick-initialized {
	display: block;
}

.staff_slider li.slick-slide {
	padding: 0 14px;
}

.staff_slider li img {
	width: 100%;
}

.staff_slider li p {
	margin-top: 5px;
	line-height: 1.5;
}

.example_slider li img {
	width: 100%;
	height: 370px;
	object-fit: cover;
}

.example_slider .btn_s_strong {
	width: 200px;
}


.example_slider .arrow_left,
.example_slider .arrow_right,
.staff_slider .arrow_left,
.staff_slider .arrow_right {
	position: absolute;
	top: calc(50% - 20px);
	width: 40px;
	height: 40px;
}

.example_slider .arrow_left,
.staff_slider .arrow_left {
	left: -55px;
}

.example_slider .arrow_right,
.staff_slider .arrow_right {
	right: -55px;
}

.example_slider .arrow_right::before,
.example_slider .arrow_left::before,
.staff_slider .arrow_right::before,
.staff_slider .arrow_left::before {
	top: calc(50% - 0.25rem);
	width: 0.6rem;
	height: 0.6rem;
}

.example_slider .arrow_right::before,
.staff_slider .arrow_right::before {
	right: calc(50% - 0.2rem);
}

.example_slider .arrow_left::before,
.staff_slider .arrow_left::before {
	left: calc(50% - 0.2rem);
}

.example_slider .slick-dots,
.staff_slider .slick-dots {
	display: flex;
	position: absolute;
	right: 0;
	bottom: -40px;
	left: 0;
	justify-content: center;
	margin: auto;
	width: fit-content;
}

.example_slider .slick-dots li,
.staff_slider .slick-dots li {
	margin: 5px;
	width: 10px;
	height: 10px;
}

.example_slider .slick-dots li button,
.staff_slider .slick-dots li button {
	display: block;
	background-color: #dedbd2;
	width: 100%;
	height: 100%;
	font-size: 0;
}

.example_slider .slick-dots li.slick-active button,
.staff_slider .slick-dots li.slick-active button {
	background-color: #675c4c;
}

@media screen and (max-width: 720px) {

	.example_slider,
	.staff_slider {
		margin: 0;
		width: 100%;
	}

	.example_slider li.slick-slide .staff_slider li.slick-slide {
		padding: 0 7px;
	}

	.example_slider li img {
		height: auto;
	}

	.example_slider .btn_s_strong {
		width: 100%;
	}


	.example_slider .arrow_left,
	.example_slider .arrow_right,
	.staff_slider .arrow_left,
	.staff_slider .arrow_right {
		display: none !important;
	}

	.example_slider .slick-dots,
	.staff_slider .slick-dots {
		top: auto;
		bottom: -40px;
		left: 0;
		margin: 0px 15px;
		width: calc(100% - 30px);
	}

	.example_slider .slick-dots li,
	.staff_slider .slick-dots li {
		margin: 3px;
		width: 20px;
		height: 3px;
	}

	.example_slider .t_catch {
		font-weight: normal;
		font-size: 1rem;
		line-height: 1.5;
	}
}

/* スタッフプロフィール */
.modal_staff .modal-content {
	padding: 65px 60px;
	width: 680px;
}

.modal_staff .modal-close {
	top: -50px;
	right: -40px;
	background: none;
	width: auto;
	height: auto;
	color: #1a1a1a;
	font-size: 40px;
	line-height: 1;
}

.js-modal-open {
	cursor: pointer;
}

.profile_image img {
	width: 250px;
	height: 250px;
	object-fit: cover;
}

.profile_name {
	width: 270px;
}

.profile_name>*:nth-child(1) {
	font-weight: 500;
	font-size: 14px;
}

.profile_name>*:nth-child(2) {
	margin-top: 10px;
	font-weight: 500;
	font-size: 32px;
	line-height: 1;
}

.profile_name>*:nth-child(3) {
	margin-top: 20px;
	color: #a49270;
	font-weight: 500;
	font-size: 13px;
	line-height: 1;
}

.profile_dl {
	border-bottom: solid 1px #f3f1ec;
}

.profile_dl dd, .profile_dl dt {
	padding: 15px;
	font-size: 14px;
}

.profile_dl dt {
	width: 150px;
}

.profile_dl dd {
	width: calc(100% - 150px);
}

.profile_dl dd:nth-of-type(2n-1), .profile_dl dt:nth-of-type(2n-1) {
	background: #f3f1ec;
}

.profile_linelink {
	gap: 30px;
	margin-top: 165px;
}

.btn_linegreen {
	background-color: #06c755;
	width: 240px;
}

.ico_line {
	display: inline-flex;
	align-items: center;
	margin-right: 2rem;
}

.ico_line::before {
	display: inline-block;
	margin-right: 0.5rem;
	background-image: url("/asset/common/ico_line_w.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 2rem;
	height: 2rem;
	content: "";
}


.profile_snslink {
	gap: 20px;
}

.profile_snslink a {
	max-width: 60px;
}

.profile_topics .fukidasi {
	position: relative;
	margin-bottom: 20px;
	border: solid 8px #f3f1ec;
	padding: 12px;
}

.profile_topics .fukidasi::after {
	display: inline-block;
	position: absolute;
	bottom: -23px;
	left: calc(50% - 10px);
	border-width: 20px 20px 0 0;
	border-style: solid;
	border-color: #f3f1ec transparent transparent transparent;
	width: 0;
	height: 0;
	content: "";
}

.profile_topics img {
	width: 70px;
}

.profile_topics .t_lead {
	position: relative;
}

.profile_topics .t_lead::after {
	position: absolute;
	top: 0;
	right: -15px;
	transform: rotateZ(15deg);
	border-left: solid 2px #000;
	width: 1px;
	height: 30px;
	content: "";
}

.profile_topics .t_lead::before {
	position: absolute;
	top: 0;
	left: -15px;
	transform: rotateZ(-15deg);
	border-right: solid 2px #000;
	width: 1px;
	height: 30px;
	content: "";
}



@media screen and (max-width: 720px) {


	.example_slider,
	.staff_slider {
		margin-bottom: 70px;
		margin-left: -15px;
		width: 100vw;
		max-width: 100vw;
	}

	.example_slider li.slick-slide,
	.staff_slider li.slick-slide {
		padding: 0 15px;
	}

	.staff_slider .staff_list {
		border-bottom: none;
	}

	.modal_staff .modal-content {
		padding: 23px 20px;
		width: calc(100vw - 30px);
	}

	.modal_staff .modal-close {
		top: -22px;
		right: -12px;
		font-size: 30px;

	}

	.modal-body>.flex:nth-last-of-type(1) {
		align-items: center;
	}

	.profile_image img {
		width: calc(100vw * 140 / 375);
		height: calc(100vw * 140 / 375);
	}

	.profile_name {
		width: calc(100vw * 150 /375);
	}

	.profile_name> :nth-child(1) {
		font-size: 11px;
	}

	.profile_name> :nth-child(2) {
		margin-top: 5px;
		font-size: 22px;
	}

	.profile_name> :nth-child(3) {
		margin-top: 10px;
		font-size: 11px;
	}


	.profile_linelink {
		gap: 10px;
		margin-top: 90px;
		padding: 20px 15px;
	}

	.profile_linelink .pcnone {
		float: left;
		margin-right: 10px;
		width: 50px;
	}

	.profile_linelink .h_style8 {
		margin: 5px 0 10px;
		font-size: 18px;
	}

	.profile_linelink .btn_linegreen {
		width: 100%;

	}

	.ico_line {
		margin-right: 0;
	}

	.ico_line::before {
		width: 20px;
		height: 20px;
	}

	.profile_snslink {
		gap: 10px;
		padding: 20px;
	}

	.profile_snslink .h_style8 {
		width: 100%;
		text-align: center;
	}

	.profile_snslink a {
		max-width: 40px;
	}

	.js-modal-open {
		width: 100%;
	}

	.profile_dl dd, .profile_dl dt {
		padding: 10px;
	}

	.profile_dl dt {
		width: 95px;
	}

	.profile_dl dd {
		width: calc(100% - 95px);
	}

	.profile_topics .t_lead::after {
		top: 5px;
		right: -20px;
		height: 40px;
	}

	.profile_topics .t_lead::before {
		top: 5px;
		left: -20px;
		height: 40px;
	}

}

/* example 施工事例 */

.example_tag {
	background-color: #f3f1ec;
	padding: 20px;
}

.example_tag li {
	margin-right: 10px;
}

.example_tag input {
	display: none;
}

.example_tag input~span {
	display: inline-block;
	cursor: pointer;
	background: #fff;
	padding: 0 5px;
	min-width: 80px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

.example_tag input:checked~span {
	background: #6d6457;
	color: #fff;
}

@media screen and (max-width: 720px) {
	.example_tag {
		justify-content: space-between;
		margin-top: 20px;
		padding: 5px 20px 15px;
	}

	.example_tag li {
		flex-grow: 1;
		margin-top: 10px;
		margin-right: 0px;
		padding: 0;
	}

	.example_tag input~span {
		display: block;
		margin: 0 auto;
		width: 95px;
	}
}

.example .keyvisual img {
	width: 800px;
}


.example_movie {
	position: relative;
}

.example_movie::before {
	display: block;
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 1;
	border-radius: 24px;
	background-color: #D45550;
	width: 40px;
	height: 40px;
	content: "動画";
	color: #fff;
	font-size: 13px;
	line-height: 40px;
	text-align: center;
}

.example_movie2::after {
	display: block;
	position: absolute;
	top: 20px;
	right: -10px;
	z-index: 1;
	border-radius: 24px;
	background-color: #D45550;
	width: 40px;
	height: 40px;
	content: "動画";
	color: #fff;
	font-size: 13px;
	line-height: 40px;
	text-align: center;
}

@media screen and (max-width: 720px) {
	.example_movie::before {
		top: -5px;
		right: -5px;
		width: 30px;
		height: 30px;
		font-size: 10px;
		line-height: 30px;
	}

	.example_movie2::after {
		top: 20px;
		right: -5px;
		width: 30px;
		height: 30px;
		font-size: 10px;
		line-height: 30px;
	}
}

.example_new {
	position: relative;
}

.example_new::before {
	display: block;
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 3;
	border-radius: 24px;
	background-color: #FFDB59;
	width: 40px;
	height: 40px;
	content: "NEW";
	color: #AC0718;
	font-weight: 500;
	font-size: 13px;
	line-height: 40px;
	text-align: center;
}

@media screen and (max-width: 720px) {
	.example_new::before {
		top: -5px;
		right: -5px;
		width: 30px;
		height: 30px;
		font-size: 10px;
		line-height: 30px;
	}
}

/* relation 関連リンク */

.relation {
	justify-content: left;
	align-items: center;
	margin: 0 auto;
	border: solid 6px #EFEDE4;
	padding: 24px 24px 24px 40px;
	width: var(--main-width);
}

.relation>p {
	width: 135px;
}

.relation>ul {
	border-left: solid 1px #CCC3AB;
	padding-left: 30px;
	font-size: 14px;
	line-height: 2;
}

@media screen and (max-width: 720px) {
	.relation {
		margin: 0 15px;
		border: solid 4px #EFEDE4;
		padding: 15px;
	}

	.relation>ul {
		border-top: solid 1px #CCC3AB;
		border-left: none;
		padding-left: 0;
		width: 100%;
	}
}

/* kurashi_link ぜひ、こちらもご覧ください */

.kurashi_link {
	margin: 0 auto;
	border: solid 6px #EFEDE4;
	padding: 30px 69px 54px;
	width: var(--main-width);
	text-align: center;
}

.kurashi_link>a {
	display: inline-block;
	position: relative;
	background: #79674A;
	width: 380px;
	height: 55px;
	line-height: 55px;
}

@media screen and (max-width: 720px) {
	.kurashi_link {
		margin: 0 15px;
		padding: 15px;
	}

	.kurashi_link li {
		width: 100%;
	}

	.kurashi_link li>a {
		display: flex;
		align-items: center;
		border-top: solid 1px #CCC3AB;
		padding: 10px 0;
		width: 100%;
		height: 80px;
	}
}

/* cta reserve 見て聞いて触れて体感しよう！ */

.reserve {
	padding: 44px 74px 44px;
	text-align: center;
}

.illust_family,
.illust_house,
.illust_online,
.illust_catalog {
	position: relative;
	padding-top: 15px;
	padding-bottom: 5px;
}

.illust_family::before,
.illust_house::before,
.illust_online::before,
.illust_catalog::before {
	position: absolute;
	top: -4rem;
	left: calc(50% - 2.1rem);
	background-size: contain;
	width: 4.2rem;
	height: 4.2rem;
	content: "";
}

.illust_family::before {
	background-image: url("/asset/common/illust_family.png");
}

.illust_house::before {
	background-image: url("/asset/common/illust_house.png");
}

.illust_online::before {
	background-image: url("/asset/common/illust_online.png");
}

.illust_catalog:before {
	background-image: url("/asset/common/illust_catalog.png");
}

@media screen and (max-width: 720px) {
	.reserve {
		padding: 20px 0;
		height: auto;
	}

	.reserve ul {
		margin: 0 15px;
	}

	.illust_family,
	.illust_house,
	.illust_online,
	.illust_catalog {
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 0;
		padding-bottom: 0;
	}

	.illust_family::before,
	.illust_house::before,
	.illust_online::before,
	.illust_catalog::before {
		display: inline-block;
		position: relative;
		top: 0;
		left: 0;
		margin-right: 5px;
		width: 40px;
		height: 40px;
	}
}

/* cta-2 住まいのコラム向け */

.reserve2 {
	padding: 30px 40px;
	text-align: center;
}

.reserve2 .flex {
	flex-wrap: nowrap;
}

.reserve2_hr {
	margin: 0 40px;
	border-left: solid 1px;
	width: 0;
}


@media screen and (max-width: 720px) {
	.reserve2 {
		padding: 20px 0;
		height: auto;
	}

	.reserve2 .flex {
		flex-wrap: wrap;
	}

	.reserve2 ul {
		margin: 0 15px;
	}

	.reserve2_hr {
		margin: 15px 0;
		border-bottom: solid 1px;
		width: 100%;
	}

	.reserve2 .btn_l_strong.btn_pink {
		padding: 14px 0;
		height: auto;
		line-height: 1.5;
	}
}

/* #menu- アコーディオン */

@media screen and (max-width: 720px) {

	#menu-header,
	#menu-header .menu-item-has-children ul,
	#menu-footer .menu-item-has-children ul {
		transition: max-height 0.4s ease-in-out;
		width: auto;
		height: auto;
		max-height: 0;
		overflow: hidden;
	}

	#menu-header .menu-item-has-children>a,
	#menu-footer .menu-item-has-children>a {
		pointer-events: none;
	}

	.is-open {
		max-height: 100vh !important;
	}

	#menu-header li>a::after {
		position: absolute;
		top: calc(50% - 6px);
		right: 8px;
		background-image: url("/asset/common/arrow_gray.png");
		background-size: contain;
		background-repeat: no-repeat;
		width: 12px;
		height: 12px;
		content: "";
		;
	}

	#menu-header .menu-item-has-children>a::after {
		right: 12px;
		background-image: url("/asset/common/plus_gray.png");
	}

	#menu-header .menu-item-has-children.is-active>a::after {
		background-image: url("/asset/common/minus_gray.png");
	}

	#menu-footer .menu-item-has-children ul {
		background: #fff;
	}
}

/* column 住まいのコラム */

.columnmain {
	margin-left: 0;
	width: 900px;
}

.columnnavi {
	width: 240px;
}

.columnmain .h_style2 {
	margin-top: 80px;
	margin-bottom: 50px;
}

.columnmain .t_catch {
	margin-top: 30px;
}

.columnmain .t_lead {
	margin-top: 20px;
}

.columnmain p {
	margin-top: 20px;
}

.columnmain .toc p {
	margin-top: 0px;
}

.columnmain .floatright {
	float: right;
	margin: 5px 0 40px 60px;
	width: 470px;
}

@media screen and (max-width: 720px) {
	.columnmain {
		width: auto;
	}

	.columnnavi {
		margin-bottom: 20px;
		width: auto;
	}

	.columnmain .h_style2 {
		margin-top: 40px;
		margin-bottom: 25px;
	}

	.columnmain .t_catch {
		margin-top: 15px;
	}

	.columnmain .t_lead {
		margin-top: 10px;
	}

	.columnmain p {
		margin-top: 10px;
	}

	.columnmain .toc p {
		margin-top: 0px;
	}

	.columnmain .floatright {
		float: none;
		margin: 0;
		width: auto;
	}
}

/* toc 目次 */

.toc {
	align-items: center;
	background: #6D6456;
}

.toc>p {
	width: 60px;
	color: #fff;
	text-align: center;
}

.toc_list {
	flex-grow: 1;
	background: #F3F1ED;
}

.toc_list a {
	color: #000;
}

.toc_list li {
	display: flex;
	align-items: center;
	border-bottom: solid 1px #D7D7D6;
	padding: 1.2rem;
}

.toc_list li:last-child {
	border-bottom: none;
}

.toc_list li::before {
	margin-right: 0.7rem;
	content: "▼";
	font-size: 0.6rem;
}


@media print, screen and (min-width: 721px) {

	.toc2>p {
		background: #544C3F;
		padding: 1rem;
	}

	.toc_list2 {
		display: flex;
		flex-wrap: nowrap;
		background: #6D6456;
	}

	.toc_list2 li {
		border-bottom: none;
	}

	.toc_list2 li::before {
		color: #fff;
	}

	.toc_list2 a {
		border-right: solid 1px #fff;
		padding-right: 2rem;
		color: #fff;
	}

}

@media screen and (max-width: 720px) {
	.toc>p {
		padding: 0.5rem;
	}

	.toc_list li {
		padding: 0.8rem;
	}

	.toc_list a {
		font-size: 0.9rem;
	}

	.toc2>p {
		padding: 0.5rem 1rem;
		width: 100%;
		text-align: left;
	}
}

/* estate 分譲 */

.estate_area_list {
	border-top: solid 1px #000;
	border-left: solid 1px #000;
}

.estate_area_list li {
	width: 50%;
}

.estate_area_list a {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	height: 100%;
	color: #000;
}

.estate_area_list a::before {
	display: inline-block;
	position: absolute;
	top: calc(50% - 0.3rem);
	right: 30px;
	transform: rotate(45deg);
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	width: 0.6rem;
	height: 0.6rem;
	content: "";
}

.estate_web {}

@media screen and (max-width: 720px) {
	.estate_web li {
		display: flex;
		justify-content: left;
		align-items: center;
		margin: 10px auto;
		width: calc(100% - 40px);
		height: 60px;
	}

	.estate_web li img {
		margin-right: 10px;
		width: auto;
	}

	.estate_area_list {
		border-top: none;
		border-left: none;
		height: auto;
	}

	.estate_area_list li {
		margin: 5px 0;
		border: solid 1px #000;
		width: 100%;
	}

	.estate_area_list a {
		border: none;
		padding: 10px 0;
	}
}

/* event イベント情報 */

.square_orange {
	display: inline-block;
	background: #ea9635;
	padding: 0 1rem;
	color: #fff;
	font-weight: 500;
}

#modal_pref_event {
	cursor: pointer;
}

.event_modelname {
	position: relative;
}

.event_modelname::after {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px 15px;
	content: attr(data-name);
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	line-height: 1;
}

@media screen and (max-width: 720px) {
	.event_modelname::after {
		padding: 5px 10px;
		font-size: 10px;
	}
}

/* form フォーム、問い合わせ */

.form_title {
	background-color: #f5f4f2;
	padding: 27px 0;
}

.required {
	float: right;
	margin-top: 4px;
	margin-right: 10px;
	background-color: #cc0000;
	padding: 0 10px;
	content: "必須";
	color: #fff;
	font-size: 0.7rem;
}

.form_input1,
.form_input2,
.form_input3,
.form_input4 {
	border: solid 1px #d2d2d2;
	padding: 0.5rem;
	height: 2.4rem;
	font-size: 1rem;
}


.form_input1:required,
.form_input2:required,
.form_input3:required,
.form_input4:required,
.form_input5:required {
	background-color: #ffcfcf;
}

.form_input1.unrequired:valid,
.form_input2.unrequired:valid,
.form_input3.unrequired:valid,
.form_input4.unrequired:valid,
.form_input5.unrequired:valid {
	background-color: #ffffff;
}

.form_input1:valid,
.form_input2:valid,
.form_input3:valid,
.form_input4:valid,
.form_input5:valid {
	background-color: #E8F0FE;
}


.form_input1 {
	width: 70px;
}

.form_input2 {
	width: 150px;
}

.form_input3 {
	width: 340px;
}

.form_input4 {
	width: 410px;
}

.form_input5 {
	border: solid 1px #d2d2d2;
	padding: 0.5rem;
	width: 410px;
	height: 8rem;
	font-size: 1rem;
}

.form_- {
	margin: 0 0.3rem;
	line-height: 2.4rem;
}

.form_radio {
	vertical-align: initial;
	margin-right: 5px;
}

.send2 {
	cursor: pointer;
	background-color: #D35651;
	width: 460px;
	height: 80px;
	color: #fff;
	font-weight: 500;
	font-size: 1.2rem;
}

.send2[disabled] {
	cursor: not-allowed;
	background-color: #eaeaea !important;
}

.send2::after {
	background: none;
	padding: 0;
	content: "送信";
}

.send2.send2load {
	cursor: not-allowed;
	background-color: #eaeaea !important;
}

.send2[disabled]::after {
	background-image: url("/asset/common/disabled.png");
	background-size: contain;
	background-repeat: no-repeat;
	padding-left: 2.5rem;
	content: "未入力の項目があります";
	color: #cc0000;
}

.formurl0 {
	visibility: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 1px !important;
}

@media screen and (max-width: 720px) {
	.form_title {
		padding: 10px 0;
	}

	form .table_a {
		max-width: 100%;
	}

	form .table_a th,
	form .table_a td {
		display: block;
		width: 100%;
	}

	form .table_a th {
		border-bottom: none;
	}

	form .table_a td {
		border: none;
		padding: 0.7rem 0.5rem;
	}

	.form_input3,
	.form_input4,
	.form_input5 {
		width: 100%;
		max-width: 100%;
	}

	.send2 {
		height: 60px;
	}

}

/* slick スライダー */

.slick-slider .slick-track,
.slick-slider .slick-list {
	max-width: none;
}

/* #map googleMAP */
#map {
	height: 600px;
}

@media screen and (max-width: 720px) {
	#map {
		height: 300px;
	}
}

/* gallery ギャラリー */

.carousel_gallery {
	display: none;
	position: relative;
	margin: 0 auto;
	width: 900px;
}

.carousel_gallery.slick-initialized {
	display: block;
}

.carousel_gallery img {
	width: 900px;
}

.carousel_gallery .prev-arrow {
	position: absolute;
	top: calc(50% - 1rem);
	left: -3rem;
}

.carousel_gallery .next-arrow {
	position: absolute;
	top: calc(50% - 1rem);
	right: -3rem;
}

.carousel_gallery .slick-counter {
	position: absolute;
	top: 620px;
	right: 0;
}

@media screen and (max-width: 720px) {
	.carousel_gallery {
		margin-left: -15px;
		width: 100vw;
		max-width: 100vw;
	}

	.carousel_gallery .slick-slide {
		margin: 0 5px;
	}

	.carousel_gallery .prev-arrow {
		top: calc((100vw - 30px) * 0.68);
		left: 6rem;
		z-index: 1;
	}

	.carousel_gallery .next-arrow {
		top: calc((100vw - 30px) * 0.68);
		right: 6rem;
		z-index: 1;
	}

	.carousel_gallery .slick-counter {
		top: calc((100vw - 30px) * 0.68);
		right: calc(50% - 3rem);
		width: 6rem;
		height: 2rem;
		line-height: 2rem;
		text-align: center;
	}
}

/* oteire 快適住まいのお手入れ集 */

.oteire>.h_style2 {
	margin-top: 70px;
}

.oteire>.h_style3 {
	margin-top: 50px;
}

.oteire>.column_2>*,
.oteire>.column_3>*,
.oteire>.column_4>* {
	margin-top: 40px;
}

@media screen and (max-width: 720px) {
	.oteire>.h_style2 {
		margin-top: 30px;
	}

	.oteire>.h_style3 {
		margin-top: 20px;
	}

	.oteire>.column_2>*,
	.oteire>.column_3>*,
	.oteire>.column_4>* {
		margin-top: 20px;
	}
}

.roundedletters {
	margin-right: 8px;
	color: #58acd9;
	font-weight: 700;
	font-size: 1.2rem;
}

/* お手入れの目安 */

.oteire .meyasu {
	display: block;
	box-sizing: border-box;
	margin: 35px 0 0;
	width: 220px;
	height: 30px;
	color: #fff;
	font-size: 0.9rem;
	line-height: 28px;
}

.oteire .meyasu span:first-of-type {
	display: block;
	float: left;
	box-sizing: border-box;
	border: solid 1px #ea7880;
	background-color: #ea7880;
	width: 120px;
	height: 100%;
	color: #fff;
	text-align: center;
}

.oteire .meyasu span:last-of-type {
	display: block;
	float: right;
	box-sizing: border-box;
	border: solid 1px #ea7880;
	background-color: #fff;
	width: 100px;
	height: 100%;
	color: #000;
	text-align: center;
}

@media screen and (max-width: 720px) {
	.oteire .meyasu {
		margin-top: 20px;
		width: 200px;
		height: 25px;
		font-size: 11px;
		line-height: 23px;
	}

	.oteire .meyasu span:first-of-type {
		width: 110px;
	}

	.oteire .meyasu span:last-of-type {
		width: 90px;
	}
}

/* 注意1 */

.oteire .attention {
	margin-top: 40px;
	border: solid 1px #f3cfd1;
}

.oteire .attention_p {
	background: #fdedee;
	padding: 9px 39px;
	color: #f0636c;
	font-size: 1.2rem;
}

.oteire .attention>div {
	padding: 29px 39px;
}

.oteire .attention hr {
	clear: both;
	margin: 0 0 22px;
	border: none;
	border-bottom: solid 1px #f3cfd1;
	padding: 22px 0 0;
}

@media screen and (max-width: 720px) {
	.oteire .attention {
		margin-top: 25px;
	}

	.oteire .attention_p {
		padding: 10px;
		line-height: 1;
	}

	.oteire .attention>div {
		padding: 9px;
	}

	.oteire .attention hr {
		margin: 0 0 10px;
		padding: 10px 0 0;
	}
}

/* 注意2 */

.oteire .caution {
	margin-top: 40px;
	border: solid 1px #ea797f;
}

.oteire .caution_p {
	background: #fdedee;
	padding: 9px 29px;
	color: #ea797f;
	font-size: 18px;
}

.oteire .caution_p strong::before {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
	background: url(/asset/oteire/caution.png) no-repeat;
	background-size: contain;
	width: 28px;
	height: 28px;
	content: "";
}

.oteire .caution>div {
	padding: 30px 40px;
}

@media screen and (max-width: 720px) {
	.oteire .caution {
		margin: 25px 0 0;
	}

	.oteire .caution_p {
		padding: 10px;
	}

	.oteire .caution>div {
		padding: 10px;
	}

	.oteire .caution_p {
		padding: 6px 12px;
		line-height: initial;
	}

	.oteire .caution_p p {
		margin-top: 20px;
	}
}

.oteire .attention strong,
.oteire .caution strong {
	display: inline-block;
	font-weight: bold;
	font-size: 1.2rem;
}

.oteire .caution strong {
	font-size: 20px;
}

@media screen and (max-width: 720px) {

	.oteire .attention strong,
	.oteire .caution strong {
		margin-bottom: 0;
		font-weight: bold;
		font-size: 1rem;
		line-height: 1;
	}
}

/* チェック */

.oteire .check {
	margin-top: 40px;
	border: solid 1px #52a6e0;
}

.oteire .check_p {
	padding: 29px 39px 8px;
	color: #52a6e0;
	font-size: 1.2rem;
}

.oteire .check_p::before {
	margin-right: 10px;
	background-color: #52a6e0;
	padding: 4px 15px;
	content: "CHECK";
	color: #fff;
}

.oteire .check>div {
	padding: 20px 39px 29px;
}

.oteire .check hr {
	clear: both;
	margin: 0 0 22px;
	border: none;
	border-bottom: solid 1px #52a6e0;
	padding: 22px 0 0;
}

@media screen and (max-width: 720px) {
	.oteire .check {
		margin-top: 25px;
	}

	.oteire .check_p {
		padding: 10px;
		line-height: initial;
	}

	.oteire .check_p::before {
		display: inline-block;
		padding: 5px 12px;
		font-size: 14px;
	}

	.oteire .check>div {
		padding: 9px;
	}

	.oteire .check hr {
		margin: 0 0 10px;
		padding: 10px 0 0;
	}
}

/* コラム */

.oteire .column {
	margin-top: 40px;
	border: solid 1px #9f93d5;
}

.oteire .column_p {
	background: #f3f1fb;
	padding: 9px 29px;
	color: #9f93d5;
	font-size: 1.2rem;
}

.oteire .column_p strong::before {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
	background: url(/asset/oteire/column.png) no-repeat;
	background-size: contain;
	width: 28px;
	height: 28px;
	content: "";
}

.oteire .column>div {
	padding: 30px 40px;
}

@media screen and (max-width: 720px) {
	.oteire .column {
		margin: 25px 0 0;
	}

	.oteire .column_p {
		padding: 10px;
	}

	.oteire .column>div {
		padding: 10px;
	}

	.oteire .column_p {
		padding: 6px 12px;
		line-height: initial;
	}

	.oteire .column_p p {
		margin-top: 20px;
	}
}

.oteire .check strong,
.oteire .column strong {
	display: inline-block;
	font-weight: 500;
	font-size: 18px;
}

.oteire .column strong {
	font-size: 20px;
}

@media screen and (max-width: 720px) {

	.oteire .check strong,
	.oteire .column strong {
		vertical-align: middle;
		margin-bottom: 0;
		font-weight: bold;
		font-size: 13px;
		line-height: 1;
	}
}

/* vr WEB住宅展示場 */

.vr_view_frame {
	margin: 40px auto;
}

@media screen and (max-width: 720px) {
	.vr_view_frame {
		margin: 0px auto;
		height: 345px;
	}
}

/* VR WEB住宅展示場GWイベント */
.cp_vr_gw.box_line {
	position: relative;
	margin: 50px 0 120px;
	padding: 70px 75px;
}

.cp_vr_gw_date {
	margin: 30px auto;
	border: solid 4px #e60022;
	padding: 14px 0px;
	width: 500px;
	color: #e60022;
	font-weight: bold;
	font-size: 26px;
	line-height: 1;
	letter-spacing: 1px;
	text-align: center;
}

.cp_vr_gw_date span {
	font-size: 130%;
}

.cp_vr_gw_s1 {
	position: relative;
	margin: 0 auto;
	width: 900px;
	height: 100px;
}

.cp_vr_gw_s1 span:nth-child(1) {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	background: #e99b38;
	width: 285px;
	height: 40px;
	color: #fff;
	font-weight: bold;
	font-size: 19px;
}

.cp_vr_gw_s1 span:nth-child(1)::after {
	position: absolute;
	bottom: -14px;
	left: 135px;
	border-width: 0 14px 14px 0;
	border-style: solid;
	border-color: transparent #e99c38 transparent transparent;
	width: 0;
	height: 0;
	content: "";
}

.cp_vr_gw_s1 span:nth-child(2) {
	position: absolute;
	top: 0px;
	left: 310px;
	font-weight: 500;
	font-size: 22px;
	line-height: 1;
}

.cp_vr_gw_s1 span:nth-child(3) {
	position: absolute;
	top: 60px;
	font-weight: 900;
	font-size: 34px;
	line-height: 1;
}

.cp_vr_gw_s1 span:nth-child(4) {
	position: absolute;
	top: 39px;
	left: 295px;
	font-weight: 900;
	font-size: 56px;
	line-height: 1;
}

.cp_vr_gw .relation_link {
	border: none;
	background: #f5f4f2;
	padding: 20px;
}

.cp_vr_gw .relation_link>p {
	width: 125px;
	text-align: center;
}

.cp_vr_gw .relation_link>ul {
	display: flex;
	align-items: center;
	margin-left: 20px;
	border-color: #a8a69e;
	padding: 0 30px;
	width: 900px;
	height: 80px;
	font-size: 16px;
	line-height: 1.8;
}

.cp_vr_gw .relation_link img {
	width: 100px;
}

.cp_vr_gw_gradeup {
	position: relative;
	border: solid 5px #000;
	padding: 55px 40px 30px;
}

.cp_vr_gw_s2 {
	display: flex;
	position: absolute;
	top: -28px;
	left: calc(50% - 250px);
	justify-content: center;
	align-items: center;
	box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.2);
	border-radius: 30px;
	background: #e50027;
	width: 500px;
	height: 50px;
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 2px;
}

.cp_vr_gw_quo {
	float: left;
	margin-top: 20px;
	width: 480px;
}

.cp_vr_gw_jam {
	display: flex;
	position: relative;
	float: right;
	background: #f5f4f2;
	width: 430px;
	height: 130px;
}

.cp_vr_gw_jam>p:nth-of-type(1) {
	position: absolute;
	top: -10px;
	left: -40px;
	border-radius: 40px;
	background: #e99b38;
	padding-left: 3px;
	width: 65px;
	height: 65px;
	color: #fff;
	font-size: 13px;
	line-height: 65px;
	text-align: center;
}

.cp_vr_gw_jam>p:nth-of-type(1)::after {
	position: absolute;
	bottom: -9px;
	left: 26px;
	border-width: 0 14px 14px 0;
	border-style: solid;
	border-color: transparent #e99c38 transparent transparent;
	width: 0;
	height: 0;
	content: "";
}


.cp_vr_gw_jam>p:nth-of-type(2) {
	padding: 14px 30px 0 40px;
	font-weight: bold;
	font-size: 17px;
	line-height: 25px;
}


.cp_vr_gw_arrow {
	position: absolute;
	bottom: -100px;
	left: calc(50% - 180px);
	background-image: url("/asset/vr/cp_arrow.png");
	background-size: contain;
	padding: 20px 0 0;
	width: 360px;
	height: 130px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	line-height: 35px;
	text-align: center;
}

@media screen and (max-width: 720px) {
	.cp_vr_gw.box_line {
		position: relative;
		margin: 30px 0 90px;
		padding: 15px 19px 35px;
	}

	.cp_vr_gw_s1 {
		width: auto;
		height: auto;
		text-align: center;
	}

	.cp_vr_gw_s1 span:nth-child(1) {
		position: absolute;
		top: -30px;
		left: calc(50% - 73px);
		width: 146px;
		height: 28px;
		font-size: 14px;
	}

	.cp_vr_gw_s1 span:nth-child(1)::after {
		bottom: -10px;
		left: 70px;
	}

	.cp_vr_gw_s1 span:nth-child(2) {
		position: static;
		font-weight: 500;
		font-size: 13px;
	}

	.cp_vr_gw_s1 span:nth-child(3) {
		display: block;
		position: static;
		margin-top: 5px;
		font-size: 22px;
	}

	.cp_vr_gw_s1 span:nth-child(4) {
		position: static;
		font-size: 30px;
	}

	.cp_vr_gw_date {
		margin: 15px auto;
		border: solid 2px #e60022;
		padding: 7px 0px;
		width: 270px;
		font-size: 15px;
		letter-spacing: 1px;
	}

	.cp_vr_gw .relation_link {
		padding: 10px 15px 15px;
	}

	.cp_vr_gw .relation_link>p {
		margin: 0 auto;
	}

	.cp_vr_gw .relation_link>ul {
		display: block;
		align-items: center;
		margin-top: 5px;
		margin-left: 0;
		border-color: #a8a69e;
		padding: 0;
		width: auto;
		height: auto;
		font-size: 12px;
		line-height: 1.8;
	}

	.cp_vr_gw .relation_link img {
		float: right;
		width: 75px;
	}

	.cp_vr_gw_gradeup {
		border: solid 3px #000;
		padding: 30px 12px 20px;
	}

	.cp_vr_gw_s2 {
		top: -17px;
		left: calc(50% - 135px);
		box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
		width: 270px;
		height: 30px;
		font-size: 13px;
		letter-spacing: 0px;
	}

	.cp_vr_gw_quo {
		float: none;
		margin-top: 0;
		width: auto;
	}

	.cp_vr_gw_jam {
		float: none;
		margin-top: 25px;
		width: auto;
		height: 100px;
	}

	.cp_vr_gw_jam>p:nth-of-type(1) {
		top: -15px;
		left: 0px;
		border-radius: 0;
		width: 75px;
		height: 20px;
		color: #fff;
		font-size: 11px;
		line-height: 20px;
	}

	.cp_vr_gw_jam>p:nth-of-type(1)::after {
		bottom: -7px;
		left: 15px;
		border-width: 0 7px 7px 0;
	}

	.cp_vr_gw_jam>p:nth-of-type(2) {
		padding: 12px 10px 0;
		font-size: 12px;
		line-height: 19px;
	}

	.cp_vr_gw_gradeup .t_small {
		font-size: 11px;
	}

	.cp_vr_gw_arrow {
		bottom: -80px;
		left: calc(50% - 137.5px);
		padding: 15px 0 0;
		width: 275px;
		height: 100px;
		font-size: 18px;
		line-height: 30px;
	}

}

/* hinoki 檜の魅力 */
.t_voice {
	display: inline-block;
	margin-right: 10px;
	background: #6D6456;
	padding: 0 0.2rem;
	color: #fff;
	font-weight: bold;
}

@media print, screen and (min-width: 721px) {
	.menu-hinoki-container ul {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		width: var(--main-width);
	}

	.menu-hinoki-container ul li {
		flex: 1;
		background: #6D6456;
		text-align: center;
	}

	.menu-hinoki-container ul li.current-menu-item {
		background: #544C3F;
	}

	.menu-hinoki-container ul a {
		display: block;
		position: relative;
		height: 70px;
		color: #fff;
		line-height: 70px;
	}

	.menu-hinoki-container ul li:not(:last-child) a::after {
		position: absolute;
		top: 25px;
		right: 0px;
		border-right: solid 1px #CDC4AD;
		width: 1px;
		height: 20px;
		content: "";
	}
}

@media screen and (max-width: 720px) {
	.menu-hinoki-container {
		align-items: center;
		margin: 0 15px;
		background: #6D6456;
	}

	.menu-hinoki-container::before {
		display: block;
		padding: 0.5rem 1rem;
		content: "檜の魅力";
		color: #fff;
		text-align: left;
	}

	.menu-hinoki-container>p {
		color: #fff;
		text-align: center;
	}

	.menu-hinoki-container ul {
		flex-grow: 1;
		background: #F3F1ED;
	}

	.menu-hinoki-container ul li a {
		color: #000;
	}

	.menu-hinoki-container li {
		display: flex;
		position: relative;
		align-items: center;
		border-bottom: solid 1px #D7D7D6;
		padding: 0.5rem 1rem;
	}

	.menu-hinoki-container li:last-child {
		border-bottom: none;
	}

	.menu-hinoki-container li::after {
		position: absolute;
		top: calc(50% - 6px);
		right: 0;
		margin-right: 0.7rem;
		background-image: url("/asset/common/arrow_brown.png");
		background-size: contain;
		background-size: contain;
		background-repeat: no-repeat;
		width: 1rem;
		height: 1rem;
		content: "";
		font-size: 0.6rem;
	}

}

/* newsrelease IR,ニュースリリース */
.newsrelease p {
	margin-top: 10px;
	border-bottom: solid 1px #e5e5e5;
	padding: 0 0 10px;
}

@media screen and (max-width: 720px) {
	.newsrelease span {
		display: block;
	}
}

/* plyr 動画player */
.plyr__menu__container {
	max-width: 1000%;
}

/* spec_yakata 標準仕様 */
.spec_yakata img {
	border: solid 1px #e5e5e5;
}

.spec_h1 {
	line-height: 1;
	text-align: center;
}

.spec_h1_1 {
	display: inline-block;
	background: #E7E3D8;
	padding: 10px 0;
	width: 200px;
	font-size: 1rem;
}

.spec_h1_2 {
	display: inline-block;
	margin-top: 30px;
	font-weight: bold;
	font-size: 54px;
}

.spec_h1_3 {
	display: inline-block;
	margin-top: 15px;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 3px;
}

.spec_h1_4 {
	display: inline-block;
	margin-top: 25px;
	font-weight: bold;
	font-size: 22px;
}

.spec_h1_5 {
	display: inline-block;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
}

.spec_h1_6 {
	display: inline-block;
	margin-top: 20px;
	background: #E7E3D8;
	padding: 10px 0;
	width: 200px;
	font-size: 1rem;
}

.spec_h1_7 {
	display: inline-block;
	margin-top: 20px;
	font-weight: bold;
	font-size: 44px;
	line-height: 1.3;
}

@media screen and (max-width: 720px) {
	.spec_h1_1 {
		margin-top: 15px;
		width: 150px;
	}

	.spec_h1_2 {
		display: inline-block;
		margin-top: 15px;
		font-weight: bold;
		font-size: 2rem;
	}

	.spec_h1_3 {
		margin-top: 4px;
	}

	.spec_h1_4 {
		margin-top: 15px;
		margin-bottom: 15px;
		font-size: 1.3rem;
	}

	.spec_h1_5 {
		margin-top: 10px;
		font-size: 1.1rem;
	}

	.spec_h1_6 {
		margin-top: 15px;
		width: 150px;
	}

	.spec_h1_7 {
		display: inline-block;
		margin-top: 15px;
		margin-bottom: 15px;
		font-weight: bold;
		font-size: 1.5rem;
	}
}

/* .relation_link 関連リンク */
.relation_link {
	display: flex;
	align-items: center;
	border: solid 1px #d8d8d8;
	padding: 19px 0 19px 49px;
}

.relation_link ul {
	margin-left: 40px;
	border-left: solid 1px #d8d8d8;
	padding: 10px 0 10px 25px;
}

.relation_link li:not(:first-child) {
	margin-top: 10px;
}

.relation_link a {
	position: relative;
	padding-left: 20px;
	color: #000;
	font-size: 1rem;
	line-height: 1.5;
	text-decoration: underline;
	text-decoration-color: #1a1a1a;
}

.relation_link a:hover {
	text-decoration: none;
}

.relation_link a::before {
	display: inline-block;
	position: absolute;
	top: calc(50% - 7px);
	left: 0;
	margin-right: 7px;
	background-image: url("/asset/common/arrow_gray.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
	content: "";
}

@media screen and (max-width: 720px) {
	.relation_link {
		flex-wrap: wrap;
		border: solid 1px #d8d8d8;
		padding: 15px;
	}

	.relation_link ul {
		margin: 10px 0 0;
		border-top: solid 1px #d8d8d8;
		border-left: 0;
		padding: 10px 0 0;
		width: 100%;
	}

	.relation_link li:not(:first-child) {
		margin-top: 7px;
	}

	.relation_link a {
		padding-left: 14px;
		font-size: 0.9rem;
	}

	.relation_link a::before {
		top: calc(50% - 4px);
		width: 0.7rem;
		height: 0.7rem;
	}


	.relation_link a:hover {
		text-decoration: underline;
		text-decoration-color: #1a1a1a;
	}

}


/* リフォームの流れ  */
.process_step {
	align-items: center;
	background: #f4f4f2;
}

.process_step .brown {
	background: #544C3F;
	padding: 18px 0;
	width: 180px;
	color: #fff;
	text-align: center;
}

.process_step .gray {
	padding: 0 18px;
	width: calc(100% - 180px);
}

.process_gray {
	background: #F3F1ED;
	padding: 14px 0;
}

.process_arrow {
	border-width: 16px 21px 0 21px;
	border-style: solid;
	border-color: #544c3f transparent transparent transparent;
	width: 0;
	height: 0;
}

@media screen and (max-width: 720px) {
	.process_step .brown {
		padding: 13px 0;
		width: 70px;
		font-size: 1rem;
	}

	.process_step .gray {
		padding: 0px 10px;
		width: calc(100% - 70px);
	}
}

/* philosophy 3つの品質 */
.philosophy_s1 {
	background-image: url('/wp-content/uploads/2022/04/carbon_bgp.jpg');
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 80px 0;
	height: 1000px;
}

.philosophy_s1 .mainwidth>div {
	display: block;
	margin: 0 0 0 auto;
	width: 530px;
	color: #fff;
}

.philosophy_s1 .h1 {
	font-size: 50px;
	line-height: 70px;
}

.philosophy_s1 .philosophy_p {
	font-size: 16px;
	line-height: 35px;
}

.philosophy_s1 .btn_scroll {
	width: 80px;
	height: 80px;
	font-size: 0.9rem;
	line-height: 70px;
}

.philosophy_s1 .btn_scroll::after {
	top: calc(50% + 10px);
	right: 35px;
}

.page_title_short {
	min-height: 105px;
}

#statement_1, #statement_2, #statement_3, #statement_4, #philosophy_s {
	margin-top: -100px;
	padding-top: 100px;
}


.statement_1, .statement_2, .statement_3, .statement_4 {
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 80px 0;
	height: 900px;
}

.statement_1 {
	background-image: url('/wp-content/uploads/2022/04/carbon_s1p.jpg');
}

.statement_2 {
	background-image: url('/wp-content/uploads/2022/04/carbon_s2p.jpg');
}

.statement_3 {
	background-image: url('/wp-content/uploads/2022/04/carbon_s3p.jpg');
}

.statement_4 {
	background-image: url('/wp-content/uploads/2022/04/carbon_s4p.jpg');
}

.statement .w680 h2 {
	font-size: 42px;
	line-height: 60px;
}

.statement_1 h2, .statement_1 p,
.statement_2 h2, .statement_2 p,
.statement_4 h2, .statement_4 p {
	color: #fff;
}

.statement .w680 p {
	font-size: 16px;
	line-height: 35px;
}

@media screen and (max-width: 720px) {
	.philosophy_s1 {
		position: relative;
		background-image: url('/wp-content/uploads/2022/04/carbon_bgs.jpg');
		background-size: cover;
		padding: 20px 0 0;
		height: 800px;
	}

	.philosophy_s1 .philosophy_p {
		font-size: 14px;
		line-height: 25px;
	}

	.philosophy_s1 .marT40 {
		position: absolute;
		bottom: 30px;
		left: calc(50% - 30px);
	}

	.philosophy_s1 .btn_scroll {
		width: 60px;
		height: 60px;
		font-size: 10px;
		line-height: 45px;
	}

	.philosophy_s1 .btn_scroll::after {
		top: calc(50% + 6px);
		right: 27px;
	}

	.philosophy_s1 .mainwidth>div {
		position: relative;
		width: 100%;
		height: 780px;
		text-align: center;
	}

	#statement_1, #statement_2, #statement_3, #statement_4, #philosophy_s {
		margin-top: -50px;
		padding-top: 50px;
	}

	.statement_1, .statement_2, .statement_3, .statement_4 {
		padding: 50px 0;
		height: 600px;
	}

	.statement_1 {
		background-image: url('/wp-content/uploads/2022/04/carbon_s1s.jpg');
	}

	.statement_2 {
		background-image: url('/wp-content/uploads/2022/04/carbon_s2s.jpg');
	}

	.statement_3 {
		background-image: url('/wp-content/uploads/2022/04/carbon_s3s.jpg');
	}

	.statement_4 {
		background-image: url('/wp-content/uploads/2022/04/carbon_s4s.jpg');
	}

	.statement .w680 h2 {
		font-size: 24px;
		line-height: 30px;
	}

	.statement .w680 p {
		font-size: 14px;
		line-height: 25px;
	}

	.page_title_short {
		min-height: auto;
	}
}

/* reason 選ばれる理由 */
.reason_num {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	background: #8b7c67;
	width: 120px;
	height: 120px;
	text-align: center;
}

.reason_num p {
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 2px;
}

.reason_num p:last-child {
	font-size: 24px;
}

.reason_num:after,
.reason_num:before {
	display: inline-block;
	position: absolute;
	top: calc(50%);
	border-bottom: solid 1px #6d6457;
	width: calc(600px - 60px);
	height: 1px;
	content: "";
}

.reason_num:before {
	left: 120px;
}

.reason_num:after {
	right: 120px;
}

@media screen and (max-width: 720px) {
	.reason_num {
		width: 80px;
		height: 80px;
	}

	.reason_num:after,
	.reason_num:before {
		width: calc(50vw - 55px);
	}

	.reason_num:before {
		left: 80px;
	}

	.reason_num:after {
		right: 80px;
	}
}

/* front TOPページ */
.front_white {
	background: #fff;
	padding: 80px 0;
}

.front_gray {
	background: #f5f4f2;
	padding: 80px 0;
}

.front_slider_main {
	height: 600px;
}

.front_slider_main li {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 600px;
}

.front_slider_modelhouse {
	background-image: url("/asset/front/front_slide9.jpg");
}

.front_slider_yakata {
	background-image: url("/asset/front/front_slide2.jpg");
}

.front_slider_hinoki {
	background-image: url("/asset/front/front_slide3.jpg");
}

.front_slider_crestage {
	background-image: url("/asset/front/front_slide16.jpg");
}

.front_slider_vr {
	background-image: url("/asset/front/front_slide5.jpg");
}

.front_slider_example {
	background-image: url("/asset/front/front_slide6.jpg");
}

.front_slider_tanken {
	background-image: url("/asset/front/front_slide7b.jpg");
}


.front_slider_carbon {
	background-image: url("/asset/front/front_slide10.jpg");
}

.front_slider_estate {
	background-image: url("/asset/front/front_slide11.jpg");
}

.front_slider_gwopen {
	background-image: url("/asset/front/front_slide12.jpg");
}

.front_slider_55th {
	background-image: url("/asset/front/front_slide13.jpg");
}

.front_slider_newyear23 {
	background-image: url("/asset/front/front_slide14.jpg");
}

.front_slider_yamato {
	background-image: url("/asset/front/front_slide17.jpg");
}

.front_slider_box {
	position: absolute;
	top: 140px;
	right: calc((100% - 1200px)/2);
	background: rgba(255, 255, 255, 0.88);
}

.front_slider_box>div {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 30px 0 90px;
	width: 400px;
	height: 320px;
}

.front_slider_box .btn_s_strong {
	position: absolute;
	bottom: 50px;
	left: 100px;
	padding: 0;
	width: 200px;
}

.front_slider_sub {
	margin: 0 auto;
	min-width: 1200px;
	max-width: 1500px;
}

.front_slider_sub .slick-track {
	transform: unset !important;
}

.front_slider_sub li {
	margin-bottom: 40px;
	padding: 0 8px;
}

.front_slider_sub .t_lead {
	border-bottom: solid 1px #6d6457;
	padding: 10px 0;
	height: 53px;
	color: #000;
	text-align: center;
}

.front_slider_sub .slick-current .t_lead {
	background: #6d6457;
	color: #fff;
}

.front_osusume,
.front_column {
	flex-wrap: nowrap;
	align-items: center;
}

.front_osusume>div {
	width: calc(100% - 115px);
}

.front_column>p {
	width: calc(100% - 175px);
}

.osusume li {
	position: relative;
}

.osusume li:nth-child(3n+1)::after {
	display: block;
	position: absolute;
	right: calc(0 - 1200px);
	bottom: -25px;
	border-bottom: solid 1px #e5e5e5;
	width: 1200px;
	content: "";
}

.front_cover1 {
	background-image: url("/asset/front/front_cover1.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 400px;
}

/*
@media print, screen and (min-width: 721px) {
	.front_order1 {
		width: 640px;
		order: 1;
	}

	.front_order2 {
		width: 260px;
		order: 2
	}

	.front_order3 {
		width: 260px;
		order: 3
	}

	.front_order4 {
		width: 290px;
		order: 4
	}

	.front_btn_bn {
		height: 50px;
		line-height: 50px
	}
}*/
@media print, screen and (min-width: 721px) {
	.front_order1 {
		order: 1;
		width: 290px
	}

	.front_order2 {
		order: 2;
		width: 290px
	}

	.front_order3 {
		order: 3;
		width: 290px
	}

	.front_order4 {
		order: 4;
		width: 290px
	}

	.front_btn_bn {
		height: 45px;
		line-height: 45px
	}

	.front_btn_bn::after {
		display: none;
	}
}

@media screen and (max-width: 720px) {
	.front_white {
		padding: 30px 0;
	}

	.front_gray {
		padding: 30px 0;
	}

	.front_slider_main {
		height: auto;
	}

	.front_slider_main li {
		margin: 0 3px;
		background: none !important;
		height: auto;
	}

	.front_slider_main .slick-dots {
		display: flex;
		justify-content: center;
		margin: 17px 0 15px;
	}

	.front_slider_main .slick-dots li {
		background: #dedbd2 !important;
		padding: 0;
		width: 30px;
		height: 3px;
	}

	.front_slider_main .slick-dots li button {
		display: none;
	}

	.front_slider_main .slick-dots li.slick-active {
		background: #6d6456 !important;
	}

	.front_slider_box {
		position: relative;
		top: auto;
		right: auto;
		background: #6D6456;
	}

	.front_slider_box>div {
		padding: 0;
		width: auto;
		height: 110px;
		color: #fff !important;
	}

	.front_slider_box .btn_s_strong {
		display: none;
	}

	.front_slider_sub {
		display: none;
	}

	.front_osusume,
	.front_column {
		flex-wrap: nowrap;
		align-items: center;
	}

	.front_osusume img {
		width: 65px;
	}

	.front_osusume>div {
		width: calc(100% - 80px);
	}

	.front_column img {
		width: 100px;
	}

	.front_column>p {
		width: calc(100% - 115px);
	}

	.osusume li {
		border-bottom: solid 1px #e5e5e5;
		padding-bottom: 15px;
	}

	.osusume li:nth-child(3n+1)::after {
		display: none;
	}

	.frontdesign {
		display: inline-block;
		width: 55px;
		height: 50.5px;
	}

	.column_2s40f,
	.column_2s30f {
		border-bottom: solid 1px #e5e5e5;
		padding-bottom: 19px;
	}

	.column_2s40f> :first-child {
		width: 45%;
	}

	.column_2s30f> :first-child {
		width: 30%
	}

	.column_2s40f> :last-child {
		width: 45%;
		text-align: left;
	}

	.column_2s30f> :last-child {
		width: 50%;
		text-align: left;
	}

	.around {
		justify-content: space-around !important;
	}

	.front_cover1 {
		height: 150px;
	}
}

/* おすすめスライダー */
.osusume_slider {
	margin-bottom: 110px;
}

.osusume_slider li.slick-slide {
	padding: 0 14px;
}

.osusume_slider li img {
	width: 100%;
}

.osusume_slider li p {
	margin-top: 5px;
	line-height: 1.5;
}

.osusume_slider .arrow_left,
.osusume_slider .arrow_right {
	position: absolute;
	top: 300px;
	width: 25px;
	height: 25px;
}

.osusume_slider .arrow_left {
	left: calc(50% - 200px);
}

.osusume_slider .arrow_right {
	right: calc(50% - 200px);
}

.osusume_slider .arrow_right::before,
.osusume_slider .arrow_left::before {
	top: calc(50% - 0.2rem);
	width: 0.4rem;
	height: 0.4rem;
}

.osusume_slider .arrow_right::before {
	right: calc(50% - 0.1rem);
}

.osusume_slider .arrow_left::before {
	left: calc(50% - 0.1rem);
}

.osusume_slider .slick-dots {
	display: flex;
	position: absolute;
	top: 300px;
	left: calc(50% - 150px);
	justify-content: center;
	gap: 8px;
	margin-top: 8px;
	width: 300px;
}

.osusume_slider .slick-dots li {
	width: 10px;
	height: 10px;
}

.osusume_slider .slick-dots li button {
	display: block;
	background-color: #dedbd2;
	width: 100%;
	height: 100%;
	font-size: 0;
}

.osusume_slider .slick-dots li.slick-active button {
	background-color: #675c4c;
}

@media screen and (max-width: 720px) {
	.osusume_slider {
		margin: 0;
		width: 100%;
	}

	.osusume_slider li.slick-slide {
		padding: 0 7px;
	}

	.osusume_slider .arrow_left,
	.osusume_slider .arrow_right {
		display: none !important;
	}

	.osusume_slider .slick-dots {
		top: auto;
		bottom: -40px;
		left: 0;
		margin: 0 15px;
		width: calc(100% - 30px);
	}

	.osusume_slider .slick-dots li {
		margin: 3px;
		width: 20px;
		height: 3px;
	}

	.osusume_slider .slick-dots li:last-child {
		order: -1;
	}
}

/*  TOPページの全画面表示 */
.overlay {
	display: none;
	position: fixed;
	top: 0;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.9);
	width: 100%;
	height: 100%;
}

.overlay_close {
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.btn_area {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	background: #fff;
	padding: 20px;
	width: auto;
	height: auto;
}

.btn_area .ttl {
	font-weight: bold
}

.btn_area button {
	display: block;
	margin: 0 auto;
	border: none;
	background: #333;
	padding: 20px 40px;
	color: #fff
}

.btn_area button:hover {
	background: #777
}


.popup_top {
	position: relative;
	flex-wrap: nowrap;
	z-index: -2;
	border: solid 2px #e5e5e5;
	background-size: auto;
	background-repeat: no-repeat;
	width: 810px;
	height: auto;
	min-height: 370px;
	max-height: 90vh;
	overflow: auto;
}

.popup_top>div:first-child {
	width: 443px;
}

.popup_baijaku {
	padding: 20px 30px 0 0;
	width: 360px;
}

.popup_baijaku_a {

	border-radius: 32px;
	padding: 37px 0px;
	width: 330px;
	color: #fff;
	text-align: center;
}

.popup_baijaku_a.baijaku_red {
	background: #B70E0E;
}

.popup_baijaku_a.baijaku_blue {
	background: #004483;
}

.popup_baijaku_a>:nth-child(1) {
	width: 100%;
	font-weight: bold;
	font-size: 22px;
}

.popup_baijaku_a>:nth-child(2) {
	font-size: 21px;
}

.popup_baijaku_d {
	margin-top: 15px;
	width: 330px;
}

.popup_baijaku_s {
	cursor: pointer;
	border-radius: 8px;
	padding: 5px 10px;
}

.popup_baijaku_s.baijaku_red {
	border: solid 2px #d05e5e;
	background: #e8d1d1;
}

.popup_baijaku_s.baijaku_blue {
	border: solid 2px #6c99c8;
	background: #d7e9f0;
}

.popup_baijaku_u {}

.popup_baijaku_u>li {
	border-bottom: solid 1px #ccc;
	padding: 5px 10px;
	font-size: 14px;
}

#html5box-html5-lightbox #html5-text {
	display: none !important;
}

@media screen and (max-width: 720px) {
	.btn_area {
		padding: 10px;
		width: 85%;
	}

	.popup_top {
		flex-wrap: wrap;
		background-size: 70%;
		height: auto;
		min-height: auto;
	}

	.popup_top>div:first-child {
		margin: 0 auto;
		width: 70%;
	}

	.popup_baijaku {
		padding: 15px;
		width: 100%;
	}

	.popup_baijaku_a {
		border-radius: 20px;
		padding: 10px 0px;
		width: 100%;
	}

	.popup_baijaku_a> :nth-child(1) {
		font-size: 17px;
	}

	.popup_baijaku_a> :nth-child(2) {
		font-size: 15px;
	}

	.popup_baijaku_s {
		padding: 5px 10px;
	}

	.popup_baijaku_u>li {
		padding: 5px;
		font-size: 13px;
	}

}

/* youtube */
.w960 {
	margin: 0 auto;
	max-width: 960px;
}

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

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


/* 標準スライダー slider */
.product .single-item .slick-dots {
	display: flex;
	position: absolute;
	bottom: 20px;
	left: 20px;
	height: 16px;
}

.product .single-item .slick-dots li {
	position: relative;
	margin-right: 10px;
	width: 16px;
	height: 16px;
}

.product .single-item .slick-dots li button {
	position: absolute;
	border: 0;
	background: #E6E2D7;
	width: 12px;
	height: 12px;
	font-size: 0;
}

.product .single-item .slick-dots li.slick-active button {
	background: #f4f4f2;
}

.product button.slick-prev,
.product button.slick-next {
	position: absolute;
	top: calc(50% - 18px);
	border: solid 1px #6D6456;
	padding: 0;
	width: 36px;
	height: 36px;
	font-size: 0
}

.product button.slick-prev {
	left: -60px;
}

.product button.slick-next {
	right: -60px;
}

.product button.slick-prev::before,
.product button.slick-next::before {
	top: 0;
	right: 0;
	left: 0;
	margin-top: 0;
	width: 36px;
	height: 36px;
}

.product button.slick-prev::after,
.product button.slick-next::after {
	display: inline-block;
	position: absolute;
	top: 13px;
	margin-top: 0;
	border-top: 1px solid #6D6456;
	border-right: 1px solid #6D6456;
	border-left-color: #fff;
	width: 9px;
	height: 9px;
	content: '';
}

.product button.slick-prev::after {
	left: 14px;
	transform: rotate(-135deg);
}

.product button.slick-next::after {
	right: 14px;
	transform: rotate(45deg);
}

@media screen and (max-width: 720px) {

	.product .single-item {
		width: 100%;
		height: auto;
	}

	.product .single-item .slick-dots {
		bottom: 5px;
		left: 10px;
	}

	.product .single-item .slick-dots li {
		margin-right: 8px;
		width: 8px;
		height: 8px;
	}

	.product .single-item .slick-dots li button {
		padding: 0;
		width: 8px;
		height: 8px;
	}

}

/* floating_banner */
@media print, screen and (min-width: 721px) {
	.floating_banner {
		position: absolute;
		top: 110px;
		right: 0;
		box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
		background: #D45550;
		width: 50px;
		height: 230px;
	}

	.floating_banner2 {
		top: 370px;
		height: 240px;
	}

	.floating_banner .floating_banner_fair {
		height: 180px;
		writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 16px;
		width: 50px;
		color: #fff;
		font-weight: bold;
		font-size: 17px;
		letter-spacing: 1px;
	}

	.floating_banner2 .floating_banner_fair {
		height: 190px;
	}

	.floating_banner .floating_banner_fair:before {
		display: inline-block;
		position: absolute;
		top: -14px;
		left: calc(50% - 16px);
		background-image: url("/asset/common/illust_house.png");
		background-size: cover;
		width: 36px;
		height: 36px;
		content: "";
	}

	.floating_banner2 .floating_banner_fair:before {
		background-image: url("/asset/common/illust_family.png");
	}

	.floating_banner .floating_banner_reserve {
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		background: #CD3833;
		padding: 0 0 18px;
		width: 100%;
		height: 50px;
		color: #fff;
		font-size: 12px;
		text-align: center;
	}

	.floating_banner .floating_banner_reserve:after {
		display: block;
		position: absolute;
		top: 20px;
		right: calc(50% - 6px);
		background-image: url("/asset/common/arrow_white.png");
		background-size: contain;
		background-repeat: no-repeat;
		width: 8px;
		height: 10px;
		content: "";
	}
}

@media screen and (max-width: 720px) {
	.head {
		/*	height: 145px;	*/
	}

	.floating_banner {
		height: 35px;
	}

	.floating_banner ul {
		align-items: center;
		background: #D45550;
		width: 100vw;
		height: 35px;
	}

	.floating_banner .floating_banner_fair {
		display: flex;
		flex-grow: 1;
		justify-content: normal;
		align-items: center;
		width: auto;
		color: #fff;
		font-weight: bold;
		font-size: 1rem;
	}

	.floating_banner .floating_banner_fair:before {
		display: inline-block;
		margin: 0 5px 1px 10px;
		background-image: url("/asset/common/illust_family.png");
		background-size: cover;
		width: 28px;
		height: 28px;
		content: "";
	}

	.floating_banner .floating_banner_reserve {
		position: relative;
		background: #CD3833;
		padding-right: 15px;
		width: calc(100vw * 140 / 375);
		height: 35px;
		color: #fff;
		font-size: 0.7rem;
		line-height: 35px;
		text-align: center;
	}

	.floating_banner .floating_banner_reserve:after {
		display: block;
		position: absolute;
		top: calc(50% - 5px);
		right: 10px;
		background-image: url("/asset/common/arrow_white.png");
		background-size: contain;
		background-repeat: no-repeat;
		width: 8px;
		height: 10px;
		content: "";
	}
}

/* abstract 住まいのコラム「まずは結論」 */
.abstract {
	position: relative;
	margin-bottom: 55px;
	border: solid 1px #9E978D;
	background: #FFFDEC;
	padding: 39px;
}

.abstract .box_white {
	background: #fff;
	padding: 10px 20px 20px;
}

.abstract .list_m li::before {
	color: #D35651;
}

.abstract .t_catch {
	line-height: 40px;
}

.abstract .list_m span {
	font-weight: bold;
	font-size: 18px;
	line-height: calc(1rem * 1.8);
}

.abstract .t_small {
	font-size: 12px;
}

.fukidashi {
	position: absolute;
	top: -45px;
	background: #D35651;
	padding: 0px;
	width: 200px;
	height: 50px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
}

.fukidashi:after {
	position: absolute;
	top: 100%;
	left: 12%;
	border: solid transparent;
	border-width: 0 14px 14px 0;
	border-style: solid;
	border-color: transparent #d35651 transparent transparent;
	width: 0;
	height: 0;
	pointer-events: none;
	content: '';
}

@media screen and (max-width: 720px) {
	.fukidashi {
		top: -30px;
		left: 20px;
		width: 140px;
		height: 35px;
		font-size: 15px;
		line-height: 35px;
	}

	.abstract {
		margin-bottom: 20px;
		padding: 29px 19px 19px;
	}

	.abstract .box_white {
		padding: 5px 15px 10px;
	}

	.page_title .breadcrumbs {
		display: none;
	}

	.abstract .t_catch {
		font-weight: 500;
		line-height: 25px;
	}

	.abstract .list_m span {
		font-size: 15px;
	}

	.abstract .t_small {
		font-size: 11px;
		line-height: 20px;
	}

	.page_title {
		padding: 10px 0;
	}
}

/* 風鈴コンテスト wcc_event */
div.wcc_event {
	margin: 0 auto;
	width: 700px;
}

a.wcc_event {
	align-items: center;
	border: solid 1px #606060;
	/*gap: 65px;*/
	background: #0aa476;
	color: #fff;
}

a.wcc_event>div {
	flex-grow: 1;
}

.square_green {
	display: inline-block;
	margin-bottom: 5px;
	color: #fff;
	font-weight: 500;
}

@media screen and (max-width: 720px) {
	a.wcc_event {
		gap: 0px;
	}

	a.wcc_event img {
		width: 100px;
	}

	a.wcc_event>div {
		text-align: center;
	}

	a.wcc_event .h_style8 {
		font-size: 18px;
	}

	.square_green {
		margin-bottom: 0;
		font-size: 10px;
	}

	.wcc_event_sticky {
		position: sticky;
		top: 60px;
		z-index: 2;
		background: #fff;
		padding: 10px 0 0;
	}
}


/* 設計IC紹介ページ */
.architect-key.keyvisual_white {
	width: 100%;
}

.architect-key.keyvisual_white> :last-child {
	padding: 0;
	width: 100%;
}

.architect-contact {
	border: solid 1px;
	padding: 35px 0 35px;
	width: 100%;
	text-align: center;
}

.architect-contact a {
	display: block;
	margin: 0 auto;
}

.architect-contact p {
	display: inline-block;
	position: relative;
	margin: 0 0 15px;
	padding-left: 60px;
	font-weight: bold;
	font-size: 26px;
	line-height: 1.4;
}

.architect-contact p::before {
	position: absolute;
	top: -15px;
	left: 5px;
	background-image: url("/wp-content/uploads/2023/10/architect_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 50px;
	height: 100px;
	content: "";
}

.architect-profile {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 500px 650px;
	grid-column-gap: 50px;
	grid-row-gap: 0px;
}

.architect-profile>p {
	grid-area: 1 / 1 / 3 / 2;
	width: 500px;
}

.architect-profile>div:first-of-type {
	grid-area: 1 / 2 / 2 / 3;
	width: 650px;
}

.architect-profile>div:last-child {
	grid-area: 2 / 2 / 3 / 3;
	width: 650px;
}

.architect-s1 {
	font-size: 26px;
}

.architect-s1 span:first-child {
	display: block;
	font-size: 15px;
}

.architect-s1 span:last-child {
	margin-left: 18px;
	font-size: 16px;
}

.architect-profile hr {
	margin-top: 35px;
	border: none;
	border-top: solid 1px #9E978D;
}

.architect-shikaku {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	gap: 5px;
}

.architect-shikaku li {
	flex-basis: 210px;
	background-color: #F3F1EC;
	padding: 11px 0;
	font-size: 13px;
	line-height: 1;
	text-align: center;

}

.architect-keireki {
	margin-top: 5px;
}

.architect-keireki li>span::after {
	padding: 0 5px;
	content: "・・・・・";
	color: #9e978d;
	letter-spacing: -3px;
}

.architect-s2 {
	color: #6d6457;
	font-weight: bold;
	font-size: 15px;
}

.architect-model {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px;
	margin-top: 110px;
}

.architect-model-gray::before {
	position: absolute;
	top: -40px;
	left: calc(0px - ((100vw - 1200px) / 2));
	left: calc(0px - ((var(--vw100) - 1200px) / 2));
	z-index: -1;
	background-color: #f5f4f2;
	width: 100vw;
	width: var(--vw100);
	height: calc(100% + 90px);
	content: "";
}

.architect-model>* {
	width: 580px;
}

.architect-s3 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 32px;
	letter-spacing: 1px;
}

.architect-s3 span {
	display: block;
	margin-top: 20px;
	color: #6d6457;
	font-size: 75px;
	line-height: 1.2;
	letter-spacing: 3px;
}

.marT145 {
	margin-top: 145px;
}

.architect-s3-1 {
	order: -1;
}

.architect-s3-2 {
	order: 0;
}

.architect-s3-3 {
	order: 3;
}

.architect-s3-4 {
	order: 4;
	text-align: right;
}

.architect-madori {
	order: 5;
}

.architect-omoi {
	position: relative;
	margin-top: 140px;
	background: #F4F4F2;
	padding: 85px 0 60px;
	text-align: center;
}

.architect-omoi h2 {
	position: absolute;
	top: -50px;
	left: calc(50% - 50px);
	background: #6D6457;
	width: 100px;
	height: 100px;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	line-height: 100px;
}

.architect-omoi p {
	font-size: 17px;
}

.h430::before {
	height: 430px;
}

@media screen and (max-width: 720px) {
	.architect-key.keyvisual_white::before {
		height: 50%;
	}

	.architect-contact {
		padding: 23px 0px 25px;
	}

	.architect-contact p {
		margin: 0 0 12px;
		padding-left: 40px;
		font-size: 17px;
		text-align: left;
	}

	.architect-contact p::before {
		top: -10px;
		left: 0px;
		height: 60px;
	}

	.architect-s1 {
		font-size: 18px;
	}

	.architect-s1 span:first-child {
		font-size: 11px;
	}

	.architect-s1 span:last-child {
		display: block;
		margin-left: 0;
		font-size: 11px;
	}

	.architect-contact a {
		margin: 0 20px;
		width: calc(100% - 40px);
	}

	.architect-profile hr {
		margin-top: 20px;
	}

	.architect-profile {
		grid-template-columns: auto;
		grid-column-gap: 20px;
	}

	.architect-profile>p {
		grid-area: 1 / 1 / 2 / 2;
		width: calc(50vw - 25px);
	}

	.architect-profile>div:first-of-type {
		width: calc(50vw - 25px);
	}

	.architect-profile>div:last-child {
		grid-area: 2 / 1 / 3 / 3;
		width: auto;
	}

	.architect-shikaku li {
		flex-basis: 100%;
		padding: 7px 0;
		font-size: 10px;
	}

	.architect-profile hr {
		margin-top: 20px;
	}

	.architect-keireki {
		font-size: 13px;
		line-height: 1.7;
	}

	.architect-keireki li>span::after {
		padding: 0px 8px 0 2px;
		content: "・・・";
		color: #9e978d;
		letter-spacing: -5px;
	}

	.architect-model {
		position: relative;
		gap: 15px;
		margin-top: 40px;
	}

	.architect-model::before {
		position: absolute;
		top: 45px;
		left: calc(0px - ((100vw - 1200px) / 2));
		left: -15px;
		z-index: -1;
		background-color: #f5f4f2;
		width: 100vw;
		width: var(--vw100);
		height: calc(100% - 80px);
		content: "";
	}

	.architect-model-gray::before {
		top: 45px;
		left: calc(0px - ((100vw - 1200px) / 2));
		left: -15px;
		height: calc(100% - 80px);
	}

	.architect-s3-1 {
		order: 0;
	}

	.architect-s3, .architect-s3-4 {
		order: -1;
		font-size: 25px;
		text-align: left;
	}

	.architect-s3 span {
		margin-top: 0;
		font-size: 65px;
		line-height: 1.2;
	}

	.marT145 {
		margin-top: 30px;
	}

	.architect-omoi {
		margin-top: 65px;
		padding: 60px 20px 40px;
	}

	.architect-omoi h2 {
		top: -38px;
		left: calc(50% - 38px);
		width: 76px;
		height: 76px;
		font-size: 20px;
		line-height: 76px;
	}

	.architect-omoi p {
		font-size: 14px;
		text-align: justify;
	}
}

h1.architect {
	font-weight: bold;
	font-size: 48px;
	line-height: 1;
	text-align: center;
}

p.architect {
	font-size: 16px;
	text-align: center;
}

.architect_list {
	row-gap: 75px;
}

.architect_list>li {
	width: 360px;
}

.architect_list>li p {
	margin: 10px 0 20px;
	font-size: 21px;
	line-height: 1.5;
}

.architect_list>li p span:first-child {
	font-size: 15px;
}

.architect_list>li p span:last-child {
	margin-left: 15px;
	font-size: 13px;
}


.architect_list ul {
	gap: 4px;
}

.architect_list ul>li {
	background: #F3F1EC;
	width: 178px;
	height: 30px;
	font-size: 11px;
	line-height: 30px;
	text-align: center;
}


@media screen and (max-width: 720px) {
	h1.architect {
		font-size: 30px;
	}

	p.architect {
		line-height: 1.7;
		text-align: justify;
	}

	.architect_list {
		row-gap: 35px;
	}

	.architect_list>li {
		width: calc(50% - 8px);
	}

	.architect_list>li p {
		margin: 0px 0 10px;
		font-weight: bold;
		font-size: 18px;
	}

	.architect_list>li p span:first-child {
		display: inline-block;
		margin-top: 10px;
		font-weight: normal;
		font-size: 12px;
		line-height: 1.2;
	}

	.architect_list>li p span:last-child {
		display: block;
		margin-left: 0;
		font-weight: normal;
		font-size: 11px;
		line-height: 1;
	}

	.architect_list ul>li {
		width: 100%;
		height: 25px;
		font-size: 10px;
		line-height: 25px;
	}
}


/* 施工事例2 */
:root {
	--width_lr: calc(1200px + (100% - 1200px) / 2);
	--width_lr_yohaku: calc((100% - 1200px) / 2);
}

@media print,
screen and (min-width: 1201px) {
	.width_r_max {
		margin: 0 0 0 auto;
		width: var(--width_lr);
	}

	.width_l_max {
		margin: 0 auto 0 0;
		width: var(--width_lr);
	}
}

@media print,
screen and (min-width: 1500px) {
	.width_r_max {
		margin: 0 auto 0 var(--width_lr_yohaku);
		width: 1350px;
	}

	.width_l_max {
		margin: 0 var(--width_lr_yohaku) 0 auto;
		width: 1350px;
	}


}

@media print,
screen and (max-height: 768px) {
	.width_r_max {
		margin: 0 auto;
		width: 1200px;
	}

	.width_l_max {
		margin: 0 auto;
		width: 1200px;
	}
}

.example2_key picture,
.example2_slider1 img {
	display: none;
}

.example2_key.slick-initialized picture,
.example2_slider1.slick-initialized img {
	display: block;
}

.marT200 {
	margin-top: 200px !important
}

.marT280 {
	margin-top: 280px !important
}

.outfit {
	font-weight: 100;
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
}

.zen-kaku-r {
	font-weight: 400;
	font-family: "Zen Kaku Gothic New", sans-serif;
}

.zen-kaku-m {
	font-weight: 500;
	font-family: "Zen Kaku Gothic New", sans-serif;
}

.example2 {
	margin: -50px 0 0px;
}

.example2>div {
	position: relative;
}

.example2_key {
	width: 1500px;
	text-align: center;
}

.example2_key>picture {
	display: inline-block;
}

.example2_scroll {
	position: absolute;
	bottom: calc(0px + 70px);
	left: calc(50% - 40px);
	z-index: 1;
}

.example2_scroll p {
	width: 80px;
	font-weight: 400;
	font-size: 13px;
	line-height: 13px;
	letter-spacing: 1px;
	text-align: center;
}

.example2_scroll a {
	width: 100%;
	color: #878787;
}

.example2_scroll::after {
	display: inline-block;
	position: absolute;
	left: calc(50% - 2px);
	margin-top: 10px;
	border-right: solid 1px #878787;
	width: 1px;
	height: 60px;
	content: "";
}

.example2_lead {
	display: flex;
	flex-wrap: wrap;
	gap: 90px;
}

.example2_title {
	margin-top: 70px;
	width: 680px;
}

.example2_title>h1>span:first-child {
	display: block;
	margin-bottom: 15px;
	color: #554d41;
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 3px;
}

.example2_title>h1>span:last-child {
	display: block;
	font-size: 34px;
	line-height: 45px;
	letter-spacing: 5px;
}

.example2_title>p {
	margin-top: 50px;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 2px;
	text-align: justify;
}


.example2_data {
	background-color: #f9f8f7;
	padding-top: 150px;
	padding-bottom: 50px;
	padding-left: 50px;
	width: calc(100% - 770px);
}

.example2_data_title {
	font-size: 25px;
	letter-spacing: 3px;
}

.example2_data_list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 0px;
	margin-top: 40px;
	letter-spacing: 1px;
}

.example2_data_list dt {
	width: 85px;
}

.example2_data_list dd {
	border-left: solid 1px #878787;
	padding-left: 20px;
	width: calc(100% - 85px);
}

.example2_point_wide {
	position: sticky;
	top: 140px;
	width: calc(100% - 510px);
}

.example2_point::after {
	display: block;
	clear: both;
	content: "";
}

.example2_point {
	margin-top: 205px;
}

.width_l_max .example2_point_wide {
	float: left;
	margin: 0 auto 0 0;

}

.width_r_max .example2_point_wide {
	float: right;
	margin: 0 0 0 auto;
}

.example2_point_slim {
	width: 420px;
}

.width_l_max .example2_point_slim {
	margin: 0 0 0 auto;
}

.width_r_max .example2_point_slim {
	margin: 0 auto 0 0;
}


.example2_point .example2_point_title {
	margin-top: 180px;
	font-size: 22px;
	line-height: 45px;
	letter-spacing: 2px;
}

.example2_lead .example2_point_title {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 45px;
	letter-spacing: 2px;
}


.example2_point .example2_point_title+div {
	margin-top: 30px;
}

.example2_point_slim>p.example2_point_num {
	display: inline-block;
	margin-top: -5px;
	border-bottom: solid 1px #878787;
	padding: 0 5px 15px 5px;
	width: fit-content;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 2px;
}

.example2_point_num>span {
	vertical-align: baseline;
	padding-left: 2px;
	font-size: 30px;
	line-height: 30px;
}


.example2_point_slim>p {
	margin-top: 25px;
	font-size: 15px;
	line-height: 45px;
	letter-spacing: 2px;
	text-align: justify;
}

.example2_point_slim figcaption {
	font-size: 13px;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: left;
}


.example2_bgg {
	background-color: #f9f8f7;
}

.example2_floorplan {
	position: relative;
	margin-top: 215px;
	padding: 100px 0;
}

.example2_floorplan_title, .example2_gallery_title, .example2_movie_title {
	position: absolute;
	top: -25px;
	left: var(--width_lr_yohaku);
	font-size: 50px;
	line-height: 1;
}

.example2_title_r {
	right: var(--width_lr_yohaku);
	left: auto;
}

.example2_floorplan_madori {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	background-color: #fff;
	padding: 0 60px;
	width: 1200px;
	height: 570px;
}

.example2_floorplan_madori img {
	max-width: 48%;
}

.example2_gallery {
	position: relative;
	margin-top: 220px;
	padding: 60px 0 0;
}

#page-top .modaal-wrapper {
	overflow: hidden;
}

#page-top .modaal-container {
	padding: 40px 40px 20px;
	max-height: calc(100vh - 160px);
}

#page-top .modaal-gallery-item img {
	max-height: calc(100vh - 250px);
	object-fit: contain;
}

#page-top .modaal-gallery-label {
	display: flex;
	position: relative;
	justify-content: space-between;
	margin: 10px 0 0;
	min-height: 20px;
	color: #000;
	font-size: 15px;
	font-family: "Zen Kaku Gothic New", sans-serif;
	text-align: left;
}

#page-top .modaal-accessible-hide {
	display: inline;
	position: relative !important;
	padding: 0;
	padding-right: 10px;
	overflow: auto;
}

#page-top .modaal-gallery-control {
	border: none;
	border-radius: 0;
	background: #6d6457;
	width: 40px;
	height: 40px;
}

#page-top .modaal-gallery-prev-inner {
	left: -20px;
	margin-right: 0;
}

#page-top .modaal-gallery-next-inner {
	right: -20px;
	left: auto;
	margin-left: 0;
}

#page-top .modaal-gallery-control::before,
#page-top .modaal-gallery-control::after {
	top: 14px;
	left: 20px;
	border-radius: 0px;
	width: 2px;
	height: 14px;
}

#page-top .modaal-gallery-prev::before, #page-top .modaal-gallery-prev::after {
	left: 20px;
}

#page-top .modaal-close {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0;
	color: #000;
}

#page-top .modaal-close:focus, #page-top .modaal-close:hover {
	background: rgba(0, 0, 0, 0);
}


#page-top .modaal-close::before, #page-top .modaal-close::after {
	top: 8px;
	left: 29px;
	border-radius: 0;
	background: #6d6457;
	width: 1px;
	height: 28px;
}

.example2_movie {
	position: relative;
	margin-top: 200px;
	padding: 100px 0 100px;
}

.example_note {
	display: flex;
	align-items: center;
	gap: 0px;
	margin-top: 60px;
	background-color: #f9f8f7;
	padding: 60px 100px 60px 75px;
}

.example_note>div:first-child {
	padding-right: 79px;
	width: 284px;
	text-align: center;
}

.example_note>hr {
	border-right: solid 1px #878787;
	width: 1px;
	min-height: 290px;
}

.example_note>div:last-child {
	padding-left: 80px;
	width: 740px;
}

.example2_note_title {
	text-align: center;
}

.example2_note_title>h2 {
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 1;
	letter-spacing: 2px;
}

.example2_note_title>p {
	margin-top: 25px;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: 3px;
}

.example2_note_title .voice {
	height: 53px;
}

.example2_note_title .note {
	padding-left: 7px;
	height: 46px;
}


.example2_note_text>h3 {
	font-size: 18px;
	line-height: 45px;
	letter-spacing: 1px;
}

.example2_note_text>p {
	margin-top: 25px;
	font-size: 15px;
	line-height: 40px;
	letter-spacing: 1px;
}



.mainwidth.example2_cta {
	margin-top: 110px;
}

.example2_cta .h_style8 {
	font-weight: 500;
}

.example2_osusume {
	margin-top: 110px;
	padding: 70px 0 60px;
}

.example2_osusume>h2 {
	font-size: 22px;
	line-height: 1;
	text-align: center;
}

.example2_osusumelist {
	display: flex;
	justify-content: space-between;
	margin: 60px auto 0;
	width: 1200px;
}

.example2_osusumelist>li {
	width: 275px;
}

.example2_osusumelist p {
	margin-top: 10px;
	color: #000;
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 2px;
	text-align: justify;
}


@media screen and (max-width: 720px) {
	:root {
		--ex2sp: 0.2667vw;
	}

	.example2 {
		margin: 0
	}

	.example2_lead {
		display: block;
	}

	.example2_scroll {
		display: none !important
	}

	.example2_title {
		margin: calc(25 * var(--ex2sp)) calc(45 * var(--ex2sp)) 0;
		width: auto;
	}

	.example2_title>h1>span:first-child {
		font-size: calc(12 * var(--ex2sp));
	}

	.example2_title>h1>span:last-child {
		font-size: calc(24 * var(--ex2sp));
		line-height: calc(32.5 * var(--ex2sp));
		letter-spacing: calc(4 * var(--ex2sp));
	}

	.example2_title>p {
		margin-top: calc(10 * var(--ex2sp));
		font-size: calc(14 * var(--ex2sp));
		line-height: calc(25 * var(--ex2sp));
	}

	.example2_data {
		margin-top: calc(30 * var(--ex2sp));
		margin-left: calc(15 * var(--ex2sp));
		padding-top: calc(25 * var(--ex2sp));
		padding-bottom: calc(40 * var(--ex2sp));
		padding-left: calc(30 * var(--ex2sp));
		width: calc(100vw - (15 * var(--ex2sp)));
	}

	.example2_data_title {
		font-size: calc(17.5 * var(--ex2sp));
		letter-spacing: calc(2 * var(--ex2sp));
	}

	.example2_data_list {
		margin-top: calc(15 * var(--ex2sp));
		font-size: calc(13 * var(--ex2sp));
	}

	.example2_data_list dt {
		width: calc(67 * var(--ex2sp));
	}

	.example2_data_list dd {
		padding-left: calc(12 * var(--ex2sp));
	}

	.example2_point {
		display: flex;
		flex-wrap: wrap;
		margin-top: calc(45 * var(--ex2sp));
	}

	.width_l_max .example2_point_wide, .width_r_max .example2_point_wide {
		position: relative;
		top: auto;
		float: none;
		margin: calc(25 * var(--ex2sp)) calc(15 * var(--ex2sp)) 0 0;
		width: calc(100vw - (15 * var(--ex2sp)));
	}

	.width_r_max .example2_point_wide {
		margin: calc(25 * var(--ex2sp)) 0 0 calc(15 * var(--ex2sp));
	}


	.width_l_max .example2_point_slim, .width_r_max .example2_point_slim {
		order: -3;
		margin: 0 calc(45 * var(--ex2sp));
		width: auto;
	}

	.example2_point_slim>p.example2_point_num {
		margin: 0;
		padding: 0 calc(5 * var(--ex2sp)) calc(10 * var(--ex2sp)) calc(5 * var(--ex2sp));
		font-size: calc(17.5 * var(--ex2sp));
		line-height: 1;
	}

	.example2_point_num>span {
		font-size: calc(21 * var(--ex2sp));
		line-height: calc(21 * var(--ex2sp));
	}

	.example2_point .example2_point_title {
		order: -2;
		margin: calc(25 * var(--ex2sp)) calc(45 * var(--ex2sp)) 0;
		width: auto;
		font-size: calc(17 * var(--ex2sp));
		line-height: calc(27.5 * var(--ex2sp));
		letter-spacing: calc(3 * var(--ex2sp));
	}

	.example2_lead .example2_point_title {
		display: inline-block;
		margin: calc(10 * var(--ex2sp)) 0;
		font-size: calc(17 * var(--ex2sp));
		line-height: calc(27.5 * var(--ex2sp));
		letter-spacing: calc(3 * var(--ex2sp));
	}


	.example2_point .example2_point_title+div {
		order: 3;
		margin-top: 0px;
	}

	.example2_point_slim>p {
		margin-top: calc(20 * var(--ex2sp));
		font-size: calc(14 * var(--ex2sp));
		line-height: calc(25 * var(--ex2sp));
	}

	.example2_floorplan {
		margin-top: calc(85 * var(--ex2sp));
		padding: calc(40 * var(--ex2sp)) calc(30 * var(--ex2sp));
		width: 100%;
	}

	.example2_floorplan_title, .example2_gallery_title, .example2_movie_title {
		top: calc(-20 * var(--ex2sp));
		left: calc(30 * var(--ex2sp));
		font-size: calc(35 * var(--ex2sp));
	}

	.example2_floorplan_madori {
		gap: calc(15 * var(--ex2sp));
		padding: calc(15 * var(--ex2sp));
		width: 100%;
		height: auto;
	}

	.example2_floorplan_madori img {
		max-width: 100%;
	}

	.example2_gallery {
		margin-top: calc(80 * var(--ex2sp));
		padding: calc(40 * var(--ex2sp)) 0 0;
	}

	.example2_title_r {
		right: auto;
		left: calc(30 * var(--ex2sp));
	}

	.example2_movie {
		margin-top: calc(80 * var(--ex2sp));
		padding: calc(40 * var(--ex2sp)) 0 calc(40 * var(--ex2sp));
	}

	.example_note {
		display: block;
		margin-top: calc(20 * var(--ex2sp));
		padding: calc(30 * var(--ex2sp)) calc(30 * var(--ex2sp)) calc(35 * var(--ex2sp)) calc(30 * var(--ex2sp));
	}

	.example_note>div:first-child {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-right: 0;
		width: 100%;
	}

	.example2_note_title>h2 {
		order: 2;
		margin-top: calc(20 * var(--ex2sp));
		margin-bottom: 0;
		width: 100%;
		letter-spacing: calc(4 * var(--ex2sp));
	}

	.example2_note_title>p {
		order: 3;
		margin-top: calc(15 * var(--ex2sp));
		width: 100%;
		font-size: calc(12 * var(--ex2sp));
		line-height: 1;
		letter-spacing: calc(1 * var(--ex2sp));
	}

	.example_note>hr {
		margin-top: calc(33 * var(--ex2sp));
		border-right: none;
		border-bottom: solid 1px #878787;
		width: 100%;
		height: 1px;
		min-height: 1px;
	}

	.example2_note_title .voice {
		height: calc(49 * var(--ex2sp));
	}

	.example_note>div:last-child {
		padding-left: 0;
		width: 100%;
	}

	.example2_note_title .note {
		padding-left: calc(6 * var(--ex2sp));
		height: calc(42 * var(--ex2sp));
	}

	.example2_note_text>h3 {
		margin-top: calc(30 * var(--ex2sp));
		font-size: calc(17 * var(--ex2sp));
		line-height: calc(27.5 * var(--ex2sp));
		letter-spacing: calc(3 * var(--ex2sp));
		text-align: justify;
	}

	.example2_note_text>p {
		margin-top: calc(10 * var(--ex2sp));
		font-size: calc(14 * var(--ex2sp));
		line-height: calc(25 * var(--ex2sp));
		letter-spacing: calc(2 * var(--ex2sp));
		text-align: justify;
	}

	.mainwidth.example2_cta {
		margin-top: calc(45 * var(--ex2sp));
		width: auto;
	}

	.mainwidth.example2_cta .t_lead {
		font-weight: 500;
	}

	.example2_osusume {
		margin-top: calc(45 * var(--ex2sp));
		padding: calc(40 * var(--ex2sp)) 0 calc(40 * var(--ex2sp));
	}

	.example2_osusume>h2 {
		font-size: calc(18 * var(--ex2sp));
		letter-spacing: calc(3 * var(--ex2sp));
	}

	.example2_osusumelist {
		flex-wrap: wrap;
		gap: calc(22 * var(--ex2sp)) calc(15 * var(--ex2sp));
		margin: calc(37.5 * var(--ex2sp)) auto 0;
		padding: 0 calc(15 * var(--ex2sp));
		width: auto
	}

	.example2_osusumelist>li {
		width: calc(50% - (8 * var(--ex2sp)));
	}

	.example2_osusumelist p {
		font-size: calc(12 * var(--ex2sp));
		line-height: calc(17.5 * var(--ex2sp));
		letter-spacing: calc(1 * var(--ex2sp));
	}

	#page-top .modaal-image .modaal-inner-wrapper {
		padding-right: calc(20 * var(--ex2sp));
		padding-left: calc(20 * var(--ex2sp));
	}

	#page-top .modaal-container {
		padding: calc(20 * var(--ex2sp)) calc(20 * var(--ex2sp)) calc(15 * var(--ex2sp));
		max-width: calc(100vw - 40 * var(--ex2sp));
	}

	#page-top .modaal-close {
		width: calc(20 * var(--ex2sp));
		height: calc(20 * var(--ex2sp));
	}

	#page-top .modaal-close::before, #page-top .modaal-close::after {
		top: calc(4 * var(--ex2sp));
		left: calc(8 * var(--ex2sp));
		height: calc(16 * var(--ex2sp));
	}

	#page-top .modaal-gallery-control {
		top: calc(50% - (15 * var(--ex2sp)));
		width: calc(30 * var(--ex2sp));
		height: calc(30 * var(--ex2sp));
	}

	#page-top .modaal-gallery-next-inner {
		right: calc(-15 * var(--ex2sp));
	}

	#page-top .modaal-gallery-prev-inner {
		left: calc(-15 * var(--ex2sp));
	}

	#page-top .modaal-gallery-control::before, #page-top .modaal-gallery-control::after {
		top: calc(14 * var(--ex2sp));
		left: calc(16 * var(--ex2sp));
		border-radius: 0px;
		width: 1px;
		height: calc(7 * var(--ex2sp));
	}

	#page-top .modaal-gallery-prev::before, #page-top .modaal-gallery-prev::after {
		top: calc(9 * var(--ex2sp));
		left: calc(14 * var(--ex2sp));
	}

	#page-top .modaal-gallery-control::after {
		margin: 0;
	}

	#page-top .modaal-gallery-label {
		margin: calc(5 * var(--ex2sp)) 0 0;
		min-height: calc(15 * var(--ex2sp));
		font-size: calc(10 * var(--ex2sp));
		line-height: 1.5;
	}

	#page-top .modaal-gallery-item img {
		width: 100%;
		max-width: calc(100vw - 80 * var(--ex2sp));
		height: 100%;
		max-height: calc(100vw - 80 * var(--ex2sp));
	}
}

/* slider */
.example2_key {
	margin-inline: auto;
	overflow: hidden;
}

.example2_key_slide img {
	width: 100%;
}

@keyframes zoomUp {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.08);
		/* 拡大率 */
	}
}

.add-animation {
	animation: zoomUp 10s linear 0s normal both;
}

/* gallery_tile */

.example2_gallery_tile {
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 1px;
	grid-row-gap: 1px;
	margin: 0 auto;
	width: 1500px;
}

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


@media screen and (max-width: 720px) {
	.example2_gallery_tile {
		grid-template-rows: repeat(6, calc(50% - 0.5px));
		grid-template-columns: repeat(2, calc(50% - 0.5px));
		width: 100%;
	}
}

/* 営業紹介 */

.example2_staff {
	display: flex;
	align-items: center;
	gap: 105px;
	border: solid 1px #878787;
	padding: 50px 30px;
}

.example2_staff .staff_image {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	width: 300px;
}

.example2_staff .staff_image>*:nth-child(1) {
	font-size: 16px;
	line-height: 1;
	letter-spacing: 3px;
}

.example2_staff .staff_image>*:nth-child(2) {
	width: 200px;
}

.example2_staff .staff_image>*:nth-child(3) {
	position: relative;
	padding-bottom: 20px;
	width: 300px;
	font-size: 25px;
	line-height: 1;
	letter-spacing: 4px;
	text-align: center;
}

.example2_staff .staff_image>*:nth-child(3)::before {
	display: inline-block;
	position: absolute;
	bottom: 0px;
	left: 90px;
	border-bottom: solid 1px #878787;
	width: 120px;
	height: 1px;
	content: "";
}

.example2_staff .staff_profile {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.example2_staff .staff_profile>li {
	display: flex;
	align-items: center;
	gap: 20px;
	height: 50px;
}

.example2_staff .staff_profile>li>span {
	display: inline-block;
	position: relative;
	align-content: center;
	background: #f9f8f7;
	width: 180px;
	height: 35px;
	letter-spacing: 3px;
	text-align: center;

}

.example2_staff .staff_profile>li>span::after {
	display: inline-block;
	position: absolute;
	right: -3px;
	bottom: -3px;
	border-right: solid 1px #878787;
	border-bottom: solid 1px #878787;
	width: 175px;
	height: 30px;
	content: "";
}

.example2_staff .staff_profile>li>p {
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: 1px;
}

.example2_staff .staff_profile>li>p span {
	display: block;
	font-size: 85%;
}

@media print,
screen and (max-width: 720px) {
	.example2_staff {
		flex-direction: column;
		gap: calc(25 * var(--ex2sp));
		padding: calc(25 * var(--ex2sp)) calc(15 * var(--ex2sp));
	}

	.example2_staff .staff_image {
		gap: calc(15 * var(--ex2sp));
		width: 100%;
	}

	.example2_staff .staff_image> :nth-child(1) {
		font-size: calc(14 * var(--ex2sp));
	}

	.example2_staff .staff_image> :nth-child(2) {
		width: calc(170 * var(--ex2sp));
	}

	.example2_staff .staff_image> :nth-child(3) {
		padding-bottom: calc(20 * var(--ex2sp));
		width: calc(300 * var(--ex2sp));
		font-size: calc(20 * var(--ex2sp));
	}

	.example2_staff .staff_image> :nth-child(3)::before {
		left: calc(100 * var(--ex2sp));
		width: calc(100 * var(--ex2sp));
	}

	.example2_staff .staff_profile {
		gap: calc(20 * var(--ex2sp));
	}

	.example2_staff .staff_profile>li {
		align-items: center;
		gap: calc(15 * var(--ex2sp));
		height: auto;
	}

	.example2_staff .staff_profile>li>span {
		width: calc(90 * var(--ex2sp));
		min-width: calc(90 * var(--ex2sp));
		height: auto;
		min-height: calc(25 * var(--ex2sp));
		font-size: calc(12 * var(--ex2sp));
		letter-spacing: calc(2 * var(--ex2sp));
	}

	.example2_staff .staff_profile>li>span::after {
		width: calc(85 * var(--ex2sp));
		height: calc(20 * var(--ex2sp));
	}

	.example2_staff .staff_profile>li>p {
		font-size: calc(13 * var(--ex2sp));
		line-height: 1.6;
		text-align: justify;
	}
}

/* ここまで施工事例2 */
/* ここから分譲住宅 */

.estate2 .key_panel {
	display: grid;
	grid-column-gap: 80px;
	grid-row-gap: 25px;
	grid-template-rows: auto 1fr auto;
	grid-template-columns: 590px auto;
	min-height: 500px;
}

.estate2 .keyvisual {
	grid-area: 1 / 1 / 4 / 2;
	margin: 0;
}

.estate2 .example_slider {
	width: 100%;
	max-width: 100%;
}

.estate2 .example_slider div {
	padding: 0 !important;
	height: 100%;
}

.estate2 .example_slider .arrow_left, .estate2 .example_slider .arrow_right {
	border: none;
	background-color: #6D6457;
}

.estate2 .example_slider .arrow_left {
	left: -20px;
	z-index: 1;
}

.estate2 .example_slider .arrow_right {
	right: -20px;
	z-index: 1;
}

.estate2 .example_slider .arrow_right::before, .estate2 .example_slider .arrow_left::before {
	border-color: #fff;
}

.estate2 .example_slider .slick-dots {
	bottom: -20px;
	gap: 5px;
	padding: 0;
}

.estate2 .example_slider .slick-dots li {
	margin: 0;
	width: 30px;
	height: 3px;
}

.estate2 .example_slider li.slick-slide {
	padding: 0;
}

.estate2 .example_slider li img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.estate2 .d_contents {
	font-weight: 600;
}

.estate2 .tag1 {
	display: flex;
	justify-content: left;
	align-self: start;
	gap: 10px;
}

.estate2 .tag1 li {
	display: flex;
	grid-area: 1 / 2 / 2 / 3;
	justify-content: center;
	align-items: center;
	background-color: #9e978d;
	padding: 0 13px;
	width: auto;
	height: 35px;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	line-height: 1;
	letter-spacing: 1px;
}

.estate2 .catch1 {
	grid-area: 2 / 2 / 3 / 3;
	align-self: start;
	font-weight: bold;
	font-size: 32px;
	line-height: 50px;
	letter-spacing: 2px;
	text-align: justify;
}

.estate2 .info {
	grid-area: 3 / 2 / 4 / 3;
	align-self: end;
}

.estate2 .info hr {
	margin: 25px 0;
	border-top: solid 1px #000;
}

.estate2 .address, .estate2 .route {
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
}

.estate2 .price {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	margin-top: 13px;
	font-size: 24px;
	line-height: 1;
}

.estate2 .price>span:first-of-type {
	color: #d35651;
	font-weight: 600;
}

.estate2 .price>span:first-of-type span {
	font-weight: 600;
	font-size: 140%;
}

.estate2 .price>span:last-of-type {
	font-weight: 600;
	font-size: 110%;
}

.estate2 .tag2 {
	display: flex;
	gap: 10px;
}

.estate2 .tag2 li {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #9e978d;
	padding: 0 15px;
	width: auto;
	min-width: 170px;
	height: 45px;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	line-height: 1;
	letter-spacing: 1px;
}

.estate2 .catch2 {
	font-weight: 700;
	font-size: 26px;
	line-height: 50px;
	letter-spacing: 2px;
}

.estate2 .box_hinoki {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: auto 340px;
	padding: 35px 40px;
	grid-column-gap: 65px;
	grid-row-gap: 20px;
	align-items: center;
	background-color: #f5f4f2;
	letter-spacing: 1px;
}

.estate2 .box_hinoki h3 {
	grid-area: 1 / 1 / 2 / 2;
	align-self: end;
	color: #6d6457;
	font-weight: bold;
	font-size: 24px;
}

.estate2 .box_hinoki p:first-of-type {
	grid-area: 2 / 1 / 3 / 2;
	align-self: start;
	text-align: justify;
}

.estate2 .box_hinoki p:last-of-type {
	grid-area: 1 / 2 / 3 / 3;
}

.estate2 .box_movie {
	background-color: #f5f4f2;
	padding: 50px 75px;
}

.estate2 .madori {
	display: flex;
	justify-content: space-between;
}

.estate2 .madori li {
	position: relative;
	border: solid 1px #d8d8d8;
	padding: 9px;
	width: 580px;
	height: 375px;
	text-align: center;
}

.estate2 .madori li a {
	width: 100%;
	height: 100%;
}

.estate2 .madori li::before {
	position: absolute;
	top: 20px;
	left: 20px;
	content: attr(data-floor);
	font-weight: 500;
	font-size: 22px;
	line-height: 1;
}

.estate2 .madori li::after {
	display: inline-block;
	position: absolute;
	right: 15px;
	bottom: 15px;
	background-image: url("/wp-content/uploads/2024/08/mushimegane.png");
	background-size: contain;
	width: 31px;
	height: 31px;
	pointer-events: none;
	content: "";
}

.estate2 .around {
	color: #6d6457;
	font-weight: bold;
	font-size: 20px;
}

.estate2 .aroundlist {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}

.estate2 .aroundlist li {
	width: 275px;
}

.estate2 .aroundlist p {
	margin-top: 10px;
	font-size: 14px;
}

.estate2 .aroundhr {
	border-top: solid 1px #d8d8d8;
}

.estate2 .h_estate {
	border-bottom: solid 1px #6d6457;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 23px;
	line-height: 45px;
}

.estate2 .marT65 {
	margin-top: 65px;
}

.estate2 .marT110 {
	margin-top: 110px;
}


@media print, screen and (max-width: 720px) {
	.estate2 .key_panel {
		display: block;
		margin-top: calc(20 * var(--ex2sp));
	}

	.estate2 .example_slider .slick-dots {
		bottom: calc(-15 * var(--ex2sp));
	}


	.estate2 .tag1 {
		gap: calc(8 * var(--ex2sp));
		margin-top: calc(43 * var(--ex2sp));
	}

	.estate2 .tag1 li {
		padding: 0 calc(10 * var(--ex2sp));
		height: calc(30 * var(--ex2sp));
		font-size: calc(12.5 * var(--ex2sp));
	}

	.estate2 .catch1 {
		margin-top: calc(17 * var(--ex2sp));
		font-size: calc(24 * var(--ex2sp));
		line-height: calc(32 * var(--ex2sp));
		letter-spacing: calc(2 * var(--ex2sp));
		text-align: justify;
	}

	.estate2 .info {
		margin-top: calc(20 * var(--ex2sp));
	}

	.estate2 .address, .estate2 .route {
		font-size: calc(13 * var(--ex2sp));
		line-height: calc(23 * var(--ex2sp));
	}

	.estate2 .price {
		gap: calc(5 * var(--ex2sp));
		margin-top: calc(9 * var(--ex2sp));
		font-size: calc(18 * var(--ex2sp));
	}

	.estate2 .info hr {
		margin: calc(20 * var(--ex2sp)) 0;
	}

	.estate2 .menseki {
		font-size: calc(13 * var(--ex2sp));
	}

	.estate2 .h_estate {
		font-size: calc(19 * var(--ex2sp));
		line-height: calc(23 * var(--ex2sp));
	}

	.estate2 .tag2 {
		flex-wrap: wrap;
		gap: calc(6 * var(--ex2sp));
	}

	.estate2 .tag2::after {
		display: block;
		flex-grow: 1;
		width: 45%;
		height: 0px;
		content: "";
	}

	.estate2 .tag2 li {
		flex-grow: 1;
		width: 45%;
		min-width: auto;
		height: calc(30 * var(--ex2sp));
		font-size: calc(12.5 * var(--ex2sp));
	}

	.estate2 .catch2 {
		font-size: calc(17 * var(--ex2sp));
		line-height: calc(28 * var(--ex2sp));
	}

	.estate2 .box_hinoki {
		display: flex;
		flex-wrap: wrap;
		gap: calc(8 * var(--ex2sp));
		padding: calc(20 * var(--ex2sp));
	}

	.estate2 .box_hinoki h3 {
		font-size: calc(16 * var(--ex2sp));
	}

	.estate2 .box_movie {
		padding: 0;
	}

	.estate2 .marT110 {
		margin-top: calc(30 * var(--ex2sp));
	}

	.estate2 .madori {
		flex-wrap: wrap;
		gap: calc(12 * var(--ex2sp));
	}

	.estate2 .madori li {
		padding: calc(10 * var(--ex2sp));
		width: 100%;
		height: calc(225 * var(--ex2sp));
	}

	.estate2 .madori li::after {
		right: calc(12 * var(--ex2sp));
		bottom: calc(12 * var(--ex2sp));
		width: calc(24 * var(--ex2sp));
		height: calc(24 * var(--ex2sp));
	}

	.estate2 .marT65 {
		margin-top: calc(35 * var(--ex2sp));
	}

	.estate2 .madori li::before {
		top: calc(15 * var(--ex2sp));
		left: calc(15 * var(--ex2sp));
		font-size: calc(14 * var(--ex2sp));
	}

	.estate2 .around {
		font-size: calc(14 * var(--ex2sp));
	}

	.estate2 .aroundlist {
		flex-wrap: wrap;
		justify-content: space-between;
		gap: calc(5 * var(--ex2sp));
	}

	.estate2 .aroundlist::after {
		display: block;
		flex-grow: 1;
		width: 45%;
		height: 0px;
		content: "";
	}

	.estate2 .aroundlist li {
		flex-grow: 1;
		width: 45%;
	}

	.estate2 .aroundlist p {
		margin-top: calc(5 * var(--ex2sp));
		font-size: calc(12 * var(--ex2sp));
	}
}

/* ここまで分譲住宅 */

/* ここからWEB住宅展示場TOP */
.vr_mytown {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-image: url("/asset/vr/vr_mytown_p.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #eee;
	height: 400px;
	text-align: center;
}

.vr_mytown h2 {
	color: #004d4d;
	font-weight: 900;
	font-size: 48px;
	line-height: 1.3;
}

.vr_mytown p {
	margin-top: 10px;
	color: #004d4d;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.4;
	letter-spacing:1px;
}

.vr_mytown a {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px auto 0;
	border: solid 2px #fff;
	border-radius: 14px;
	background: rgba(16, 64, 32, 0.75);
	padding: 0 20px 0 60px;
	width: 600px;
	height: 104px;
	color: #fff;
	font-weight: 900;
	font-size: 32px;
}

.vr_mytown a span{
	font-weight: 600;
}

.vr_mytown a::after {
	margin-right: 0;
	margin-left: auto;
	border-top: 18px solid transparent;
	border-right: 0;
	border-bottom: 18px solid transparent;
	border-left: 31px solid #ffffff;
	border-style: solid;
	width: 0;
	height: 0;
	content: "";
}

@media screen and (max-width: 720px) {
	.vr_mytown {
		background-image: url("/asset/vr/vr_mytown_s.png");
		height: calc((216 / 345) * (100vw - 30px));
	}

	.vr_mytown h2 {
		font-size: 19px;
		line-height: 1.3;
	}

	.vr_mytown p {
		margin-top: 8px;
		font-size: 12px;
		line-height: 1.4;
	}

	.vr_mytown a {
		gap: 8px;
		margin: 11px auto 0px;
		border: solid 1px #fff;
		border-radius: 10px;
		padding: 0;
		width: 260px;
		height: 48px;
		font-size: 14px;
		letter-spacing: 0.5px;
	}

	.vr_mytown a::after {
		margin-left: 0;
		border-top: 9px solid transparent;
		border-bottom: 9px solid transparent;
		border-left: 16px solid #fff;
	}
}

/* ここまでWEB住宅展示場TOP */
/* リフォームTOP */
.takumi_no_reform {
	margin-top: 150px;
}

.takumi_no_reform h2 {
	margin: 0 auto;
	width: 400px;
	text-align: center;
}

.takumi_no_reform hr {
	margin: 0 auto;
	border-bottom: solid 1px #000;
	padding-top: 14px;
	width: 250px;
}

.takumi_no_reform hr+p {
	margin-top: 23px;
	font-weight: 500;
	font-size: 20px;
	line-height: 1;
	text-align: center;
}

.takumi_no_reform .flex_c {
	margin: 70px auto 0;
	gap:80px;
	width: 1080px;
}

.takumi_no_reform .flex_c p {
	margin-top: 10px;
	font-size: 17px;
	line-height: 1.5;
	letter-spacing: 2px;
	text-align: center;
}

.takumi_no_reform div+p {
	margin-top: 90px;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 3px;
	text-align: center;
}

@media screen and (max-width: 720px) {
	.takumi_no_reform {
		margin-top: 40px;
	}

	.takumi_no_reform h2 {
		width: 240px;
	}

	.takumi_no_reform hr {
		padding-top: 9px;
		width: 180px;
	}

	.takumi_no_reform hr+p {
		margin-top: 15px;
		font-size: 15px;
	}

	.takumi_no_reform .flex_c {
		gap: 30px;
		margin: 25px auto 0;
		width: auto;
	}

	.takumi_no_reform .flex_c p {
		margin-top: 5px;
		font-size: 14px;
		letter-spacing: 1px;
	}

	.takumi_no_reform div+p {
		margin-top: 30px;
		font-size: 15px;
		line-height: 1.7;
		letter-spacing: 2px;
		text-align: justify;
	}
}

/* ここまでリフォームTOP */
/* margin */

.marB10 {
	margin-bottom: 10px !important;
}

.marB20 {
	margin-bottom: 20px !important;
}

.marB25 {
	margin-bottom: 25px !important;
}

.marB30 {
	margin-bottom: 30px !important;
}

.marB35 {
	margin-bottom: 35px !important;
}

.marB40 {
	margin-bottom: 40px !important;
}

.marB50 {
	margin-bottom: 50px !important;
}

.marB60 {
	margin-bottom: 60px !important;
}

.marB70 {
	margin-bottom: 90px !important;
}

.marB80 {
	margin-bottom: 90px !important;
}

.marB90 {
	margin-bottom: 90px !important;
}

.marT0 {
	margin-top: 0 !important;
}

.marT5 {
	margin-top: 5px !important;
}

.marT10 {
	margin-top: 10px !important;
}

.marT15 {
	margin-top: 15px !important;
}

.marT20 {
	margin-top: 20px !important;
}

.marT25 {
	margin-top: 25px !important;
}

.marT30 {
	margin-top: 30px !important;
}

.marT35 {
	margin-top: 35px !important;
}

.marT40 {
	margin-top: 40px !important;
}

.marT45 {
	margin-top: 40px !important;
}

.marT50 {
	margin-top: 50px !important;
}

.marT60 {
	margin-top: 60px !important;
}

.marT70 {
	margin-top: 70px !important;
}

.marT80 {
	margin-top: 80px !important;
}

.marT90 {
	margin-top: 90px !important;
}

.marT100 {
	margin-top: 100px !important;
}

.marR0 {
	margin-right: 0px !important;
}

.marR10 {
	margin-right: 10px !important;
}

.marR20 {
	margin-right: 20px !important;
}

.marR30 {
	margin-right: 30px !important;
}

.marR40 {
	margin-right: 40px !important;
}

.marR50 {
	margin-right: 50px !important;
}

.marL0 {
	margin-left: 0px !important;
}

.marL10 {
	margin-left: 10px !important;
}

.marL20 {
	margin-left: 20px !important;
}

.marL30 {
	margin-left: 30px !important;
}

.marL40 {
	margin-left: 40px !important;
}

.marL50 {
	margin-left: 50px !important;
}

@media screen and (max-width: 720px) {
	.marT0 {
		margin-top: 0 !important;
	}

	.marT5 {
		margin-top: 3px !important;
	}

	.marT10 {
		margin-top: 5px !important;
	}

	.marT15 {
		margin-top: 10px !important;
	}

	.marT20 {
		margin-top: 10px !important;
	}

	.marT25 {
		margin-top: 10px !important;
	}

	.marT30 {
		margin-top: 15px !important;
	}

	.marT35 {
		margin-top: 20px !important;
	}

	.marT40 {
		margin-top: 20px !important;
	}

	.marT50 {
		margin-top: 25px !important;
	}

	.marT60 {
		margin-top: 30px !important;
	}

	.marT70 {
		margin-top: 35px !important;
	}

	.marT80 {
		margin-top: 40px !important;
	}

	.marT90 {
		margin-top: 45px !important;
	}

	.marT100 {
		margin-top: 50px !important;
	}

	.marT0s {
		margin-top: 0px !important;
	}

	.marT10s {
		margin-top: 10px !important;
	}

	.marT15s {
		margin-top: 15px !important;
	}

	.marT20s {
		margin-top: 20px !important;
	}

	.marT25s {
		margin-top: 25px !important;
	}

	.marT30s {
		margin-top: 30px !important;
	}

	.marT35s {
		margin-top: 35px !important;
	}

	.marT40s {
		margin-top: 40px !important;
	}

	.marT50s {
		margin-top: 50px !important;
	}

	.marT60s {
		margin-top: 60px !important;
	}

	.marT70s {
		margin-top: 70px !important;
	}

	.marT80s {
		margin-top: 80px !important;
	}

	.marT90s {
		margin-top: 90px !important;
	}

	.marB0s {
		margin-bottom: 0px !important;
	}

	.marB5s {
		margin-bottom: 5px !important;
	}

	.marB10s {
		margin-bottom: 10px !important;
	}

	.marB20s {
		margin-bottom: 20px !important;
	}

	.marB25s {
		margin-bottom: 25px !important;
	}

	.marB30s {
		margin-bottom: 30px !important;
	}

	.marB40s {
		margin-bottom: 40px !important;
	}

	.marB50s {
		margin-bottom: 50px !important;
	}

	.marB60s {
		margin-bottom: 60px !important;
	}

	.marB70s {
		margin-bottom: 70px !important;
	}

	.marB80s {
		margin-bottom: 80px !important;
	}

	.marB90s {
		margin-bottom: 90px !important;
	}

	.marR0s {
		margin-right: 0px !important;
	}

	.marL0s {
		margin-left: 0px !important;
	}
}