@charset "UTF-8";
@keyframes imageScroll {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 1830px 0;
	}
}
@keyframes imageScrollSp {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 1080px 0;
	}
}
.f-footer {
	overflow: hidden;
}
.woodChkMain:has(.woodChk_section-question.isShow) ~ .footer,
.woodChkMain:has(.woodChk_section-question.isShow) + .f-footer {
	display: none;
}
footer.f-footer .other-list-wrap .ttl-area .ttl-box .ttl {
	font-family: var(--font-shippori);
}
.u-inner {
	max-width: 1020px;
	box-sizing: content-box;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}
.u-btn {
	min-height: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 68px;
	width: 100%;
	padding: 10px 10px;
	box-sizing: border-box;
	font-size: 23px;
	font-weight: 500;
	color: var(--color-white);
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition-duration: .3s;
	transition-property: opacity, background-color, box-shadow;
}
.u-btn:active {
	transform: translateY(2px);
}
.u-btn::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, #2a8d53, #30816c 50%, #2a8d53);
	background-size: 200% 100%;
	transition-property: background-position, opacity;
	transition-duration: .3s;
}
.u-btn_text {
	display: block;
	position: relative;
	z-index: 1;
}
.u-btn-white {
	color: var(--color-green);
	transition-property: color;
}
.u-btn-white::before {
	background-image: none;
	background-color: var(--color-white);
	transition-property: background-color;
}
.u-btn-brown::before {
	background-image: linear-gradient(to right, #c9a718, #ac6a00 50%, #c9a718);
}
.u-btn[disabled] {
	background-image: none;
	background-color: var(--color-gray);
	pointer-events: none;
	box-shadow: none;
}
.u-btn[disabled]::before {
	opacity: 0;
}
.u-ttl {
	font-size: 40px;
	line-height: 1.475;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	margin-bottom: 50px;
}
.u-ttlSub {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	font-family: var(--font-cardo);
	color: var(--color-green);
	line-height: 38px;
	column-gap: 15px;
	margin-bottom: 10px;
}
.u-ttlSub::before {
	content: "";
	display: block;
	width: 25px;
	height: 1px;
	background-color: currentColor;
}
.u-ttlSub::after {
	content: "";
	display: block;
	width: 25px;
	height: 1px;
	background-color: currentColor;
}
.u-hiddenSVG {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}
.u-spInline {
	display: none;
}
.woodChkMain {
	--font-gothic: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	--font-mincho: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	--font-shippori: "Shippori Mincho B1", "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	--font-cardo: "Cardo", serif;
	--color-green: #30816A;
	--color-white: #fff;
	--color-text: #242424;
	--color-ivory: #FAF8F5;
	--color-gray: #9F9F9F;
	--color-light-gray: #F5F4F4;
	font-size: 14px;
	font-family: var(--font-gothic);
	font-weight: normal;
	line-height: 2;
	color: var(--color-text);
	padding-top: 7rem;
	position: static;
}
.woodChk {
	overflow: hidden;
	position: relative;
}
.woodChkIntro {}
.woodChkIntro_images {}
.woodChkIntro_images_scroll {
	height: 254px;
	background-image: url(/reform/interior/interior_style/interior_shindan/img/img_intro.jpg);
	background-size: 1830px 254px;
	background-position: 0 0;
	background-repeat: repeat-x;
	animation-name: imageScroll;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: 60s;
}
.woodChkIntro_image {}
.woodChkIntro_image > img {
	display: block;
}
.woodChkIntro_bg {
	width: 273px;
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
}
.woodChkIntro_bg-right {
	margin-left: 494px;
	margin-top: 8px;
}
.woodChkIntro_bg > img {
	display: block;
}
.woodChkIntro_bg-left {
	margin-left: -502px;
}
.woodChkIntro_bg-left > img {
	display: block;
}
.woodChkIntro_inner {}
.woodChkIntro_subTitle {
	font-family: var(--font-mincho);
	font-size: 23px;
	font-weight: 500;
	text-align: center;
	line-height: 33px;
	margin-bottom: 5px;
}
.woodChkIntro_title {
	font-weight: 600;
	text-align: center;
	font-size: 54px;
	color: var(--color-green);
	line-height: 77px;
	font-family: var(--font-mincho);
	margin-bottom: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.woodChkIntro_dList {
	list-style: none;
	font-size: 14px;
	line-height: 20px;
	display: flex;
	justify-content: center;
	color: var(--color-green);
	margin-bottom: 55px;
}
.woodChkIntro_dList > dt {}
.woodChkIntro_dList > dd {}
.woodChkIntro_text {
	line-height: 32px;
	text-align: center;
}
.woodChkIntro_btn {
	max-width: 498px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}
.woodChkIntro_contents {
	position: relative;
	padding-top: 50px;
	padding-bottom: 75px;
}
.woodChkIntro_contents_inner {}
.woodChkQ {
	position: relative;
	padding-top: 40px;
	padding-bottom: 50px;
	background-image: linear-gradient(103deg, #ffffff 38.5%, #fffcf7 61.5%);
	box-sizing: border-box;
	min-height: calc(100vh - 7rem);
}
.woodChkQ_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.woodChkQ_bg > img {
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.woodChkQ_areaTitle {
	position: relative;
	z-index: 1;
	margin-bottom: 70px;
	background-color: rgba(255, 255, 255, 0.80);
	padding: 17px 0;
}
.woodChkQ_areaTitle_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 20px;
	max-width: 1080px;
}
.woodChkQ_title {
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
	position: relative;
	padding-left: 68px;
}
.woodChkQ_title_sign {
	font-family: var(--font-cardo);
	color: var(--color-green);
	font-size: 42px;
	position: absolute;
	top: 18px;
	left: 0;
	transform: translateY(-50%);
}
.woodChkQ_num {
	font-family: var(--font-cardo);
	color: var(--color-green);
	font-size: 35px;
	font-weight: normal;
	display: flex;
	align-items: center;
	line-height: 36px;
	white-space: nowrap;
}
.woodChkQ_num_current {}
.woodChkQ_num_slash {
	display: block;
	width: 1px;
	height: 29px;
	background-color: currentColor;
	font-size: 0;
	transform: rotate(30deg);
	margin: 0 9px;
}
.woodChkQ_num_total {}
.woodChkQ_inner {
	position: relative;
	z-index: 1;
}
.woodChkQ_options {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 2.5%;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.woodChkQ_label {
	display: block;
	position: relative;
	cursor: pointer;
	transition-duration: .3s;
	transition-property: transform;
}
.woodChkQ_label > input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.woodChkQ_label_box {
	display: flex;
	height: 100%;
	position: relative;
	background-color: var(--color-white);
	padding: 27px 30px 30px;
	border-radius: 14px;
	box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.16);
	flex-direction: column;
}
.woodChkQ_label_box::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 4px solid var(--color-green);
	border-radius: inherit;
	opacity: 0;
	transition-duration: .3s;
	transition-property: opacity;
}
input:checked + .woodChkQ_label_box::before {
	opacity: 1;
}
.woodChkQ_label_sign {
	font-family: var(--font-cardo);
	color: var(--color-green);
	display: block;
	font-size: 38px;
	text-align: center;
	font-weight: normal;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 10px;
	line-height: 52px;
	margin-bottom: 20px;
}
.woodChkQ_label_text {
	display: flex;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	line-height: 28px;
	margin-bottom: 21px;
	min-height: 84px;
	align-items: center;
	justify-content: center;
}
.woodChkQ_label_img {
	display: block;
	border-radius: 4px;
	overflow: hidden;
	margin-top: auto;
}
.woodChkQ_label_img > img {
	display: block;
}
.woodChkNav {
	margin-top: 68px;
}
.woodChkNav_grid {
	display: grid;
	grid-template-columns: 190px 1fr 190px;
	column-gap: 30px;
	align-items: center;
}
.woodChkNav_cell {}
.woodChkNav_cell-prev {}
.woodChkNav_btn {
	display: block;
	min-height: 50px;
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 500;
	box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.16);
	padding-left: 45px;
	padding-right: 45px;
}
.woodChkNav_btn-prev {}
.woodChkNav_cell-text {}
.woodChkNav_text {
	line-height: 20px;
	text-align: center;
}
.woodChkNav_cell-next {}
.woodChkNav_btn-next {}
.woodChkNav_btn_arrow {
	display: block;
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	opacity: 1;
	transition-duration: .3s;
	transition-property: opacity;
}
[disabled] .woodChkNav_btn_arrow {
	opacity: 0;
}
.woodChkNav_btn_arrow-prev {
	left: 20px;
}
.woodChkNav_btn_arrow-next {
	right: 20px;
}
.woodChkQ_areaTitle-extra {
	background-color: var(--color-green);
	color: var(--color-white);
	margin-bottom: 40px;
}
.woodChkQ_title_sign-extra {
	color: inherit;
}
.woodChkQ_sub {
	display: flex;
	align-items: center;
	font-family: var(--font-cardo);
	column-gap: 5px;
	font-size: 20px;
	line-height: 1;
}
.woodChkQ_sub::before {
	content: "";
	display: block;
	width: 15px;
	height: 1px;
	background-color: currentColor;
}
.woodChkQ_sub::after {
	content: "";
	display: block;
	width: 15px;
	height: 1px;
	background-color: currentColor;
}
.woodChkQ_options-extra {
	grid-template-columns: repeat(4, 1fr);
	column-gap: 10px;
	row-gap: 10px;
	max-width: 930px;
}
.woodChkQ_label_imgBox {
	display: block;
	position: relative;
	background-color: var(--color-white);
	padding: 5px;
	border-radius: 10px;
	box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.16);
}
.woodChkQ_label_imgBox_img {
	display: block;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	padding-bottom: 61.224%;
}
.woodChkQ_label_imgBox_img > img {
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.woodChkQ_label_imgBox::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 4px solid var(--color-green);
	border-radius: inherit;
	opacity: 0;
	transition-duration: .3s;
	transition-property: opacity;
}
input:checked + .woodChkQ_label_imgBox::before {
	opacity: 1;
}
.woodChkQ_caution {
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	margin-top: 20px;
}
.woodChkNav-extra {
	margin-top: 10px;
}
.woodChkType {
	background-color: var(--color-ivory);
	padding-top: 100px;
	padding-bottom: 101px;
}
.woodChkType_inner {
	max-width: 1040px;
}
.woodChkType_sub {}
.woodChkType_title {}
.woodChkType_imageWrap {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
}
.woodChkType_image {}
.woodChkType_image > img {
	display: block;
}
.woodChkType_result {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	text-align: center;
	font-size: 20px;
	color: var(--color-white);
	line-height: 1;
}
.woodChkType_result-light-simple_modern {
	color: #555555;
}
.woodChkType_result_en {
	display: block;
	font-size: 52px;
	font-family: var(--font-cardo);
	margin-bottom: 7px;
}
.woodChkType_result_ja {
	display: block;
}
.woodChkType_box {
	background-color: var(--color-white);
	max-width: 920px;
	margin: 0 auto 0;
	position: relative;
	padding: 50px 20px 47px;
	box-sizing: border-box;
	margin-top: -39px;
	border-radius: 20px;
}
.woodChkType_headline {
	font-size: 22px;
	line-height: 1.45;
	font-weight: 500;
	text-align: center;
	margin-bottom: 25px;
}
.woodChkType_text {
	font-size: 18px;
	text-align: center;
	line-height: 2.22;
}
.woodChkContNav {
	background-color: var(--color-light-gray);
	padding: 80px 0;
}
.woodChkContNav_inner {
	max-width: 1040px;
}
.woodChkContNav_list {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 2.8%;
}
.woodChkContNav_list > li {}
.woodChkContNav_list_btn {
	min-height: 100px;
	padding-right: 70px;
	padding-left: 70px;
}
.woodChkContNav_list_btn_arrow {
	display: block;
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 40px;
}
.woodChkStyle {
	margin-bottom: 100px;
	margin-top: 100px;
}
.woodChkStyle_inner {
	max-width: 1040px;
}
.woodChkStyle_sub {}
.woodChkStyle_title {}
.woodChkStyle_grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 20px;
	row-gap: 20px;
}
.woodChkStyle_cell {}
.woodChkStyle_cell-hidden {
	display: none;
}
.woodChkStyle_cell-hidden.isShow {
	display: block;
}
.woodChkStyle_cell > a {
	text-decoration: none;
	color: inherit;
	display: block;
	position: relative;
}
.woodChkStyle_image {
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	padding-bottom: 61.224%;
}
.woodChkStyle_image > img {
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition-duration: .3s;
	transition-property: transform;
}
.woodChkStyle_icon {
	width: 25px;
	height: 25px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	background-color: var(--color-white);
	border-radius: 50%;
	color: var(--color-green);
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 5px;
	right: 5px;
	transition-duration: .3s;
	transition-property: background-color, color;
}
.woodChkStyle_icon_svg {
	display: block;
	width: 14px;
	height: 14px;
	fill: currentColor;
}
.woodChkStyle_msg {
	font-size: 14px;
	line-height: 1.428;
	text-align: center;
	margin: 30px 0 15px;
}
.woodChkStyle_note {
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
}
.woodChkStyle_link {
	max-width: 323px;
	margin: 67px auto 0;
}
.woodChkStyle_link > a {
	text-decoration: none;
	color: inherit;
	display: flex;
	height: 74px;
	border: 2px solid var(--color-text);
	border-radius: 50px;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 500;
	column-gap: 11px;
	transition-duration: .3s;
	transition-property: background-color, color, border-color;
}
.woodChkStyle_link > a:active {
	transform: translateY(2px);
}
.woodChkStyle_link_svg {
	display: block;
	width: 29px;
	height: 29px;
	fill: currentColor;
}
.woodChkResultNav {
	margin-top: 100px;
}
.woodChkResultNav_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 20px;
}
.woodChkResultNav_btn {
	column-gap: 20px;
	font-size: 24px;
	line-height: 1.25;
	font-weight: 500;
	text-align: center;
	height: 102px;
	border-radius: 20px;
}
.woodChkResultNav_btn_icon {
	display: block;
	width: 37px;
	height: 37px;
	fill: currentColor;
	position: relative;
}
.woodChkResTtl {
	background-color: var(--color-ivory);
	padding: 48px 0;
	margin-bottom: 46px;
}
.woodChkResTtl_inner {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 30px;
}
.woodChkResTtl_title {
	font-size: 32px;
	line-height: 46px;
	font-family: var(--font-mincho);
}
.woodChkResTtl_sub {
	display: flex;
	column-gap: 10px;
	font-weight: normal;
}
.woodChkResTtl_sub_cube {
	display: flex;
	width: 50px;
	height: 50px;
	background-color: var(--color-green);
	color: var(--color-white);
	font-family: var(--font-shippori);
	font-size: 36px;
	font-weight: normal;
	align-items: center;
	justify-content: center;
	line-height: 1;
	border-radius: 2px;
	box-shadow: 5px 5px 0 #DFEAE7;
}
.woodChkResIntro {
	margin-bottom: 83px;
}
.woodChkResIntro_inner {
	max-width: 1161px;
}
.woodChkResIntro_cols {
	display: flex;
}
.woodChkResIntro_col {}
.woodChkResIntro_col-img {
	width: 44.5%;
	max-width: 516px;
}
.woodChkResIntro_image {}
.woodChkResIntro_image > img {
	display: block;
}
.woodChkResIntro_col-txt {
	width: 51.7%;
	max-width: 600px;
	margin-left: auto;
	padding-top: 54px;
}
.woodChkResIntro_sub {
	font-size: 20px;
	line-height: 1.45;
	text-align: center;
	font-weight: normal;
	margin-bottom: 18px;
}
.woodChkResIntro_title {
	font-size: 56px;
	line-height: 1.1785;
	font-family: var(--font-shippori);
	text-align: center;
	padding-bottom: 24px;
	border-bottom: 1px solid currentColor;
	font-weight: normal;
}
.woodChkResIntro_text {
	line-height: 2.375;
	font-size: 16px;
}
.woodChkResIntro_areaText {
	color: var(--color-green);
	margin-bottom: 22px;
}
.woodChkModal {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.80);
	box-sizing: border-box;
	padding-top: 145px;
	padding-bottom: 50px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition-property: opacity, visibility;
	transition-duration: .5s;
}
.woodChkModal.isShow {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.woodChkModal_inner {
	max-width: 648px;
}
.woodChkModal_box {
	background-color: var(--color-white);
	padding: 30px 30px;
	position: relative;
}
.woodChkModal_btn {
	display: block;
	width: 50px;
	height: 50px;
	background-color: var(--color-green);
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(50%, -50%);
	color: var(--color-white);
	border: 1px solid var(--color-green);
	box-sizing: border-box;
	transition-duration: .3s;
	transition-property: background-color, color;
}
.woodChkModal_btn::before {
	content: "";
	display: block;
	width: 24px;
	height: 2px;
	background-color: currentColor;
	border-radius: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	border-radius: 1px;
}
.woodChkModal_btn::after {
	content: "";
	display: block;
	width: 24px;
	height: 2px;
	background-color: currentColor;
	border-radius: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
	border-radius: 1px;
}
.woodChkModal_image {
	position: relative;
	padding-bottom: 61.224%;
}
.woodChkModal_image > img {
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.woodChkModal_title {
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
	font-weight: normal;
	margin-top: 20px;
}
.woodChkModal_note {
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	margin-top: 10px;
}
.woodChkIntro_title_cross {
	display: block;
	width: 25px;
	height: 25px;
	font-size: 0;
	position: relative;
	margin-left: 12px;
	margin-right: 9px;
}
.woodChkIntro_title_cross::before {
	content: "";
	display: block;
	width: 141%;
	height: 1px;
	background-color: currentColor;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
.woodChkIntro_title_cross::after {
	content: "";
	display: block;
	width: 141%;
	height: 1px;
	background-color: currentColor;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}
.woodChkIntro_bg-sp {
	display: none;
}
.woodChkQ_label_areaText {
	display: block;
}
.woodChkQ_label_areaImage {
	display: block;
}
.woodChkMain_dummy {
	display: none;
}
.woodChk_section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition-duration: 0.6s;
	transition-property: opacity, visibility;
}
.woodChk_section.isShow {
	position: relative;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.woodChkResTtl_sub_cube-light-natural {
	background-color: #30816A;
	box-shadow: 5px 5px 0 #DFEAE7;
}
.woodChkResTtl_sub_cube-medium-natural {
	background-color: #BA7B04;
	box-shadow: 5px 5px 0 #F5E8D1;
}
.woodChkResTtl_sub_cube-dark-natural {
	background-color: #D16826;
	box-shadow: 5px 5px 0 #F5E8D3;
}
.woodChkResTtl_sub_cube-light-simple_modern {
	background-color: #525252;
	box-shadow: 5px 5px 0 #EAE8E8;
}
.woodChkResTtl_sub_cube-medium-simple_modern {
	background-color: #AA2929;
	box-shadow: 5px 5px 0 #EFE1E1;
}
.woodChkResTtl_sub_cube-dark-simple_modern {
	background-color: #154E6C;
	box-shadow: 5px 5px 0 #E2E7EA;
}
.woodChkResTtl_sub_cube-light-luxury {
	background-color: #0E523F;
	box-shadow: 5px 5px 0 #D9E5E2;
}
.woodChkResTtl_sub_cube-medium-luxury {
	background-color: #58390F;
	box-shadow: 5px 5px 0 #E6E0D8;
}
.woodChkResTtl_sub_cube-dark-luxury {
	background-color: #6C0105;
	box-shadow: 5px 5px 0 #E8DCDD;
}
.woodChkResIntro_areaText-light-natural {
	color: #30816A;
}
.woodChkResIntro_areaText-medium-natural {
	color: #BA7B04;
}
.woodChkResIntro_areaText-dark-natural {
	color: #D16826;
}
.woodChkResIntro_areaText-light-simple_modern {
	color: #525252;
}
.woodChkResIntro_areaText-medium-simple_modern {
	color: #AA2929;
}
.woodChkResIntro_areaText-dark-simple_modern {
	color: #154E6C;
}
.woodChkResIntro_areaText-light-luxury {
	color: #0E523F;
}
.woodChkResIntro_areaText-medium-luxury {
	color: #58390F;
}
.woodChkResIntro_areaText-dark-luxury {
	color: #6C0105;
}
.woodChkType_sub-light-natural {
	color: #30816A;
}
.woodChkType_sub-medium-natural {
	color: #BA7B04;
}
.woodChkType_sub-dark-natural {
	color: #D16826;
}
.woodChkType_sub-light-simple_modern {
	color: #525252;
}
.woodChkType_sub-medium-simple_modern {
	color: #AA2929;
}
.woodChkType_sub-dark-simple_modern {
	color: #154E6C;
}
.woodChkType_sub-light-luxury {
	color: #0E523F;
}
.woodChkType_sub-medium-luxury {
	color: #58390F;
}
.woodChkType_sub-dark-luxury {
	color: #6C0105;
}
.woodChkStyle_sub-light-natural {
	color: #30816A;
}
.woodChkStyle_sub-medium-natural {
	color: #BA7B04;
}
.woodChkStyle_sub-dark-natural {
	color: #D16826;
}
.woodChkStyle_sub-light-simple_modern {
	color: #525252;
}
.woodChkStyle_sub-medium-simple_modern {
	color: #AA2929;
}
.woodChkStyle_sub-dark-simple_modern {
	color: #154E6C;
}
.woodChkStyle_sub-light-luxury {
	color: #0E523F;
}
.woodChkStyle_sub-medium-luxury {
	color: #58390F;
}
.woodChkStyle_sub-dark-luxury {
	color: #6C0105;
}
.woodChkModal_qr {
	max-width: 256px;
	margin-left: auto;
	margin-right: auto;
}
.woodChkModal_qr_inner {
	position: relative;
	padding-bottom: 100%;
}
.woodChkModal_qr_inner > canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.woodChkModal_qr_inner > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	pointer-events: inherit;
}
.woodChkModal_inner-qr {
	max-width: 320px;
}
@media screen and (max-width: 1215px) {
	.woodChkResIntro_title {
		font-size: 4.6vw;
	}
	.woodChkResIntro_sub {
		font-size: 18px;
	}
}
@media screen and (min-width:1000px) and (hover:hover) {
	.u-btn:hover {
		opacity: .9;
	}
	.u-btn:hover::before {
		background-position: 100% 0%;
	}
	.u-btn-white:hover {
		color: var(--color-white);
		opacity: 1;
	}
	.u-btn-white:hover::before {
		background-color: var(--color-green);
	}
	.woodChkQ_label:hover {
		transform: translateY(-5px);
	}
	.woodChkNav_btn:hover {}
	.woodChkContNav_list_btn:hover {}
	.woodChkStyle_cell > a:hover {}
	a:hover .woodChkStyle_image > img {
		transform: scale(1.05);
	}
	a:hover .woodChkStyle_icon {
		background-color: var(--color-green);
		color: var(--color-white);
	}
	.woodChkStyle_link > a:hover {
		border-color: var(--color-green);
		color: var(--color-green);
	}
	.woodChkModal_btn:hover {
		background-color: var(--color-white);
		color: var(--color-green);
	}
}
@media screen and (max-width: 999px) {
	.u-inner {
		padding-left: 15px;
		padding-right: 15px;
	}
	.u-btn {
		font-size: 18px;
		min-height: 55px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.u-btn-white {}
	.u-btn-brown {}
	.u-btn[disabled] {}
	.u-ttl {
		font-size: 30px;
	}
	.u-ttlSub {}
	.u-ttlSub::before {}
	.u-ttlSub::after {}
	.u-hiddenSVG {}
	.woodChkMain {}
	.woodChk {}
	.woodChkIntro {}
	.woodChkIntro_images {}
	.woodChkIntro_images_scroll {}
	.woodChkIntro_image {}
	.woodChkIntro_image > img {}
	.woodChkIntro_bg {
		width: 180px;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.woodChkIntro_bg-right {
		margin-left: 320px;
	}
	.woodChkIntro_bg > img {}
	.woodChkIntro_bg-left {
		margin-left: -320px;
	}
	.woodChkIntro_bg-left > img {}
	.woodChkIntro_inner {}
	.woodChkIntro_subTitle {
		font-size: 20px;
	}
	.woodChkIntro_title {
		font-size: 40px;
	}
	.woodChkIntro_dList {}
	.woodChkIntro_dList > dt {}
	.woodChkIntro_dList > dd {}
	.woodChkIntro_text {}
	.woodChkIntro_btn {
		max-width: 360px;
	}
	.woodChkIntro_contents {}
	.woodChkIntro_contents_inner {}
	.woodChkQ {}
	.woodChkQ_bg {}
	.woodChkQ_bg > img {}
	.woodChkQ_areaTitle {
		margin-bottom: 40px;
	}
	.woodChkQ_areaTitle_inner {}
	.woodChkQ_title {
		font-size: 18px;
		line-height: 26px;
		padding-left: 49px;
	}
	.woodChkQ_title_sign {
		top: 13px;
		font-size: 30px;
	}
	.woodChkQ_num {
		font-size: 26px;
		line-height: 26px;
	}
	.woodChkQ_num_current {}
	.woodChkQ_num_slash {}
	.woodChkQ_num_total {}
	.woodChkQ_inner {}
	.woodChkQ_options {}
	.woodChkQ_label {}
	.woodChkQ_label > input {}
	.woodChkQ_label_box {
		padding: 20px 15px 20px;
	}
	.woodChkQ_label_box::before {}
	input:checked + .woodChkQ_label_box::before {}
	.woodChkQ_label_sign {
		font-size: 30px;
		line-height: 40px;
	}
	.woodChkQ_label_text {
		font-size: 15px;
		line-height: 24px;
		min-height: 72px;
	}
	.woodChkQ_label_img {}
	.woodChkQ_label_img > img {}
	.woodChkNav {
		margin-top: 34px;
	}
	.woodChkNav_grid {
		grid-template-columns: 130px 1fr 130px;
		column-gap: 15px;
	}
	.woodChkNav_cell {}
	.woodChkNav_cell-prev {}
	.woodChkNav_btn {
		padding-left: 30px;
		padding-right: 30px;
	}
	.woodChkNav_btn-prev {}
	.woodChkNav_cell-text {}
	.woodChkNav_text {}
	.woodChkNav_cell-next {}
	.woodChkNav_btn-next {}
	.woodChkNav_btn_arrow {
		width: 16px;
		height: 16px;
	}
	[disabled] .woodChkNav_btn_arrow {}
	.woodChkNav_btn_arrow-prev {
		left: 10px;
	}
	.woodChkNav_btn_arrow-next {
		right: 10px;
	}
	.woodChkQ_areaTitle-extra {}
	.woodChkQ_title_sign-extra {}
	.woodChkQ_sub {
		font-size: 14px;
	}
	.woodChkQ_sub::before {}
	.woodChkQ_sub::after {}
	.woodChkQ_options-extra {}
	.woodChkQ_label_imgBox {}
	.woodChkQ_label_imgBox_img {}
	.woodChkQ_label_imgBox::before {}
	input:checked + .woodChkQ_label_imgBox::before {}
	.woodChkQ_caution {}
	.woodChkNav-extra {}
	.woodChkType {}
	.woodChkType_inner {}
	.woodChkType_sub {}
	.woodChkType_title {}
	.woodChkType_imageWrap {}
	.woodChkType_image {}
	.woodChkType_image > img {}
	.woodChkType_result {}
	.woodChkType_result_en {}
	.woodChkType_result_ja {}
	.woodChkType_box {
		width: calc(100% - 30px);
	}
	.woodChkType_headline {
		font-size: 18px;
	}
	.woodChkType_text {
		font-size: 16px;
	}
	.woodChkContNav {}
	.woodChkContNav_inner {}
	.woodChkContNav_list {}
	.woodChkContNav_list > li {}
	.woodChkContNav_list_btn {
		min-height: 80px;
	}
	.woodChkContNav_list_btn_arrow {}
	.woodChkStyle {}
	.woodChkStyle_inner {}
	.woodChkStyle_sub {
		font-size: 20px;
	}
	.woodChkStyle_title {}
	.woodChkStyle_grid {}
	.woodChkStyle_cell {}
	.woodChkStyle_cell > a {}
	.woodChkStyle_image {}
	.woodChkStyle_image > img {}
	.woodChkStyle_icon {}
	.woodChkStyle_icon_svg {}
	.woodChkStyle_msg {}
	.woodChkStyle_note {}
	.woodChkStyle_link {}
	.woodChkStyle_link > a {
		font-size: 18px;
	}
	.woodChkStyle_link_svg {}
	.woodChkResultNav {
		margin-top: 70px;
	}
	.woodChkResultNav_list {}
	.woodChkResultNav_btn {
		column-gap: 12px;
		height: 90px;
		border-radius: 15px;
	}
	.woodChkResultNav_btn_icon {
		width: 25px;
		height: 25px;
	}
	.woodChkResTtl {}
	.woodChkResTtl_inner {
		column-gap: 20px;
	}
	.woodChkResTtl_title {
		font-size: 26px;
	}
	.woodChkResTtl_sub {
		column-gap: 8px;
	}
	.woodChkResTtl_sub_cube {
		font-size: 29px;
		width: 40px;
		height: 40px;
	}
	.woodChkResIntro {}
	.woodChkResIntro_inner {}
	.woodChkResIntro_cols {
		align-items: center;
	}
	.woodChkResIntro_col {}
	.woodChkResIntro_col-img {}
	.woodChkResIntro_image {}
	.woodChkResIntro_image > img {}
	.woodChkResIntro_col-txt {
		padding-top: 0;
	}
	.woodChkResIntro_sub {
		font-size: 16px;
	}
	.woodChkResIntro_title {
		font-size: 40px;
	}
	.woodChkResIntro_text {
		font-size: inherit;
		line-height: inherit;
	}
	.woodChkResIntro_areaText {}
	.woodChkModal {}
	.woodChkModal.isShow {}
	.woodChkModal_inner {}
	.woodChkModal_box {}
	.woodChkModal_btn {}
	.woodChkModal_btn::before {}
	.woodChkModal_btn::after {}
	.woodChkModal_image {}
	.woodChkModal_image > img {}
	.woodChkModal_title {}
	.woodChkModal_note {}
	.woodChkIntro_title_cross {}
	.woodChkIntro_bg-sp {}
	.woodChkQ_label_areaText {}
	.woodChkQ_label_areaImage {}
}
@media screen and (max-width:767px) {
	.u-inner {}
	.u-btn {}
	.u-btn-white {}
	.u-btn-brown {}
	.u-btn[disabled] {}
	.u-ttl {
		font-size: 28px;
		line-height: 1.429;
		margin-bottom: 29px;
	}
	.u-ttlSub {
		font-size: 20px;
		column-gap: 10px;
		margin-bottom: 3px;
	}
	.u-ttlSub::before {}
	.u-ttlSub::after {}
	.u-hiddenSVG {}
	.u-spInline {
		display: inline;
	}
	.u-spNone {
		display: none;
	}
	.woodChkMain {
		font-size: 13px;
	}
	.woodChk {}
	.woodChkIntro {}
	.woodChkIntro_images {}
	.woodChkIntro_images_scroll {
		height: 150px;
		background-size: 1080px 150px;
		animation-name: imageScrollSp;
	}
	.woodChkIntro_image {}
	.woodChkIntro_image > img {}
	.woodChkIntro_bg {
		display: none;
	}
	.woodChkIntro_bg-right {}
	.woodChkIntro_bg > img {}
	.woodChkIntro_bg-left {}
	.woodChkIntro_bg-left > img {}
	.woodChkIntro_inner {}
	.woodChkIntro_subTitle {
		margin-bottom: 7px;
		font-size: 16px;
		line-height: 1.875;
	}
	.woodChkIntro_title {
		font-size: 38px;
		flex-direction: column;
		line-height: 55px;
		row-gap: 3px;
		margin-bottom: 21px;
	}
	.woodChkIntro_dList {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 39px;
	}
	.woodChkIntro_dList > dt {}
	.woodChkIntro_dList > dd {}
	.woodChkIntro_text {
		line-height: 30px;
	}
	.woodChkIntro_btn {
		max-width: 295px;
		margin-bottom: 20px;
	}
	.woodChkIntro_contents {
		padding-top: 26px;
		padding-bottom: 40px;
	}
	.woodChkIntro_contents_inner {}
	.woodChkQ {
		padding-top: 0;
		padding-bottom: 24px;
		min-height: calc(100vh - 11rem);
	}
	.woodChkQ_bg {}
	.woodChkQ_bg > img {}
	.woodChkQ_areaTitle {
		padding-top: 13px;
		padding-bottom: 17px;
		margin-bottom: 24px;
	}
	.woodChkQ_areaTitle_inner {
		flex-direction: column-reverse;
		column-gap: 0;
		row-gap: 6px;
	}
	.woodChkQ_title {
		font-size: 15px;
		line-height: 22px;
		width: 100%;
		box-sizing: border-box;
		padding-left: 40px;
	}
	.woodChkQ_title_sign {
		top: 11px;
		font-size: 28px;
	}
	.woodChkQ_num {
		font-size: 20px;
		line-height: 27px;
	}
	.woodChkQ_num_current {}
	.woodChkQ_num_slash {
		height: 20px;
	}
	.woodChkQ_num_total {}
	.woodChkQ_inner {}
	.woodChkQ_options {
		grid-template-columns: 1fr;
		row-gap: 16px;
	}
	.woodChkQ_label {}
	.woodChkQ_label > input {}
	.woodChkQ_label_box {
		display: grid;
		grid-template-columns: 130px 1fr;
		border-radius: 14px;
		padding: 19px 17px;
		column-gap: 10px;
		align-items: center;
	}
	.woodChkQ_label_box::before {}
	input:checked + .woodChkQ_label_box::before {}
	.woodChkQ_label_sign {
		font-size: 20px;
		text-underline-offset: 5px;
		margin-bottom: 6px;
		line-height: 27px;
	}
	.woodChkQ_label_text {
		font-size: 13px;
		line-height: 18px;
		min-height: 0;
	}
	.woodChkQ_label_img {
		padding-bottom: 63.84%;
		position: relative;
	}
	.woodChkQ_label_img > img {
		position: absolute;
		z-index: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.woodChkNav {
		background-color: var(--color-white);
		margin-left: -15px;
		padding-left: 15px;
		padding-right: 15px;
		margin-right: -15px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 24px;
		position: fixed;
		width: 100%;
		bottom: 0;
		z-index: 100;
		left: 0;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
	}
	.woodChkNav_grid {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 15px;
		row-gap: 10px;
	}
	.woodChkNav_cell {}
	.woodChkNav_cell-prev {
		order: 1;
	}
	.woodChkNav_btn {
		min-height: 42px;
	}
	.woodChkNav_btn-prev {}
	.woodChkNav_cell-text {
		order: 0;
		grid-column: span 2;
	}
	.woodChkNav_text {
		font-size: 12px;
		line-height: 18px;
	}
	.woodChkNav_cell-next {
		order: 2;
	}
	.woodChkNav_btn-next {}
	.woodChkNav_btn_arrow {}
	[disabled] .woodChkNav_btn_arrow {}
	.woodChkNav_btn_arrow-prev {}
	.woodChkNav_btn_arrow-next {}
	.woodChkQ_areaTitle-extra {}
	.woodChkQ_title_sign-extra {}
	.woodChkQ_sub {}
	.woodChkQ_sub::before {}
	.woodChkQ_sub::after {}
	.woodChkQ_options-extra {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 15px;
		column-gap: 15px;
	}
	.woodChkQ_label_imgBox {}
	.woodChkQ_label_imgBox_img {}
	.woodChkQ_label_imgBox::before {}
	input:checked + .woodChkQ_label_imgBox::before {}
	.woodChkQ_caution {}
	.woodChkNav-extra {}
	.woodChkType {
		padding-bottom: 50px;
		padding-top: 44px;
	}
	.woodChkType_inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.woodChkType_sub {}
	.woodChkType_title {}
	.woodChkType_imageWrap {
		border-radius: 10px;
	}
	.woodChkType_image {
		position: relative;
		padding-bottom: 68.657%;
	}
	.woodChkType_image > img {
		display: block;
		position: absolute;
		z-index: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.woodChkType_result {
		font-size: 14px;
	}
	.woodChkType_result_en {
		font-size: 38px;
	}
	.woodChkType_result_ja {}
	.woodChkType_box {
		margin-top: -25px;
		border-radius: 10px;
		padding: 26px 25px 20px;
	}
	.woodChkType_headline {
		font-size: 16px;
		line-height: 1.875;
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: 12px;
	}
	.woodChkType_text {
		font-size: 14px;
		text-align: left;
		line-height: 2.286;
	}
	.woodChkContNav {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.woodChkContNav_inner {
		max-width: 315px;
	}
	.woodChkContNav_list {
		grid-template-columns: 1fr;
		row-gap: 20px;
	}
	.woodChkContNav_list > li {}
	.woodChkContNav_list_btn {
		min-height: 65px;
		padding-right: 50px;
		padding-left: 50px;
	}
	.woodChkContNav_list_btn_arrow {
		right: 20px;
	}
	.woodChkStyle {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.woodChkStyle_inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.woodChkStyle_sub {}
	.woodChkStyle_title {}
	.woodChkStyle_grid {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 15px;
		row-gap: 15px;
	}
	.woodChkStyle_cell {}
	.woodChkStyle_cell > a {}
	.woodChkStyle_image {}
	.woodChkStyle_image > img {}
	.woodChkStyle_icon {}
	.woodChkStyle_icon_svg {}
	.woodChkStyle_msg {
		margin-top: 19px;
	}
	.woodChkStyle_note {}
	.woodChkStyle_link {
		max-width: 295px;
		margin-top: 33px;
	}
	.woodChkStyle_link > a {
		height: 60px;
	}
	.woodChkStyle_link_svg {}
	.woodChkResultNav {
		margin-top: 50px;
		max-width: 315px;
		margin-left: auto;
		margin-right: auto;
	}
	.woodChkResultNav_list {
		grid-template-columns: 1fr;
		row-gap: 20px;
	}
	.woodChkResultNav_btn {
		border-radius: 12px;
		height: 70px;
	}
	.woodChkResultNav_btn_icon {
		width: 28px;
		height: 28px;
	}
	.woodChkResTtl {
		padding-top: 15px;
		padding-bottom: 20px;
		margin-bottom: 33px;
	}
	.woodChkResTtl_inner {
		display: block;
		text-align: center;
	}
	.woodChkResTtl_title {
		font-size: 20px;
		line-height: 29px;
		margin-bottom: 12px;
	}
	.woodChkResTtl_sub {
		justify-content: center;
	}
	.woodChkResTtl_sub_cube {}
	.woodChkResIntro {
		margin-bottom: 37px;
	}
	.woodChkResIntro_inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.woodChkResIntro_cols {
		display: block;
	}
	.woodChkResIntro_col {
		width: auto;
	}
	.woodChkResIntro_col-img {
		max-width: 331px;
		margin: 0 auto 30px;
	}
	.woodChkResIntro_image {}
	.woodChkResIntro_image > img {}
	.woodChkResIntro_col-txt {
		margin-right: auto;
	}
	.woodChkResIntro_sub {
		line-height: 1.375;
	}
	.woodChkResIntro_title {
		font-size: 34px;
		line-height: 1.235;
		padding-bottom: 20px;
	}
	.woodChkResIntro_text {
		font-size: 14px;
		line-height: 2.286;
	}
	.woodChkResIntro_areaText {
		margin-bottom: 14px;
	}
	.woodChkModal {
		padding-top: 50px;
	}
	.woodChkModal.isShow {}
	.woodChkModal_inner {}
	.woodChkModal_box {
		padding: 20px 15px;
	}
	.woodChkModal_btn {
		width: 30px;
		height: 30px;
		margin-top: 5px;
		margin-right: 5px;
	}
	.woodChkModal_btn::before {
		width: 15px;
		height: 1px;
	}
	.woodChkModal_btn::after {
		width: 15px;
		height: 1px;
	}
	.woodChkModal_image {}
	.woodChkModal_image > img {}
	.woodChkModal_title {
		font-size: 16px;
		margin-top: 15px;
	}
	.woodChkModal_note {
		font-size: 10px;
	}
	.woodChkIntro_title_cross {
		margin: 0;
		width: 20px;
		height: 20px;
	}
	.woodChkIntro_bg-sp {
		display: block;
		position: relative;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: auto;
		width: 352px;
		margin-bottom: 36px;
	}
	.woodChkQ_label_areaText {
		order: 1;
	}
	.woodChkQ_label_areaImage {
		order: 0;
	}
	.woodChkModal_inner-qr {
		max-width: 190px;
	}
	.woodChkMain:has(.woodChk_section-question.isShow) + .f-footer {}
	.woodChkMain:has(.woodChk_section-question.isShow) {
		padding-bottom: 122px;
	}
}
@media screen and (max-width:750px) {
	.woodChkMain {
		padding-top: 11rem;
	}
}
@media screen and (max-width:374px) {
	.u-ttl {
		font-size: 24px;
	}
	.woodChkQ_label_box {
		grid-template-columns: 100px 1fr;
		align-items: center;
		padding: 10px 10px;
		border-radius: 10px;
	}
	.woodChkIntro_subTitle {
		font-size: 14px;
	}
	.woodChkResIntro_title {
		font-size: 30px;
	}
}