@charset "utf-8";

/* -------------------------------------------------------------------
innerの設定
------------------------------------------------------------------- */
.product-inner{
	width:min(90%,1336px);
	margin: 0 auto;
	padding:0em 0 0em;
}
.product-main{
	display:grid;
	grid-template-columns:1fr;
}
@media screen and (min-width:768px){
.product-main{
	grid-template-columns:1fr 1fr;
	}
}

/*----------------------------------
	追加css20260120
-----------------------------------*/
.product-main .type_red{
	background:#00a29a;
	padding:2em 0 2em 2em;
}
@media screen and (min-width:768px){
.product-main .type_red{
	padding:2em 0 2em 4em;
	}
}


.product-main .product-title{
	font-size:clamp(16px, 5vw, 35px);
	color:#fff;
	letter-spacing:13px;
	font-family:var(--hiragino);
	padding:0em 0 0 ;
}
@media screen and (min-width:768px){
.product-main .product-title{
	padding:.6em 0 0 ;
	}
}

.product-inner .product-text{
	text-align:left;
	font-size:clamp(14px, 2.6vw, 16px);
	letter-spacing:1.2px;
	line-height:2;
	color:#595857;
	padding:2em 0 ;
	margin:0 0 10px;
}
@media screen and (min-width:768px){
.product-inner .product-text{
	text-align:center;
	}
}


.carbon_neutral-body{
	width:min(90%,1336px);
	margin: 0 auto;
	padding:0em 0 0em;
}
.carbon_neutral-inner{
	padding:30px;
  background: linear-gradient(90deg, #50bdbe 0%, #50bdbe 50%, #f4ddc4 50%, #f4ddc4 100%);
}

.carbon_neutral-body .carbon-img{
	margin: 0 0 0 0px;
}

@media screen and (min-width:768px){
.carbon_neutral-body .carbon-img{
	max-width:1200px;
	margin: 0 0 0 47px;
	}
}

.carbon_neutral-text{
	background:#036eb8;
	color:#fff;
	padding:10px 20px;
	text-align:center;
	width:min(100%,800px);
	font-size:clamp(18px, 2.6vw, 25px);
	letter-spacing:1.8px;
	margin: 20px auto 0;
	border-radius:10px;
	border:3px solid #fff;
	font-weight:500;
}

.carbon_neutraltextinner{
	margin:40px auto;
}
.carbon_neutraltextinner dl{
	margin:40px auto;
	width:min(100%,900px);
}
.carbon_neutraltextinner dl dt{
	text-align:center;
	font-size:clamp(20px, 2.6vw, 27px);
	letter-spacing:1px;
	color:#036eb8;
	margin: 0 0 20px;
	font-weight: bold;
}
.carbon_neutraltextinner dl dd{
	font-size:clamp(15px, 2.6vw, 16px);
	letter-spacing:2px;
}
.carbon_neutraltextinner dl dd span{
	letter-spacing:2px;
	display:block;
	margin:10px 0 ;
}

.carbon_neutraltextinner ul{
	margin:20px auto 40px;
	width:min(100%,900px);
}
.carbon_neutraltextinner ul li{
	font-size:clamp(11px, 2.6vw, 13px);
	letter-spacing:2px;
	margin:5px 0 ;
	text-indent:-1em;
	padding-left:1em;
}
.carbon_neutraltextinner ul li:before{
	content:"※";
}

.carbon_neutral-textbox{
	background:#036eb8;
	color:#fff;
	padding:10px 20px;
	text-align:center;
	width:min(90%,800px);
	font-size:clamp(17px, 2.6vw, 22px);
	letter-spacing:2px;
	margin: 15px auto;
	border-radius:10px;
	border:3px solid #fff;
	font-weight:500;
	position:relative;
}
.carbon_neutral_bg{
	background:url(../images/carbon-bg.png) no-repeat 50%  0#ccc;
	background-size:cover;
}
@media screen and (min-width:768px){
.carbon_neutral_bg{
	background:url(../images/carbon-bg.png) no-repeat ;
	height:70vh;
	}
}

.carbon_neutral_bg{
	color:#fff;
	padding:40px 20px 100px;
	text-align:center;
	font-size:clamp(14px, 2.6vw, 24px);
	letter-spacing:2px;
	margin: 30px auto 0px;
}
.carbon_neutral_bg p{
	font-weight: 800;
}
@media screen and (min-width:768px){
.carbon_neutral_bg{
	margin: 60px auto -120px;
	padding:60px 20px;
	}
	.carbon_neutral_bg p{
		padding-top: 40px;
		font-weight: 800;
		font-size: 1.8rem;
	}
}

.carbon_neutral-textbox span{
	font-size:clamp(14px, 2.6vw, 18px);
	margin:0px 0 ;
	display:block;
}
.carbon_neutral-textbox a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	color:#fff;
}
.carbon_neutral-textbox a:hover{
background:rgba(255,255,255,.3);
}