/* ==========================================================================
	root
========================================================================== */
:root {
	--base-pc-width:1680;
	--base-sp-width:375;
	--vwPC: calc(100vw / 1680);
	--vwSP: calc(100vw / 375);
	--easeInQuad:cubic-bezier(.55, .085, .68, .53);
	--easeOutQuad:cubic-bezier(0.23, 1, 0.32, 1);
	--easeOutQuint:cubic-bezier(.25, .46, .45, .94);
	--easeOutSine:cubic-bezier(0.39, 0.575, 0.565, 1);
	--easeOutCubic:cubic-bezier(0.215, 0.61, 0.355, 1);
	--easeInOutQuad:cubic-bezier(0.45, 0, 0.55, 1);
	--easeInOutCubic:cubic-bezier(0.65, 0, 0.35, 1);
	--easePopUp:cubic-bezier(0.17, 0.88, 0.30, 1.28);
	--easeInCirc:cubic-bezier(0.55, 0, 1, 0.45);
	--theme-color:#004161;
	--theme-color02:rgba(0, 65, 97, 0.2);
	--base-text-color:#000;
	--base-bg-color:#EEE5DD;
	--base-bg-color02:#363636;
	--base-bg-color03:rgba(0, 65, 97, 0.15);
	--base-bg-color04:rgba(255, 255, 255, 0.15);
	--base-bg-color05:rgba(0, 0, 0, 0.1);
	--base-bg-color06:#363636;
	--base-bg-color07:rgba(255, 255, 255, 0.5);
	--base-bg-color08:rgba(0, 0, 0, 0.07);
	--base-bg-color09:rgba(255, 255, 255, 0.8);
	--base-bg-color10:rgba(255, 255, 255, 0.75);
	--base-bg-color-end:rgba(0, 65, 97, 0.15);
	--base-border-color:#000;
	--base-border-color02:rgba(0, 0, 0, 0.15);
	--base-border-color03:rgba(255, 255, 255, 0.3);
	--base-border-color04:rgba(255, 255, 255, 0.2);
	--base-border-color05:rgba(0, 0, 0, 0.3);
	--base-border-color06:rgba(0, 0, 0, 0.1);
	--base-border-color07:rgba(255, 255, 255, 0.25);
	--base-color-gray:#666666;
	--base-color-gray02:#E7E7E7;
	--base-color-gray03:#F1EFED;
	--base-color-black:#000;
	--base-color-black02:rgba(0, 0, 0, 0.1);
	--base-color-black03:rgba(0, 0, 0, 0.5);
	--base-color-black04:rgba(0, 0, 0, 0.05);
	--base-color-black05:rgba(0, 0, 0, 0.08);
	--base-color-black06:rgba(0, 0, 0, 0.07);
	--base-color-red:#E51D1D;
	--base-color-red02:#C34545;
	--hanten:scale(-1, -1);
	--hantenX:scale(-1, 1);
	--hantenY:scaleY(-1);
	--transition-scale:transform 0.8s var(--easeOutCubic);
}

@media screen and (min-width: 801px) {
	:root {
		--vwPC: calc(100vw / 1680);
		--fz11: max(1.1rem, 10px);
		--fz12: max(1.2rem, 11px);
		--fz13: max(1.3rem, 12px);
		--fz14: max(1.4rem, 12px);
		--fz15: max(1.5rem, 13px);
		--fz16: max(1.6rem, 14px);
		--fz17: max(1.7rem, 15px);
		--fz18: max(1.8rem, 16px);
		--fz19: max(1.9rem, 17px);
		--fz20: max(2.0rem, 18px);
		--fz21: max(2.1rem, 18px);
		--fz22: max(2.2rem, 18px);
		--fz23: max(2.3rem, 20px);
		--fz24: max(2.4rem, 20px);
		--fz25: max(2.5rem, 21px);
		--fz26: max(2.6rem, 22px);
		--fz27: max(2.7rem, 23px);
		--fz28: max(2.8rem, 24px);
		--fz30: max(3rem, 26px);
		--fz32: max(3.2rem, 28px);
		--fz34: max(3.4rem, 30px);
		--fz36: max(3.6rem, 32px);
		--fz40: max(4rem, 36px);
		--fz42: max(4rem, 38px);
		--fz44: max(4.4rem, 40px);
		--fz46: max(4.6rem, 42px);
		--fz48: max(4.8rem, 44px);
		--fz50: max(5rem, 48px);
		--fz52: max(5.2rem, 48px);
		--fz56: max(5.6rem, 52px);
		--fz64: max(6.4rem, 60px);
		--fz72: max(7.2rem, 68px);
		--fz96: max(9.6rem, 90px);
	}
}
@media screen and (max-width: 800px) {
	:root {
		--vwSP: calc(100vw / 375);
		--fz10: clamp(10px, calc(10 * var(--vwSP)), 12px);
		--fz11: clamp(11px, calc(11 * var(--vwSP)), 13px);
		--fz12: clamp(12px, calc(12 * var(--vwSP)), 14px);
		--fz13: clamp(13px, calc(13 * var(--vwSP)), 14px);
		--fz14: clamp(14px, calc(14 * var(--vwSP)), 16px);
		--fz15: clamp(15px, calc(15 * var(--vwSP)), 17px);
		--fz16: clamp(16px, calc(16 * var(--vwSP)), 18px);
		--fz17: clamp(17px, calc(17 * var(--vwSP)), 19px);
		--fz18: clamp(18px, calc(18 * var(--vwSP)), 20px);
		--fz19: clamp(19px, calc(19 * var(--vwSP)), 21px);
		--fz20: clamp(20px, calc(20 * var(--vwSP)), 22px);
		--fz21: clamp(21px, calc(21 * var(--vwSP)), 23px);
		--fz22: clamp(22px, calc(22 * var(--vwSP)), 24px);
		--fz24: clamp(24px, calc(24 * var(--vwSP)), 26px);
		--fz25: clamp(25px, calc(25 * var(--vwSP)), 27px);
		--fz26: clamp(26px, calc(26 * var(--vwSP)), 28px);
		--fz27: clamp(27px, calc(27 * var(--vwSP)), 29px);
		--fz28: clamp(28px, calc(28 * var(--vwSP)), 30px);
		--fz30: clamp(30px, calc(30 * var(--vwSP)), 32px);
		--fz32: clamp(32px, calc(23 * var(--vwSP)), 35px);
		--fz34: clamp(34px, calc(34 * var(--vwSP)), 37px);
		--fz35: clamp(35px, calc(25 * var(--vwSP)), 39px);
		--fz36: clamp(36px, calc(36 * var(--vwSP)), 40px);
		--fz38: clamp(38px, calc(38 * var(--vwSP)), 42px);
		--fz40: clamp(40px, calc(40 * var(--vwSP)), 44px);
		--fz44: clamp(44px, calc(44 * var(--vwSP)), 48px);
		--fz45: clamp(45px, calc(45 * var(--vwSP)), 49px);
		--fz48: clamp(48px, calc(48 * var(--vwSP)), 52px);
		--fz56: clamp(56px, calc(56 * var(--vwSP)), 60px);
		--fz64: clamp(64px, calc(64 * var(--vwSP)), 68px);
	}
}
/* ==========================================================================
	message
========================================================================== */
.message {
	margin-top: 20rem;
}
.message h2 {
	position: relative;
	font-size: var(--fz64);
	--lh:calc(93/64);
	position: relative;
	/*
	overflow: hidden;
	*/
	line-height: calc(var(--lh) * 1em);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	letter-spacing: -0.03em;
}
.message h2::before {
	content: "";
	display: block;
	height: 0;
	width: 0;
	/*
	margin-top: calc((1 - var(--lh)) * 0.5em);
	*/
	margin-top: calc((1 - var(--lh)) * 0.5em);
}
.message h2::after {
	content: "";
	display: block;
	height: 0;
	width: 0;
	margin-bottom: calc((1 - var(--lh)) * 0.5em);
}
.message h2 .yakumono {
	letter-spacing: -0.08em;
	display: inline-block;
	margin-left: -0.4em;
}
.message h2:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 395px;
	height: 73px;
	background: url(../img/common/logo-big.svg);
	background-size: cover;
	opacity: 0.1;
}
.message .message-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 74.358974359%;
	margin-left: auto;
	margin-top: 16rem;
	min-width: 1000px;
}
.message .btm_txt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	margin-left: auto;
	white-space: nowrap;
}
.message .btm_txt p {
	display: block;
	font-size: var(--fz20);
	line-height: 1.45;
}
.message .btm_txt p:first-child {
	width: 100%;
	font-size: var(--fz14);
	line-height: 1.4285714286;
	text-align: left;
}
.message .n_txt {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 66.0944206009%;
	max-width: calc(100% - 330px);
	letter-spacing: 0;
	line-height: 2;
}
.message .img {
	position: relative;
	width: 100%;
	aspect-ratio: 1165/655;
	margin-top: 8rem;
	margin-bottom: 8rem;
}
.message .link_txt {
	display: inline-block;
}
.message .link_txt a {
	padding: 0.9rem 2.4rem;
	font-size: var(--fz16);
	line-height: 1.875;
	margin-right: 1.5rem;
	background: var(--base-bg-color08);
	border-radius: 24px;
}
@media screen and (min-width: 801px) {
	.message .link_txt a:hover {
		background: var(--theme-color);
		color: #fff;
	}
}

@media screen and (max-width: 1250px) {
	.message .message-box {
		display: block;
		width: 100%;
		min-width: 1px;
	}
	.message .n_txt {
		width: 100%;
		max-width: 100%;
	}
	.message .btm_txt {
		display: block;
		margin-top: 3rem;
		margin-left: 0;
	}
}
@media screen and (max-width: 1050px) {
	.message h2:after {
		-webkit-transform: translateY(-100%);
		        transform: translateY(-100%);
	}
}
@media screen and (max-width: 800px) {
	.message {
		margin-top: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.message h2 {
		font-size: var(--fz30);
		--lh:calc(43/30);
		letter-spacing: -0.03em;
		margin-bottom: 4rem;
	}
	.message h2:after {
		display: none;
	}
	.message .message-box {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.message .message-box:after {
		display: none;
	}
	.message .img {
		aspect-ratio: 1/1;
		margin: 6rem auto;
	}
	.message .n_txt {
		width: 100%;
		max-width: 100%;
		line-height: 1.9;
	}
	.message .btm_txt {
		margin-top: 4rem;
	}
	.message .btm_txt p {
		font-size: var(--fz20);
	}
	.message .btm_txt p:first-child {
		font-size: var(--fz12);
	}
	.message .link_txt {
		display: block;
	}
	.message .link_txt a {
		display: block;
		width: 100%;
		padding: 0.9rem 1rem;
		font-size: var(--fz16);
		line-height: 1.875;
		margin-right: 0;
		text-align: center;
	}
	.message .link_txt + .link_txt {
		margin-top: 1.5rem;
	}
}
/* ==========================================================================
	feature
========================================================================== */
.feature {
	margin-top: 20rem;
	padding-top: 6rem;
	margin-bottom: 20rem;
	border-top: 1px solid var(--base-border-color02);
}
.feature h2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: var(--fz56);
	font-weight: 500;
	letter-spacing: -0.03em;
	margin-bottom: 16rem;
}
.feature h2 span {
	font-size: var(--fz20);
	font-weight: 500;
	letter-spacing: 0.02em;
}
.feature .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.feature .box .tit_box {
	width: 320px;
	padding-left: 3rem;
	border-left: 1px solid var(--base-border-color);
}
.feature .box .tit_box .num {
	display: block;
	font-size: 12px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0.02em;
	margin-bottom: 1rem;
}
.feature .box .tit_box h3 {
	font-size: var(--fz40);
	line-height: 1.25;
	font-weight: 500;
	margin-bottom: 4rem;
}
.feature .box .tit_box p {
	font-size: var(--fz20);
	line-height: 1.8;
	font-weight: 600;
	letter-spacing: 0.05em;
}
.feature .box.-rev {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}
.feature .box + .box {
	margin-top: 16rem;
}
.feature .column-box {
	width: 74.6794871795%;
	max-width: calc(100% - 330px);
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
}
.feature .column-box.-g40 {
	gap: 0 4rem;
}
.feature .column-box.-g20 {
	gap: 0 2rem;
}
.feature .column-box .img {
	margin-bottom: 2rem;
}
.feature .column-box .-wide {
	grid-column: 1/-1;
}
.feature .column-box .n_txt.-right {
	text-align: right;
}
.feature .column-box .m_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	margin-top: 6rem;
}
.feature .column-box .m_box .img {
	width: 66.0944206009%;
	margin-bottom: 0;
}
.feature .column-box .m_box .n_txt {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-left: 4rem;
}
.feature .column-box .m_box.-rev {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}
.feature .column-box .m_box.-rev .n_txt {
	margin-left: 0;
	margin-right: 4rem;
}
.feature .column-box p:first-child {
	margin-bottom: 2rem;
}

@media screen and (max-width: 1200px) {
	.feature .box {
		display: block;
	}
	.feature .box .tit_box {
		width: 100%;
	}
	.feature .box .tit_box h3 br {
		display: none;
	}
	.feature .column-box {
		width: 100%;
		max-width: 100%;
		margin-top: 5rem;
	}
}
@media screen and (max-width: 800px) {
	.feature {
		margin-top: clamp(48px, 21.3333333333vw, 102.4px);
		padding-top: 4rem;
		margin-bottom: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.feature h2 {
		display: block;
		font-size: var(--fz28);
		line-height: 1.0714285714;
		margin-bottom: 8rem;
	}
	.feature h2 span {
		display: block;
		font-size: var(--fz16);
		line-height: 1;
		margin-top: 1.5rem;
	}
	.feature .box .tit_box {
		padding-left: 2rem;
	}
	.feature .box .tit_box .num {
		font-size: 10px;
		margin-bottom: 0.5rem;
	}
	.feature .box .tit_box h3 {
		font-size: var(--fz26);
		line-height: 1.2307692308;
		margin-bottom: 2rem;
		letter-spacing: -0.03em;
	}
	.feature .box .tit_box p {
		font-size: var(--fz16);
		line-height: 1.5;
	}
	.feature .box + .box {
		margin-top: 8rem;
	}
	.feature .box:nth-child(2) .column-box .s_box + .s_box {
		margin-top: 4rem;
	}
	.feature .box:nth-child(3) .n_txt {
		margin-top: 2rem;
	}
	.feature .column-box {
		display: block;
	}
	.feature .column-box .img {
		margin-bottom: 0;
	}
	.feature .column-box .img + .n_txt {
		margin-top: 2rem;
	}
	.feature .column-box .n_txt.-right {
		text-align: left;
	}
	.feature .column-box .s_box + .s_box {
		margin-top: 0.5rem;
	}
	.feature .column-box .s_box + .n_txt {
		margin-top: 2rem;
	}
	.feature .column-box .m_box {
		display: block;
		width: 100%;
		margin-top: 4rem;
	}
	.feature .column-box .m_box .img {
		width: 100%;
	}
	.feature .column-box .m_box .n_txt {
		margin-left: 0;
	}
	.feature .column-box .m_box.-rev .s_box + .s_box {
		margin-top: 2rem;
	}
	.feature .column-box .m_box.-rev .n_txt {
		margin-top: 2rem;
		margin-right: 0;
	}
	.feature .column-box p:first-child {
		margin-bottom: 2rem;
	}
}
/* ==========================================================================
	cetail-intro
========================================================================== */
.detail-intro {
	width: 89.3%;
	margin: 16rem auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.detail-intro h2 {
	margin-bottom: 3rem;
}
.detail-intro h2 .blue_txt {
	color: var(--theme-color);
}
.detail-intro.-workshop {
	margin-bottom: 10rem;
}
.detail-intro.-workshop h2 {
	font-size: var(--fz42);
	line-height: 1.4523809524;
	margin-bottom: 3rem;
}
.detail-intro.-workshop .n_txt {
	max-width: 1000px;
	margin: 0 auto;
}
.detail-intro .link_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 1.5rem;
	margin-top: 6rem;
}
.detail-intro .link_list a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 160px;
	height: 48px;
	font-size: var(--fz16);
	line-height: 1.875;
	background: var(--base-color-black05);
	border-radius: 24px;
}
@media screen and (min-width: 801px) {
	.detail-intro .link_list a:hover {
		background: var(--theme-color);
		color: #fff;
	}
}

@media screen and (max-width: 1000px) {
	.detail-intro p.-center {
		text-align: left;
	}
}
@media screen and (max-width: 800px) {
	.detail-intro {
		margin-top: clamp(48px, 21.3333333333vw, 102.4px);
		margin-bottom: 0;
	}
	.detail-intro h2 {
		font-size: var(--fz24);
		line-height: 1.4583333333;
		margin-bottom: 2rem;
	}
	.detail-intro p.-center {
		text-align: left;
	}
	.detail-intro.-afterservice {
		width: 100% !important;
		margin-bottom: 0;
	}
	.detail-intro.-afterservice h2 {
		font-size: var(--fz24);
	}
	.detail-intro.-afterservice h2, .detail-intro.-afterservice p.-center {
		width: 89.3%;
		margin-left: auto;
		margin-right: auto;
	}
	.detail-intro.-workshop {
		margin-bottom: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.detail-intro.-workshop h2 {
		font-size: var(--fz28);
		line-height: 1.4642857143;
		margin-bottom: 2rem;
	}
	.detail-intro.-workshop .n_txt {
		max-width: 1000px;
		margin: 0 auto;
	}
	.detail-intro .link_list {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
		margin-top: 4rem;
	}
	.detail-intro .link_list a {
		width: 100%;
		height: 48px;
	}
}
/* ==========================================================================
	performance-box
========================================================================== */
.performance-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding-bottom: 10rem;
}
.performance-box.-rev {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}
.performance-box.-last {
	padding-bottom: 16rem;
}
.performance-box + .performance-box {
	padding-top: 10rem;
	border-top: 1px solid var(--base-border-color02);
}
.performance-box .img {
	position: relative;
	width: 45.7142857143%;
	aspect-ratio: 640/800;
}
.performance-box .text_area {
	position: relative;
	width: 45.7142857143%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.performance-box h2 {
	font-size: var(--fz72);
	lh: 1;
	font-weight: 500;
	letter-spacing: -0.03em;
	margin-bottom: 3rem;
}
.performance-box p.mincho {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: var(--fz22);
	line-height: 1.7272727273;
	font-weight: 500;
	color: var(--theme-color);
	margin-bottom: 4rem;
}
.performance-box p.mincho:before {
	content: "";
	display: block;
	position: relative;
	width: 30px;
	height: 1px;
	margin-right: 1.5rem;
	background: #000;
}

@media screen and (max-width: 1000px) {
	.performance-box {
		display: block;
	}
	.performance-box .img {
		width: 80%;
		margin: 0 auto 5rem;
	}
	.performance-box .text_area {
		position: relative;
		width: 100%;
	}
	.performance-box h2 {
		font-size: var(--fz72);
		lh: 1;
		font-weight: 500;
		letter-spacing: -0.03em;
		margin-bottom: 3rem;
	}
}
@media screen and (max-width: 800px) {
	.performance-box {
		margin-top: clamp(48px, 21.3333333333vw, 102.4px);
		padding-bottom: 6rem;
	}
	.performance-box.-last {
		padding-bottom: 8rem;
	}
	.performance-box + .performance-box {
		padding-top: 0;
		border: none;
	}
	.performance-box .img {
		width: 100%;
		max-width: 580px;
	}
	.performance-box .text_area {
		display: block;
	}
	.performance-box h2 {
		font-size: var(--fz40);
		margin-bottom: 1.5rem;
		text-align: center;
	}
	.performance-box p.mincho {
		display: block;
		font-size: var(--fz18);
		line-height: 1.4444444444;
		margin-bottom: 2rem;
		text-align: center;
	}
	.performance-box p.mincho:before {
		display: none;
	}
}
/* ==========================================================================
	flow-wrap
========================================================================== */
.flow-wrap {
	position: relative;
	margin-top: 16rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin-bottom: 17rem;
}
.flow-wrap .flow_tit {
	position: sticky;
	top: 120px;
	width: 360px;
}
.flow-wrap .flow_tit h2 {
	margin-bottom: 3rem;
}
.flow-wrap .flow_tit .bg_txt {
	display: table;
	font-size: var(--fz22);
	line-height: 1.4545454545;
	font-weight: 500;
	padding: 0.7rem 2rem 1.2rem;
	color: #fff;
	background: var(--theme-color);
}
.flow-wrap .flow_tit .bg_txt span {
	font-size: var(--fz28);
	line-height: 1.4642857143;
}
.flow-wrap .flow-list {
	width: 66.6666666667%;
	max-width: calc(100% - 380px);
	counter-reset: step;
}
.flow-wrap li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	padding: 5rem;
	counter-increment: step;
	background: var(--base-bg-color07);
}
.flow-wrap li + li {
	margin-top: 3rem;
}
.flow-wrap li .img {
	width: 42.5531914894%;
}
.flow-wrap li .text_area {
	position: relative;
	width: 53.1914893617%;
}
.flow-wrap li .text_area::before {
	content: counter(step, decimal-leading-zero);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: absolute;
	left: -5rem;
	top: -1rem;
	width: 8rem;
	height: 8rem;
	background: #fff;
	border-radius: 0 50% 50% 0;
	font-family: "Spectral", serif;
	font-size: var(--fz26);
	line-height: 1;
	color: var(--theme-color);
}
.flow-wrap li .text_area .b_txt {
	font-size: var(--fz14);
	line-height: 2.4285714286;
	margin-top: 1.6rem;
}
.flow-wrap li .s-tit {
	font-size: var(--fz15);
	line-height: 1.4666666667;
	font-weight: 500;
	margin-bottom: 0.5rem;
	padding-left: 5rem;
}
.flow-wrap li h3 {
	font-size: var(--fz24);
	line-height: 1.6666666667;
	font-weight: 500;
	margin-bottom: 3.4rem;
	padding-left: 5rem;
}
.flow-wrap li .link {
	display: inline-block;
	margin-top: 1.5rem;
}
.flow-wrap li .w_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	padding: 4rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: #fff;
	margin-top: 5rem;
}
.flow-wrap li .w_box .illust {
	width: 36.1176470588%;
	min-width: 250px;
}
.flow-wrap li .w_box-text_area {
	width: 58.8235294118%;
	max-width: calc(100% - 270px);
}
.flow-wrap li .w_box-text_area h4 {
	font-size: var(--fz22);
	line-height: 1.6363636364;
	letter-spacing: -0.03em;
	color: var(--theme-color);
	margin-bottom: 1.4rem;
}
.flow-wrap li .w_box-text_area .n_txt {
	line-height: 1.8571428571;
}

@media screen and (max-width: 1250px) {
	.flow-wrap li .w_box .illust {
		width: 100%;
		margin-bottom: 2rem;
	}
	.flow-wrap li .w_box-text_area {
		width: 100%;
		max-width: 100%;
	}
	.flow-wrap li .w_box-text_area h4 {
		text-align: center;
		padding: 0 2rem;
	}
}
@media screen and (max-width: 1050px) {
	.flow-wrap li {
		display: block;
	}
	.flow-wrap li + li {
		margin-top: 3rem;
	}
	.flow-wrap li .img {
		width: 100%;
		margin-bottom: 6rem;
	}
	.flow-wrap li .text_area {
		width: 100%;
		z-index: 5;
	}
	.flow-wrap li .text_area::before {
		top: -6rem;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
}
@media screen and (max-width: 800px) {
	.flow-wrap {
		margin-top: clamp(48px, 21.3333333333vw, 102.4px);
		margin-bottom: clamp(48px, 21.3333333333vw, 102.4px);
		display: block;
	}
	.flow-wrap .flow_tit {
		position: relative;
		width: 100%;
		top: auto;
		margin-bottom: 3.5rem;
	}
	.flow-wrap .flow_tit h2 {
		text-align: center;
	}
	.flow-wrap .flow_tit .bg_txt {
		font-size: var(--fz18);
		line-height: 1;
		margin: 0 auto;
	}
	.flow-wrap .flow_tit .bg_txt span {
		font-size: var(--fz24);
		line-height: 1;
	}
	.flow-wrap .flow-list {
		width: 100%;
		max-width: 100%;
	}
	.flow-wrap li {
		padding: 1rem 1rem 4.7rem;
	}
	.flow-wrap li .img {
		margin-bottom: 6.5rem;
	}
	.flow-wrap li .text_area {
		position: relative;
		width: calc(100% - 40px);
		margin: 0 auto;
	}
	.flow-wrap li .text_area::before {
		left: calc(-1rem - 20px);
		top: -6.5rem;
	}
	.flow-wrap li .text_area .b_txt {
		font-size: var(--fz14);
		line-height: 1.7142857143;
		margin-top: 1.6rem;
	}
	.flow-wrap li .s-tit {
		font-size: var(--fz15);
		padding-left: 0;
	}
	.flow-wrap li h3 {
		line-height: 1.4583333333;
		margin-bottom: 2rem;
		padding-left: 0rem;
	}
	.flow-wrap li .link {
		margin-top: 2rem;
	}
	.flow-wrap li .w_box {
		padding: 3rem;
		width: calc(100% - 40px);
		margin-top: 4rem;
		margin: 4rem auto 0;
	}
	.flow-wrap li .w_box .illust {
		min-width: 10px;
	}
	.flow-wrap li .w_box-text_area {
		max-width: 100%;
	}
	.flow-wrap li .w_box-text_area h4 {
		font-size: var(--fz18);
		line-height: 1.4444444444;
		margin-bottom: 2rem;
	}
	.flow-wrap li .w_box-text_area .n_txt {
		line-height: 1.5714285714;
		line-height: 1.8;
	}
}
/* ==========================================================================
	inspection-box
========================================================================== */
.inspection-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	align-item: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	background: var(--base-bg-color07);
	padding: 10rem 8rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-top: 10rem;
}
.inspection-box .img {
	width: 51.4285714286%;
}
.inspection-box .text_area {
	width: 42.8571428571%;
}
.inspection-box h3 {
	position: relative;
	padding-left: 79px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: var(--fz36);
	line-height: 1.5555555556;
	font-weight: 500;
	margin-bottom: 2.8rem;
}
.inspection-box h3:before {
	content: "";
	display: block;
	width: 69px;
	height: 60px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/concept/after-service/icon-inspection.svg);
	background-size: cover;
}
.inspection-box .n_txt {
	margin-bottom: 4rem;
}
.inspection-box dl {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	border-top: 1px solid var(--base-border-color02);
	padding: 3rem 0;
}
.inspection-box dl:last-child {
	border-bottom: 1px solid var(--base-border-color02);
}
.inspection-box dl dt {
	width: 151px;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.4666666667;
}
.inspection-box dl dd {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: 1.5rem;
	line-height: 1.4666666667;
}

@media screen and (max-width: 1050px) {
	.inspection-box {
		display: block;
	}
	.inspection-box .img {
		width: 100%;
		margin-bottom: 4rem;
	}
	.inspection-box .text_area {
		width: 100%;
	}
}
@media screen and (max-width: 800px) {
	.inspection-box {
		padding: 2rem 2rem 4rem;
		margin-top: 8rem;
	}
	.inspection-box h3 {
		padding-left: 100px;
		font-size: var(--fz26);
		line-height: 1.3076923077;
		margin-bottom: 1.5rem;
	}
	.inspection-box h3:before {
		left: 11px;
		top: 5px;
		background-image: url(../img/concept/after-service/icon-inspection_sp.png);
	}
	.inspection-box .n_txt {
		margin-bottom: 3rem;
	}
	.inspection-box dl {
		padding: 2rem 0;
	}
	.inspection-box dl:last-child {
		border-bottom: 1px solid var(--base-border-color02);
	}
	.inspection-box dl dt {
		width: 175px;
		font-size: 1.4rem;
		line-height: 1.4285714286;
		padding-left: 2rem;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.inspection-box dl dd {
		font-size: 1.4rem;
		line-height: 1.4285714286;
	}
}
/* ==========================================================================
	after-service_box
========================================================================== */
.after-service_box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 18rem;
}
.after-service_box .text_area {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 41.0256410256%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.after-service_box .text_area h2 {
	font-size: var(--fz46);
	line-height: 1.3913043478;
	letter-spacing: -0.03em;
	margin-bottom: 4rem;
}
.after-service_box .text_area p {
	line-height: 1.75;
	padding-right: 7.8125%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

@media screen and (min-width: 1051px) {
	.after-service_box .slider {
		position: relative;
		width: 49.358974359%;
		aspect-ratio: 770/800;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		overflow: hidden;
		bottom: 0;
	}
	.after-service_box .slider-list {
		position: absolute;
		left: 0;
		top: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		margin: 0;
		padding: 0;
		top: 0;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-animation: loop-slideY-rev 80s infinite linear;
		        animation: loop-slideY-rev 80s infinite linear;
	}
	.after-service_box .slider-item {
		width: 100%;
	}
}
@media screen and (max-width: 1050px) {
	.after-service_box.inr.-w1560 {
		width: 100%;
		max-width: 100%;
		display: block;
		margin-bottom: 7.5rem;
	}
	.after-service_box.inr.-w1560 .slider {
		position: relative;
		width: 100%;
		height: 312px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		margin-bottom: 6rem;
	}
	.after-service_box.inr.-w1560 .slider-list {
		position: relative;
		left: 0;
		top: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0;
		padding: 0;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-animation: loop-slide 50s infinite linear;
		        animation: loop-slide 50s infinite linear;
	}
	.after-service_box.inr.-w1560 .slider-item {
		width: 300px;
	}
	.after-service_box.inr.-w1560 .text_area {
		width: 89.3%;
		margin: 0 auto;
	}
	.after-service_box.inr.-w1560 .text_area h2 {
		font-size: var(--fz28);
		line-height: 1.4642857143;
		text-align: center;
	}
	.after-service_box.inr.-w1560 .text_area p {
		line-height: 1.7142857143;
		padding-right: 0;
	}
}
/* ==========================================================================
	workshop-slisde_area
========================================================================== */
.workshop-slide_area {
	position: relative;
	overflow: hidden;
}
.workshop-slide_area .slider {
	position: relative;
	width: 100%;
	height: 217px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	margin-bottom: 10rem;
}
.workshop-slide_area .slider-list {
	position: relative;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 0;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-animation: loop-slide 50s infinite linear;
	        animation: loop-slide 50s infinite linear;
}
.workshop-slide_area .slider-item {
	width: 400px;
}

@media screen and (max-width: 800px) {
	.workshop-slide_area.inr.-w1600 {
		width: 100%;
	}
	.workshop-slide_area.inr.-w1600 .slider {
		height: 260px;
		margin-bottom: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.workshop-slide_area.inr.-w1600 .slider-item {
		width: 478px;
	}
}
/* ==========================================================================
	workshop-read_box
========================================================================== */
.workshop-read_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 10rem;
}
.workshop-read_box .img_area {
	width: 51.2820512821%;
}
.workshop-read_box .text_area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 43.5897435897%;
}
.workshop-read_box .text_area h2 {
	font-size: var(--fz36);
	line-height: 1.7222222222;
	margin-bottom: 2rem;
}
.workshop-read_box .text_area .n_txt {
	letter-spacing: 0;
}

@media screen and (max-width: 1050px) {
	.workshop-read_box {
		display: block;
	}
	.workshop-read_box .img_area {
		width: 100%;
		margin: 0 auto 6rem;
	}
	.workshop-read_box .text_area {
		width: 100%;
	}
}
@media screen and (max-width: 800px) {
	.workshop-read_box {
		margin-bottom: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.workshop-read_box .img_area {
		margin-bottom: 4rem;
	}
	.workshop-read_box .text_area h2 {
		text-align: center;
		font-size: var(--fz24);
		line-height: 1.5833333333;
	}
	.workshop-read_box .text_area .n_txt {
		font-size: var(--fz16);
		line-height: 1.75;
	}
}
/* ==========================================================================
	lineup
========================================================================== */
.lineup {
	background: var(--base-bg-color07);
	padding: 10rem 6rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-bottom: 10rem;
}
.lineup h2 {
	font-size: var(--fz42);
	line-height: 0.9523809524;
	text-align: center;
	margin-bottom: 2rem;
}
.lineup .sub {
	font-size: var(--fz20);
	line-height: 1;
	text-align: center;
	margin-bottom: 9.8rem;
}
.lineup ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 10rem;
}
.lineup ul li {
	width: 48.6111111111%;
}
.lineup ul li .text_area {
	padding: 4rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.lineup ul li .tit_area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	margin-bottom: 2rem;
}
.lineup ul li .num {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 3.6rem;
	height: 3.6rem;
	font-size: var(--fz16);
	line-height: 1;
	font-weight: 500;
	color: #fff;
	background: var(--theme-color);
	margin-right: 1rem;
	border-radius: 50%;
}
.lineup ul li h3 {
	display: inline-block;
	font-size: var(--fz32);
	line-height: 1;
	font-weight: 500;
	margin-right: 2rem;
}
.lineup ul li .box_txt {
	font-size: var(--fz14);
	line-height: 1.4285714286;
	padding: 0.2rem 1rem;
	border: 1px solid var(--base-border-color02);
	-webkit-transform: translateY(2px);
	        transform: translateY(2px);
	background: #fff;
}
.lineup .btm-text_area {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 8rem 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.lineup .btm-text_area:before, .lineup .btm-text_area:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: url(../img/common/dashed-line.png) left bottom;
	background-repeat: repeat-x;
	background-size: 3px 1px;
}
.lineup .btm-text_area:before {
	top: 0;
}
.lineup .btm-text_area:after {
	bottom: 0;
}
.lineup .btm-text_area .box {
	width: 50%;
	padding: 0 2rem 0 4rem;
	box-sizig: border-box;
}
.lineup .btm-text_area .box:nth-child(2) {
	background: url(../img/common/dashed-line02.png) left top;
	background-repeat: repeat-Y;
	background-size: 1px 3px;
}
.lineup .btm-text_area .box .n_txt {
	letter-spacing: 0;
}
.lineup .btm-text_area .box .n_txt strong {
	font-weight: 500;
}
.lineup .btm-text_area .box .n_txt.-large {
	line-height: 1.45;
	margin-bottom: 0.9rem;
}
.lineup .btm-text_area .box .blue_txt {
	font-size: var(--fz30);
	line-height: 1;
	font-weight: 500;
	margin-bottom: 2rem;
	color: var(--theme-color);
}

@media screen and (max-width: 800px) {
	.lineup {
		padding: 8rem 5.3333333333%;
		margin-bottom: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.lineup.-w1560 {
		width: 100%;
	}
	.lineup h2 {
		font-size: var(--fz32);
		line-height: 1.25;
		margin-bottom: 1rem;
	}
	.lineup .sub {
		font-size: var(--fz16);
		margin-bottom: 6rem;
	}
	.lineup ul {
		display: block;
		margin-bottom: 6rem;
	}
	.lineup ul li {
		width: 100%;
	}
	.lineup ul li + li {
		margin-top: 3rem;
	}
	.lineup ul li .text_area {
		padding: 3rem 0.5rem;
	}
	.lineup ul li .tit_area {
		margin-bottom: 2rem;
	}
	.lineup ul li h3 {
		font-size: var(--fz22);
		margin-right: 1rem;
	}
	.lineup ul li .box_txt {
		font-size: var(--fz13);
		line-height: 1.4285714286;
		padding: 0.2rem 1rem;
	}
	.lineup .btm-text_area {
		display: block;
		padding: 0;
	}
	.lineup .btm-text_area:before, .lineup .btm-text_area:after {
		display: none;
	}
	.lineup .btm-text_area .box {
		width: 100%;
		padding: 5rem 0;
		box-sizig: border-box;
		text-align: center;
	}
	.lineup .btm-text_area .box:nth-child(2) {
		padding-bottom: 2rem;
		background: url(../img/common/dashed-line.png) left top;
		background-repeat: repeat-x;
		background-size: 3px 1px;
	}
	.lineup .btm-text_area .box:nth-child(2) .n_txt:last-child {
		text-align: left;
		margin-top: 1.7rem;
	}
	.lineup .btm-text_area .box .n_txt {
		font-size: var(--fz16);
		line-height: 1.625;
	}
	.lineup .btm-text_area .box .n_txt.-xlarge {
		font-size: var(--fz18);
		margin-bottom: 0.5rem;
	}
	.lineup .btm-text_area .box .blue_txt {
		font-size: var(--fz26);
		line-height: 1.1538461538;
		margin-bottom: 2rem;
	}
}
/* ==========================================================================
	area-intro
========================================================================== */
.area-intro {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 16rem auto 15rem;
}
.area-intro .text_area {
	width: 25.641025641%;
}
.area-intro .text_area h2 {
	font-size: var(--fz48);
	line-height: 1.4583333333;
	letter-spacing: 0.03em;
	margin-bottom: 6rem;
}
.area-intro .text_area h3 {
	font-size: var(--fz28);
	line-height: 1.4285714286;
	font-weight: 600;
	letter-spacing: 0.03em;
	margin-bottom: 4rem;
}
.area-intro .text_area p {
	font-size: var(--fz15);
	line-height: 1.7333333333;
	letter-spacing: 0;
}
.area-intro .img_area {
	width: 67.9487179487%;
	background: var(--base-bg-color07);
	padding: 6rem 6rem 5.6rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.area-intro .img_area .-xlrge {
	font-weight: 500;
	line-height: 1.45;
	margin-bottom: 4rem;
}
.area-intro .img_area .graph {
	width: 100%;
	margin-bottom: 4rem;
}
.area-intro .img_area .midium {
	line-height: 1.4285714286;
}

@media screen and (max-width: 900px) {
	.area-intro {
		display: block;
	}
	.area-intro .text_area {
		width: 100%;
		margin-bottom: 8rem;
		text-align: center;
	}
	.area-intro .text_area p br {
		display: none;
	}
	.area-intro .img_area {
		width: 100%;
	}
}
@media screen and (max-width: 800px) {
	.area-intro {
		margin-top: clamp(48px, 21.3333333333vw, 102.4px);
		margin-bottom: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.area-intro .text_area h2 {
		font-size: var(--fz32);
		line-height: 1.4375;
		margin-bottom: 4rem;
	}
	.area-intro .text_area h3 {
		font-size: var(--fz20);
		line-height: 1.6;
		margin-bottom: 2rem;
	}
	.area-intro .text_area p {
		font-size: var(--fz14);
		line-height: 1.7142857143;
		text-align: left;
	}
	.area-intro .img_area {
		padding: 4rem 2rem 5.6rem;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.area-intro .img_area .-xlrge {
		font-size: var(--fz18);
		line-height: 1.4444444444;
		margin-bottom: 3rem;
		text-align: center;
	}
	.area-intro .img_area .graph {
		max-width: 300px;
		width: 91.8644067797%;
		margin: 0 auto 3rem;
	}
	.area-intro .img_area .midium {
		line-height: 1.4285714286;
	}
}
/* ==========================================================================
	area
========================================================================== */
.area a.bt_one {
	display: none;
}

/* ==========================================================================
	ob-intro
========================================================================== */
.ob-intro {
	margin-top: 16rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.ob-intro .text_area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 41.6666666667%;
	margin-left: 6rem;
}
.ob-intro h2 {
	font-size: var(--fz44);
	line-height: 1.4545454545;
	margin-bottom: 3rem;
}
.ob-intro .n_txt {
	line-height: 2.1111111111;
	letter-spacing: 0;
}
.ob-intro .img_area {
	width: 39.7435897436%;
}
.ob-intro .img_area figure {
	margin-left: 12.9032258065%;
}
.ob-intro .img_area figure + figure {
	margin-top: 1px;
}
.ob-intro .img_area .img02 {
	margin-left: 0;
	margin-right: 12.9032258065%;
}

@media screen and (max-width: 1050px) {
	.ob-intro {
		display: block;
	}
	.ob-intro .text_area {
		width: 100%;
		margin: 0 auto 6rem;
	}
	.ob-intro h2 {
		text-align: center;
	}
	.ob-intro .n_txt br {
		display: none;
	}
	.ob-intro .img_area {
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 800px) {
	.ob-intro.inr.-w1560 {
		width: 100%;
		margin-top: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.ob-intro.inr.-w1560 h2 {
		width: 89.33%;
		margin: 0 auto 3rem;
		font-size: var(--fz24);
		line-height: 1.4583333333;
	}
	.ob-intro.inr.-w1560 .n_txt {
		width: 89.33%;
		margin: 0 auto 3rem;
	}
}
/* ==========================================================================
	ambassador-box
========================================================================== */
.ambassador-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 10rem 8rem 9.2rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-top: 15rem;
	background: var(--base-bg-color07);
}
.ambassador-box .text_area {
	width: 50%;
}
.ambassador-box .text_area .sub {
	font-size: var(--fz20);
	line-height: 1.8;
	font-weight: 500;
	letter-spacing: -0.03em;
	margin-bottom: 1rem;
}
.ambassador-box .text_area h2 {
	font-size: var(--fz42);
	line-height: 1.1428571429;
	letter-spacing: -0.03em;
	margin-bottom: 4rem;
}
.ambassador-box .text_area .n_txt {
	line-height: 1.875;
}
.ambassador-box .ribbon_area {
	position: relative;
	padding: 7rem 5.5rem 5rem;
	background: #fff;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid var(--base-border-color02);
	width: 44.2857142857%;
}
.ambassador-box .ribbon_area h3 {
	width: 90%;
	max-width: 390px;
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: #fff;
	font-size: var(--fz22);
	font-weight: 500;
	line-height: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: -30px;
	margin: auto;
	background: var(--theme-color);
	clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
	z-index: 10;
}
.ambassador-box .ribbon_area .n_txt {
	line-height: 1.7142857143;
	margin-bottom: 2.5rem;
}
.ambassador-box .ribbon_area dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	max-width: 500px;
	margin: 0 auto;
}
.ambassador-box .ribbon_area dl dt {
	width: 130px;
	font-size: var(--fz18);
	line-height: 1;
	font-weight: 500;
}
@media screen and (max-width: 1550px) {
	.ambassador-box .ribbon_area dl dt {
		width: 100%;
		text-align: center;
		margin-bottom: 1.5rem;
	}
}
.ambassador-box .ribbon_area dl dd {
	display: inline-block;
	line-height: 2.5;
}
.ambassador-box .ribbon_area dl dd p {
	font-size: var(--fz18);
	line-height: 1;
}
.ambassador-box .ribbon_area dl dd p + p {
	margin-top: 1.5rem;
}

@media screen and (max-width: 1050px) {
	.ambassador-box {
		display: block;
	}
	.ambassador-box .text_area {
		width: 100%;
		margin-bottom: 8rem;
	}
	.ambassador-box .ribbon_area {
		width: 100%;
	}
}
@media screen and (max-width: 800px) {
	.ambassador-box.inr.-w1560 {
		width: 100%;
		margin-top: clamp(48px, 21.3333333333vw, 102.4px);
		padding: 6rem 5.3335% 7rem;
		padding-bottom: clamp(42px, 18.6666666667vw, 89.6px);
	}
	.ambassador-box.inr.-w1560 .text_area {
		margin-bottom: 5rem;
	}
	.ambassador-box.inr.-w1560 .text_area .sub {
		font-size: var(--fz18);
		line-height: 2;
		letter-spacing: -0.03em;
		margin-bottom: 0;
		text-align: center;
	}
	.ambassador-box.inr.-w1560 .text_area h2 {
		font-size: var(--fz32);
		line-height: 1.1875;
		margin-bottom: 2rem;
		text-align: center;
	}
	.ambassador-box.inr.-w1560 .text_area .n_txt {
		line-height: 1.7142857143;
	}
	.ambassador-box.inr.-w1560 .ribbon_area {
		padding: 5rem 3rem 3rem;
	}
	.ambassador-box.inr.-w1560 .ribbon_area h3 {
		width: calc(100% - 6rem);
		max-width: 390px;
		height: 42px;
		font-size: var(--fz18);
		top: -21px;
	}
	.ambassador-box.inr.-w1560 .ribbon_area .n_txt {
		line-height: 1.7142857143;
		margin-bottom: 3rem;
	}
	.ambassador-box.inr.-w1560 .ribbon_area dl dt {
		font-size: var(--fz18);
		margin-bottom: 2.5rem;
	}
	.ambassador-box.inr.-w1560 .ribbon_area dl dd p {
		font-size: var(--fz15);
	}
	.ambassador-box.inr.-w1560 .ribbon_area dl dd p + p {
		margin-top: 1rem;
	}
}
/* ==========================================================================
	insta_area
========================================================================== */
.insta_area {
	position: relative;
	padding: 6rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: url(../img/concept/community/insta-bg.webp);
	background-size: cover;
	overflow: hidden;
	margin-top: 15rem;
}
.insta_area .inr {
	position: relative;
	padding-top: 18rem;
	padding-left: calc(clamp(300px, 23.8vw, 400px) + 15.4vw);
	padding-right: 5rem;
	height: 574px;
	background: var(--base-bg-color10);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: var(--theme-color);
}
.insta_area .inr .check {
	display: block;
	width: 280px;
	margin-bottom: 2.2rem;
}
.insta_area .inr h2 {
	font-size: var(--fz50);
	line-height: 1;
	font-weight: 500;
	letter-spacing: -0.03em;
	margin-bottom: 3rem;
}
.insta_area .inr a {
	position: relative;
	display: table;
	font-size: var(--fz22);
	line-height: 1.7272727273;
	letter-spacing: 0.03em;
	font-weight: 600;
	color: var(--theme-color);
}
.insta_area .inr a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	-webkit-transform: scaleX(0);
	        transform: scaleX(0);
	-webkit-transform-origin: right;
	        transform-origin: right;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	background-color: currentColor;
	transition: transform 0.3s ease;
}
@media screen and (min-width: 801px) {
	.insta_area .inr a:hover:after {
		-webkit-transform-origin: left;
		        transform-origin: left;
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
}
.insta_area .inr .img {
	position: absolute;
	left: 7.7vw;
	bottom: -6rem;
	width: 400px;
	width: clamp(300px, 23.8vw, 400px);
	z-index: 10;
	-webkit-transform: translateY(100px);
	        transform: translateY(100px);
	opacity: 0;
	-webkit-transition: opacity 0.4s ease, -webkit-transform 0.5s var(--easePopUp);
	transition: opacity 0.4s ease, -webkit-transform 0.5s var(--easePopUp);
	transition: transform 0.5s var(--easePopUp), opacity 0.4s ease;
	transition: transform 0.5s var(--easePopUp), opacity 0.4s ease, -webkit-transform 0.5s var(--easePopUp);
}
.insta_area .inr .img.move {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
}

@media screen and (max-width: 1050px) {
	.insta_area {
		padding-bottom: 0;
	}
	.insta_area .inr {
		background: none;
		padding-top: 3rem;
		padding-left: 0;
		padding-right: 0;
		height: auto;
		text-align: center;
	}
	.insta_area .inr .check {
		width: 280px;
		margin: 0 auto 2.2rem;
	}
	.insta_area .inr h2 {
		font-size: var(--fz52);
		line-height: 1;
		font-weight: 500;
		letter-spacing: -0.03em;
		margin-bottom: 3rem;
	}
	.insta_area .inr a {
		margin: 0 auto 5rem;
	}
	.insta_area .inr .img {
		position: relative;
		left: auto;
		bottom: auto;
		margin: 0 auto;
		width: 400px;
	}
}
@media screen and (max-width: 800px) {
	.insta_area {
		background-image: url(../img/concept/ob/insta-bg_sp.webp);
		background-position: bottom center;
		padding-top: clamp(42px, 18.6666666667vw, 89.6px);
		padding-left: 2rem;
		padding-right: 2rem;
		margin-top: 0;
	}
	.insta_area .inr {
		padding-top: 0;
		padding-left: 5.3333333333%;
		padding-right: 5.3333333333%;
	}
	.insta_area .inr .check {
		width: 250px;
		margin-bottom: 1.5rem;
	}
	.insta_area .inr h2 {
		font-size: var(--fz34);
		line-height: 1.1764705882;
		letter-spacing: -0.03em;
		margin-bottom: 0;
	}
	.insta_area .inr a {
		font-size: var(--fz20);
		line-height: 1.9;
	}
	.insta_area .inr .img {
		width: 100%;
		max-width: 400px;
	}
}
/* ==========================================================================
	region_area
========================================================================== */
.region_area {
	position: relative;
	margin-top: 15rem;
	margin-bottom: 15.5rem;
}
.region_area h2 {
	letter-spacing: -0.03em;
	text-align: center;
	margin-bottom: 10rem;
}
.region_area ul {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 4rem 1fr 4rem 1fr;
	grid-template-columns: repeat(3, 1fr);
	gap: 6rem 4rem;
}
.region_area ul .img {
	position: relative;
	aspect-ratio: 493/277;
	overflow: hidden;
	margin-bottom: 3rem;
}
.region_area ul .img .cate {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	font-size: var(--fz16);
	line-height: 1;
	padding: 1rem 1.5rem;
	font-weight: 500;
	color: #fff;
	background: var(--base-color-black);
	z-index: 20;
}
.region_area ul h3 {
	font-size: var(--fz20);
	line-height: 1.45;
	font-weight: 500;
	margin-bottom: 1rem;
}
.region_area ul .n_txt {
	line-height: 1.6;
	letter-spacing: 0;
}
.region_area ul .link-wrap {
	margin-top: 3rem;
}

@media screen and (max-width: 1050px) {
	.region_area ul {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 800px) {
	.region_area {
		margin-top: 0;
		padding-top: clamp(48px, 21.3333333333vw, 102.4px);
		margin-bottom: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.region_area h2.con-tit.-small {
		font-size: var(--fz24);
		line-height: 1.4583333333;
		letter-spacing: 0.03em;
		margin-bottom: 6rem;
	}
	.region_area ul {
		display: block;
	}
	.region_area ul li + li {
		margin-top: 6rem;
	}
	.region_area ul .img {
		margin-bottom: 1.5rem;
	}
	.region_area ul .n_txt {
		line-height: 1.7142857143;
	}
	.region_area ul .link-wrap {
		margin-top: 1.5rem;
	}
	.region_area ul .link-wrap .link_btn.-blank {
		padding: 14px 40px 13px 20px;
	}
}
/* ==========================================================================
	quality-parts
========================================================================== */
.q-column {
	display: -ms-grid;
	display: grid;
	gap: 4rem;
}
.q-column.-c03 {
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
}
.q-column.-c03 .img {
	aspect-ratio: 493/657;
}
.q-column.-c03 h3 {
	font-size: var(--fz30);
	line-height: 1.4583333333;
}
.q-column.-c02 {
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
}
.q-column.-c02 .img {
	aspect-ratio: 760/657;
}
.q-column.-c02 h3 {
	font-size: var(--fz30);
	line-height: 1.4333333333;
}
.q-column .img {
	position: relative;
	margin-bottom: 2rem;
}
.q-column h3 {
	font-weight: 500;
	letter-spacing: -0.03em;
	margin-bottom: 2rem;
}
.q-column .n_txt {
	font-size: var(--fz15);
	letter-spacing: 0;
}

@media screen and (max-width: 1050px) {
	.q-column {
		display: -ms-grid;
		display: grid;
		gap: 4rem;
	}
	.q-column.-c03 {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 800px) {
	.q-column {
		display: block;
	}
	.q-column.-c03 .img {
		aspect-ratio: 1/1;
	}
	.q-column.-c03 h3 {
		font-size: var(--fz20);
		line-height: 1.45;
	}
	.q-column.-c02 .img {
		aspect-ratio: 1/1;
	}
	.q-column.-c02 h3 {
		font-size: var(--fz24);
		line-height: 1.4583333333;
	}
	.q-column li + li {
		margin-top: 8rem;
	}
	.q-column .img {
		margin-bottom: 1.5rem;
	}
	.q-column h3 {
		letter-spacing: 0;
		margin-bottom: 1.5rem;
	}
	.q-column .n_txt {
		font-size: var(--fz14);
		line-height: 1.7142857143;
	}
}
/* ==========================================================================
	q-area
========================================================================== */
.q-area {
	padding-top: 6rem;
	margin-bottom: 16rem;
	border-top: 1px solid var(--base-border-color02);
}
.q-area .tit_area {
	margin-bottom: 8rem;
}
.q-area .tit_area .con-tit {
	letter-spacing: -0.03em;
}
.q-area .tit_area .n_txt {
	line-height: 1.5;
}
.q-area .shikkui_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 6rem;
}
.q-area .shikkui_box .img_area {
	position: relative;
	width: 32.0512820513%;
}
.q-area .shikkui_box .text_area {
	width: 65.3846153846%;
}
.q-area .shikkui_box .text_area h3 {
	font-size: var(--fz30);
	line-height: 1.4333333333;
	font-weight: 500;
	letter-spacing: 0;
	margin-bottom: 1rem;
}
.q-area .shikkui_box .text_area .n_txt {
	font-size: var(--fz15);
	letter-spacing: 0;
}
.q-area .shikkui_box ul {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 2rem 1fr;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
	grid-auto-rows: 1fr;
	margin-top: 3rem;
}
.q-area .shikkui_box ul li {
	padding: 4rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: var(--base-color-black06);
}
.q-area .shikkui_box ul h4 {
	font-size: var(--fz20);
	line-height: 1.45;
	font-weight: 500;
	letter-spacing: -0.03em;
	margin-bottom: 1rem;
}
.q-area .mh-slider {
	position: relative;
	overflow: hidden;
}
.q-area .mh-slider .swiper-scrollbar {
	height: 2px;
	background: #ddd;
	margin-top: 20px;
	position: relative;
	left: 0;
}
.q-area .mh-slider .swiper-scrollbar-drag {
	background: #000;
	height: 100%;
}
.q-area .shikkui_slide-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	margin-top: 6rem;
}
.q-area .shikkui_slide-box .mh-slider {
	width: 66.2179487179%;
}
.q-area .shikkui_slide-box .text_area {
	width: 29.9358974359%;
	padding-bottom: 2rem;
}
.q-area .shikkui_slide-box .text_area h3 {
	font-size: var(--fz30);
	line-height: 1.4583333333;
	margin-bottom: 2rem;
}
.q-area.-exterior .q-column .mh-slide .swiper-scrollbar {
	margin-top: 10px;
}
.q-area.-exterior .q-column .img {
	aspect-ratio: auto;
	margin-bottom: 1rem;
}
.q-area.-exterior .q-column li:last-child .img {
	margin-bottom: calc(1rem + 10px);
}
.q-area .insulation-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.q-area .insulation-column .left_area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 39.7435897436%;
}
.q-area .insulation-column .left_area div {
	max-width: 463px;
	padding-bottom: 0.9rem;
}
.q-area .insulation-column .left_area h3 {
	font-size: var(--fz32);
	line-height: 1.4375;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0;
	margin-bottom: 4rem;
}
.q-area .insulation-column .right_area {
	width: 57.6923076923%;
}
.q-area .insulation-column .right_area li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.q-area .insulation-column .right_area li + li {
	margin-top: 2rem;
}
.q-area .insulation-column .right_area li .img {
	width: 27.7777777778%;
	min-width: 180px;
}
.q-area .insulation-column .right_area li .text_area {
	width: 66.6666666667%;
	max-width: calc(100% - 200px);
}
.q-area .insulation-column .right_area li .text_area h4 {
	font-size: var(--fz24);
	line-height: 1.4583333333;
	font-weight: 500;
	letter-spacing: 0;
	margin-bottom: 1rem;
}

@media screen and (max-width: 1050px) {
	.q-area .shikkui_box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin-top: 6rem;
	}
	.q-area .shikkui_box .img_area {
		width: 100%;
		aspect-ratio: 1/1;
		margin-bottom: 2rem;
	}
	.q-area .shikkui_box .text_area {
		width: 100%;
	}
	.q-area .shikkui_slide-box .mh-slider {
		width: 100%;
		margin-bottom: 2rem;
	}
	.q-area .shikkui_slide-box .text_area {
		width: 100%;
	}
	.q-area.-exterior .q-column .mh-slide .swiper-scrollbar {
		margin-top: 10px;
	}
	.q-area.-exterior .q-column .img {
		aspect-ratio: auto;
		margin-bottom: 1rem;
	}
	.q-area.-exterior .q-column li:last-child .img {
		margin-bottom: calc(1rem + 10px);
	}
	.q-area .insulation-column {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.q-area .insulation-column .left_area {
		width: 100%;
		margin-bottom: 4rem;
	}
	.q-area .insulation-column .right_area {
		width: 100%;
	}
}
@media screen and (max-width: 800px) {
	.q-area {
		padding-top: clamp(24px, 10.6666666667vw, 51.2px);
		margin-bottom: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.q-area .tit_area {
		margin-bottom: 4rem;
	}
	.q-area .tit_area .con-tit {
		letter-spacing: -0.03em;
	}
	.q-area .tit_area .con-tit.-large {
		font-size: var(--fz32);
	}
	.q-area .tit_area .n_txt {
		line-height: 1.7142857143;
	}
	.q-area .shikkui_box {
		display: block;
		margin-top: 8rem;
	}
	.q-area .shikkui_box .img_area {
		margin-bottom: 1.5rem;
	}
	.q-area .shikkui_box .text_area h3 {
		font-size: var(--fz24);
		line-height: 1.4583333333;
		margin-bottom: 1.5rem;
	}
	.q-area .shikkui_box .text_area .n_txt {
		font-size: var(--fz14);
		line-height: 1.7142857143;
	}
	.q-area .shikkui_box ul {
		display: block;
		margin-top: 4rem;
	}
	.q-area .shikkui_box ul li {
		padding: 3rem 2rem;
	}
	.q-area .shikkui_box ul li + li {
		margin-top: 2rem;
	}
	.q-area .shikkui_box ul h4 {
		font-size: var(--fz18);
		line-height: 1.4444444444;
		letter-spacing: 0;
		margin-bottom: 1rem;
	}
	.q-area .mh-slider .swiper-scrollbar {
		margin-top: 10px;
	}
	.q-area .shikkui_slide-box {
		margin-top: 8rem;
	}
	.q-area .shikkui_slide-box .text_area {
		padding-bottom: 0;
	}
	.q-area .shikkui_slide-box .text_area h3 {
		font-size: var(--fz20);
		line-height: 1.45;
		margin-bottom: 1.5rem;
	}
	.q-area.-exterior .q-column .mh-slide .swiper-scrollbar {
		margin-top: 10px;
	}
	.q-area.-exterior .q-column .img {
		aspect-ratio: auto;
		margin-bottom: 2rem;
	}
	.q-area.-exterior .q-column li:last-child .img {
		margin-bottom: 2rem;
	}
	.q-area .insulation-column {
		padding-top: 2rem;
	}
	.q-area .insulation-column .left_area {
		margin-bottom: 6.8rem;
	}
	.q-area .insulation-column .left_area div {
		max-width: 463px;
		padding-bottom: 0;
		width: 89.8507462687%;
	}
	.q-area .insulation-column .left_area h3 {
		font-size: var(--fz26);
		line-height: 1.4615384615;
		margin-bottom: 2rem;
	}
	.q-area .insulation-column .right_area li {
		display: block;
	}
	.q-area .insulation-column .right_area li + li {
		margin-top: 8rem;
	}
	.q-area .insulation-column .right_area li .img {
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.q-area .insulation-column .right_area li .text_area {
		width: 100%;
		max-width: 100%;
	}
	.q-area .insulation-column .right_area li .text_area h4 {
		font-size: var(--fz24);
		margin-bottom: 1.5rem;
	}
}
/*# sourceMappingURL=concept.css.map */