@charset "UTF-8";

/* kv */

.conceptkv{
	padding-top: 124px;
	position:relative;
}

.conceptkv-image img{width:100%;}

/* concept */

.concept{
	padding: 5.9vw 0 8.8vw;
	text-align:center;
}

.concept-inner {
	margin: 0 1.5vw;
}

.concept-header {
	margin-bottom: 2.6vw;
	height: 10.7vw;
	position:relative;
}

.concept-header .line{
	content: '';
	width: 1px;
	height: 3vw;
	background: #707070;
	display: inline-block;
	position:absolute;
	left: 50%;
	top: 7.8vw;
}

.concept-subtitle{
	font-size:1.8vw;
	line-height: 1.5;
	letter-spacing:0.1em;
	margin-bottom: 1.5vw;
}

/* features */

.concept-features{
	background: #F4F4F4;
	padding: 8.8vw 0 8.8vw;
}

.concept-features .inner {
	width: 66vw;
}

.concept-features-header{
	margin: 0 auto 2.9vw;
	width: 66vw;
}

.concept-features-header .title-section{
	line-height: 1.8;
	position:relative;
}

.concept-features-header .title-section .line {
	content: '';
	width: 3vw;
	height: 1px;
	background: #898989;
	display: inline-block;
	position: absolute;
	left: 23.4vw;
	top: 50%;
}

.concept-features-list{
	width: 66vw;
	margin: 0 auto;
	text-align: justify;
}

.concept-features-block{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	margin-bottom: 7.3vw;
}

.concept-features-block:last-child{margin-bottom: 0;}

.concept-features-block:nth-child(2n) .concept-features-image{order:2;}
.concept-features-image{width: 42.5%;}
.concept-features-detail{width: 48.7%;}

.concept-features-block-shoulder{
	line-height: 1;
	padding-bottom: 0.7vw;
	font-size:1.3vw;
	border-bottom: 1px solid #ccc;
	margin-bottom: 2vw;
}

.concept-features-block-shoulder span{
	font-weight:bold;
	letter-spacing:0.1em;
	margin-left: 0.2vw;
}

.concept-features-block-title{
	font-size:1.7vw;
	line-height: 1.55;
	margin-bottom: 1.8vw;
	letter-spacing:0.15em;
}

/* certification */

.concept-certification{
	padding: 8.8vw 0 10.2vw;
}

.concept-certification .inner{
	width: 80vw;
}

.concept-certification-header{
	margin-bottom: 4.4vw;
	height: 16.2vw;
	text-align: center;
}

.concept-certification-header .title-section{
	margin-bottom: 6.7vw;
	position:relative;
}

.concept-certification-header .line{
	content: '';
	width: 1px;
	height: 3vw;
	background: #707070;
	display: inline-block;
	position:absolute;
	left: 50%;
	top: 7.8vw;
}

.concept-certification-list{
	display:flex;
	flex-wrap:wrap;
	margin-left: -15px;
}

.concept-certification-item{
	width: 255px;
	margin: 0 0 15px 15px;
	padding: 6px;
	border: 1px solid #8E8E8E;
}

.concept-certification-item-block{
	background: #EAE7F2;
	width: 100%;
	height: 100%;
	padding: 15px 18px 25px;
}

.concept-certification-item-header{
	position: relative;
}

.concept-certification-item-header .line{
	content: '';
	width: 1px;
	height: 15px;
	background: #707070;
	display: inline-block;
	position:absolute;
	left: 50%;
	top: 90px;
}

.concept-certification-item-image{
	margin-bottom: 40px;
	text-align: center;
}

.concept-certification-item-image img{
	width: 75px;
	border-radius: 50%;
	background: #fff;
}

.concept-certification-item-title{
	font-size: 17px;
	text-align: center;
	margin-bottom: 20px;
}

.concept-certification-item-text{
	font-size: 14px;
	color: #4B4B4B;
	line-height: 1.7;
}

.concept-certification-item-btn{
	text-align: center;
	font-size: 12px;
	position: relative;
	padding-bottom: 25px;
	display: none;
}

.concept-certification-item-btn .btn{
	border: none;
}

.btn-icon{
	width: 18px;
	position: absolute;
	top: 22px;
	left: 50%;
	transform: translateX(-50%);
	transition: all .25s ease;
}



@media screen and (min-width: 980px) and (max-width: 1349px){
	.concept-certification-list{
		width: 830px;
		margin: 0 auto;
	}
}


@media screen and (min-width: 1350px) and (max-width: 1669px){
	.concept-certification-list{
		width: 1080px;
		margin: 0 auto;
	}
}


@media screen and (min-width: 1670px) and (max-width: 1919px){
	.concept-certification-list{
		width: 1350px;
		margin: 0 auto;
	}
}

/* 1920〜 pc */
@media screen and (min-width: 1920px){


	/* concept */

	.concept{padding: 120px 0 160px;}
	.concept-inner {
		max-width: 1600px;
		margin: 0 auto;
	}

	.concept-header {
		margin-bottom: 50px;
		height: 200px;
	}

	.concept-header .line{
		height: 60px;
		top: 150px;
	}

	.concept-subtitle{
		font-size:36px;
		margin-bottom: 30px;
	}

	/* features */

	.concept-features{padding: 160px 0 160px;}

	.concept-features .inner {width: 1300px;}

	.concept-features-header{
		margin: 0 auto 60px;
		width: 1300px;
	}

	.concept-features-header .title-section .line {
		width: 60px;
		left: 468px;
	}

	.concept-features-list{width: 1300px;}
	.concept-features-block{margin-bottom: 150px;}
	.concept-features-block-shoulder{
		padding-bottom: 15px;
		font-size:26px;
		margin-bottom: 40px;
	}

	.concept-features-block-shoulder span{margin-left: 5px;}

	.concept-features-block-title{
		font-size:34px;
		margin-bottom: 35px;
	}

	/* certification */

	.concept-certification{padding: 160px 0 200px;}
	.concept-certification .inner{width: 1600px;}

	.concept-certification-header{
		margin-bottom: 88px;
		height: 320px;
	}

	.concept-certification-header .title-section{margin-bottom: 130px;}

	.concept-certification-header .line{
		height: 60px;
		top: 150px;
	}

	.concept-certification-item{width: 254px;}

}




@media screen and (max-width: 980px) {

	/* kv */

	.conceptkv{padding-top: 64px;}

	/* concept */

	.concept{padding: 20px 0;}

	.concept-inner {
		margin: 0 15px;
		padding: 40px 0 60px;
	}

	.concept-header {
		margin-bottom: 20px;
		height: 107px;
	}

	.concept-header .line{
		height: 30px;
		top: 77px;
	}

	.concept-subtitle{
		font-size:20px;
		line-height: 1.8;
		margin-bottom: 16px;
		letter-spacing:0.2em;
	}

	/* features */

	.concept-features{
		padding: 60px 0 100px;
	}

	.concept-features .inner {
		width: unset;
		padding: 0 40px;
	}

	.concept-features-header{
		margin: 0 0 40px 30px;
		width: unset;
	}

	.concept-features-header .title-section{
		line-height: 1.3;
	}

	.concept-features-header .title-section .line {
		width: 30px;
		left: 202px;
	}

	.concept-features-list{width:100%;}

	.concept-features-block{
		display:block;
		margin-bottom: 70px;
	}

	.concept-features-block:nth-child(2n) .concept-features-image{order:2;}
	.concept-features-image{
		width: 96%;
		margin: 0 auto 30px auto;
	}
	.concept-features-detail{width: 100%;}

	.concept-features-block-shoulder{
		padding-bottom: 10px;
		font-size: 18px;
		margin-bottom: 24px;
	}

	.concept-features-block-shoulder span{
		margin-left: 8px;
	}

	.concept-features-block-title{
		font-size:20px;
		line-height: 1.5;
		margin-bottom: 30px;
	}

	/* certification */

	.concept-certification{
		padding: 80px 0 100px;
	}

	.concept-certification .inner{width: 92%;}

	.concept-certification-header{
		margin-bottom: 40px;
		height: 185px;
	}

	.concept-certification-header .title-section{
		margin-bottom: 66px;
	}

	.concept-certification-header .line{
		height: 30px;
		top: 77px;
	}

	.concept-certification-list{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		margin-left: 0
	}

	.concept-certification-item{
		width: 48.5%;
		min-height: 248px;
		margin: 0 0 8px 0;
	}

	.concept-certification-item:first-child{margin-left: 0;}
	.concept-certification-item:nth-child(2n + 1){margin-left: 0;}

	.concept-certification-item-block{
		padding: 18px 10px 10px;
	}

	.concept-certification-item-header{
		height: unset;
		margin-bottom: 12px;
	}

	.concept-certification-item-header .line{
		height: 12px;
		top: 88px;
	}

	.concept-certification-item-image{margin-bottom: 36px;}

	.concept-certification-item-image img{width: 74px;}

	.concept-certification-item-title{
		font-size: 16px;
		line-height: 1.3;
		letter-spacing:0.05em;
	}

	.concept-certification-item-text{
		font-size: 12px;
		line-height: 1.5;
		display: none;
		padding-bottom: 10px
	}

	.concept-certification-item-btn{display: block;}
	.concept-certification-item-btn .btn:hover{background: none;}

	.is-open .btn-icon{transform: translateX(-50%) rotate(180deg);}
}