﻿



/*-- 

content_kv

====================================================== --*/

#content_kv{
	position:relative;
	background:url("../img/top/kv.webp") no-repeat center bottom;
	background-size:cover;
	width:100%;
	height:82rem;
	transition:all .2s;
}
.content_kv_title{
	position:absolute;
	bottom:3vw;
	left:7.1428vw;/*10rem*/
	width:calc(100% - 7.1428vw * 2);
	color:var(--c-white);
	text-shadow:0 0 1.4rem rgba(0,0,0,0.8);
}
.content_kv_title ._title{
	font-size:2.4rem;
	margin-bottom:1em;
}
.content_kv_title ._msg{
	font-size:6rem;
	line-height:1.25;
	letter-spacing:-0.05em;
}
.content_kv_title ._msg span{
	font-size:80%;
	letter-spacing:-0.1em;
}
.content_kv_title ._text{
	font-size:1.8rem;
	line-height:1.8;
	margin-top:1em;
}
/* pc */
@media screen and (min-width:1400px){
	#content_kv{
		height:58.5714vw;
	}
	.content_kv_title ._title{
		font-size:1.7142vw;
	}
	.content_kv_title ._msg{
		font-size:4.2857vw;
	}
	.content_kv_title ._text{
		font-size:1.2857vw;
	}
}
/* pc */
@media screen and (max-width:1000px){
	#content_kv{
		height:62rem
	}
	.content_kv_title ._title{
		font-size:2rem;
	}
	.content_kv_title ._msg{
		font-size:5rem;
	}
	.content_kv_title ._text{
		font-size:1.4rem;
	}
}
/* sp */
@media screen and (max-width:767px){
	#content_kv{
		background:url("../img/top/kv_sp.webp") no-repeat center bottom;
		background-size:cover;
		height:auto;
		aspect-ratio:5 / 6;
	}
	.content_kv_title ._title{
		font-size:1.2rem;
		font-size:3.2vw;
	}
	.content_kv_title ._msg{
		font-size:6.2rem;
		font-size:8.2666vw;
	}
	.content_kv_title ._text{
		font-size:1.4rem;
		font-size:3.7333vw;
	}
}



/*-- 

content_news

====================================================== --*/

#content_news .content_inner{
	display:flex;
	align-content:flex-start;
	justify-content:flex-start;
	gap:6rem;
}
#content_news .headline01{
	flex:0 0 auto;
}
.lst_news{
	display:flex;
	align-content:flex-start;
	justify-content:flex-start;
	flex-direction:column;
	gap:2rem;
}
.lst_news_item{
	display:flex;
	align-content:flex-start;
	justify-content:flex-start;
	gap:3rem;
}
.lst_news_item ._time{
	display:flex;
	align-content:flex-start;
	justify-content:space-between;
	width:8em;
	flex:0 0 auto;
	margin-bottom:auto;
}
.lst_news_item .new:after{
	content:"NEW";
	background:var(--c-main-grade);
	color:var(--c-white);
	padding:0.8rem;
	font-size:1.4rem;
	line-height:1;
	border-radius:0.5rem;
}
/* tb */
@media screen and (max-width:1000px){
	#content_news .content_inner{
		flex-direction:column;
		gap:0;
	}
}
/* sp */
@media screen and (max-width:767px){
	.lst_news{
		gap:3rem;
	}
	.lst_news_item{
		flex-direction:column;
		gap:0.5rem;
	}
}



/*-- 

content_product

====================================================== --*/

#content_product{
	padding:0 2rem 4rem;
}
#content_product .content_product_inner{
	display:flex;
	align-content:center;
	justify-content:center;
	max-width:120rem;
	margin:0 auto;
	gap:1rem;
}
#content_product ._mainimage{
	width:calc(62% - 0.5rem);
}
#content_product ._maintext{
	width:calc(38% - 0.5rem);
	display:flex;
	align-content:center;
	justify-content:center;
	flex-direction:column;
	gap:3rem;
}
#content_product ._text{
	text-align:center;
	font-size:2.6rem;
	font-weight:600;
	line-height:1.5;
}
#content_product .btn_wrap{
	height:auto;
}
/* tb */
@media screen and (max-width:1000px){
	#content_product ._text{
		font-size:2rem;
	}
}
/* sp */
@media screen and (max-width:767px){
	#content_product{
		padding:0 1rem 5rem;
	}
	#content_product .content_product_inner{
		flex-direction:column;
		gap:2rem;
	}
	#content_product ._mainimage{
		max-width:80rem;
		width:100%;
	}
	#content_product ._maintext{
		width:100%;
		gap:2rem;
	}
	#content_product ._text{
		font-size:1.8rem;
	}
}
