<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*---------------------------------
	newsPickup start
---------------------------------*/

.newsPickup{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	list-style: none;
	padding: 0;
}

.newsPickupItem{
	width: 100%;
	margin: 0 auto 1em;
	padding: 0 0 1em;
	border-bottom: 1px solid #BFBFBF;
}

.newsPickupItem:last-of-type{
	margin-bottom: 0;
}

.newsPickupItem_link,
.newsPickupItem_link:hover{
	color: inherit;
}

.newsPickupItem_link:hover{
	text-decoration: none;
}

.newsPickupItem_inner{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: nowrap;
	width: 100%;
}

.newsPickupItem_date{
	flex-grow: 0;
	flex-shrink: 0;
	width: 6em;
	padding: 0;
	margin: 0 1em 0 0;
}

.newsPickupItem_title{
	flex-grow: 1;
	flex-shrink: 1;
	padding: 0;
	margin: 0;
}

.newsPickupItem_link:hover .newsPickupItem_title{
	text-decoration: underline;
}

@media(max-width: 750px){

	.newsPickupItem_inner{
		display: block;
	}

	.newsPickupItem_date{
		width: 100%;
		margin: 0;
	}

	.newsPickupItem_title{
		width: 100%;
	}

}

/*---------------------------------
	newsPickup end
---------------------------------*/



/*---------------------------------
	flowList start
---------------------------------*/

.flowListItem{
	position: relative;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: nowrap;
}

.flowListItem:not(:last-of-type){
	margin-bottom: 3rem;
}

@media(max-width: 600px){

	.flowListItem{
		flex-direction: column;
	}

	.flowListItem:not(:last-of-type):after{
		content: "down";
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		font-size: 125%;
		line-height: 3rem;
		color: #CCC;
		font-family: 'LigatureSymbols' !important;
		-webkit-text-rendering: optimizeLegibility;
		-moz-text-rendering: optimizeLegibility;
		-ms-text-rendering: optimizeLegibility;
		-o-text-rendering: optimizeLegibility;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		-ms-font-smoothing: antialiased;
		-o-font-smoothing: antialiased;
		font-smoothing: antialiased;
		-webkit-font-feature-settings: "liga" 1, "dlig" 1;
		-moz-font-feature-settings: "liga=1, dlig=1";
		-ms-font-feature-settings: "liga" 1, "dlig" 1;
		-o-font-feature-settings: "liga" 1, "dlig" 1;
		font-feature-settings: "liga" 1, "dlig" 1;
	}

}

.flowListItem_head{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 110%;
	margin: 0;
	padding: 1em;
}

.flowListItem_head--1{
	background-color: rgba(31,78,121,0.25);
}

.flowListItem_head--2{
	background-color: rgba(31,78,121,0.35);
}

.flowListItem_head--3{
	background-color: rgba(31,78,121,0.45);
}

.flowListItem_head--4{
	background-color: rgba(31,78,121,0.55);
}

.flowListItem_head--5{
	color: #FFF;
	background-color: rgba(31,78,121,0.65);
}

.flowListItem_head--6{
	color: #FFF;
	background-color: rgba(31,78,121,0.75);
}

@media(min-width: 601px){

	.flowListItem_head{
		width: 30%;
	}

	.flowListItem:not(:last-of-type) .flowListItem_head:after{
		content: "down";
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		font-size: 125%;
		line-height: 3rem;
		color: #CCC;
		font-family: 'LigatureSymbols' !important;
		-webkit-text-rendering: optimizeLegibility;
		-moz-text-rendering: optimizeLegibility;
		-ms-text-rendering: optimizeLegibility;
		-o-text-rendering: optimizeLegibility;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		-ms-font-smoothing: antialiased;
		-o-font-smoothing: antialiased;
		font-smoothing: antialiased;
		-webkit-font-feature-settings: "liga" 1, "dlig" 1;
		-moz-font-feature-settings: "liga=1, dlig=1";
		-ms-font-feature-settings: "liga" 1, "dlig" 1;
		-o-font-feature-settings: "liga" 1, "dlig" 1;
		font-feature-settings: "liga" 1, "dlig" 1;
	}

}

@media(max-width: 600px){

	.flowListItem_head{
		width: 100%;
	}

}

@media(min-width: 601px){

	.flowListItem_detail{
		padding: 1em 1em 1em 3em;
	}

}

@media(max-width: 600px){

	.flowListItem_detail{
		padding: 1em;
		background-color: rgba(31,78,121,0.05);
	}

}

.flowListItem_texts p{
	margin: 0 0 0.5em;
}

/*---------------------------------
	flowList end
---------------------------------*/



/*---------------------------------
	imageHorizontal start
---------------------------------*/

.imageHorizontal{
	with: 100%;
	margin : 2em auto 0;
	display: flex;
	justify-content: center;
}

.imageHorizontal_item{
	display: block;
	width: calc((100% - (2em * 2)) / 3);
	margin: 0 2em 0 0;
	position: relative;
	overflow: hidden;
}

.imageHorizontal_item:before{
	content: "";
	display: block;
	padding-top: 75%;
}

.imageHorizontal_item:nth-of-type(3n){
	margin-right: 0;
}

.imageHorizontal_item:nth-of-type(n+4){
	margin-top : 2em;
}

.imageHorizontal_item img{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: contain;
}

.imageHorizontal_item--tall{
	width: calc((100% - (2em * 2)) / 3 / 500 * 211);
}


@media(max-width: 600px){

	.imageHorizontal_item{
		width: calc((100% - (1em * 2)) / 3);
		margin: 0 1em 0 0;
	}

}

/*---------------------------------
	imageHorizontal end
---------------------------------*/



/*---------------------------------
	sectionImageBand--companyPhilosophy start
---------------------------------*/

@media(min-width: 1025px){

	.sectionImageBand--companyPhilosophy{
		height: 30vw;
	}

}

/*---------------------------------
	sectionImageBand--companyPhilosophy end
---------------------------------*/



/*---------------------------------
	recaptchaV2Wrapper start
---------------------------------*/

.recaptchaV2Wrapper &gt; div{
	display: flex;
	justify-content: center;
}

/*---------------------------------
	recaptchaV2Wrapper end
---------------------------------*/




/*---------------------------------
	 topIntro start
---------------------------------*/

.introText{
	width: 100%;
	margin: 0 auto;
}

.introText_text{
	display: block;
	margin: 0 auto 2em;
	font-size: 125%;
}

.introText_decoration{
	display: inline;
	background: linear-gradient(transparent 70%, rgba(255,110,0,0.2) 70%, rgba(255,110,0,0.2) 100%, transparent 100%);
}

@media(max-width: 750px){

	.introText_text{
		font-size: 125%;
	}

}

/*---------------------------------
	topIntro end
---------------------------------*/



/*---------------------------------
	tilesContents start
---------------------------------*/

.tilesContentsWrapper{
	background-color: #EFEFEF;
}

.tilesContents{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}

.tilesContentsItem{
	width: calc((100% - 3em) / 2);
	margin: 0 3em 0 0;
	position: relative;
}

.tilesContentsItem:nth-of-type(2n){
	margin-right: 0;
}

.tilesContentsItem:nth-of-type(n+3){
	margin-top: 20px;
}

.tilesContentsItem_link,
.tilesContentsItem_link:hover{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	color: inherit;
	text-decoration: none;
}

.tilesContentsItem_inner{
	position: relative;
	background-color: #FFF;
	overflow: hidden;
}

.tilesContentsItem_image{
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.tilesContentsItem_image img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
	transform: scale(1.1);
}

.tilesContentsItem_link:hover .tilesContentsItem_image img{
	transform: scale(1);
}

.tilesContentsItemTitle{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 10px solid transparent;
	position: relative;
	z-index: 2;
	transition: border 0.3s;
}

.tilesContentsItemTitle_text{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	margin: 0;
	padding: 2em 1em;
	line-height: 1.5;
	background-color: rgba(255,255,255,0.6);
	color: #333;
	transition: background-color 0.3s, color 0.3s;
}

.tilesContentsItem_link:hover .tilesContentsItemTitle{
	border: 10px solid rgba(24,181,115,0.7);
}

.tilesContentsItem_link:hover .tilesContentsItemTitle_text{
	background-color: rgba(24,181,115,0.7);
	color: #FFF;
}

@media(max-width: 750px){

	.tilesContentsItem,
	.tilesContentsItem:nth-of-type(3n){
		width: 100%;
		display: block;
		margin: 0 auto;
	}

	.tilesContentsItem:nth-of-type(n+2){
		margin-top: 20px;
	}

	.tilesContentsItem_image{
		padding-top: 62%;
	}

	.tilesContentsItem_image img{
		opacity: 1;
	}

	.tilesContentsItem--noimage .tilesContentsItemTitle{
		font-size: 1rem;
		margin: 2em 0;
		position: static;
		-webkit-transform: translateX(0) translateY(0);
		-moz-transform: translateX(0) translateY(0);
		-ms-transform: translateX(0) translateY(0);
		-o-transform: translateX(0) translateY(0);
		transform: translateX(0) translateY(0);
	}

	.tilesContentsItem_link .tilesContentsItemTitle{
		border: 10px solid transparent;
	}

	.tilesContentsItem_link .tilesContentsItemTitle_text{
		background-color: rgba(255,255,255,0.8);
		color: #333;
		padding: 1em;
	}

}

/*---------------------------------
	tilesContents end
---------------------------------*/



/*---------------------------------
	pointContents start
---------------------------------*/

@media(max-width: 750px){
	.pointContents{
		margin: 2em 0;
	}
}

.pointContentsItem{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pointContentsItem:not(:last-of-type){
	margin-bottom: 5em;
}

.pointContentsItemMain{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: nowrap;
	width: 100%;
}

.pointContentsItemMain_title{
	font-size: 150%;
	line-height: 125%;
	padding: 0.75em 1em 1em;
	margin: 0;
	display: inline-block;
	background-color: #14BE59;
	color: #FFF;
	position: relative;
	z-index: 2;
}

.pointNumber{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
	font-size: 125%;
}

.pointNumber_num{
	color: inherit;
	font-weight: bold;
	font-size: 175%;
	line-height: 1;
	flex-grow: 0;
	flex-shrink: 0;
}

.pointNumber_text{
	margin: 0 0 0 1em;
	flex-grow: 1;
	flex-shrink: 1;
}

.pointContentsItemMain_texts{
	background-color: #FFF;
	width: calc(100% - 3em);
	margin: -1em 0 0 3em;
	padding: 2.5em 1.5em 2em;
	position: relative;
	z-index: 1;
	line-height: 2;
}

.pointContentsItemMain_texts_strong{
	color: #FD8201;
	background: linear-gradient(transparent 60%, #FFFFA4 60%, #FFFFA4 90%, transparent 90%);
	line-height: 1.5;
	font-weight: bold;
	padding: 0.25em 0;
}

@media(max-width: 750px){

	.pointContentsItem{
		flex-direction: column !important;
	}

	.pointContentsItem:not(:last-of-type){
		margin-bottom: 4em;
	}

	.pointContentsItemImage{
		width: 100%;
		margin-bottom: 1em;
	}

	.pointContentsItemImage_inner{
		padding-top: calc(100% / 16 * 9);
	}

	.pointContentsItemMain{
		width: 100%;
	}

	.pointContentsItemMain_title{
		width: 100%;
		font-size: calc(175% * 0.7);
	}

	.pointContentsItemMain_texts{
		font-size: 0.85em;
		margin: 1em auto 0;
		width: 100%;
	}

}

/*---------------------------------
	pointContents end
---------------------------------*/



/*---------------------------------
	sideImageContents start
---------------------------------*/

@media(max-width: 750px){
	.sideImageContents{
		margin: 2em 0;
	}
}

.sideImageContentsItem{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.sideImageContentsItem:not(:last-of-type){
	margin-bottom: 7em;
}

.sideImageContentsItem:nth-of-type(2n){
	flex-direction: row-reverse;
}

.sideImageContentsItemImage{
	width: 35%;
	flex-grow: 0;
	flex-shrink: 0;
}

.sideImageContentsItemImage_inner{
	width: 100%;
	padding-top: calc(100% / 4 * 3);
	position: relative;
}

.sideImageContentsItemImage_inner img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sideImageContentsItemMain{
	width: calc(65% - 2.5em);
	flex-grow: 0;
	flex-shrink: 0;
}

.sideImageContentsItemMain_title{
	font-size: 150%;
	line-height: 125%;
	padding: 0 0 0.75em;
	border-bottom: 2px solid #000;
	margin-bottom: 0.75em;
}

.sideImageContentsItemMain_texts{
	margin: 1em 0;
}

.sideImageContentsItemMain_image img{
	max-width: 100%;
}

@media(max-width: 750px){

	.sideImageContentsItem{
		flex-direction: column !important;
	}

	.sideImageContentsItem:not(:last-of-type){
		margin-bottom: 4em;
	}

	.sideImageContentsItemImage{
		width: 100%;
		margin-bottom: 1em;
	}

	.sideImageContentsItemImage_inner{
		padding-top: calc(100% / 16 * 9);
	}

	.sideImageContentsItemMain{
		width: 100%;
	}

	.sideImageContentsItemMain_title{
		margin-top: 0.5em;
		font-size: calc(175% * 0.7);
	}

	.sideImageContentsItemMain_texts{
		font-size: 0.85em;
	}

}

/*---------------------------------
	sideImageContents end
---------------------------------*/



/*---------------------------------
	sideImageNumber start
---------------------------------*/

.sideImageNumber{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
}

.sideImageNumber_num{
	color: #14BE59;
	font-weight: bold;
	font-size: 175%;
	line-height: 1;
	flex-grow: 0;
	flex-shrink: 0;
}

.sideImageNumber_text{
	margin: 0 0 0 1em;
	flex-grow: 1;
	flex-shrink: 1;
}


@media(max-width: 750px){

	.sideImageNumber_num{
		align-self: flex-start;
	}

}

/*---------------------------------
	sideImageNumber end
---------------------------------*/



/*---------------------------------
	swing start
---------------------------------*/

.swing:hover{
	animation: swing 0.3s;
}

@keyframes swing{
	0% {transform: translate(0, 0)}
	25% {transform: translate(0, 10px)}
	75% {transform: translate(0, -10px)}
	100% {transform: translate(0, 0)}
}

/*---------------------------------
	swing end
---------------------------------*/



/*---------------------------------
	pageIntro start
---------------------------------*/

.pageIntro{
	font-size: 125%;
}

/*---------------------------------
	pageIntro end
---------------------------------*/



/*---------------------------------
	innerLink start
---------------------------------*/

.innerLink{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 3em auto 0;
}

.innerLink_button{
	display: block;
	border: 2px solid #14BE59;
	background-color: #14BE59;
	color: #FFF;
	text-align: center;
	min-width: 10em;
	padding: 0.75em 1.5em 0.4em;
	transition: color 0.3s, background-color 0.3s;
}

.innerLink_button:not(:last-of-type){
	margin-right: 2em;
}

.innerLink_button:hover{
	background-color: #FFF;
	color: #14BE59;
	text-decoration: none;
}

.innerLink_button:after{
	display: block;
	content: "down";
	font-size: 125%;
	line-height: 1;
	margin: 0.25em auto 0;
	text-align: center;
	color: #FFF;
	font-family: 'LigatureSymbols' !important;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	transition: color 0.3s, transform 0.3s;
}

.innerLink_button:hover:after{
	color: #14BE59;
	-webkit-transform: translateY(25%);
	-moz-transform: translateY(25%);
	-ms-transform: translateY(25%);
	-o-transform: translateY(25%);
	transform: translateY(25%);
}


@media(max-width: 750px){

	.innerLink{
		flex-direction: column;
	}

	.innerLink_button{
		margin: 0 auto;
	}

	.innerLink_button:not(:last-of-type){
		margin: 0 auto 2em;
	}

}

/*---------------------------------
	innerLink end
---------------------------------*/



/*---------------------------------
	optionTitle start
---------------------------------*/

.optionTitle{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin: 0 auto 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #DFDFDF;
}

.section_inner &gt; .optionTitle:not(:first-of-type){
	margin-top: 4em;
}

.optionTitle_number{
	position: relative;
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
}

.optionTitle_number_num{
	color: #B3F5D9;
	font-weight: bold;
	font-size: 430%;
	line-height: 1;
}

.optionTitle_number_text{
	color: #14BE59;
	font-weight: normal;
	font-size: 1rem;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.optionTitle_text{
	display: block;
	font-size: 150%;
	margin: 0 0 0 1.6em;
	font-weight: bold;
	flex-grow: 1;
	flex-shrink: 1;
}

@media(max-width: 750px){

	.optionTitle_number_num{
		font-size: 360%;
		line-height: 1;
	}

	.optionTitle_text{
		font-size: 125%;
		line-height: 1.2;
		margin: 0 0 0 1em;
	}

}

/*---------------------------------
	optionTitle end
---------------------------------*/



/*---------------------------------
	priceLayout start
---------------------------------*/

.priceLayout{
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	margin: 0 auto 2em;
}

.priceLayoutTitle{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin: 0;
	flex-grow: 0;
	flex-shrink: 0;
	background-color: #14BE59;
	color: #FFF;
	font-size: 150%;
	font-weight: bold;
	padding: 1em 2em;
}

.priceLayoutText{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin: 0;
	flex-grow: 1;
	flex-shrink: 1;
	background-color: #EFEFEF;
	font-weight: bold;
	padding: 1em 2em;
}

.priceLayoutText_text{
	font-size: 112.5%;
}

.priceLayout--reg{
	margin: 0;
	width: 100%;
}

.priceLayout--reg .priceLayoutTitle{
	font-size: 100%;
}

.priceLayout--reg .priceLayoutText_text{
	font-size: 100%;
}


@media(max-width: 750px){

	.priceLayout{
		display: block;
	}

	.priceLayoutTitle{
		display: block;
		font-size: 125%;
		padding: calc(1em / 1.25) calc(2em / 1.25);
	}

	.priceLayoutText{
		display: block;
	}

}

/*---------------------------------
	priceLayout end
---------------------------------*/



/*---------------------------------
	priceItem start
---------------------------------*/

.priceItem{
	display: block;
	width: 100%;
	margin: 0 auto 2em;
}

.priceItemText{
	display: block;
	width: 100%;
	margin: 0 auto 1em;
}

.priceItemList{
	list-style: none;
	counter-reset: number 0;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.priceItemList li{
	display: flex;
	align-items: center;
	width: calc((100% - (2em * 2)) / 3);
	margin: 0 2em 0 0;
}

.priceItemList li:nth-of-type(3n){
	margin-right: 0;
}

.priceItemList li:nth-of-type(n+4){
	margin-top: 1em;
}

.priceItemList li span{
	display: block;
}

.priceItemList li:before{
	display: block;
	counter-increment: number 1;
	content: counter(number);
	background-color: #14BE59;
	color: #FFF;
	width: 1.6em;
	text-align: center;
	margin: 0 0.6em 0 0;
}

@media(max-width: 750px){

	.priceItemText{
		margin: 0 auto 2em;
	}

	.priceItemList li,
	.priceItemList li:nth-of-type(3n){
		width: 100%;
		margin: 0 auto;
	}

	.priceItemList li:nth-of-type(n+2){
		margin-top: 1em;
	}

	.priceItemList li span{
	}

	.priceItemList li:before{
		font-size: 150%;
	}

}

/*---------------------------------
	priceItem end
---------------------------------*/



/*---------------------------------
	priceData start
---------------------------------*/

.priceData{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start:
}

.priceData dt{
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
}

.priceData dt span{
	display: inline-block;
	font-size: 112.5%;
	background-color: #14BE59;
	color: #FFF;
	padding: 0.2em 0.5em;
}

.priceData dd{
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	padding: 0.2em 0;
	margin-left: 2em;
}

.priceData dd:last-of-type{
	margin-bottom: 0;
}

.priceData dd p{
	display: block;
	width: 100%;
	margin: 0 auto 0.5em;
}

.priceData dd p:last-of-type{
	margin-bottom: 0;
}

.priceDataText{
	display: block;
	width: 100%;
	margin: 1em auto 0;
}

@media(max-width: 750px){

	.priceData dd{
		margin-left: 1em;
	}

}

/*---------------------------------
	priceData end
---------------------------------*/



/*---------------------------------
	pack start
---------------------------------*/

.packTitle{
	width: 100%;
	margin: 0 auto 1em;
	display: flex;
	justify-content: center;
}

.packTitle span{
	display: block;
	font-size: 150%;
}

.packIntro{
	width: 100%;
	margin: 0 auto 2em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.packIntro_image{
	display: block;
	width: 20%;
	margin: 0;
}

.packIntro_image--main{
	width: 40%;
}

.packIntro_image--sub{
	width: calc(25% - 2em);
	margin-left: 2em;
}

.packIntro_image img{
	display: block;
	width: 100%;
	margin: 0;
}

.packIntro_Text{
	padding: 0;
	margin: 0 0 0 2em;
	display: flex;
	align-items: center;
}

.packIntro_TextItem{
	font-size: 125%;
	margin: 0 auto;
	display: block;
}

.packIntro_TextItem--title{
	display: inline-block;
	border-bottom: 2px solid #14BE59;
	padding: 0 1.5em 0.2em 0.5em;
	margin: 0 0 0.5em;
}

.packIntro_TextItem--text{
	display: block;
	width: 100%;
	color: #14BE59;
	font-weight: bold;
	font-size: 112.5%;
}

.packIntro_TextItem--explanatory{
	display: block;
	width: 100%;
	font-size: 1rem;
	margin: 1em auto 0;
}

.packLayout{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 2em;
}

.packLayoutItem{
	display: block;
	width: calc((100% - (2em * 2)) / 3);
	margin: 0 2em 0 0;
}

.packLayoutItem:nth-of-type(3n){
	margin-right: 0;
}

.packLayoutItem:nth-of-type(n+4){
	margin-top: 1em;
}

.packLayoutItem_title{
	background-color: #14BE59;
	margin: 0;
	padding: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.packLayoutItem_title span{
	color: #FFF;
	font-weight: bold;
}

.packLayoutItem_text{
	background-color: #EFEFEF;
	margin: 0;
	padding: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.packLayoutItem_text span{
	font-weight: bold;
}

@media(max-width: 750px){

	.packIntro{
		flex-wrap: wrap;
	}

	.packIntro_image{
		display: block;
		width: 20%;
		margin: 0;
	}

	.packIntro_image--main{
		width: 60%;
	}

	.packIntro_image--sub{
		width: calc(40% - 2em);
		margin-left: 2em;
	}

	.packIntro_image--warer{
		width: 40%;
	}

	.packIntro_Text{
		width: 100%;
		margin:  1em auto 0;
		display: flex;
	}

	.packIntro_TextItem{
		font-size: 125%;
		margin: 0 auto;
		display: block;
	}

	.packIntro_TextItem--title{
		display: inline-block;
		border-bottom: 2px solid #14BE59;
		padding: 0 1.5em 0.2em 0.5em;
		margin: 0 0 0.5em;
	}

	.packIntro_TextItem--text{
		display: block;
		width: 100%;
		color: #14BE59;
		font-weight: bold;
		font-size: 112.5%;
	}

	.packLayout{
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		margin: 2em auto;
	}

	.packLayoutItem,
	.packLayoutItem:nth-of-type(3n){
		width: 100%;
		margin: 0 auto;
	}

	.packLayoutItem:nth-of-type(n+2){
		margin-top: 1.5em;
	}

	.packLayoutItem_title{
		background-color: #14BE59;
		margin: 0;
		padding: 1em;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.packLayoutItem_title span{
		color: #FFF;
		font-weight: bold;
	}

	.packLayoutItem_text{
		background-color: #EFEFEF;
		margin: 0;
		padding: 1em;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.packLayoutItem_text span{
		font-weight: bold;
	}

}

/*---------------------------------
	pack end
---------------------------------*/

.areaMap{
	display: block;
	width: 100%;
	margin: 0 auto;
}

.areaMapList{
	width: 100%;
	border: 1px solid #BFBFBF;
	background-color: #FFF;
}

.areaMapList th{
	width: 25%;
	border: 1px solid #BFBFBF;
	background-color: #EFEFEF;
	font-weight: normal;
	padding: 1em;
}

.areaMapList td{
	border: 1px solid #BFBFBF;
	padding: 0.5em 1em 1em;
}

.areaMapList td span{
	display: inline-block;
	margin: 0.5em 1em 0 0;
}

.areaMapList td span:last-of-type{
	margin-right: 0;
}

.areaMapText{
	margin: 0;
}

@media(max-width: 750px){

	.areaMapList{
		width: 100%;
		border-bottom: none;
	}

	.areaMapList th{
		display: block;
		width: 100%;
		border-top: none;
		border-right: none;
		border-left: none;
	}

	.areaMapList td{
		display: block;
		width: 100%;
		border-top: none;
		border-right: none;
		border-left: none;
	}

}

/*---------------------------------
	areaMap start
---------------------------------*/



/*---------------------------------
	areaMap end
---------------------------------*/



/*---------------------------------
	SNS start
---------------------------------*/

.snsWrapper{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
	margin: 0 auto;
}

.facebookWrapper{
	width: 100%;
	max-width: 500px;
}

.lineButton{
	display: block;
	max-width: 320px;
}

.lineButton img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	transition: opacity 0.3s;
}

.lineButton:hover img{
	opacity: 0.7;
}

@media(max-width: 750px){

	.snsWrapper{
		display: block;
	}

	.snsItem{
		display: block;
		width: 100%;
		max-width: 100%;
	}

	.facebookWrapper{
		margin-bottom: 2em;
	}

	.lineButton{
		width: 60%;
		margin: 0 auto;
	}

}

/*---------------------------------
	SNS end
---------------------------------*/



/*---------------------------------
	constructionCost start
---------------------------------*/

.constructionCost{
	width: 100%;
	margin: 0 auto;
	table-layout: fixed;
}

.constructionCost th{
	width: calc(100% / 4);
	padding: 0 1em 1em;
	border-bottom: 1px solid #DFDFDF;
	color: #14BE59;
}

.constructionCost td{
	padding: 1em;
	border-bottom: 1px solid #DFDFDF;
}

.constructionCostSptitle{
	display: none;
}

.constructionCost_text{
	margin: 1em auto 0;
}

@media(max-width: 750px){

	.constructionCost thead{
		display: none;
	}

	.constructionCost tr{
		display: flex;
		flex-wrap: wrap;
		background-color: #FFF;
		padding: 0.5em 1em;
		margin: 0 auto;
	}

	.section:nth-of-type(odd) .constructionCost tr{
		background-color: #F8FCFF;
	}

	.constructionCost tr:not(:first-of-type){
		margin-top: 1em;
	}

	.constructionCost td{
		display: block;
		width: 100%;
		padding: 1em 0.5em;
	}

	.constructionCost tr td:last-of-type{
		border-bottom: none;
	}

	.constructionCost td:before{
		color: #14BE59;
		font-weight: bold;
	}

	.constructionCost td.constructionCostSphide{
		display: none;
		margin: 0;
		padding: 0;
		border: none;
	}

	.constructionCostSptitle{
		display: block;
		color: #14BE59;
		font-weight: bold;
		margin: 0 auto 0.5em;
	}

}

/*---------------------------------
	constructionCost end
---------------------------------*/



/*---------------------------------
	 beforeAfter start
---------------------------------*/

.beforeAfter{
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.beforeAfter_text{
	display: block;
	width: 45%;
	margin: 0;
	padding-top: calc((1.5em + 0.5em) * 1.25);
}

.beforeAfter_image{
	width: 50%;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.beforeAfter_image--before,
.beforeAfter_image--after{
	display: block;
	width: calc((100% - 8em) / 2);
}

.beforeAfter_image_text{
	display: block;
	width: 100%;
	color: #14BE59;
	font-weight: bold;
	text-align: center;
	font-size: 125%;
	margin: 0 auto 0.5em;
}

.beforeAfter_image--after .beforeAfter_image_text{
	color: #F60303;
}

.beforeAfter_imageWrapper{
	overflow: hidden;
	display: block;
	width: 100%;
	margin: 0;
	position: relative;
}

.beforeAfter_imageWrapper:before{
	content: "";
	display: block;
	padding-top: 75%;
}

.beforeAfter_image--next{
	font-size: 250%;
	color: #BFBFBF;
	margin-top: calc((1.5em + 0.5em) / 2.5 * 1.25);
	font-family: 'LigatureSymbols' !important;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	transition: color 0.3s, transform 0.3s;
}

.beforeAfter_imageWrapper img{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

@media(max-width: 750px){

	.beforeAfter{
		display: block;
	}

	.beforeAfter_text{
		display: block;
		width: 100%;
		margin: 0 auto 2em;
		padding-top: 0;
	}

	.beforeAfter_image{
		width: 100%;
	}

	.beforeAfter_image--before,
	.beforeAfter_image--after{
		display: block;
		width: calc((100% - 3em) / 2);
	}


	.beforeAfter_image--after .beforeAfter_image_text{
		color: #F60303;
	}

	.beforeAfter_imageWrapper{
		overflow: hidden;
		display: block;
		width: 100%;
		margin: 0;
		position: relative;
	}

	.beforeAfter_imageWrapper:before{
		content: "";
		display: block;
		padding-top: 75%;
	}

	.beforeAfter_image--next{
		font-size: 150%;
	}

}

/*---------------------------------
	beforeAfter end
---------------------------------*/



/*---------------------------------
	manufacturerList start
---------------------------------*/

.manufacturerList{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	width: 100%;
	margin: 0 auto 2em;
	padding: 0;
	list-style: none;
}

.manufacturerList_item{
	display: block;
	margin: 0 2em 0 0;
	flex-grow: 1;
	flex-shrink: 1;
}

.manufacturerList_link{
	display: block;
	margin: 0;
	border: 2px solid #14BE59;
	color: #FFF;
	background-color: #14BE59;
	transition: color 0.3s, background-color 0.3s;
	font-size: 112.5%;
	padding: 1em 1.5em;
}

.manufacturerList_link:hover{
	color: #14BE59;
	background-color: #FFF;
	text-decoration: none;
}

.manufacturerList_link:after{
	content: "right";
	font-size: 125%;
	line-height: 1;
	margin: 0 0 0 0.5em;
	color: inherit;
	font-family: 'LigatureSymbols' !important;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
}

@media(max-width: 750px){

	.manufacturerList{
		display: block;
		margin: 0 auto 1em;
	}

	.manufacturerList_item{
		display: block;
		margin: 0 auto 1em;
	}

	.manufacturerList_link{
		font-size: 112.5%;
		padding: 1em 2.5em 1em 1.5em;
		position: relative;
	}

	.manufacturerList_link:after{
		margin: 0;
		position: absolute;
		top: 50%;
		right: calc(1.5em / 1.125);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

}

/*---------------------------------
	manufacturerList end
---------------------------------*/



/*---------------------------------
	makerList start
---------------------------------*/

.makerWrapper{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 100%;
	margin: 0 auto;
}

.makerList{
	display: block;
	width: calc((100% - 60px) / 2);
	margin: 0 60px 0 0;
}

.makerList:nth-of-type(2n){
	margin-right: 0;
}

.makerList:nth-of-type(n+3){
	margin-top: 40px;
}

.makerName{
	display: block;
	width: 100%;
	margin: 0 auto 0.5em;
	border-bottom: 2px solid #14BE59;
	font-size: 125%;
	color: #14BE59;
	font-weight: bold;
	padding: 0 0.5em 0.3em;
}

.makerCate{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 100%;
	margin: 0 auto;
	padding: 0 calc(0.5em * 1.25);
	list-style: none;
}

.makerCate li{
	display: block;
	margin: 0.5em 1em 0 0;
}

@media(max-width: 750px){

	.makerWrapper{
		display: block;
	}

	.makerList,
	.makerList:nth-of-type(2n){
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.makerList:nth-of-type(n+2){
		margin-top: 30px;
	}

}

/*---------------------------------
	makerList end
---------------------------------*/



/*---------------------------------
	contactNumber start
---------------------------------*/

.contactNumber{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}

.contactNumber a,
.contactNumber *{
	display: block;
	font-size: 175%;
	color: #14BE59;
	font-weight: bold;
}

.contactNumber *:not(:last-child){
	margin-right: 1.5em;
}

.contactTime{
	margin: 1em auto 0;
	text-align: center;
}

@media(max-width: 750px){

	.contactNumber{
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}

	.contactNumber *:not(:last-child){
		margin-right: 0;
		margin-top: 0.5em;
	}

}

/*---------------------------------
	contactNumber end
---------------------------------*/



/*---------------------------------
	introText start
---------------------------------*/

.introText{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}

.introText span{
	display: block;
	font-size: 112.5%;
	line-height: 2;
}

/*---------------------------------
	introText end
---------------------------------*/



/*---------------------------------
	accessName start
---------------------------------*/

.accessName{
	width: 100%;
	margin: 0 auto;
	font-size: 125%;
	font-weight: bold;
	color: #14BE59;
}

.accessAddress{
	margin: 0.5em auto 1em;
}

.accessMap{
	display: block;
	width: 100%;
	height: 60vh;
	margin: 0 auto;
}

@media(max-width: 750px){

	.accessMap{
		height: 40vh;
	}

}

/*---------------------------------
	accessName end
---------------------------------*/



/*---------------------------------
	outlineTable start
---------------------------------*/

.outlineTable{
	width: 100%;
	margin: 0 auto;
}

.outlineTable tr{
	border-bottom: 1px solid #CCC;
}

.outlineTable th{
	width: 30%;
	padding: 1.5em 1em;
}

.outlineTable td{
	padding: 1.5em 1em;
}

.outlineTable--Straddling{
	border-top: hidden;
}

.outlineTable--Straddling td{
	padding-top: 0;
}

@media(max-width: 750px){

	.outlineTable th{
		display: block;
		width: 100%;
		padding: 1em;
	}

	.outlineTable td{
		display: block;
		width: 100%;
		padding: 0 1em 1em;
	}

}

/*---------------------------------
	outlineTable end
---------------------------------*/



/*---------------------------------
	menuBlock start
---------------------------------*/

.manuList{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 1em auto 0;
	list-style: none;
	padding: 0;
}

.manuListItem{
	display: flex;
	width: calc((100% - (2em * 2)) / 3);
	margin: 1em 2em 0 0;
}

.manuListItem:nth-of-type(3n){
	margin-right: 0;
}

.manuListItem a{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border: 2px solid #14BE59;
	background-color: #14BE59;
	color: #FFF;
	transition: color 0.25s, background-color 0.25s;
	font-weight: bold;
	text-decoration: none;
	padding: 1em 2em;
	text-align: center;
}

.manuListItem a:hover{
	background-color: #FFF;
	color: #14BE59;
	text-decoration: none;
}

.manuListItem_Text{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.manuListItem_layout{
	display: inline-block;
}

@media(max-width: 750px){

	.manuList{
		display: block;
	}

	.manuListItem,
	.manuListItem:nth-of-type(3n){
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.manuListItem:nth-of-type(n+2){
		margin-top: 1em;
	}

}


.menuBlock{
	display: block;
	margin: 0 auto;
}

.menuBlock:not(:first-of-type){
	margin-top: 3em;
}

.menuTitle{
	font-weight: bold;
	color: #14BE59;
	font-size: 150%;
}

.menuTable{
	width: 100%;
	margin: 0 auto;
}

.menuTable tr{
	border-bottom: 1px solid #CCC;
}

.menuTable th{
	width: 30%;
	padding: 1em;
}

.menuTable td{
	padding: 1em;
}

.menuTableSubtext{
	display: flex;
	justify-content: flex-end;
	margin: 0.5em auto 0;
}

.menuTableSubtext_item{
	display: block;
}

.menuTable_layout{
	display: inline-block;
}

.menuTable_layout:not(:last-child){
	margin-right: 1em;
}

.menuImage{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
	margin: 2em auto 0;
	list-style: none;
	padding: 0;
}

.menuImage_item{
	margin: 0 2em 0 0;
	width: calc((100% - (2em * 2)) / 3);
	display: block;
	position: relative;
	background-color: #FFF;
}

.menuImage_item{
	margin: 0 2em 0 0;
	width: calc((100% - (2em * 2)) / 3);
	display: block;
	position: relative;
	background-color: #EFEFEF;
}

.section:nth-of-type(even) .menuImage_item{
	background-color: #FFF;
}

.menuImage_item:nth-of-type(3n){
	margin-right: 0;
}

.menuImage_item:nth-of-type(n+4){
	margin-top: 2em;
}

.menuImage_item:before{
	content: "";
	padding-top: 70.7%;
	display: block;
}

.menuImage_item img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: contain;
}

.menuLink{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 3em auto 0;
}

.menuLink_button{
	display: block;
	border: 2px solid #14BE59;
	background-color: #14BE59;
	color: #FFF;
	transition: color 0.25s, background-color 0.25s;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em 2em;
}

.menuLink_button:hover{
	background-color: #FFF;
	color: #14BE59;
	text-decoration: none;
}

@media(max-width: 750px){

	.menuTable{
		width: 100%;
		margin: 0 auto;
	}

	.menuTable:not(:first-of-type){
		margin-top: 1em;
	}

	.menuTable tr{
		border-bottom: 1px solid #CCC;
	}

	.menuTable th{
		display: block;
		width: 100%;
		padding: 1em;
	}

	.menuTable td{
		display: block;
		width: 100%;
		padding: 0 1em 1em;
	}

	.menuTableSubtext{
		display: flex;
		justify-content: flex-end;
		margin: 0.5em auto 0;
	}

	.menuImage_item,
	.menuImage_item:nth-of-type(3n){
		margin: 0em 1em 0 0;
		width: calc((100% - 1em) / 2);
	}

	.menuImage_item:nth-of-type(2n){
		margin-right: 0;
	}

	.menuImage_item:nth-of-type(n+3){
		margin-top: 2em;
	}

}

/*---------------------------------
	menuBlock end
---------------------------------*/



/*---------------------------------
	pointImage start
---------------------------------*/

.pointImage{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 100%;
	margin: 0;
	padding: 0;
}

.pointItem{
	width: calc(100% / 3);
	margin: 0;
	position: relative;
}

.pointItem:before{
	content: "";
	display: block;
	padding-top: 50%;
}

.pointItem img{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

@media(max-width: 750px){

	.pointItem:before{
		padding-top: 75%;
	}

}

/*---------------------------------
	pointImage end
---------------------------------*/



/*---------------------------------
	areaBlock start
---------------------------------*/

.areaBlock{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.areaImage{
	display: block;
	width: 50%;
}

.areaImage img{
	display: block;
	width: 100%;
}

.areaText{
	width: 45%;
	font-size: 112.5%;
	line-height: 2;

}

@media(max-width: 750px){

	.areaBlock{
		display: block;
	}

	.areaImage{
		display: block;
		width: 100%;
	}

	.areaText{
		width: 100%;
		margin: 1em auto 0;
		font-size: 100%;
		line-height: 1.5;
	}

}

/*---------------------------------
	areaBlock end
---------------------------------*/



/*---------------------------------
	lineBanner start
---------------------------------*/

.lineBanner{
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}

.lineBannerLink{
	display: block;
	width: 210px;
	max-width: 50%;
}

.lineBannerImage{
	display: block;
	width: 100%;
	transition: opacity 0.3s;
}

.lineBannerLink:hover .lineBannerImage{
	opacity: 0.7;
}

@media(max-width: 750px){

	.lineBannerLink{
		width: 100%;
	}

	.lineBannerImage{
		display: block;
		width: 100%;
		height: auto;
	}

}

/*---------------------------------
	lineBanner end
---------------------------------*/



/*---------------------------------
	preparation start
---------------------------------*/

.preparation{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-color: #DFDFDF;
	margin: 0 auto 2em;
}

.preparation--text{
	display: block;
	padding: 4em 2em;
}

/*---------------------------------
	preparation end
---------------------------------*/



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

.renovationIntro{
	display: block;
	width: 100%;
	max-width: 900px;
	margin: 5em auto;
}

.renovationIntro img{
	display: block;
	width: 100%;
	margin: 0;
}


@media(max-width: 750px){

	.renovationIntro{
		height: auto;
		margin: 3em auto;
	}

	.renovationIntro img{
		height: auto;
		position: static;
		object-fit: fill;
	}

}



.renovationText{
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.renovationText--textLarge{
	font-size: 175%;
}

.renovationText--textColor{
	color: #FD8201;
}

.renovationText span{
	font-weight: bold;
}



.renovationFigure{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 2em;
	gap: 0 3em;
}

.renovationFigureLeft{
	width: calc((100% - 3em) / 7 * 2);
}

.renovationFigureRight{
	width: calc((100% - 3em) / 7 * 5);
}

.renovationFigureLeft img,
.renovationFigureRight img{
	display: block;
	width: 100%;
	margin: 0;
}

@media(max-width: 750px){

	.renovationFigure{
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 3em;
	}

	.renovationFigureLeft{
		width: 60%;
	}

	.renovationFigureRight{
		width: 100%;
	}

}



.renovationListWrapper{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	margin: 2em auto 0;
}

.renovationListImage{
	display: block;
	width: calc((100% - 3em) * 0.35);
	margin: 0;
}

.renovationListImage img{
	display: block;
	width: 100%;
	margin: 0;
}

.renovationList{
	display: flex;
	flex-wrap: wrap;
	align-self: center;
	align-items: stretch;
	justify-content: flex-start;
	gap: 1em;
	width: calc((100% - 3em) * 0.65);
	margin: 0;
	padding: 0;
	list-style: none;
}

.renovationList li{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	width: calc((100% - (1em * 2)) / 3);
	justify-content: flex-start;
	background-color: #FFF;
	gap: 0.5em;
	padding: 1em 0.75em;
	border-radius: 1em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.renovationList li h3{
	font-size: 112.5%;
	font-weight: bold;
	margin: 0;
	color: #09726B;
}

.renovationList li p{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	gap: 0 1em;
	margin: 0;
	font-size: calc(100% / 1.125);
}


@media(max-width: 960px){

	.renovationListWrapper{
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 2em 0;
	}

	.renovationListImage{
		width: 60%;
	}

	.renovationList{
		width: 100%;
	}

	.renovationList li{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		width: calc((100% - 1em) / 2);
		justify-content: flex-start;
		background-color: #FFF;
		gap: 0.5em;
		padding: 1em;
		border-radius: 1em;
		box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	}

	.renovationList li h3{
		font-size: 112.5%;
		font-weight: bold;
		margin: 0
	}

	.renovationList li p{
		margin: 0;
	}

}


@media(max-width: 600px){

	.renovationListImage{
		width: 70%;
	}

}


.renovationCheckWrapper{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.renovationCheck{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5em 2em;
	padding: 0;
	list-style: none;
}

.renovationCheck li{
	display: block;
	justify-content: center;
	font-size: 112.5%;
}

.renovationCheck li span{
	background: linear-gradient(transparent 60%, #FFD781 60%, #FFD781 100%, transparent 100%);
	font-size: 100%;
	padding: 0.25em 0.5em 0.25em 0.25em;
	display: inline
}

.renovationCheck li span:before{
	content: "check";
	font-size: 200%;
	color: #D00;
	font-family: 'LigatureSymbols' !important;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	margin: 0 0.2em 0 0;
	line-height: 1;
}

.renovationCheckSubtext{
	display: block;
	text-align: center;
	color: #777;
	margin: 0 auto 5em;
}

.renovationCheckSubtext{
	display: block;
	text-align: center;
	color: #777;
	margin: 0 auto 5em;
}

.renovationExpert{
	display: block;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}


@media(max-width: 960px){

	.renovationCheck{
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

}

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


</pre></body></html>