/*========= KV =============*/
div.center_maincontent>section.kv {
	width:100%;
	height:100vh;
	position: relative;
	border-bottom-left-radius: 70px;
	border-bottom-right-radius: 70px;
    background-color: var(--white);
    background-image: url("../img/index/kv-img.png?ver251209");
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*縦幅が960px以上の場合上余白*/
.kv-top-margin{
	margin-top:calc(60 / 1080 * 100%);
}
/*/縦幅が960px以上の場合上余白*/
.kv-top-radius{
	border-top-left-radius: 70px;
	border-top-right-radius: 70px;
}

div.center_maincontent>section.kv>.kv_ttl {
    position: absolute;
    top: 39.8%;
    left: 0;
    width: 100%;
    z-index: 989;
}

div.center_maincontent>section.kv>.kv_ttl>.logo {
	margin-left:auto;
	margin-right:auto;
    width: calc(290 / 460 * 100%);
}
div.center_maincontent>section.kv>.kv-scroll {
    width: calc(110 / 460 * 100%);
    position: absolute;
	right:50%;
	margin-right: calc(-110 / 460 * 50%); /* 自身の幅の半分を戻す */
    /*bottom:calc(30 / 1080 * 100%);*/
    bottom:30px;
}
div.center_maincontent>section.kv>.kv-scroll.sm {
    width: calc(90 / 460 * 100%);
	margin-right: calc(-90 / 460 * 50%); /* 自身の幅の半分を戻す */
    bottom:15px;
}
@media screen and (max-width: 1100px){
	/*タブレット以下*/
	div.center_maincontent>section.kv>.kv_ttl>.logo {
		width: calc(500 / 750 * 100%);
	}
	div.center_maincontent>section.kv>.kv-scroll {
		width: calc(150 / 750 * 100%);
	}
}
@media screen and (max-width: 768px){
	div.center_maincontent>section.kv>.kv_ttl>.logo {
		width: calc(450 / 750 * 100%);
	}
	div.center_maincontent>section.kv {
    background-image: url("../img/index/kv-img-sp.png?ver251209");
	}
	div.center_maincontent>section.kv>.kv_ttl {
		top: 36%;
	}
	div.center_maincontent>section.kv {
		border-bottom-left-radius: 35px;
		border-bottom-right-radius: 35px;
	}
	div.center_maincontent>section.kv>.kv-scroll {
		width: calc(90 / 460 * 100%);
		position: absolute;
		right:50%;
		margin-right: calc(-90 / 460 * 50%); /* 自身の幅の半分を戻す */
		/*bottom:calc(35 / 1080 * 100%);*/		
    	bottom:20px;
	}
}
/*========= コンセプト ===============*/
#concept {
	padding-top:calc(195 / 1080 * 100%);
	padding-bottom:calc(195 / 1080 * 100%);
    position: relative;
}
#concept:after{
	content:'';
	position: absolute;
	z-index: 3;
	bottom:-52px;
	left:0;
	background-image: url("../img/common/bg-main-clip.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top left;
	width:100%;
	height:52px;
}

/*========= 商品紹介 ===============*/
#introduction {
	padding-top:52px;
    position: relative;
}
.contents{
    position: relative;
}
/*ボタン*/
.button{
	width: calc(680 / 750 * 100%);
    position: relative;
	margin-left:auto;
	margin-right:auto;
}
/*SNS*/
.icon-insta{
	width: calc(178 / 750 * 100%);
	margin-left:auto;
	margin-right:auto;
}
/*乗算：灰色背景*/
.gray_mix_bg{
    background-color: var(--white-gray);
	mix-blend-mode: multiply;
	position: absolute;
	inset: 0;/*上下左右すべてを0にしてピッタリ広げる*/
	border-bottom-left-radius: 70px;
	border-bottom-right-radius: 70px;
}
@media screen and (max-width: 767px){
	#introduction {
		padding-top:26px;
	}
	.gray_mix_bg{
		border-bottom-left-radius: 35px;
		border-bottom-right-radius: 35px;
	}
}