@charset "UTF-8";

.mainContent .title{
	margin: 115px 0 107px;
	font-size: 50px;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.1em;
	}
.mainContent .catch{
	margin-bottom: 20px;
	font-size: 30px;
	text-align: center;
	letter-spacing: 0.2em;
	}
.mainContent .text{
	margin-bottom: 110px;
	font-size: 16px;
	text-align: center;
	letter-spacing: 0.2em;
	line-height: 2.25;
	}

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
	.mainContent .title{
		margin: 10.268% 0 5.357%;
		font-size: 4.464vw;
		}
	.mainContent .catch{
		margin-bottom: 1.786%;
		font-size: 2.679vw;
		}
	.mainContent .text{
		margin-bottom: 9.821%;
		font-size: 1.429vw;
		text-align: center;
		}
}

@media screen and (max-width: 768px){
	.mainContent .title{
		margin: 11.068% 0 10.208%;
		font-size: 6.510vw;
		}
	.mainContent .catch{
		margin-bottom: 5.208%;
		font-size: 3.906vw;
		letter-spacing: 0.1em;
		}
	.mainContent .text{
		margin-bottom: 10.417%;
		font-size: 3.125vw;
		letter-spacing: 0.08em;
		}
}

/*　ボタンのcss*/
/*-------------------------------------------------------*/

.tabBox{
	min-width: 1110px;
	}
.tabBox .tabWrap{
	background-color: #333;
	padding: 50px 0;
	font-size: 0;
	text-align: center;
	}
.tabBox p{
	display: inline-block;
	width: 31.33%;
	margin-left: 1%;
	margin-right: 1%;
	}
.tabBox p:nth-child(n+4){
	margin-top: 1%;
}
/*.tabBox p:first-child{
	margin-left: 0;
	}*/
.tabBox a{
	display: block;
	background-color: #ddd;
	padding: 25px 0;
	font-size: 18px;
	color: #333;
	line-height: 1;
	}
.tabBox .select a{
	background-color: #c9b94f;
	color: #fff;
	pointer-events: none;
	}

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
	.tabBox{
		min-width: 0;
		}
	.tabBox .tabWrap{
		min-width: 0;
		padding: 4.464% 0;
		}
	/*.tabBox p{
	width: 24.107%;
	margin-left: 0.893%;
		}
	.tabBox p:first-child{
		margin-left: 0;
		}*/
	.tabBox a{
		padding: 4.545% 0;
		font-size: 1.607vw;
		}
}

@media screen and (max-width: 768px){
	/*.tabBox{
		padding-top: 11.719%;
		margin-top: -11.719%;
		}*/
	.tabBox{
		padding-top: 0;
		margin-top: 0;
		}
	.tabBox .tabWrap{
		min-width: 0;
		padding: 5.208% 0;
		}
	/*.tabBox p{
		width: 43.49%;
		margin-left: 2.604%;
		}
	.tabBox p:first-child, .tabBox p:nth-child(3){
		margin-left: 0;
		}
	.tabBox p:first-child,	.tabBox p:nth-child(2){ margin-bottom: 2.604%; }*/
	.tabBox a{
		padding: 8.982% 0;
		font-size: 3vw;
		}
}

.contentView{
	height: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .5s;
	transition: all .5s;
	overflow: hidden;
	}
.contentView.view{
	height: auto;
	opacity: 1;
	pointer-events: auto;
	}


/* ユーズプラス */
.UsBlk{
	width: 1110px;
	margin: auto;
}
.UsBlk .UsCatch{
	text-align: center;
	font-size: 30px;
	margin-bottom: 115px!important;
	padding-top: 114px;
}
.UsBlk .UsCatch p{ letter-spacing: 0.2rem; }
.UsBlk .UsCatch strong{
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	display: inline-block;
}
.UsBlk .UsCatch span{
	display: inline-block;
	font-size: 19px;
	letter-spacing: 0.15rem;
	margin-bottom: 7px;
}
.UsBlk .secBlk{ margin-bottom: 120px; }
.UsBlk .secBlk h3{
	background-color: #333;
	text-align: center;
	padding: 5px 0 6px;
	box-sizing: border-box;
	font-size: 23px;
	letter-spacing: 0.15rem;
	color: #fff;
	margin-bottom: 30px;
}
.UsBlk .secBlk h3 span{
	display: inline-block;
	font-size: 18px;
	letter-spacing: 0.1rem;
	margin-right: 10px;
}
.UsBlk .secBlk .boxWrap{ font-size: 0; line-height: 0; letter-spacing: 0; }
.UsBlk .secBlk .boxWrap .box{
	display: inline-block;
	width: 198px;
	margin: 0 30px 30px 0;
	vertical-align: top;
	font-size: 0; line-height: 0; letter-spacing: 0;
}
.UsBlk .secBlk .boxWrap .box .img{ margin-bottom: 12px; }
.UsBlk .secBlk .boxWrap .box .txt{
	font-size: 14px;
	line-height: 1.286;
	letter-spacing: 0.04rem;
}
.UsBlk .secBlk .boxWrap .box .txt strong{
	display: block;
	color: #bba932;
	font-weight: normal;
	font-size: 19px;
	line-height: 1.263;
	margin-bottom: 11px;
}
.UsBlk .secBlk .boxWrap .inner{ float: right; width: 654px; font-size: 0; letter-spacing: 0; line-height: 0; }

.UsBlk .shoesbox .boxWrap .b04, .UsBlk .shoesbox .boxWrap .b06, .UsBlk .shoesbox .boxWrap .b09{ margin-right: 0; }
.UsBlk .shoesbox .boxWrap .b07, .UsBlk .shoesbox .boxWrap .b08, .UsBlk .shoesbox .boxWrap .b09{ margin-bottom: 0; }
.UsBlk .shoesbox .boxWrap .b01{ float: left; width: 426px; margin-bottom: 0; }
.UsBlk .shoesbox .boxWrap .b01 .img{ margin-bottom: 0; }
.UsBlk .shoesbox .boxWrap .b06{ width: 426px; }
.UsBlk .shoesbox .boxWrap .b06 .img{ position: relative; }
.UsBlk .shoesbox .boxWrap .b06 .img::before{
	content: " ";
	display: block;
	background: url("../images/quality/us-img06-ico_pc.png") no-repeat center/contain;
	width: 13px;
	height: 25px;
	position: absolute;
	top: 58px;
	right: 0;
	left: 0;
	margin: auto;
}
.UsBlk .shoesbox .boxWrap .b06 .img img{ display: inline-block; width: 198px!important; }
.UsBlk .shoesbox .boxWrap .b06 .img img:first-child{ margin-right: 30px; }

.UsBlk .other h3{ font-family: "TrajanPro-Regular"; padding: 10px 0 1px; }
.UsBlk .other .boxWrap .box{ width: 255px; margin-bottom: 0; }
.UsBlk .other .boxWrap .b04{ margin-right: 0; }

.UsBlk .storage .boxWrap .b01{ float: left; width: 426px; margin-bottom: 0; }
.UsBlk .storage .boxWrap .b04, .UsBlk .storage .boxWrap .b06{ margin-right: 0; }
.UsBlk .storage .boxWrap .b05, .UsBlk .storage .boxWrap .b06{ margin-bottom: 0; }
.UsBlk .storage .boxWrap .b06{ width: 426px; }

.UsBlk .laundry{ margin-bottom: 90px; }
.UsBlk .laundry .boxWrap .box{ width: 350px; margin-bottom: 0; }
.UsBlk .laundry .boxWrap .b03{ margin-right: 0; }
.UsBlk .laundry .boxWrap .b03 .nam{
	background-color: #bba932;
	padding: 17px 0 17px 60px;
	box-sizing: border-box;
	font-size: 19px;
	color: #fff;
	line-height: 1.263;
	position: relative;
}
.UsBlk .laundry .boxWrap .b03 .nam::before{
	content: " ";
	display: block;
	width: 26px;
	height: 26px;
	position: absolute;
	top: 27px;
	left: 20px;
}
.UsBlk .laundry .boxWrap .b03 .nam01::before{ background: url("../images/quality/us-img21-1.png") no-repeat center/contain; }
.UsBlk .laundry .boxWrap .b03 .nam02::before{ background: url("../images/quality/us-img21-2.png") no-repeat center/contain; }
.UsBlk .laundry .boxWrap .b03 .nam03::before{ background: url("../images/quality/us-img21-3.png") no-repeat center/contain; }
.UsBlk .laundry .boxWrap .b03 .nam02{ margin: 5px 0; }

@media screen and (max-width: 1120px){
	.UsBlk{
		width: 99.107%;
	}
	.UsBlk .UsCatch{
		font-size: 2.679vw;
		margin-bottom: 10.360%!important;
		padding-top: 10.270%;
	}
	.UsBlk .UsCatch p{ letter-spacing: 0.2rem; }
	.UsBlk .UsCatch strong{
		font-size: 2.679vw;
	}

	.UsBlk .UsCatch span{
		font-size: 1.696vw;
		letter-spacing: 0.15rem;
		margin-bottom: 0.631%;
	}
	.UsBlk .secBlk{ margin-bottom: 10.714%; }
	.UsBlk .secBlk h3{
		padding: 0.450% 0 0.541%;
		font-size: 2.054vw;
		letter-spacing: 0.15rem;
		margin-bottom: 2.703%;
	}
	.UsBlk .secBlk h3 span{
		font-size: 1.607vw;
		letter-spacing: 0.1rem;
		margin-right: 0.901%;
	}
	.UsBlk .secBlk .boxWrap .box{
		width: 30.275%;/*198*/
		margin: 0 4.587% 4.587% 0;

	}
	.UsBlk .secBlk .boxWrap .box .img{ margin-bottom: 6.061%; }
	.UsBlk .secBlk .boxWrap .box .txt{
		font-size: 1.25vw;
		line-height: 1.286;
		letter-spacing: 0.02rem;
	}
	.UsBlk .secBlk .boxWrap .box .txt strong{
		font-size: 1.696vw;
		line-height: 1.263;
		margin-bottom: 5.556%;
	}
	.UsBlk .secBlk .boxWrap .inner{ width: 58.919%; }/*654*/

	.UsBlk .shoesbox .boxWrap .b04, .UsBlk .shoesbox .boxWrap .b06, .UsBlk .shoesbox .boxWrap .b09{ margin-right: 0; }
	.UsBlk .shoesbox .boxWrap .b07, .UsBlk .shoesbox .boxWrap .b08, .UsBlk .shoesbox .boxWrap .b09{ margin-bottom: 0; }
	.UsBlk .shoesbox .boxWrap .b01{ width: 38.378%; margin-right: 2.703%; }/*426*/
	.UsBlk .shoesbox .boxWrap .b06{ width: 65.138%; }/*426*/
	.UsBlk .shoesbox .boxWrap .b06 .img{ margin-bottom: 2.817%; }
	.UsBlk .shoesbox .boxWrap .b06 .txt strong{ margin-bottom: 2.582%; }
	.UsBlk .shoesbox .boxWrap .b06 .img::before{
		width: 3.052%;
		height: 0;
		padding-bottom: 5.869%;
		top: 38.615%;
	}
	.UsBlk .shoesbox .boxWrap .b06 .img img{ width: 46.479%!important; }/*198*/
	.UsBlk .shoesbox .boxWrap .b06 .img img:first-child{ margin-right: 7.042%; }

	.UsBlk .other h3{ padding: 0.901% 0 0.090%; }
	.UsBlk .other .boxWrap .box{ width: 22.973%; margin-right: 2.703%; }/*255*/
	.UsBlk .other .boxWrap .box .img { margin-bottom: 4.706%; }
	.UsBlk .other .boxWrap .box .txt strong{ margin-bottom: 4.314%; }
	.UsBlk .other .boxWrap .b04{ margin-right: 0; }

	.UsBlk .storage .boxWrap .b04, .UsBlk .storage .boxWrap .b06{ margin-right: 0; }
	.UsBlk .storage .boxWrap .b05, .UsBlk .storage .boxWrap .b06{ margin-bottom: 0; }
	.UsBlk .storage .boxWrap .b01{ width: 38.378%; margin-right: 2.703%; }/*426*/
	.UsBlk .storage .boxWrap .b06{ width: 65.138%; }/*426*/
	.UsBlk .storage .boxWrap .b06 .img{ margin-bottom: 2.817%; }
	.UsBlk .storage .boxWrap .b06 .txt strong{ margin-bottom: 2.582%; }

	.UsBlk .laundry{ margin-bottom: 8.036%; }
	.UsBlk .laundry .boxWrap .box{ width: 31.532%; margin-right: 2.703%; }/*350*/
	.UsBlk .laundry .boxWrap .b03{ margin-right: 0; }
	.UsBlk .laundry .boxWrap .b03 .nam{
		padding: 4.857% 0 4.857% 17.143%;
		font-size: 1.696vw;
		line-height: 1.263;
	}
	.UsBlk .laundry .boxWrap .b03 .nam::before{
		width: 7.429%;/*26*/
		height: 0;
		padding-bottom: 7.429%;
		top: 34.31%;
		left: 5.497%;
	}
	.UsBlk .laundry .boxWrap .b03 .nam02{ margin: 1.429% 0; }
	}

@media screen and (max-width: 768px){
	.UsBlk{
		width: 89.583%;
	}
	.UsBlk .UsCatch{
		font-size: 3.125vw;
		margin-bottom: 10.517%!important;
		padding-top: 10.817%;
	}
	.UsBlk .UsCatch p{ letter-spacing: 0.2rem; }
	.UsBlk .UsCatch strong{
		font-size: 3.906vw;
		letter-spacing: 0.15rem;
		margin-bottom: 0.507%;
	}
	.UsBlk .UsCatch span{
		font-size: 3.125vw;
		letter-spacing: 0.15rem;
		margin-bottom: 0.507%;
	}
	.UsBlk .secBlk{ margin-bottom: 17.869%; }
	.UsBlk .secBlk h3{
		padding: 4.785% 0 4.285%;
		font-size: 4.167vw;
		letter-spacing: 0.15rem;
		margin-bottom: 4.360%;
	}
	.UsBlk .secBlk h3 span{
		font-size: 3.125vw;
		letter-spacing: 0.1rem;
		margin-right: 0;
	}
	.UsBlk .secBlk .boxWrap .box{
		width: 47.820%;/*329*/
		margin: 0 4.36% 4.86% 0!important;
	}
	.UsBlk .secBlk .boxWrap .box .img{ margin-bottom: 5.079%; }
	.UsBlk .secBlk .boxWrap .box .txt{
		font-size: 3.125vw;
		line-height: 1.286;
		letter-spacing: 0.04rem;
	}
	.UsBlk .secBlk .boxWrap .box .txt strong{
		font-size: 3.906vw;
		line-height: 1.263;
		margin-bottom: 2.779%;
	}
	.UsBlk .secBlk .boxWrap .inner{ float: inherit; width: 100%; }

	.UsBlk .shoesbox h3{ padding: 2.261% 0 1.461%; }
	.UsBlk .shoesbox .boxWrap .b03, .UsBlk .shoesbox .boxWrap .b05, .UsBlk .shoesbox .boxWrap .b06,
	.UsBlk .shoesbox .boxWrap .b08{ margin-right: 0!important; }
	.UsBlk .shoesbox .boxWrap .b09{ margin-bottom: 0!important; }
	.UsBlk .shoesbox .boxWrap .b01{ float: inherit; width: 100%; }
	.UsBlk .shoesbox .boxWrap .b01 .img{ margin-bottom: 0; }
	.UsBlk .shoesbox .boxWrap .b06{ width: 100%; }
	.UsBlk .shoesbox .boxWrap .b06 .img{ margin-bottom: 2.907%; }
	.UsBlk .shoesbox .boxWrap .b06 .txt strong{ margin-bottom: 2.907%; }
	.UsBlk .shoesbox .boxWrap .b06 .img::before{
		background: url("../images/quality/us-img06-ico_sp.png") no-repeat center/contain;
		width: 2.471%;
		height: 0;
		padding-bottom: 4.797%;
		top: 38.615%;
	}
	.UsBlk .shoesbox .boxWrap .b06 .img img{ width: 47.820%!important; }
	.UsBlk .shoesbox .boxWrap .b06 .img img:first-child{ margin-right: 4.36%; }

	.UsBlk .other h3{ padding: 7.971% 0 6.471%; }
	.UsBlk .other .boxWrap .box{ width: 47.820%; }
	.UsBlk .other .boxWrap .box:nth-child(2n){ margin-right: 0!important; }
	.UsBlk .other .boxWrap .box:nth-last-child(2),.UsBlk .other .boxWrap .box:nth-last-child(1){ margin-bottom: 0!important; }

	.UsBlk .storage .boxWrap .b01{ float: inherit; width: 100%; }
	.UsBlk .storage .boxWrap .b03, .UsBlk .storage .boxWrap .b05, .UsBlk .storage .boxWrap .b06{ margin-right: 0!important; }
	.UsBlk .storage .boxWrap .b06{ margin-bottom: 0!important; }
	.UsBlk .storage .boxWrap .b06{ width: 100%; }
	.UsBlk .storage .boxWrap .b06 .img{ margin-bottom: 2.907%; }
	.UsBlk .storage .boxWrap .b06 .txt strong{ margin-bottom: 2.907%; }

	.UsBlk .laundry{ margin-bottom: 17.442%; }
	.UsBlk .laundry .boxWrap .box{ width: 100%; margin-right: 0!important; margin-bottom: 4.306%!important; }
	.UsBlk .laundry .boxWrap .box .img{ margin-bottom: 0; }
	.UsBlk .laundry .boxWrap .b03{ margin-bottom: 0!important; }
	.UsBlk .laundry .boxWrap .b03 .nam{
		padding: 4.360% 0 4.360% 16.715%;
		font-size: 3.906vw;
		line-height: 1.263;
	}
	.UsBlk .laundry .boxWrap .b03 .nam::before{
		width: 7.558%;
		height: 0;
		padding-bottom: 7.558%;
		top: 31.31%;
		left: 5.814%;
	}
	.UsBlk .laundry .boxWrap .b03 .nam02{ margin: 1.744% 0; }
}

/* セキュリティ */
.SecuBlk{
	width: 1110px;
	margin: auto;
}
.SecuBlk .txt{
	font-size: 14px;
	line-height: 1.286;
	letter-spacing: 0.04rem;
}
.SecuBlk .txt strong{
	display: block;
	font-size: 19px;
	font-weight: normal;
	color: #bba932;
	line-height: 1.263;
	letter-spacing: 0.04rem;
}
.SecuBlk .SecuCatch{
	text-align: center;
	font-size: 30px;
	margin-bottom: 109px!important;
	padding-top: 114px;
}
.SecuBlk .SecuCatch p{ letter-spacing: 0.2rem; }

.SecuBlk .B01 .map{ width: 100%; }
.SecuBlk .B02{ margin: 60px 0 60px; }
.SecuBlk .B02 ul{ font-size: 0; letter-spacing: 0; line-height: 0; }
.SecuBlk .B02 ul li{
	display: inline-block;
	vertical-align: top;
	width: 350px;
	font-size: 0; letter-spacing: 0; line-height: 0;
}
.SecuBlk .B02 ul li:nth-child(3n-1){ margin: 0 30px; }
.SecuBlk .B02 ul li:nth-child(1), .SecuBlk .B02 ul li:nth-child(2), .SecuBlk .B02 ul li:nth-child(3){ margin-bottom: 30px; }

.SecuBlk .B02 ul li p{ display: inline-block; vertical-align: top; }
.SecuBlk .B02 ul li .img{ width: 128px; }
.SecuBlk .B02 ul li .txt{
	width: 222px;
	padding-left: 22px;
	box-sizing: border-box;
	margin-top: -3px;
}
.SecuBlk .B02 ul li .txt strong{
	margin-bottom: 10px;
}
.SecuBlk .B03{ margin-bottom: 89px; font-size: 0; letter-spacing: 0; line-height: 0; }
.SecuBlk .B03 .colorBox, .SecuBlk .B03 .sysBox{ display: inline-block; vertical-align: top; }
.SecuBlk .B03 .colorBox{
	width: 300px;
	padding: 27px 30px 45px;
	box-sizing: border-box;
	background-color: #efefef;
	margin-right: 30px;
}
.SecuBlk .B03 .colorBox .t01{ margin-bottom: 16px; }
.SecuBlk .B03 .colorBox .t01 strong{ margin-bottom: 10px; }
.SecuBlk .B03 .colorBox .img01{ width: 176px; margin: 0 auto 17px; }
.SecuBlk .B03 .colorBox .t02{ margin-bottom: 17px; }
.SecuBlk .B03 .colorBox .t02 span.pc{ display: block; width: 100%; text-align: center; font-size: 17px; }
.SecuBlk .B03 .colorBox .t02 span.sp img{ display: none; }
.SecuBlk .B03 .colorBox .t02 .ts01{
	margin: 0 auto 13px;
		display: block;
		text-align: center;
}
.SecuBlk .B03 .colorBox .t02 .ts02{
	background: #a89e6f;
		padding: 5px 0;
		color: #fff;
		margin: 0 auto 13px;
		display: block;
		text-align: center;
}
.SecuBlk .B03 .colorBox .img02{ width: 186px; margin: 0 auto; }
.SecuBlk .B03 .sysBox{ width: 780px; }
.SecuBlk .B03 .sysBox .inner p{ display: inline-block; vertical-align: top; }
.SecuBlk .B03 .sysBox .inner .txt{ width: 230px; padding-right: 30px; box-sizing: border-box; }
.SecuBlk .B03 .sysBox .inner .txt strong{ margin-bottom: 10px; }
.SecuBlk .B03 .sysBox .inn01{ margin-bottom: 55px; }
.SecuBlk .B03 .sysBox .inn01 .txt span{
	display: block;
	font-size: 12px;
	line-height: 1.5;
	margin-top: 0;
}
.SecuBlk .B03 .sysBox .inn01 .img{ width: 538px; }
.SecuBlk .B03 .sysBox .inn02 .img{ width: 541px; }
.SecuBlk .B03 .img{ position: relative; }
.SecuBlk .B03 .img::before{
	display: inline-block;
	font-size: 12px;
	font-family: "FP-ヒラギノ明朝 ProN W3";
	position: absolute;
}
.SecuBlk .B03 .colorBox .img02::before{
	content: "参考イラスト";
	right: -25px;
	bottom: -10px;
}
.SecuBlk .B03 .sysBox .img::before{
	right: 0;
	bottom: -15px;
}
.SecuBlk .B03 .sysBox .inn01 .img::before{ content: "セキュリティシステム概念図"; }
.SecuBlk .B03 .sysBox .inn02 .img::before{ content:"イメージイラスト"; }

@media screen and (max-width: 1120px){
	.SecuBlk{
		width: 99.107%;/*1110*/
	}
	.SecuBlk .txt{
		font-size: 1.250vw;
		line-height: 1.286;
		letter-spacing: 0.04rem;
	}
	.SecuBlk .txt strong{
		font-size: 1.696vw;
		line-height: 1.263;
		letter-spacing: 0.04rem;
	}
	.SecuBlk .SecuCatch{
		font-size: 2.679vw;
		margin-bottom: 9.820%!important;
		padding-top: 10.270%;
	}
	.SecuBlk .SecuCatch p{ letter-spacing: 0.2rem; }

	.SecuBlk .B01 .map{ width: 100%; }
	.SecuBlk .B02{ margin: 5.405% 0 5.405%; }

	.SecuBlk .B02 ul li{
		width: 31.532%;/*350*/
	}
	.SecuBlk .B02 ul li:nth-child(3n-1){ margin: 0 2.703%; }
	.SecuBlk .B02 ul li:nth-child(1), .SecuBlk .B02 ul li:nth-child(2), .SecuBlk .B02 ul li:nth-child(3){ margin-bottom: 2.703%; }

	.SecuBlk .B02 ul li .img{ width: 36.571%; }/*128*/
	.SecuBlk .B02 ul li .txt{
		width: 63.429%;/*222*/
		padding-left: 6.286%;
		margin-top: -0.857%;
	}
	.SecuBlk .B02 ul li .txt strong{
		margin-bottom: 4.505%;
	}
	.SecuBlk .B03{ margin-bottom: 8.018%; }
	.SecuBlk .B03 .colorBox{
		width: 27.027%;/*300*/
		padding: 2.432% 2.703% 4.054%;
		margin-right: 2.703%;
	}
	.SecuBlk .B03 .colorBox .t01{ margin-bottom: 6.667%; }
	.SecuBlk .B03 .colorBox .t01 strong{ margin-bottom: 4.167%; }
	.SecuBlk .B03 .colorBox .img01{ width: 73.333%; margin: 0 auto 7.083%; }/*176*/
	.SecuBlk .B03 .colorBox .t02{ margin-bottom: 7.083%; }
	.SecuBlk .B03 .colorBox .t02 span.pc{ font-size: 1.518vw; }
	.SecuBlk .B03 .colorBox .t02 .ts01{
		margin: 0 auto 5.417%;
		display: block;
		text-align: center;
	}
	.SecuBlk .B03 .colorBox .t02 .ts02{
		padding: 2.083% 0;
		margin: 0 auto 5.417%;
		display: block;
		text-align: center;
	}
	.SecuBlk .B03 .colorBox .img02{ width: 77.5%; }/*186*/
	.SecuBlk .B03 .sysBox{ width: 70.270%; }/*780*/
	.SecuBlk .B03 .sysBox .inner .txt{ width: 29.487%; padding-right: 3.846%; }/*230*/
	.SecuBlk .B03 .sysBox .inner .txt strong{ margin-bottom: 4.348%; }
	.SecuBlk .B03 .sysBox .inn01{ margin-bottom: 7.051%; }
	.SecuBlk .B03 .sysBox .inn01 .txt span{
		font-size: 1.071vw;
		line-height: 1.5;
		margin-top: 0;
	}
	.SecuBlk .B03 .sysBox .inn01 .img{ width: 68.974%; }/*538*/
	.SecuBlk .B03 .sysBox .inn02 .img{ width: 69.359%; }/*541*/
	.SecuBlk .B03 .img::before{
		font-size: 1.071vw;
	}
	.SecuBlk .B03 .colorBox .img02::before{
		right: -14%;
		bottom: -5.5%;
	}
	.SecuBlk .B03 .sysBox .img::before{
		right: 0;
		bottom: -6.2%;
	}
}

@media screen and (max-width: 768px){
	.SecuBlk{
		width:89.583%;
	}
	.SecuBlk .txt{
		font-size: 3.125vw;
		line-height: 1.5;
		letter-spacing: 0.04rem;
	}
	.SecuBlk .txt strong{
		font-size: 3.906vw;
		line-height: 1.263;
		letter-spacing: 0.04rem;
	}
	.SecuBlk .SecuCatch{
		font-size: 3.906vw;
		margin-bottom: 7.221%!important;
		padding-top: 10.817%;
	}
	.SecuBlk .SecuCatch p{ letter-spacing: 0.2rem; }

	.SecuBlk .B01 .map{ width: 100%; }
	.SecuBlk .B02{ margin: 11.628% 0 11.628%; }

	.SecuBlk .B02 ul li{
		width: 100%;
		margin: 0 0 5.814%!important;
	}
	.SecuBlk .B02 ul li:last-child{ margin-bottom: 0!important; }

	.SecuBlk .B02 ul li .img{ width: 29.070%; }
	.SecuBlk .B02 ul li .txt{
		width: 70.930%;
		padding-left: 4.360%;
		margin-top: -0.857%;
	}
	.SecuBlk .B02 ul li .txt strong{
		margin-bottom: 2.155%;
	}
	.SecuBlk .B03{ margin-bottom: 7.802%; }
	.SecuBlk .B03 .colorBox{
		width: 100%;
		padding: 5.414% 5.814% 8.721%;
		margin: 0 0 11.628%;
	}
	.SecuBlk .B03 .colorBox p{ display: inline-block; vertical-align: top; }
	.SecuBlk .B03 .colorBox .t01{
		width: 60.033%;/*365*/
		padding-right: 4.112%;
		box-sizing: border-box;
		margin-bottom: 5.979%;
	}
	.SecuBlk .B03 .colorBox .t01 strong{ margin-bottom: 4.179%; letter-spacing: 0.02rem; }
	.SecuBlk .B03 .colorBox .img01{ width: 39.638%; margin: 8.7% 0 4.379%; }/*241*/
	.SecuBlk .B03 .colorBox .t02{ width: 100%; margin-bottom: 0; }
	.SecuBlk .B03 .colorBox .t02 span.pc{ display: none; }
	.SecuBlk .B03 .colorBox .t02 span.sp img{ display: block; }
	.SecuBlk .B03 .colorBox .t02 span{ font-size: 3.385vw; }
	.SecuBlk .B03 .colorBox .t02 .ts01{
		margin: 0 auto 2.689%;
		text-align: center;
		display: block;
	}
	.SecuBlk .B03 .colorBox .t02 .ts02{
		padding: 2.189% 0;
		margin: 0 auto 3.512%;
		text-align: center;
		display: block;
	}
	.SecuBlk .B03 .colorBox .img02.pc{ display: none; }/*297*/
	.SecuBlk .B03 .colorBox .img02.sp{
		display: inline-block;
		width: 50.849%;
		margin-top: 1.1%;
		float: right; clear: both;
		position: relative;
	}
	.SecuBlk .B03 .colorBox .img02.sp img{ width: 98.245%; }/*297*/
	.SecuBlk .B03 .sysBox{ width: 100%; }
	.SecuBlk .B03 .sysBox .inner .txt{ width: 100%; padding-right: 0%; margin-bottom: 5.214%; }
	.SecuBlk .B03 .sysBox .inner .txt strong{ margin-bottom: 1.607%; }
	.SecuBlk .B03 .sysBox .inn01{ margin-bottom: 16.515%; }
	.SecuBlk .B03 .sysBox .inn01 .txt span{
		font-size: 2.604vw;
		line-height: 1.5;
		margin-top: 0;
	}
	.SecuBlk .B03 .sysBox .inn01 .img{ width: 100%; }
	.SecuBlk .B03 .sysBox .inn02 .img{ width: 100%; }
	.SecuBlk .B03 .img::before{
		font-size: 2.604vw;
	}
	.SecuBlk .B03 .colorBox .img02.sp::before{
		font-size: 2.604vw;
		position: absolute;
		right: -0.8%;
		bottom: -7.9%;
	}
	.SecuBlk .B03 .sysBox .img::before{
		right: 0;
		bottom: -6.2%;
	}
}

/* 施工実績・サービス */
.PerfBlk{
	width: 1110px;
	margin: auto;
}
.PerfBlk .txt{
	font-size: 14px;
	line-height: 1.286;
	letter-spacing: 0.04rem;
}
.PerfBlk .txt strong{
	width: 100%;
	text-align: center;
	display: block;
	font-size: 23px;
	font-weight: normal;
	background-color: #958244;
	color: #fff;
	line-height: 1.263;
	letter-spacing: 0.04rem;
	padding: 12px 0 13px;
	margin-bottom: 18px;
}
.PerfBlk .txt strong span{
	font-size: 18px;
	color: #fff;
}
.PerfBlk .indent{
	padding-left:1em;
	text-indent:-1em;
}
.PerfBlk .PerfCatch{
	text-align: center;
	font-size: 30px;
	margin-bottom: 49px!important;
	padding-top: 114px;
}
.PerfBlk .PerfCatch p{ letter-spacing: 0.2rem; }

.PerfBlk .Box .ttl{
	width: 100%;
	font-size: 23px;
	margin-bottom: 23px;
	text-align: center;
}
.PerfBlk .Box .ttl span{
	display: block;
	width: 100%;
	background: #111413;
	color: #fff;
	padding: 9px 0 6px;
	margin-bottom: 24px;
}
.PerfBlk .Box .img{ widch: 100%; }
.PerfBlk .B01{ margin-bottom: 50px; }
.PerfBlk .PCatch02{ padding-top: 111px; margin-bottom: 60px!important; }
.PerfBlk .B02,
.PerfBlk .B03{ margin-bottom: 84px; }
.PerfBlk .B03 ul{ font-size: 0; line-hight: 0; etter-spacing:0; }
.PerfBlk .B03 ul li{ display: inline-block; width: 310px; margin-bottom: 29px; vertical-align: top; }
.PerfBlk .B03 ul li:nth-child(2){ width: 390px; margin: 0 30px 40px; }
.PerfBlk .B03 ul li:nth-child(3){ width: 350px; }
.PerfBlk .B03 ul li:last-child{ margin-bottom: 0; }
.PerfBlk .B03 ul li .t01{ margin-bottom: 21px; }
.PerfBlk .B03 ul li:nth-child(2) .t01{ margin-bottom: 18px; }
.PerfBlk .B03 ul li:nth-child(3) .t01{ margin-bottom: 39px; }
.PerfBlk .B03 ul li .img{ width: 100%; margin-bottom: 15px; }
.PerfBlk .B03 ul li:nth-child(3) .img{ margin-bottom: 0; }
.PerfBlk .B03 ul li .imgcap .cap{ font-size: 12px; line-height: 1.5; letter-spacing: 0.04rem; }

.PerfBlk .B03 ul li.wide{ width: 100%; }
.PerfBlk .B03 ul li.wide .inner p{
	display: inline-block;
	vertical-align: top;
}
.PerfBlk .B03 ul li.wide .inner strong{
	display: block;
	width: 100%;
	background-color: #111413;
	color: #fff;
	font-size: 18px;
	padding: 5px 0 4px 20px;
	box-sizing: border-box;
	margin-bottom: 18px;
}
.PerfBlk .B03 ul li.wide .inn01 span{ display: block; }
.PerfBlk .B03 ul li.wide .inn01{ width: 540px; }
.PerfBlk .B03 ul li.wide .inn02{ width: 265px; margin: 0 20px 0 30px; }
.PerfBlk .B03 ul li.wide .inn03{ width: 255px; }

@media screen and (max-width: 1120px){
	.PerfBlk{
		width: 99.107%;
	}
	.PerfBlk .txt{
		font-size: 1.250vw;
		line-height: 1.286;
		letter-spacing: 0.04rem;
	}
	.PerfBlk .txt strong{ /*310*/
		font-size: 2.054vw;
		line-height: 1.263;
		letter-spacing: 0.04rem;
		padding: 3.871% 0 4.194%;/*12 0 13*/
		margin-bottom: 5.806%;/*18*/
	}
	.PerfBlk .txt strong span{
		font-size: 1.607vw;
	}
	.PerfBlk .PerfCatch{
		font-size: 2.679vw;
		margin-bottom: 4.414%!important;
		padding-top: 10.270%;
	}
	.PerfBlk .PerfCatch p{ letter-spacing: 0.2rem; }

	.PerfBlk .Box .ttl{
		font-size: 2.054vw;
		margin-bottom: 2.072%;
	}
	.PerfBlk .Box .ttl span{
		padding: 0.811% 0 0.541%;
		margin-bottom: 2.162%;
	}
	.PerfBlk .B01{ margin-bottom: 4.505%; }
	.PerfBlk .PCatch02{ padding-top: 10.000%; margin-bottom: 5.405%!important; }
	.PerfBlk .B02,
	.PerfBlk .B03{ margin-bottom: 7.568%; }
	.PerfBlk .B03 ul li{ width: 27.928%; margin-bottom: 2.613%; }/*310*/
	.PerfBlk .B03 ul li:nth-child(2){ width: 35.135%; margin: 0 2.703% 3.604%; }/*390*/
	.PerfBlk .B03 ul li:nth-child(3){ width: 31.532%; }/*350*/
	.PerfBlk .B03 ul li:last-child{ margin-bottom: 0; }
	.PerfBlk .B03 ul li .t01{ margin-bottom: 6.774%; }
	.PerfBlk .B03 ul li:nth-child(2) .t01{ margin-bottom: 4.615%; }
	.PerfBlk .B03 ul li:nth-child(3) .t01{ margin-bottom: 11.143%; }
	.PerfBlk .B03 ul li.wide .t01{ margin-bottom: 1.892%; }
	.PerfBlk .B03 ul li:nth-child(2) .txt strong{
		padding: 3.077% 0 3.333%;/*12 0 13*/
		margin-bottom: 4.615%;/*18*/
	}
	.PerfBlk .B03 ul li:nth-child(3) .txt strong{
		padding: 3.429% 0 3.714%;/*12 0 13*/
		margin-bottom: 5.143%;/*18*/
	}
	.PerfBlk .B03 ul li.wide .txt strong{
		padding: 1.081% 0 1.171%;/*12 0 13*/
		margin-bottom: 1.622%;/*18*/
	}
	.PerfBlk .B03 ul li .img{ margin-bottom: 4.839%; }
	.PerfBlk .B03 ul li:nth-child(3) .img{ margin-bottom: 0; }
	.PerfBlk .B03 ul li .imgcap .cap{ font-size: 1.071vw; line-height: 1.5; letter-spacing: 0.04rem; }

	.PerfBlk .B03 ul li.wide .inner strong{
		font-size: 1.607vw;
		padding: 0.926% 0 0.741% 3.704%;
		margin-bottom: 3.333%;
	}
	.PerfBlk .B03 ul li.wide .inn02 strong{ padding: 1.887% 0 1.509% 7.547%; margin-bottom: 6.792%; }
	.PerfBlk .B03 ul li.wide .inn01{ width: 48.649%; }/*540*/
	.PerfBlk .B03 ul li.wide .inn02{ width: 23.874%; margin: 0 1.802% 0 2.703%; }/*265*/
	.PerfBlk .B03 ul li.wide .inn03{ width: 22.973%; }/*255*/
}
@media screen and (max-width: 768px){
	.PerfBlk{
		width: 89.583%;
	}
	.PerfBlk .txt{
		font-size: 3.125vw;
		line-height: 1.5;
		letter-spacing: 0.04rem;
	}
	.PerfBlk .txt strong{
		font-size: 4.167vw;
		line-height: 1.263;
		letter-spacing: 0.04rem;
		padding: 2.08% 0 2.180%!important;
		margin-bottom: 2.96%!important;
	}
	.PerfBlk .txt strong span{
		font-size: 3.125vw;
	}
	.PerfBlk .PerfCatch{
		font-size: 3.906vw;
		margin-bottom: 10.321%!important;
		padding-top: 10.817%;
	}
	.PerfBlk .PerfCatch p{ letter-spacing: 0.2rem; }

	.PerfBlk .Box .ttl{
		font-size: 4.167vw;
		margin-bottom: 5.214%;
	}
	.PerfBlk .Box .ttl span{
		font-size: 3.906vw;
		padding: 1.707% 0 1.707%!important;
		margin-bottom: 5.767%!important;
	}
	.PerfBlk .B01{ margin-bottom: 15.988%; }
	.PerfBlk .PCatch02{ padding-top: 16.542%; margin-bottom: 9.401%!important; }
	.PerfBlk .B02,
	.PerfBlk .B03{ margin-bottom: 5.595%; }
	.PerfBlk .B03 ul li{ width: 100%!important; margin-bottom: 7.294%; }
	.PerfBlk .B03 ul li:nth-child(2){ margin: 0 0 7.994%; }
	.PerfBlk .B03 ul li:nth-child(3){ margin-bottom: 8.194%; }
	.PerfBlk .B03 ul li:last-child{ margin-bottom: 0; }
	.PerfBlk .B03 ul li .t01{ margin-bottom: 3.26%!important; }
	.PerfBlk .B03 ul li .img{ margin-bottom: 3.56%; }
	.PerfBlk .B03 ul li:nth-child(3) .img{ margin-bottom: 0; }
	.PerfBlk .B03 ul li .imgcap .cap, .PerfBlk .B03 ul li:first-child .indent{ font-size: 2.604vw; line-height: 1.5; letter-spacing: 0.04rem; }

	.PerfBlk .B03 ul li.wide .inner p{ width: 100%!important; }
	.PerfBlk .B03 ul li.wide .inner strong{
		font-size: 3.646vw;
		padding: 2.307% 0 2.207%!important;
		margin-bottom: 3.16%!important;
		text-align: center;
	}
	.PerfBlk .B03 ul li.wide .inn02{ margin: 4.187% 0 0; }
	.PerfBlk .B03 ul li.wide .inn03.pc{ display: none; }
	.PerfBlk .B03 ul li.wide .inn03.sp{ display: inline-block; width: 56.831%!important; margin-left: 5.087%; float: right; clear: both; }
}

/* 省エネ・その他 */
.EneBlk{ width: 1110px; margin: auto; }
.EneBlk .txt{
	font-size: 14px;
	line-height: 1.286;
	letter-spacing: 0.04rem;
}
.EneBlk .txt strong{
	display: block;
	font-size: 23px;
	font-weight: normal;
	line-height: 1.263;
	letter-spacing: 0.04rem;
}
.EneBlk .cap{
	display: block;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.04rem;
}
.EneBlk .EneCatch{
	text-align: center;
	font-size: 30px;
	margin-bottom: 47px!important;
	padding-top: 114px;
}
.EneBlk .B02 .EC02{ margin-bottom: 50px!important; }
.EneBlk .B03 .EC03{ margin-bottom: 50px!important; }
.EneBlk .B03 .EC04{ margin-bottom: 43px!important; }
.EneBlk .EneCatch p{ letter-spacing: 0.2rem; }

.EneBlk .B01 .txt strong{
	display: block;
	font-size: 23px;
	color: #ef858c;
	margin-bottom: 14px;
}
.EneBlk .B01 .txt{ margin-bottom: 20px; }
.EneBlk .B01 .img{ width: 100%; margin-bottom: 16px; }

.EneBlk .B02 ul{
	font-size: 0;
	letter-spacing: 0;
	line-height: 0;
	display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.EneBlk .B02 ul li{
	width: 540px;
	margin-bottom: 30px;
	background-color: #efefef;
	padding: 26px 30px 30px;
	box-sizing: border-box;

}
.EneBlk .B02 ul li:nth-child(2n-1){ margin-right: 30px; }
.EneBlk .B02 ul li:nth-last-child(1), .EneBlk .B02 ul li:nth-last-child(2){ margin-bottom: 0; }
.EneBlk .B02 ul li .txt strong{
	display: block;
	margin-bottom: 14px;
}
.EneBlk .B02 ul li .img{ margin: auto; position: relative; }
.EneBlk .B02 ul li .img::before{
	content: "概念図";
	display: inline-block;
		font-size: 12px;
		font-family: "FP-ヒラギノ明朝 ProN W3";
		position: absolute;
	right: 0;
}
.EneBlk .B02 ul li:first-child p{ display: inline-block; vertical-align: top; }
.EneBlk .B02 ul li:first-child .img{
	width: 201px!important;
	margin-left: 15px;
	margin-top: 45px;
	float: right;
	clear: both;
}
.EneBlk .B02 ul li:first-child .img::before{ bottom: 20px; right: 7px; }
.EneBlk .B02 ul li:nth-child(2) .txt{ margin-bottom: 20px; }
.EneBlk .B02 ul li:nth-child(2) .img{ width: 434px; }
.EneBlk .B02 ul li:nth-child(2) .img::before{ bottom: -10px; }
.EneBlk .B02 ul li:nth-child(3) .txt{ margin-bottom: 20px; }
.EneBlk .B02 ul li:nth-child(3) .img{ width: 329px; }
.EneBlk .B02 ul li:nth-child(3) .img::before{ content: " "; }

.EneBlk .B03 .inner .ttl{
	width: 100%;
	margin-bottom: 30px;
}
.EneBlk .B03 .inner .ttl p{
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 18px;
	line-height: 1;
	box-sizing:border-box;
}
.EneBlk .B03 .inner .ttl .ttl-1{
	width: 200px;
	text-align: center;
	padding: 14px 0 15px;
}
.EneBlk .B03 .inner .ttl .ttl-2{ font-size: 23px; padding: 11px 24px 13px 26px; }
.EneBlk .B03 .inner .ttl .ttl-3{ padding: 15px 30px 14px 0; }
.EneBlk .B03 .inner ul{ font-size: 0; letter-spacing: 0; line-height: 0; }
.EneBlk .B03 .in01{ margin-bottom: 78px; }
.EneBlk .B03 .in02{ margin-bottom: 80px; }
.EneBlk .B03 .in01 .ttl{ background-color: #5b942d; }
.EneBlk .B03 .in01 .ttl .ttl-1{ background-color: #6fbb32; }
.EneBlk .B03 .in02 .ttl{ background-color: #bc2c00; }
.EneBlk .B03 .in02 .ttl .ttl-1{ background-color: #e74818; }
.EneBlk .B03 .in03 .ttl{ background-color: #084a74; }
.EneBlk .B03 .in03 .ttl .ttl-1{ background-color: #3286bb; }

.EneBlk .B03 .in01 ul li{
	display: inline-block;
	vertical-align: top;
	width: 255px;
	margin: 0 30px 17px 0;
}
.EneBlk .B03 .in01 ul li:nth-child(4){ margin-right: 0; }
.EneBlk .B03 .in01 ul li:nth-last-child(1), .EneBlk .B03 .in01 ul li:nth-last-child(2){ margin-bottom: 0; }
.EneBlk .B03 .in01 ul li .img{ margin-bottom: 12px; }
.EneBlk .B03 .in01 ul li .txt strong{
	color: #6fbb32;
	font-size: 19px;
}
.EneBlk .B03 .in01 ul li:nth-last-child(2) .txt strong{ margin-bottom: 10px; }
.EneBlk .B03 .in01 ul li:last-child{
	width: 825px;
	background-color: #efefef;
	padding: 43px 40px 44px;
	box-sizing: border-box;
	margin-right: 0;
}
.EneBlk .B03 .in01 ul li:last-child .txt{ margin-bottom: 27px; }
.EneBlk .B03 .in01 ul li:last-child .txt .name{ font-size: 23px; margin-bottom: 13px; }
.EneBlk .B03 .in01 ul li .waku span{
	display: inline-block;
	vertical-align: top;
	border: 2px solid #6fbb32;
	background-color: #fff;
	width: 365px;
	text-align: center;
	font-size: 21px;
	line-height: 1;
	color: #6fbb32;
	padding: 36px 0 40px;
	box-sizing: border-box;
}
.EneBlk .B03 .in01 ul li .waku span:first-child{ margin-right: 15px; }
.EneBlk .B03 .in01 ul li .waku span:last-child{ padding: 28px 0 27px; }
.EneBlk .B03 .in02 ul li{
	display: inline-block;
	vertical-align: top;
	border: 2px solid #e74818;
	width: 360px;
	text-align: center;
	font-size: 16px;
	line-height: 1.625;
	color: #e74818;
	padding: 24px 0 23px;
	box-sizing: border-box;
}
.EneBlk .B03 .in02 ul li strong{
	color: #e74818;
	font-size: 21px;
}
.EneBlk .B03 .in02 ul li span{
	display: inline-block;
	vertical-align: middle;
	color: #e74818;
}
.EneBlk .B03 .in02 ul li:first-child{ padding: 12px 0 9px; }
.EneBlk .B03 .in02 ul li:nth-child(2){ margin: 0 15px; }
.EneBlk .B03 .in03 ul li{
	display: inline-block;
	vertical-align: top;
	width: 350px;
	margin-bottom: 30px;
}
.EneBlk .B03 .in03 ul li:nth-last-child(2){ margin: 0 30px 30px 30px; }
.EneBlk .B03 .in03 ul li .img{ margin-bottom: 9px; }
.EneBlk .B03 .in03 ul li .txt{
	font-size: 16px;
	line-height: 1.625;
	text-align: center;
}
.EneBlk .B03 .in03 ul li .txt strong{
	font-size: 19px;
	color: #3286bb;
}
.EneBlk .B03 .in03 .color{ background-color: #efefef; font-size: 0; letter-spacing: 0; line-height: 0; }
.EneBlk .B03 .in03 .color p{ font-size: 0; line-height: 0; letter-spacing: 0; }
.EneBlk .B03 .in03 .color .img.pc{
	display: inline-block;
	vertical-align: top;
	width: 369px;
}
.EneBlk .B03 .in03 .color .img.sp{ display: none; }
.EneBlk .B03 .in03 .color .itemBox{
	display: inline-block;
	vertical-align: top;
	width: 735px;
	padding: 37px 50px 34px 44px;
	box-sizing: border-box;
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
}
.EneBlk .B03 .in03 .color .itemBox .ttl{
	font-size: 19px;
	line-height: 1;
	background-color: inherit;
	color: #3286bb;
	margin-bottom: 18px;
}
.EneBlk .B03 .in03 .color .itemBox .fstwrap{
	display: inline-block;
	vertical-align: top;
	width: 360px;
}
.EneBlk .B03 .in03 .color .itemBox .fstwrap p, .EneBlk .B03 .in03 .color .itemBox .lstwrap p{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.714;
}
.EneBlk .B03 .in03 .color .itemBox .fstwrap p:first-child{ width: 215px; }
.EneBlk .B03 .in03 .color .itemBox .lstwrap{
	display: inline-block;
	vertical-align: top;
	width: 280px;
}
.EneBlk .B03 .in03 .color .itemBox .lstwrap p:first-child{ width: 121px; }

.EneBlk .B03,
.EneBlk .B04{ margin-bottom: 114px; }
.EneBlk .B04 .innerWrap{ display: inline-block; vertical-align: top; }
.EneBlk .B04 .iW01{
	width: 529px;
		margin-right: 35px;
}
.EneBlk .B04 .iW02{ width: 540px; }
.EneBlk .B04 .iW01 div .ttl{
	color: #bba932;
	font-size: 23px;
	line-height: 1.304;
	margin-bottom: 12px;
}
.EneBlk .B04 .iW01 div .txt img{ float: right; clear: both; }
.EneBlk .B04 .iW01 div .txt .cap{ display: block; }
.EneBlk .B04 .iW01 .inn01{ margin-bottom: 32px; }
.EneBlk .B04 .iW01 .inn01 .txt img{
	width: 265px!important;
	margin: 15px 0 15px 38px;
}
.EneBlk .B04 .iW01 .inn02 .ttl{ font-size: 18px; }
.EneBlk .B04 .iW01 .inn02 .txt img{
	width: 268px!important	;
	margin: 0 0 0 39px;
}
.EneBlk .B04 .iW02 div{ background: #f0f0f0; }
.EneBlk .B04 .iW02 div p{ display: inline-block; vertical-align: top; }
.EneBlk .B04 .iW02 div .img{ width: 255px; }
.EneBlk .B04 .iW02 div .txt{
	width: 279px;
	box-sizing: border-box;
}
.EneBlk .B04 .iW02 div .txt strong{
	color: #bba932;
	font-size: 19px;
	margin-bottom: 12px;
}
.EneBlk .B04 .iW02 .inn01{ margin-bottom: 10px; }
.EneBlk .B04 .iW02 .inn01 .txt{ padding: 49px 34px 0 35px; }
.EneBlk .B04 .iW02 .inn02 .txt{ padding: 40px 34px 0 35px; }

@media screen and (max-width: 1120px){
	.EneBlk{ width: 99.107%; }
	.EneBlk .txt{
		font-size: 1.250vw;
		line-height: 1.286;
		letter-spacing: 0.04rem;
	}
	.EneBlk .txt strong{
		font-size: 2.054vw;
		line-height: 1.263;
		letter-spacing: 0.04rem;
	}
	.EneBlk .cap{
		font-size: 1.071vw;
		line-height: 1.5;
		letter-spacing: 0.04rem;
	}
	.EneBlk .EneCatch{
		font-size: 2.679vw;
		margin-bottom: 4.414%!important;
		padding-top: 10.270%;
	}
	.EneBlk .B02 .EC02{ margin-bottom: 4.414%!important; }
	.EneBlk .B03 .EC03{ margin-bottom: 4.414%!important; }
	.EneBlk .B03 .EC04{ margin-bottom: 4.414%!important; }

	.EneBlk .B01 .txt strong{
		font-size: 2.054vw;
		margin-bottom: 1.261%;
	}
	.EneBlk .B01 .txt{ margin-bottom: 1.802%; }
	.EneBlk .B01 .img{ margin-bottom: 1.441%; }

	.EneBlk .B02 ul li{
		width: 48.649%;/*540/480*/
		margin-bottom: 2.703%;
		padding: 2.342% 2.703% 2.703%;

	}
	.EneBlk .B02 ul li:nth-child(2n-1){ margin-right: 2.703%; }
	.EneBlk .B02 ul li:nth-last-child(1), .EneBlk .B02 ul li:nth-last-child(2){ margin-bottom: 0; }
	.EneBlk .B02 ul li .txt strong{
		margin-bottom: 2.593%;
	}
	.EneBlk .B02 ul li .img::before{
		font-size: 1.071vw;
	}
	.EneBlk .B02 ul li:first-child .img{
		width: 41.875%!important;/*201*/
		margin-left: 3.125%;
		margin-top: 9.375%;
	}
	.EneBlk .B02 ul li:first-child .img::before{ bottom: 8.925%; right: 3.975%; }
	.EneBlk .B02 ul li:nth-child(2) .txt{ margin-bottom: 3.704%; }
	.EneBlk .B02 ul li:nth-child(2) .img{ width: 90.417%; }/*434*/
	.EneBlk .B02 ul li:nth-child(2) .img::before{ bottom: -8.775%; }
	.EneBlk .B02 ul li:nth-child(3) .txt{ margin-bottom: 3.704%; }
	.EneBlk .B02 ul li:nth-child(3) .img{ width: 68.542%; }/*329*/
	.EneBlk .B02 ul li:nth-child(3) .img::before{ content: " "; }

	.EneBlk .B03 .inner .ttl{
		margin-bottom: 2.703%;
	}
	.EneBlk .B03 .inner .ttl p{
		font-size: 1.607vw;
	}
	.EneBlk .B03 .inner .ttl .ttl-1{
		width: 18.018%;/*200*/
		padding: 1.261% 0 1.351%;
	}
	.EneBlk .B03 .inner .ttl .ttl-2{ font-size: 2.054vw; padding: 0.991% 2.162% 1.171% 2.342%; }
	.EneBlk .B03 .inner .ttl .ttl-3{ padding: 1.351% 2.703% 1.261% 0; }
	.EneBlk .B03 .in01{ margin-bottom: 7.027%; }
	.EneBlk .B03 .in02{ margin-bottom: 7.207%; }

	.EneBlk .B03 .in01 ul li{
		width: 22.973%;/*255*/
		margin: 0 2.703% 1.532% 0;
	}
	.EneBlk .B03 .in01 ul li:nth-child(4){ margin-right: 0; }
	.EneBlk .B03 .in01 ul li:nth-last-child(1), .EneBlk .B03 .in01 ul li:nth-last-child(2){ margin-bottom: 0; }
	.EneBlk .B03 .in01 ul li .img{ margin-bottom: 4.706%; }
	.EneBlk .B03 .in01 ul li .txt strong{
		font-size: 1.696vw;
	}
	.EneBlk .B03 .in01 ul li:nth-last-child(2) .txt strong{ margin-bottom: 3.922%; }
	.EneBlk .B03 .in01 ul li:last-child{
		width: 74.324%;/*825→745*/
		padding: 3.874% 3.604% 3.964%;
	}
	.EneBlk .B03 .in01 ul li:last-child .txt{ margin-bottom: 3.273%; }
	.EneBlk .B03 .in01 ul li:last-child .txt .name{ font-size: 2.054vw; margin-bottom: 1.576%; }
	.EneBlk .B03 .in01 ul li .waku span{
		width: 48.993%;/*365*/
		font-size: 1.875vw;
		padding: 4.832% 0 5.369%;
	}
	.EneBlk .B03 .in01 ul li .waku span:first-child{ margin-right: 2.013%; }
	.EneBlk .B03 .in01 ul li .waku span:last-child{ padding: 3.758% 0 3.624%; }
	.EneBlk .B03 .in02 ul li{
		width: 32.432%;/*360*/
		font-size: 1.429vw;
		line-height: 1.625;
		padding: 2.162% 0 2.072%;
	}
	.EneBlk .B03 .in02 ul li strong{
		font-size: 1.875vw;
	}
	.EneBlk .B03 .in02 ul li:first-child{ padding: 1.081% 0 0.811%; }
	.EneBlk .B03 .in02 ul li:nth-child(2){ margin: 0 1.351%; }
	.EneBlk .B03 .in03 ul li{
		width: 31.532%;/*350*/
		margin-bottom: 2.703%;
	}
	.EneBlk .B03 .in03 ul li:nth-last-child(2){ margin: 0 2.703% 2.703% 2.703%; }
	.EneBlk .B03 .in03 ul li .img{ margin-bottom: 2.571%; }
	.EneBlk .B03 .in03 ul li .txt{
		font-size: 1.429vw;
		line-height: 1.625;
		text-align: center;
	}
	.EneBlk .B03 .in03 ul li .txt strong{
		font-size: 1.696vw;
	}
	.EneBlk .B03 .in03 .color .img{
		width: 33.243%;/*369*/
	}
	.EneBlk .B03 .in03 .color .itemBox{
		width: 65.216%;/*735→641*/
		width: 58.216%;/*735→641*/
		padding: 3.333% 4.505% 3.063% 3.964%;
		padding: 3.333% 2.505% 3.063% 3.964%;
	}
	.EneBlk .B03 .in03 .color .itemBox .ttl{
		font-size: 1.696vw;
		line-height: 1;
		background-color: inherit;
		color: #3286bb;
		margin-bottom: 2.808%;
	}
	.EneBlk .B03 .in03 .color .itemBox .fstwrap{
		width: 52.162%;/*360*/
	}
	.EneBlk .B03 .in03 .color .itemBox .fstwrap p, .EneBlk .B03 .in03 .color .itemBox .lstwrap p{
		font-size: 1.250vw;
		line-height: 1.714;
	}
	.EneBlk .B03 .in03 .color .itemBox .fstwrap p:first-child{ width: 63.722%; }/*215*/
	.EneBlk .B03 .in03 .color .itemBox .fstwrap p:lst-child{ width: 40.278%; }/*145*/
	.EneBlk .B03 .in03 .color .itemBox .lstwrap{
		display: inline-block;
		vertical-align: top;
		width: 47.682%;/*280*/
		padding-left: 2%;
			box-sizing: border-box;
	}
	.EneBlk .B03 .in03 .color .itemBox .lstwrap p:first-child{ width: 39.614%; }/*121*/

	.EneBlk .B03,
	.EneBlk .B04{ margin-bottom: 10.270%; font-size: 0; }
	.EneBlk .B04 .iW01{
		width: 47.658%;/*529*/
		margin-right: 3.153%;
	}
	.EneBlk .B04 .iW02{ width: 48.649%; }/*540*/
	.EneBlk .B04 .iW01 div .ttl{
		font-size: 2.054vw;
		line-height: 1.304;
		margin-bottom: 2.268%;
	}
	.EneBlk .B04 .iW01 .inn01{ margin-bottom: 6.049%; }
	.EneBlk .B04 .iW01 .inn01 .txt img{
		width: 50.095%!important;/*265*/
		margin: 2.836% 0 2.836% 7.183%;
	}
	.EneBlk .B04 .iW01 .inn02 .ttl{ font-size: 1.607vw; }
	.EneBlk .B04 .iW01 .inn02 .txt img{
		width: 50.662%!important;/*268*/
		margin: 0 0 0 7.372%;
	}
	.EneBlk .B04 .iW02 div{ font-size: 0; }
	.EneBlk .B04 .iW02 div .img{ width: 47.222%; }/*255*/
	.EneBlk .B04 .iW02 div .txt{
		width: 51.667%;/*279→210*/
		box-sizing: border-box;
	}
	.EneBlk .B04 .iW02 div .txt strong{
		font-size: 1.696vw;
		margin-bottom: 5.714%;
	}
	.EneBlk .B04 .iW02 .inn01{ margin-bottom: 1.852%; }
	.EneBlk .B04 .iW02 .inn01 .txt{ padding: 8.363% 5.786% 0 6.245%; }
	.EneBlk .B04 .iW02 .inn02 .txt{ padding: 7.363% 5.786% 0 6.245%; }
}
@media screen and (max-width: 768px){
	.EneBlk{ width: 89.583%; }
	.EneBlk .txt{
		font-size: 3.125vw;
		line-height: 1.286;
		letter-spacing: 0.04rem;
	}
	.EneBlk .txt strong{
		font-size: 3.906vw;
		line-height: 1.263;
		letter-spacing: 0.04rem;
	}
	.EneBlk .cap{
		font-size: 2.604vw;
		line-height: 1.5;
		letter-spacing: 0.04rem;
	}
	.EneBlk .EneCatch{
		font-size: 3.906vw;
		margin-bottom: 9.921%!important;
		padding-top: 10.321%!important;
	}
	.EneBlk .B02 .EC02{ margin-bottom: 9.921%!important; padding-top: 16.669%!important; }
	.EneBlk .B03 .EC03{ margin-bottom: 6.221%!important; padding-top: 16.669%!important; }
	.EneBlk .B04 .EC04{ margin-bottom: 9.221%!important; padding-top: 16.669%!important; }

	.EneBlk .B01 .txt strong{
		font-size: 3.906vw;
		margin-bottom: 2.234%;
	}
	.EneBlk .B01 .txt{ margin-bottom: 8.748%; }
	.EneBlk .B01 .img{ margin-bottom: 5.1%; }

	.EneBlk .B02 ul{ display: block; }
	.EneBlk .B02 ul li{
		width: 100%;
		margin-bottom: 4.360%!important;
		padding: 5.214% 5.814% 5.314%;

	}
	.EneBlk .B02 ul li:nth-child(2n-1){ margin-right: 0; }
	.EneBlk .B02 ul li:nth-last-child(1){ margin-bottom: 0!important; }
	.EneBlk .B02 ul li .txt strong{
		margin-bottom: 2.589%;
	}
	.EneBlk .B02 ul li .img::before{
		font-size: 2.604vw;
	}
	.EneBlk .B02 ul li:first-child .img{
		width: 45.559%!important;
		margin-left: 4.025%;
		margin-top: 9.375%;
	}
	.EneBlk .B02 ul li:first-child .img::before{ bottom: 0; right: 0; }
	.EneBlk .B02 ul li:nth-child(2) .txt{ margin-bottom: 4.234%; }
	.EneBlk .B02 ul li:nth-child(2) .img{ width: 99.671%; margin-bottom: 4.2%; }
	.EneBlk .B02 ul li:nth-child(2) .img::before{ bottom: -10.775%; }
	.EneBlk .B02 ul li:nth-child(3) .txt{ margin-bottom: 4.234%; }
	.EneBlk .B02 ul li:nth-child(3) .img{ width: 81.414%; }
	.EneBlk .B02 ul li:nth-child(3) .img::before{ content: " "; }

	.EneBlk .B03 .inner .ttl{
		margin-bottom: 4.360%;
	}
	.EneBlk .B03 .inner .ttl p{
		display: block;
		font-size: 3.385vw;
		text-align: center;
	}
	.EneBlk .B03 .inner .ttl .ttl-1{
		width: 100%;
		padding: 1.744% 0 2.044%;
	}
	.EneBlk .B03 .inner .ttl .ttl-2{ font-size: 3.906vw; padding: 2.907% 0 0.553%; }
	.EneBlk .B03 .inner .ttl .ttl-3{ font-size: 3.125vw;line-height: 1.5; padding: 0 0 2.507%; }
	.EneBlk .B03 .in01{ margin-bottom: 11.628%; }
	.EneBlk .B03 .in02{ margin-bottom: 11.628%; }

	.EneBlk .B03 .in01 ul li{
		width: 47.820%;
		margin: 0 4.360% 5.514% 0;
	}
	.EneBlk .B03 .in01 ul li:nth-child(2n){ margin-right: 0; }
	.EneBlk .B03 .in01 ul li:nth-last-child(1){ margin-bottom: 0; }
	.EneBlk .B03 .in01 ul li .img{ margin-bottom: 5.079%; }
	.EneBlk .B03 .in01 ul li .txt strong{
		font-size: 3.906vw;
	}
	.EneBlk .B03 .in01 ul li:nth-last-child(2){ margin-bottom: 5.9%; }
	.EneBlk .B03 .in01 ul li:nth-last-child(2) .txt strong{ margin-bottom: 2.059%; }
	.EneBlk .B03 .in01 ul li:last-child{
		width: 100%;
		padding: 3.86% 4.360% 4.360%;
	}
	.EneBlk .B03 .in01 ul li:last-child .txt{ margin-bottom: 2.285%; line-height: 1.5; }
	.EneBlk .B03 .in01 ul li:last-child .txt .name{ font-size: 3.906vw; margin-bottom: 1.781%; }
	.EneBlk .B03 .in01 ul li .waku span{
		width: 100%;
		font-size: 3.906vw;
		padding: 3.185% 0 3.185%!important;
	}
	.EneBlk .B03 .in01 ul li .waku span:first-child{ margin: 0 0 1.592%; }
	.EneBlk .B03 .in02 ul li{
		width: 100%;
		font-size: 3.385vw;
		line-height: 1.307;
		padding: 3.634% 0 3.634%!important;
	}
	.EneBlk .B03 .in02 ul li strong{
		font-size: 3.906vw;
	}
	.EneBlk .B03 .in02 ul li:nth-child(2){ margin: 1.453% 0; }
	.EneBlk .B03 .in03 ul{ margin-bottom: 12.355%; }
	.EneBlk .B03 .in03 ul li{
		width: 100%;
		margin-bottom: 4.360%;
	}
	.EneBlk .B03 .in03 ul li:nth-last-child(2){ margin: 0 0 12.355%; }
	.EneBlk .B03 .in03 ul li .img{
		display: inline-block; vertical-align: middle;
		width: 43.605%;
		margin-right: 4.360%;
		margin-bottom: 0;
	}
	.EneBlk .B03 .in03 ul li .txt{
		display: inline-block;
		vertical-align: middle;
		font-size: 3.125vw;
		line-height: 1.5;
		text-align: left;
	}
	.EneBlk .B03 .in03 ul li .txt strong{
		font-size: 3.906vw;
	}.EneBlk .B03 .in03 .color{
		padding: 5.814% 5.814% 5.814%;
		box-sizing: border-box;
	}
	.EneBlk .B03 .in03 .color .img.pc{ display: none; }
	.EneBlk .B03 .in03 .color .img.sp{
		display: block;
		width: 100%;
	}
	.EneBlk .B03 .in03 .color .itemBox{
		width: 100%;
		padding: 0;
		margin-bottom: 5.901%;
	}
	.EneBlk .B03 .in03 .color .itemBox .ttl{
		font-size: 3.906vw;
		line-height: 1;
		background-color: inherit;
		color: #3286bb;
		margin-bottom: 4.334%;
	}
	.EneBlk .B03 .in03 .color .itemBox .fstwrap{
		width: 57.553%;
	}
	.EneBlk .B03 .in03 .color .itemBox .fstwrap p, .EneBlk .B03 .in03 .color .itemBox .lstwrap p{
		font-size: 3.125vw;
		line-height: 1.5;
	}
	.EneBlk .B03 .in03 .color .itemBox .fstwrap p:first-child{ width: 100%; }
	.EneBlk .B03 .in03 .color .itemBox .fstwrap p:lst-child{ width: 100%; }
	.EneBlk .B03 .in03 .color .itemBox .lstwrap{
		display: inline-block;
		vertical-align: top;
		width: 42.447%;
	}
	.EneBlk .B03 .in03 .color .itemBox .lstwrap p:first-child{ width: 100%; }

	.EneBlk .B03,
	.EneBlk .B04{ margin-bottom: 18.169%; }
	.EneBlk .B04 .iW01{
		width: 100%;
		margin: 0 0 8.721%;
	}
	.EneBlk .B04 .iW02{ width: 100%; }
	.EneBlk .B04 .iW01 div .ttl{
		font-size: 3.906vw!important;
		line-height: 1.267;
		margin-bottom: 2.234%;
	}
	.EneBlk .B04 .iW01 .inn01{ margin-bottom: 7.748%; }
	.EneBlk .B04 .iW01 .inn01 .img{
		width: 76.017%!important;
		margin: 2.707% auto 0;
	}
	.EneBlk .B04 .iW02 div{ font-size: 0; }
	.EneBlk .B04 .iW01 .inn02 .img{
		width: 73.837%!important;
		margin: 1.934% auto 0;
	}
	.EneBlk .B04 .iW02 div .img{ width: 47.529%; }
	.EneBlk .B04 .iW02 div .txt{
		width: 51.671%;
		box-sizing: border-box;
	}
	.EneBlk .B04 .iW02 div .txt strong{
		font-size: 3.706vw;
		margin-bottom: 6.667%;
	}
	.EneBlk .B04 .iW02 .inn01{ margin-bottom: 2.907%; }
	.EneBlk .B04 .iW02 .inn01 .txt{ padding: 4.360% 4.360% 0 4.360%; }
	.EneBlk .B04 .iW02 .inn01 .txt strong{ letter-spacing: -0.1rem; }
	.EneBlk .B04 .iW02 .inn02 .txt{ padding: 4.360% 4.360% 0 4.360%; }
	.EneBlk .B04 .iW02 .inn02 .txt .cap{ letter-spacing: -0.1rem; }
}

/* ユーズプラス */
@media screen and (max-width: 768px){
	#usplusAnchor.UsBlk{
		margin-top: -10.817%;
		padding-top: 10.817%;
	}
}




.UsBlk .inner-navi{ max-width: 1110px; margin: 50px auto 0; display: flex; display: -ms-flex; justify-content: space-between; }
.UsBlk .inner-navi .navi{ width: 24%; }
.UsBlk .inner-navi .navi a{ display: block; background-color: #ddd; text-align: center; padding: 10px 0; font-size: 16px; }
@media screen and (max-width: 1120px){
	.UsBlk .inner-navi .navi a{ font-size: 1.42vw; }
}
@media screen and (max-width: 768px){
	.UsBlk .inner-navi{ margin-top: 7%; }
	.UsBlk .inner-navi .navi a{ font-size: 1.95vw; }
}

.quality-switch{ width: 100%; background-color: #333; }
.quality-switch .tabWrap{ max-width: 1110px; margin-left: auto; margin-right: auto; }