@charset "UTF-8";

/* product */

.product_kv{
	height: 90vh;
	width: 100%;
	color: #fff;
}

.product_kv.bar-kv{
	background: url('../img/service/product/plugobar/kv.jpg') no-repeat center top;
	background-size: cover;
}

.product_kv.wall-kv{
	background: url('../img/service/product/plugowall/kv.jpg') no-repeat center top;
	background-size: cover;
}

.product_kv-inner{
	position:absolute;
	left:0%;
	top:52%;
	transform:translate(0%,-50%);
	width: 100%;
	text-align:center;
}

.product_kv-shoulder{
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.33);
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	font-size: 18px;
	line-height: 1;
	letter-spacing: .05rem;
	text-align: center;
	margin-bottom: 15px;
}

.product_kv-heading{
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.33);
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	font-size: 50px;
	line-height: 1;
	letter-spacing: .55rem;
}

.product_kv-heading span{
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	color:#22a638;
}

.product_kv-subheading{
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.33);
	font-size: 26px;
	line-height: 1;
	letter-spacing: .15rem;
	margin-top: 20px;
	font-weight:400;
	font-family:"A1ゴシック M","A1 Gothic M",-apple-system,"Hiragino Sans",sans-serif;
}

.product-features {background-color: #1a1f61;}

.product-features-anchor {
	max-width: 1060px;
	margin: 0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	color: #fff
}

.product-features-anchor-heading {
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	font-size: 22px;
	line-height: 1.45;
	letter-spacing: .0rem;
	padding-bottom: 12px;
	border-bottom:1px solid #fff;
}

.product-features-anchor-heading span,
.product-features-anchor-list > li span{color: #22a638;}

.product-features-anchor-list {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	padding: 34px 10px 34px 0;
}

.product-features-anchor-list.plugobar {width: 895px;}
.product-features-anchor-list.plugowall {
	width: 840px;
	padding-right: 100px;
}

.product-features-anchor-list > li.plugobar-anchor01{width: 25%;}
.product-features-anchor-list > li.plugobar-anchor02{width: 29%;}
.product-features-anchor-list > li.plugobar-anchor03{width: 23%;}
.product-features-anchor-list > li.plugobar-anchor04{width: 12%;}

.product-features-anchor-list > li.plugowall-anchor01{width: 32%;}
.product-features-anchor-list > li.plugowall-anchor02{width: 34%;}
.product-features-anchor-list > li.plugowall-anchor03{width: 14%;}

.product-features-anchor-list > li a{
	display: block;
	position:relative;
	font-family: PLUGO, "A1ゴシック R","A1 Gothic R",-apple-system,"Hiragino Sans",sans-serif;
	font-weight:400;
	font-size: 14px;
	letter-spacing:0.1em;
	line-height: 1.86;
}

.product-features-anchor-list > li a::after{
	display:block;
	content:'';
	background:url('../img/common/icon_arrow_down.png') no-repeat left top;
	background-size:100%;
	width:36px;
	height:36px;
	position:absolute;
	right:0px;
	top:50%;
	transform:translate(0,-50%);
}

.product-features-list {}

.product-features-list >li{
	margin-top: -70px;
	padding-top: 70px;
}

.product-features-list-item {
	background: #fff;
	position:relative;
}

.product-features-list-image {
	position:relative;
}

.product-features-list-image .caption{
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	font-size: 30px;
	line-height: 1.67;
	letter-spacing: .1rem;
	color: #ffffff;
	position:absolute;
	left:50%;
	top:60px;
	width: 1130px;
	padding: 0 40px;
	max-width: 100%;
	transform:translate(-50%,0);
}

.product-features-list-inner {
	width: 100%;
	max-width: 1150px;
	padding: 37px 40px;
	margin: 0 auto;
}

.product-features-list-flex{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.product-features-list-heading {
	font-size: 20px;
	line-height: 1.7;
	letter-spacing: .5rem;
	padding-bottom: 10px;
	border-bottom:2px solid #1a1f61;
	height: 100%;
	font-weight:400;
	font-family:"A1ゴシック M","A1 Gothic M",-apple-system,"Hiragino Sans",sans-serif;
}

.product-features-list-heading span{font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;}

.product-features-list-body {
	font-weight:400;
	font-family:"A1ゴシック R","A1 Gothic R",-apple-system,"Hiragino Sans",sans-serif;
}

.plugobar-01 .product-features-list-heading{width:300px;}
.plugobar-01 .product-features-list-body{width:calc(100% - 365px);}
.plugobar-02 .product-features-list-heading{width:380px;}
.plugobar-02 .product-features-list-body{width:calc(100% - 455px);}
.plugobar-03 .product-features-list-heading{width:280px;}
.plugobar-03 .product-features-list-body{width:calc(100% - 350px);}

.plugowall-01 .product-features-list-heading{width:330px;}
.plugowall-01 .product-features-list-body{width:calc(100% - 400px);}
.plugowall-02 .product-features-list-heading{width:360px;}
.plugowall-02 .product-features-list-body{width:calc(100% - 440px);}

.product-features-list-body{
	font-size: 16px;
	line-height: 2;
	letter-spacing: .13rem;
}

.product-features-spec{
	background: #000;
	color: #fff;
}

.product-features-spec.plugobar{padding: 55px 40px 0;}
.product-features-spec.plugowall{padding: 150px 40px 140px 0;}

.product-features-spec-flex{
	max-width: 1060px;
	margin: 0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

.product-features-spec.plugobar .product-features-spec-image{width: 54%;}
.product-features-spec.plugobar .product-features-spec-image img{width:560px;}
.product-features-spec.plugobar .product-features-spec-inner{width: 360px;}

.product-features-spec.plugowall .product-features-spec-image{width: calc(100% - 350px);}
.product-features-spec.plugowall .product-features-spec-image img{
	max-width:120%;
	width: 120%;
	float: right;
	margin-right: 7%;
}
.product-features-spec.plugowall .product-features-spec-inner{width: 350px;}

.product-features-spec-heading{
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	font-size: 18px;
	display: inline-block;
	line-height: 1;
	letter-spacing: .1rem;
}

.product-features-spec-heading span{
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	color:#22a638;
}

.product-features-spec-subheading{
	font-size: 16px;
	display: inline-block;
	margin-left: 15px;
	padding-left: 15px;
	border-left:1px solid #fff;
	line-height: 1;
	letter-spacing: .1rem;
	font-weight:400;
	font-family:"A1ゴシック R","A1 Gothic R",-apple-system,"Hiragino Sans",sans-serif;
}

.product-features-spec-body{
	margin-top: 32px;
	font-weight:400;
	font-family:"A1ゴシック R","A1 Gothic R",-apple-system,"Hiragino Sans",sans-serif;
}

.product-features-spec-body dl{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.product-features-spec-body dt{
	font-size: 14px;
	line-height: 2;
	width: 105px;
	border-bottom:1px solid #fff;
	padding: 6px 0 5px;
}

.product-features-spec-body dd{
	font-size: 14px;
	line-height: 2;
	width: calc(100% - 125px);
	border-bottom:1px solid #fff;
	padding: 6px 0 5px;
}

.product-features-spec-body dt:first-child,
.product-features-spec-body dt:first-child + dd{border-top:1px solid #fff;}

.animation{
	transition: all 1.25s ease;
	opacity: 0;
	transform: translate(0px,10px);
}

.animation.on{
	opacity: 1;
	transform: translate(0px,0px);
}


@media screen and (min-width: 800px) and (max-width: 1000px){

	.product-features-anchor{
		display: block;
		text-align:center;
		padding: 30px 80px 0;
	}

	.product-features-anchor-heading{display: inline-block;}

	.product-features-anchor-list > li{
		text-align: left;
		margin-bottom: 20px;
	}
	.product-features-anchor-list.plugobar{width:100%;}
	.product-features-anchor-list.plugowall{width:100%;padding-right:0;}

	.product-features-anchor-list > li.plugobar-anchor01{width:40%;}
	.product-features-anchor-list > li.plugobar-anchor02{width:40%;}
	.product-features-anchor-list > li.plugobar-anchor03{width:40%;}
	.product-features-anchor-list > li.plugobar-anchor04{width:40%;}

	.product-features-anchor-list > li.plugowall-anchor01{width:40%;}
	.product-features-anchor-list > li.plugowall-anchor02{width:40%;}
	.product-features-anchor-list > li.plugowall-anchor03{width:40%;}

	.product-features-spec.plugobar .product-features-spec-image{width:50%;}
	.product-features-spec.plugobar .product-features-spec-inner{width:45%;}


}



@media (max-width:800px){

	/* product */

	.product_kv{height: 90vh;}

	.product_kv.bar-kv{background-image: url('../img/service/product/plugobar/kv_sp.jpg');}
	.product_kv.wall-kv{background-image: url('../img/service/product/plugowall/kv_sp.jpg');}

	.product_kv-inner{
		left:40px;
		top:17.5%;
		transform:translate(0%,0);
		width: calc(100% - 80px);
		text-align: left;
	}

	.product_kv-shoulder{
		font-size: 13px;
		letter-spacing: .04rem;
		text-align: left;
		margin-bottom: 15px;
	}

	.product_kv-heading{
		font-size: 30px;
		line-height: 1;
		letter-spacing: .1rem;
	}

	.product_kv-subheading{
		font-weight:500;
		font-size: 17px;
		line-height: 1.75;
		letter-spacing: .27rem;
		margin-top: 19px;
		padding-right: 10px;
	}

	.product-features-anchor {
		display: block;
		padding: 40px 40px 10px;
	}

	.product-features-anchor-heading {
		text-align:center;
		font-size: 16px;
		width: 100px;
		margin: 0 auto;
		line-height: 1;
		letter-spacing: .05rem;
		padding-bottom: 10px;
	}

	.product-features-anchor-list {
		width: 100%;
		display: block;
		padding: 25px 0 10px;
	}

	.product-features-anchor-list.plugobar {width: 100%;}
	.product-features-anchor-list.plugowall {width: 100%;padding-right: 0;}

	.product-features-anchor-list > li{margin-bottom: 21px;}

	.product-features-anchor-list > li.plugobar-anchor01{width:100%;}
	.product-features-anchor-list > li.plugobar-anchor02{width:100%;}
	.product-features-anchor-list > li.plugobar-anchor03{width:100%;}
	.product-features-anchor-list > li.plugobar-anchor04{width:100%;}

	.product-features-anchor-list > li.plugowall-anchor01{width:100%;}
	.product-features-anchor-list > li.plugowall-anchor02{width:100%;}
	.product-features-anchor-list > li.plugowall-anchor03{width:100%;}

	.product-features-anchor-list > li a{
		font-size: 13px;
		letter-spacing:0.13em;
		line-height: 1.92;
	}

	.product-features-anchor-list > li a::after{
		width:26px;
		height:26px;
	}

	.product-features-list {}

	.product-features-list >li{
		margin-top: -55px;
		padding-top: 55px;
	}

	.product-features-list-image {}

	.product-features-list-inner {padding: 25px 20px 65px;}
	.product-features-list-flex{display: block}

	.product-features-list-heading {
		font-size: 17px;
		font-weight:500;
		letter-spacing: .3rem;
		padding-bottom: 15px;
		border-bottom:1px solid #1a1f61;
		height: auto;
		display: inline-block;
		margin-bottom: 15px;
	}

	.plugobar-01 .product-features-list-heading{width:auto;}
	.plugobar-01 .product-features-list-body{width:100%;}
	.plugobar-02 .product-features-list-heading{width:auto;}
	.plugobar-02 .product-features-list-body{width:100%;}
	.plugobar-03 .product-features-list-heading{width:auto;}
	.plugobar-03 .product-features-list-body{width:100%;}

	.plugowall-01 .product-features-list-heading{width:auto;}
	.plugowall-01 .product-features-list-body{width:100%;}
	.plugowall-02 .product-features-list-heading{width:auto;}
	.plugowall-02 .product-features-list-body{width:100%;}

	.product-features-list-body{
		font-size: 13px;
		line-height: 1.95;
		letter-spacing: .07rem;
		padding-right: 10px
	}

	.product-features-list-image .caption {
		font-size: 17px;
		line-height: 1.78;
		letter-spacing: .29rem;
		left: 0px;
		top: 0px;
		padding: 15px 20px;
		transform: translate(0%,0);
	}

	.product-features-spec.plugobar{padding: 60px 20px 0;}
	.product-features-spec.plugowall{padding: 60px 0px 0;}

	.product-features-spec-flex{display: block}

	.product-features-spec.plugobar .product-features-spec-image{
		width:80%;
		margin: 0 auto 40px;
	}

	.product-features-spec.plugobar .product-features-spec-image img{width:100%}
	.product-features-spec.plugobar .product-features-spec-inner{width:100%}

	.product-features-spec.plugowall .product-features-spec-image{
		width:100%;
		margin: 0 auto 40px;
		overflow: hidden;
	}

	.product-features-spec.plugowall .product-features-spec-image img{width:100%}
	.product-features-spec.plugowall .product-features-spec-inner{
		width:100%;
		padding: 0 20px;

	}

	.product-features-spec-heading{
		font-size: 17px;
		letter-spacing:0.2em;
	}

	.product-features-spec-subheading{
		font-size: 14px;
		margin-left: 7px;
		padding-left: 10px;
		letter-spacing: .1rem;
	}

	.product-features-spec-body{margin-top: 25px;}

	.product-features-spec-body dl{
		padding: 0 20px 60px 0;
	}

	.product-features-spec-body dt{
		font-size: 12px;
		width: 85px;
		letter-spacing:0.05em;
		line-height: 1.5;
		padding: 2px 0 4px 5px;
	}

	.product-features-spec-body dd{
		font-size: 12px;
		line-height: 1.5;
		width: calc(100% - 105px);
		padding: 2px 5px;
	}

	.product-features-spec-body dt:first-child,
	.product-features-spec-body dt:first-child + dd{border-top:1px solid #fff;}

}