@charset "UTF-8";

#mvis.visualArea {
	background-image:url('../img/mv.jpg')
}

@media(max-width:415px) {
	#mvis.visualArea {
		background-image:url('../img/mv_sp.jpg');
	}
}



#concept {
	padding-left: 0;
	padding-right: 0;
}
#concept .box {
	padding:90px 0;
	position: relative;
	
}
#concept .box figure {
	position: absolute;
	right:0;
	width:75%;
	top:0;
	height:100%;
}
#concept .box figure img {
	width:100%;
	height:100%;
	object-fit: cover;
}
#concept .box .lead {
	background: #000;
	color:#fff;
	font-size: 19px;
	line-height: 2em;
	min-height:340px;
	display:flex;
	align-items:center;
	width:calc(50% - 100px);
	z-index: 1;
	position: relative;
	padding: 0 6%;
}
#concept .box .lead::after {
	content:"";
	display:block;
	width:calc(13% - 1em);
	height:1px;
	background: #fff;
	position: absolute;
	top:50%;
	right:0;
}

@media(min-width:813px) {
	#concept .box:nth-child(2n-1) .lead {
		padding-left: 2%;
	}
	#concept .box:nth-child(2n) .lead {
		padding-right: 2%;
	}
}

@media(max-width:812px) {
	#concept .box {
		padding:18vw 0;
	}
	#concept .box:nth-child(2n) {
		text-align: right;
	}
	#concept .box .lead {
		width:auto;
		font-size: 2.9vw;
		min-height:0;
		padding: 3em 10%;
		display:inline-block;
		text-align: left;
	}
	#concept .box:nth-child(1) figure img {
		object-position: 4% center;
	}
	#concept .box:nth-child(2) figure img {
		object-position: 64% center;
	}
	#concept .box:nth-child(3) figure img {
		object-position: 49% center;
	}
}
@media(max-width:415px) {
	
}

#concept .box:nth-child(2n-1) .lead {
	justify-content: flex-end;
	text-align: right;
}

#concept .box:nth-child(2n) figure {
	right:auto;
	left:0;
}
#concept .box:nth-child(2n) .lead {
	margin-left: auto;
}
#concept .box:nth-child(2n) .lead::after {
	right:auto;
	left:0;
}

#lineup > p.lead {
	text-align: center;
	font-size: 14px;
}

#lineup .categoryHead {
	margin-top: 75px;
	text-align: center;
	color:#fff;
	padding:30px 0;
	background-size:cover;
	background-position: center center;
}

#lineup #titOA.categoryHead {
	background-image: url(../img/tit_openair.jpg);
}
#lineup #titWHP.categoryHead {
	background-image: url(../img/tit_woodheadphone.jpg);
}
#lineup #titAM.categoryHead {
	background-image: url(../img/tit_artmonitor.jpg);
}
#lineup #titTTN.categoryHead {
	background-image: url(../img/tit_titanium.jpg);
}

#lineup .categoryHead .tit {
	font-size: 42px;
}
#lineup .categoryHead .lead {
	font-size: 20px;
}

#lineup .col {
	max-width:840px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 50px;
}

#lineup .col .code {
	font-size: 22px;
}
#lineup .col .desc {
	font-size: 13px;
	margin: 1.5em 0;
}
#lineup .col .boxButton {
	padding: 1em 0;
	margin-left: auto;
	margin-right: auto;
}

@media(max-width:812px) {
	#lineup {
		overflow: hidden;
	}
	#lineup .categoryHead {
		width:110%;
		margin-left: -5%;
	}
	#lineup #titOA.categoryHead {
		background-image: url(../img/tit_openair_sp.jpg);
	}
	#lineup #titWHP.categoryHead {
		background-image: url(../img/tit_woodheadphone_sp.jpg);
	}
	#lineup #titAM.categoryHead {
		background-image: url(../img/tit_artmonitor_sp.jpg);
	}
	#lineup #titTTN.categoryHead {
		background-image: url(../img/tit_titanium_sp.jpg);
	}
	#lineup .categoryHead .tit {
		font-size: 7.7vw;
	}
	#lineup .categoryHead .lead {
		font-size:3.7vw;
	}
}