@charset "UTF-8";

#ht-reasonReason,
#ht-reasonConcept,
#ht-reasonTech,
#ht-reasonEnvironment,
#ht-reasonSafety{
	font-size: 1.6rem;
	line-height:1.6;
}
#ht-reasonReason a:hover {
		opacity: .4;
	}
#ht-reasonReason a{
		-webkit-transition:background .2s ease,color .2s ease;
		-moz-transition:background .2s ease,color .2s ease;
		-o-transition:background .2s ease,color .2s ease;
		transition:background .2s ease,color .2s ease;
		-webkit-transition:opacity .3s ease;
		-moz-transition:opacity .3s ease;
		-o-transition:opacity .3s ease;
		transition:opacity .3s ease;
	}
#ht-reasonReason .ht-mainTxt h2{
	font-size:3.8rem;
	font-weight:700;
	color:#01916d;
	text-align:center;
	margin-bottom:20px;
	margin-top: -20px;
}
#ht-reasonReason .ht-mainTxt h2 span{
	font-size:2.4rem;
}
#ht-reasonReason .ht-mainTxt p{
	font-size:1.8rem;
}
#ht-reasonReason .ht-mainTxt figure{
	text-align:right;
	margin-top:30px;
}
#ht-reasonReason ul.ht-mainMenu p{
	font-size:1.4rem;
}
#ht-reasonConcept .ht-Cont p.cap01,
#ht-reasonTech .ht-Cont p.cap01,
#ht-reasonEnvironment .ht-mainTxt p.cap01,
#ht-reasonSafety .ht-mainTxt p.cap01{
	margin:50px 0;
	font-size:2.4rem;
	font-weight:700;
	text-align:center;
}
#ht-reasonConcept .ht-Cont dl{
	margin-bottom:50px;
}
#ht-reasonConcept .ht-Cont dl dd p,
#ht-reasonTech .ht-Cont dl dd p{
	margin-bottom:15px;
}
#ht-reasonConcept .ht-Cont dl dd span{
	font-weight:700;
	color:#01916d;
}
#ht-reasonTech .ht-Cont figure.pic01{
	margin:40px auto;
	text-align:center;
}
#ht-reasonEnvironment .ht-Cont .cap05{
	margin-top: 15px;
	display: inline-block;
}


@media screen and (min-width:769px){
	.sp_br{
		display: none;
	}
	.onlyforSP{display:none !important;}

	.ht-Menu{
		max-width:1200px;
		background-color:#eee;
		padding:60px;
		margin-bottom:100px;
	}
	.ht-Menu ul{
		margin: 0 auto;
		justify-content: space-between;
		flex-wrap: wrap;
		display: flex;
	}
	.ht-Menu li{
		margin-bottom:30px;
		position: relative;
		width: 48%;
		font-weight:700;
	}
	.ht-Menu li.menu05{
		margin:0 auto;
	}
	.ht-Menu .menu01 a,
	.ht-Menu .menu02 a,
	.ht-Menu .menu03 a,
	.ht-Menu .menu04 a{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:nowrap;
		flex-wrap:nowrap;
		-webkit-align-items:center;
		align-items:center;
		position:relative;
		width:90%;
		height:80px;
		margin:0 auto;
		padding: 15px 30px 15px 100px;
		color:#fff;
		border-radius:8px;
		background:#01916d;
		text-decoration:none;
		-webkit-transition:background .2s ease,color .2s ease;
		-moz-transition:background .2s ease,color .2s ease;
		-o-transition:background .2s ease,color .2s ease;
		transition:background .2s ease,color .2s ease;
		-webkit-transition:opacity .3s ease;
		-moz-transition:opacity .3s ease;
		-o-transition:opacity .3s ease;
		transition:opacity .3s ease;
		font-weight: 700;
		font-size:2rem;
	}
	.ht-Menu .menu05 a{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:nowrap;
		flex-wrap:nowrap;
		-webkit-align-items:center;
		-webkit-justify-content: center;
		justify-content: center;
		align-items:center;
		position:relative;
		width:460px;
		height:80px;
		margin:0 auto;
		color:#01916d;
		border-radius:8px;
		background:#fff;
		border:2px solid #01916d;
		text-decoration:none;
		-webkit-transition:background .2s ease,color .2s ease;
		-moz-transition:background .2s ease,color .2s ease;
		-o-transition:background .2s ease,color .2s ease;
		transition:background .2s ease,color .2s ease;
		-webkit-transition:opacity .3s ease;
		-moz-transition:opacity .3s ease;
		-o-transition:opacity .3s ease;
		transition:opacity .3s ease;
		font-weight: 700;
		font-size:2rem;
	}
	.ht-Menu a:before {
		content:"";
		background-size:contain;
		background-repeat:no-repeat;
		width: 60px;
		left: 20px;
		position:absolute;
	}
	.ht-Menu .menu01 a:before {
		height:60px;
		background-image:url(../../img/reason/icon01.jpg);
	}
	.ht-Menu .menu02 a:before {
		height:60px;
		background-image:url(../../img/reason/icon02.jpg);
	}
	.ht-Menu .menu03 a:before {
		height:60px;
		background-image:url(../../img/reason/icon03.jpg);
	}
	.ht-Menu .menu04 a:before {
		height:60px;
		background-image:url(../../img/reason/icon04.jpg);
	}
	.ht-Menu a:hover {
		opacity: .4;
	}
	#ht-reasonReason,
	#ht-reasonConcept,
	#ht-reasonTech{
		max-width:1200px;
		margin:40px auto;
	}
	#ht-reasonConcept .ht-Cont,
	#ht-reasonTech .ht-Cont,
	#ht-reasonEnvironment .ht-Cont{
		margin:50px 0;
		max-width:1200px;
	}
	#ht-reasonEnvironment .ht-main,
	#ht-reasonEnvironment .ht-Cont,
	#ht-reasonEnvironment .ht-Menu,
	#ht-reasonEnvironment .ht-mainTxtBox02,
	#ht-reasonSafety .ht-main,
	#ht-reasonSafety .ht-Cont,
	#ht-reasonSafety .ht-Menu{
		max-width:1200px;
		margin:0 auto;
	}

	#ht-reasonEnvironment,
	#ht-reasonSafety{
		margin-bottom:100px;
	}

	#ht-reasonEnvironment .ht-main,
	#ht-reasonSafety .ht-main{
		margin:40px auto 0;
	}
	#ht-reasonReason .btnWhite{
		display: block;
		width: 420px;
		margin: 60px auto 100px;
	}
	#ht-reasonReason .ht-main{
		width:100%;
		display: grid;
		grid-template-columns: 520px auto;
		margin-bottom: 40px;
	}
	#ht-reasonReason .ht-mainTxt p{
		padding:0 40px;
	}
	#ht-reasonReason .ht-mainTxt figure img{
		width:200px;
	}
	#ht-reasonReason .ht-mainMenu{
		width:100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap:100px;
		row-gap:40px;
		margin-bottom: 80px;
	}
	#ht-reasonReason .ht-mainMenu li p:nth-child(1){
		margin-bottom:10px;
	}
	#ht-reasonConcept .ht-Cont dl dt,
	#ht-reasonTech .ht-Cont dl dt{
		font-size:3rem;
		font-weight:700;
		color:#01916d;
		margin-bottom:15px;
	}
	#ht-reasonConcept .ht-Cont dd.contBox{
		width:100%;
		display: grid;
		grid-template-columns: auto 380px;
		column-gap:50px;
		margin-top:20px;
		margin-bottom: 80px;
	}
	#ht-reasonConcept .ht-Cont figure.pic01{
		margin-top:20px;
	}
	#ht-reasonConcept .ht-Cont figure.pic02{
		text-align:center;
		margin-top:20px;
	}
	#ht-reasonConcept .ht-Cont figure.pic02 img{
		width:200px;
	}
	#ht-reasonTech .ht-Cont .contBox{
		width:100%;
		display: grid;
		grid-template-columns: auto 460px;
		column-gap:50px;
		margin-top:20px;
		margin-bottom: 40px;
	}
	#ht-reasonTech .ht-Cont dl:last-child{
		margin-bottom:120px;
	}
	#ht-environment{
		margin-bottom:100px;
	}
	#ht-reasonEnvironment .ht-mainTxtBox{
		width:100%;
		display: grid;
		grid-template-columns: auto 450px;
	}
	#ht-reasonEnvironment .ht-mainTxtBox figure{
		text-align:center;
	}
	#ht-reasonEnvironment .ht-mainTxtBox figure img{
		width:350px;
	}
	#ht-reasonEnvironment .ht-mainTxtBox .cap03{
		font-size:1.3rem;
		margin-top:15px;
	}
	#ht-reasonEnvironment .ht-Cont .cap04{
		font-size:2.4rem;
		font-weight:700;
		margin:15px 0 20px;
	}
	#ht-reasonEnvironment .ht-Cont .ht-ContBox01,
	#ht-reasonEnvironment .ht-Cont .ht-ContBox02{
		width:100%;
		display: grid;
		column-gap:50px;
		margin-top:20px;
		margin-bottom: 80px;
	}
	#ht-reasonEnvironment .ht-Cont .ht-ContBox01{
		grid-template-columns: 380px auto;
	}
	#ht-reasonEnvironment .ht-Cont .ht-ContBox02{
		grid-template-columns: auto 380px;
	}
	#ht-reasonEnvironment .ht-Cont .ht-ContBox01 dt,
	#ht-reasonEnvironment .ht-Cont .ht-ContBox02 dt{
		font-size:2rem;
		font-weight:700;
		color:#01916d;
		margin-bottom: 10px ;
	}
	#ht-reasonEnvironment .ht-ContBox01 img,
	#ht-reasonEnvironment .ht-ContBox02 img{
		width:400px;
	}
	#ht-reasonEnvironment .ht-ContBox01 .cont01,
	#ht-reasonEnvironment .ht-ContBox02 .cont01{
		order: 1;
		margin-right:30px;
	}
	#ht-reasonEnvironment .ht-ContBox01 .cont02,
	#ht-reasonEnvironment .ht-ContBox02 .cont02{
		order: 2;
	}
	#ht-reasonEnvironment div.ht-mainTxtBox02{
		margin-top:150px;
	}
	#ht-reasonEnvironment div.ht-ContBoxCtr{
		display: flex;
		align-items: center;
	}
	#ht-reasonSafety .ht-mainTxtBox{
		width:100%;
		display: grid;
		grid-template-columns: auto 300px;
	}
	#ht-reasonSafety .ht-mainTxtBox figure{
		text-align:right;
		padding-right:40px;
	}
	#ht-reasonSafety .ht-mainTxtBox img{
		width:200px;
	}
	#ht-reasonEnvironment .ht-mainTxtBox .cap02,
	#ht-reasonSafety .ht-mainTxtBox .cap02{
		font-size:3rem;
		font-weight:700;
		color:#01916d;
		margin-bottom:15px;
	}
	#ht-reasonEnvironment .imgLine,
	#ht-reasonSafety .imgLine{
		width:100%;
	} 
	#ht-reasonEnvironment .imgLine img,
	#ht-reasonSafety .imgLine img{
		width:100%;
	}
	#ht-reasonSafety .ht-Cont{
		margin-top:80px;
	}
	#ht-reasonSafety .ht-ContBox{
		display: grid;
		gap: 60px;
		grid-template-columns: 400px auto;
		margin-bottom:100px;
	}
	#ht-reasonSafety .ht-ContBox .cont01{
		order: 1;
	}
	#ht-reasonSafety .ht-ContBox .cont02{
		order: 2;
	}
	#ht-reasonSafety .ht-ContBox dt img{
		width:380px;
	}
	#ht-reasonSafety .ht-ContBox dd{
		margin-top:20px;
		margin-left:15px;
	}
}


@media screen and (max-width:768px){
	.pc_br{
		display: none;
	}
	.onlyforPC{display:none !important;}
	.onlyforSP img{
		width:100%;
	}
	.ht-Menu{
		background-color:#eee;
		padding:60px 20px;
		margin-bottom:100px;
	}
	.ht-Menu li{
		margin-bottom:20px;
		position: relative;
		width: 100%;
		font-weight:700;
	}
	.ht-Menu li.menu05{
		margin:0 auto;
	}
	.ht-Menu .menu01 a,
	.ht-Menu .menu02 a,
	.ht-Menu .menu03 a,
	.ht-Menu .menu04 a{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:nowrap;
		flex-wrap:nowrap;
		-webkit-align-items:center;
		align-items:center;
		position:relative;
		width:90%;
		height:80px;
		margin:0 auto;
		padding: 15px 30px 15px 100px;
		color:#fff;
		border-radius:8px;
		background:#01916d;
		text-decoration:none;
		-webkit-transition:background .2s ease,color .2s ease;
		-moz-transition:background .2s ease,color .2s ease;
		-o-transition:background .2s ease,color .2s ease;
		transition:background .2s ease,color .2s ease;
		-webkit-transition:opacity .3s ease;
		-moz-transition:opacity .3s ease;
		-o-transition:opacity .3s ease;
		transition:opacity .3s ease;
		font-weight: 700;
		font-size:1.6rem;
	}
	.ht-Menu .menu05 a{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:nowrap;
		flex-wrap:nowrap;
		-webkit-align-items:center;
		-webkit-justify-content: center;
		justify-content: center;
		align-items:center;
		position:relative;
		width:90%;
		height:80px;
		margin:0 auto;
		color:#01916d;
		border-radius:8px;
		background:#fff;
		border:2px solid #01916d;
		text-decoration:none;
		-webkit-transition:background .2s ease,color .2s ease;
		-moz-transition:background .2s ease,color .2s ease;
		-o-transition:background .2s ease,color .2s ease;
		transition:background .2s ease,color .2s ease;
		-webkit-transition:opacity .3s ease;
		-moz-transition:opacity .3s ease;
		-o-transition:opacity .3s ease;
		transition:opacity .3s ease;
		font-weight: 700;
		font-size:1.6rem;
	}
	.ht-Menu a:before {
		content:"";
		background-size:contain;
		background-repeat:no-repeat;
		width: 60px;
		left: 20px;
		position:absolute;
	}
	.ht-Menu .menu01 a:before {
		height:60px;
		background-image:url(../../img/reason/icon01.jpg);
	}
	.ht-Menu .menu02 a:before {
		height:60px;
		background-image:url(../../img/reason/icon02.jpg);
	}
	.ht-Menu .menu03 a:before {
		height:60px;
		background-image:url(../../img/reason/icon03.jpg);
	}
	.ht-Menu .menu04 a:before {
		height:60px;
		background-image:url(../../img/reason/icon04.jpg);
	}
	.ht-Menu a:hover {
		opacity: .4;
	}
	#ht-reasonReason .btnWhite{
		display: block;
		width: 100%;
		margin: 60px auto 60px;
		padding:0 40px;
	}
	#ht-reasonConcept .ht-Cont,
	#ht-reasonTech .ht-Cont,
	#ht-reasonEnvironment .ht-Cont,
	#ht-reasonEnvironment .ht-mainTxtBox,
	#ht-reasonSafety .ht-Cont,
	#ht-reasonSafety .ht-mainTxtBox{
		margin:0 20px;
	}
	#ht-reasonConcept .ht-Cont dl dt,
	#ht-reasonTech .ht-Cont dl dt,
	#ht-reasonSafety .ht-mainTxt .cap02,
	#ht-reasonEnvironment .ht-mainTxt .cap02,
	#ht-reasonEnvironment .ht-mainTxtBox .cap02{
		font-size:2.4rem;
		font-weight:700;
		color:#01916d;
		margin-bottom:15px;
	}
	#ht-reasonConcept .ht-Cont p.cap01,
	#ht-reasonTech .ht-Cont p.cap01,
	#ht-reasonEnvironment .ht-mainTxt p.cap01,
	#ht-reasonSafety .ht-mainTxt p.cap01{
		text-align:left;
		font-size:2rem;
	}
	#ht-reasonEnvironment .ht-mainTxt p.cap01,
	#ht-reasonSafety .ht-mainTxt p.cap01{
		margin-left:20px;
		margin-right:20px;
	}
	#ht-reasonReason .ht-mainTxt h2{
		font-size:3.4rem;
	}
	#ht-reasonReason .ht-mainTxt h2 span{
		font-size:2.2rem;
	}
	#ht-reasonReason .ht-mainTxt{
		margin:-50px 20px 40px;
	}
	#ht-reasonReason .ht-mainTxt figure img{
		width:200px;
	}
	#ht-reasonReason .ht-mainMenu{
		margin:0 20px;
	}
	#ht-reasonReason .ht-mainMenu li{
		margin-bottom:40px;
	}
	#ht-reasonReason .ht-mainMenu li p:nth-child(1){
		margin-bottom:10px;
	}
	#ht-reasonConcept .ht-Cont figure.pic01{
		margin-top:40px;
	}
	#ht-reasonConcept .ht-Cont figure.pic02{
		text-align:center;
		margin-top:20px;
	}
	#ht-reasonConcept .ht-Cont figure.pic02 img{
		width:200px;
	}
	#ht-reasonTech .ht-Cont figure{
		margin:40px auto;
	}
	#ht-reasonTech .ht-Cont dl:last-child{
		margin-bottom:120px;
	}
	#ht-environment{
		margin-bottom:100px;
	}
	#ht-reasonEnvironment .cap03{
		margin-top:20px;
		font-size:1.4rem;
	}
	#ht-reasonEnvironment .ht-mainTxtBox figure{
		text-align:center;
		margin-top:40px;
	}
	#ht-reasonEnvironment .ht-mainTxtBox figure img{
		width:360px;
	}
	#ht-reasonEnvironment .ht-Cont .cap04{
		font-size:2rem;
		font-weight:700;
		margin:30px 0 20px;
	}
	#ht-reasonEnvironment .ht-Cont .ht-ContBox01 dt,
	#ht-reasonEnvironment .ht-Cont .ht-ContBox02 dt{
		font-size:2rem;
		font-weight:700;
		color:#01916d;
		margin-top:30px;
		margin-bottom:20px;
	}
	#ht-reasonEnvironment .ht-Cont .ht-ContBox01 dd,
	#ht-reasonEnvironment .ht-Cont .ht-ContBox02 dd{
		margin-bottom:20px;
	}
	#ht-reasonEnvironment .ht-ContBox01,
	#ht-reasonEnvironment .ht-ContBox02{
		margin:30px 0 80px;
	}
	#ht-reasonEnvironment div.ht-mainTxtBox02{
		margin-top:150px;
	}
	#ht-reasonSafety .ht-mainTxtBox figure{
		text-align:center;
		padding-top:20px;
	}
	#ht-reasonSafety .ht-mainTxtBox img{
		width:200px;
	}
	#ht-reasonSafety .ht-Cont{
		margin-top:50px;
	}
	#ht-reasonSafety .ht-ContBox{
		margin-bottom:100px;
	}
	#ht-reasonSafety .ht-ContBox dt{
		margin-bottom:20px;
	}
	#ht-reasonSafety .ht-ContBox dd{
		margin-bottom:30px;
	}
}