header{
	height: 100vh;
	background: url(../img/index/head-img.jpg) bottom center no-repeat;
	background-size: cover;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.index-mv{
	z-index: 2;
	width: 100%;
	padding: 0 3vw;
}
.index-mv__inner{
	margin: 0 auto;
	position: relative;
	max-width: 1020px;
}
.index-mv__txt{
	font-size: 7.5vw;
	margin-top: -0.5em;
	position: relative;
	color: #974569;
	line-height: 1.6;
	font-feature-settings: "palt";
}
.index-mv__handwritten{
	right: 3vw;
	position: absolute;
	width: 27.5vw;
}
.index-mv__handwritten img{ max-width: 100%; }
@media screen and (min-width: 769px) {
	.index-mv__txt{ font-size: 2.625rem; }
	.index-mv__txt span{
		padding: 0.1em 0.1em 0.1em .5em;
		border-radius: 3px;
		display: inline-block;
		line-height: 1;
		background: rgba(255,255,255,.9);
	}
	.index-mv__txt .sp{ display: none; }
	.index-mv__handwritten{
		width: auto;
		bottom: -90px;
		right: 0;
	}
}

@media screen and (min-width: 1020px) {
	.index-mv__txt{ font-size: 3rem; }
}
.index-content{ margin-top: 18.75vw; }
@media screen and (min-width: 769px) {
	.index-content{ margin-top: 100px; }
}
@media screen and (min-width: 1020px) {
	.index-content{ margin-top: 120px; }
}

/* ////////////////////
# C O N C E P T
//////////////////// */
.concept-section{
	display: flex;
	flex-wrap: wrap;
	color: #974569;
}
.concept-main p{
	margin-top: 1.125em;
	line-height: 2;
	font-size: 0.875rem;
}
.concept-main{ width: 100%; }
.concept-main{
	box-sizing: border-box;
	padding: 0 4vw 15.625vw;
}
.concept-main i{ width: 28.125vw; margin: auto; }
.concept-main i img{ max-width: 100%; }
@media screen and (min-width: 769px) {
	.concept-img01{ background-image: url(../img/index/index-concept-img01@2x.jpg); }
	.concept-img02{ background-image: url(../img/index/index-concept-img02@2x.jpg); }
	.concept-main i{ width: auto; }
	.concept-img{
		width: calc((100% - 480px) / 2);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.concept-main{
		max-width: 480px;
		padding:0 20px 80px;
	}
	.concept-main p{ font-size: 1rem; }
}
@media screen and (min-width: 1020px) {
	.concept-main{
		padding:0 20px 100px;
	}
}

/* ////////////////////
# L I N E U P
//////////////////// */
.lineup-section{ padding: 0 4vw 12.5vw; }
.lineup-section img{ width: 100%; }
.lineup-section__nav{
	color: #974569;
	fill: #974569;
}
.case-main_txt{
	font-size: 0.875rem;
	line-height: 2;
	margin-bottom: 2em;
}
.casse-data dl{
	font-size: 0.875rem;
	display: flex;
	align-items: flex-start;
}
.casse-data dl+dl{ margin-top: 1.25em; }
.casse-data dt{
	width: 6em;
	color: #974569;
}
.casse-data figure{ margin-bottom: 6.25vw; }
.case-plice{
	margin-top: 1em;
	color: #974569;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	font-size: 0.875rem;
}
.case-plice .jp{ line-height: 1.4; }
.case-plice .valuel{
	font-size: 2.125em;
}
.tab-content + .tab-content{ margin-top: 12.5vw; }

.tab-link{ display: none; }
.tab-link li{
	margin-right: 10px;
	border-radius: 6px;
	line-height: 1.6667em;
}
.tab-link li,.tab-link li span{
	-moz-transition: .2s;
	-webkit-transition: .2s;
}
.tab-link li:hover,
.tab-link li.active{ background: #f4ecf0; }
.tab-link li:hover{ cursor: pointer; }
.lineup-section .content-title02{ margin-bottom: 2em; }
.casse-data{ margin-top: 12.5vw; }

.lineup-image img{ width: 100%; }
@media screen and (min-width: 769px) {
	.lineup-section{
		padding: 100px 4vw;
	}
	.content-title03.icons{ text-align: left; }
	.content-title01_sub:before,
	.content-title01_sub:after{
		width: 40px;
	}
	.tab-content + .tab-content{ margin-top: 80px; }
	.casse-data{
		margin-top: 40px;
		flex-wrap: wrap;
		align-items: flex-start;
		display: flex;
	}

	.case-plice{ font-size: 1rem; }
	.casse-data dl{ font-size: 1rem; }
	.casse-data figure{ width: calc(100% - 320px); }
	.casse-data .case-txt{
		width: 320px;
		padding-left: 40px;
		box-sizing: border-box;
	}
	.case-main_txt{ font-size: 1rem; }

	.tab-link li{ font-size: 1rem; }
}
@media screen and (min-width: 1020px) {
	.casse-data figure{ margin-bottom: 0; }
	.tab-content + .tab-content{ margin-top: 0; }
	.tab-content{
		-moz-transition: .2s;
		-webkit-transition: .2s;
		visibility: hidden;
		opacity: 0;
		height: 0;
	}
	.tab-content.active{
		height: auto;
		visibility: visible;
		opacity: 1;
	}
	.lineup-section{
		padding: 140px 4vw;
	}
	.lineup-section .content-inner{
		display: flex;
	}
	.lineup-section__nav{ width: 240px; }
	.lineup-section__content{
		margin: 0;
		width: calc(100% - 240px);
		padding-top: 1rem;
	}

	.tab-link{ display: inline-block; }
	.tab-link li{
		width: auto;
		padding: 0 1.25em;
		display: flex;
		align-items: center;
		text-align: right;
		justify-content: flex-end;
		font-size: 1.5rem;
	}
	.tab-link li + li{ margin-top: 10px; }
	.tab-link li:hover span,
	.tab-link li.active span{ font-size: 1em; }
	.tab-link li span{ font-size: 1rem; }
}





.feature-section{ padding: 0 4vw 18.75vw; }
.feature-section img{ max-width: 100%; }
.feature-section__head{ margin-bottom: 12.5vw; }
.feature-section__head p{
	font-size: 0.875rem;
	line-height: 1.75;
}
.feature-section__head .content-title03{
	margin-bottom: 2em;
}
.feature-box__item p{
	font-size: 0.875rem;
	line-height: 2;
	margin-top: 0.5em;
}
.feature-box__item .content-title02 .jp{
	margin-top: 1em;
}

.feature-section h3{ margin-bottom: 12.5vw; }
.feature-section h3.option-title{
	margin-top: 25vw;
	margin-bottom: 12.5vw;
}
.feature-section h3 img{ width: 59.375vw; }
.feature-box__item + .feature-box__item{ margin-top: 12.5vw; }

.base-box__item,
.feature-box__item img{ width: 100%; }
.option-box__item h4.pc{ display: none; }
@media screen and (min-width: 769px) {
	.feature-section{ padding: 0 3vw 140px; }
	.feature-section__head{
		margin-bottom: 80px;
	}
	.feature-section__head p{ font-size: 1rem; }
	.feature-box__item + .feature-box__item{ margin-top: 0; }
	.feature-box{
		display: flex;
		flex-wrap: wrap;
	}
	.base-box__item{
		margin-right: 30px;
		width: calc((100% - 30px) / 2);
	}
	.base-box__item:nth-child(n+3){
		margin-top: 50px;
		width: calc((100% - 60px) / 3);
	}
	.base-box__item:nth-child(3n+2),
	.base-box__item:last-child{ margin-right: 0; }
	.feature-section h3{ margin-bottom: 50px; }
	.feature-section h3.option-title{
		margin-top: 100px;
		margin-bottom: 60px;
	}
	.feature-section h3 img{ width: auto; }
	.base-box__item p{ font-size: 1rem; }
	.option-box__item{
		margin-right: 60px;
		width: calc((100% - 60px) /2 );
	}
	.option-box__item .flex-box{
		display: flex;
		flex-wrap: wrap;
	}
	.option-box__item figure{
		width: 180px;
		margin-right: 30px;
	}
	.option-box__item h4.pc{ display: block; margin-bottom: 1em;}
	.option-box__item .flex-box h4.sp{ display: none; }
	.option-box__item:nth-child(n+3){ margin-top: 90px; }
	.option-box__item .content-title02 .jp{ margin-top: 0; }
	.option-box__item .flex-box .txt-box{ width: calc(100% - 210px); }
	.option-box__item:nth-child(2n){ margin-right: 0; }
	.option-box__item p{ margin-top: 0; }
}
@media screen and (min-width: 1020px) {
	.feature-section__head{
		margin-bottom: 80px;
		align-items: flex-end;
		display: flex;
		flex-wrap: wrap;
	}
	.feature-section__head p{
		line-height: 1.75;
		width: calc(100% - 280px);
	}
	.feature-section__head .content-title03{
		width: 280px;
		margin-bottom: 0;
	}
}