@charset "utf-8";
/*------------------------------------------------------------
	tokuno
------------------------------------------------------------*/
.pageTitle {
	margin-bottom: 11.7rem;
}
.pageTitle .pageImage {
	background-image: url(../img/tokuno/page_photo.jpg);
}
.headLine01 .jp {
	width: 21rem;
}
.comTopBox {
	margin-bottom: 12rem;
}
.comTopBox .text {
	margin-bottom: 1.5rem;
	color: #505050;
	letter-spacing: 0.28em;
}
.comFeatures.rightBox {
	padding: 6rem 0 12rem;
}
.comFeatures.rightBox .imgBox .photoBox {
	width: 65.7%;
}
.comFeatures.rightBox .imgBox .textBox {
	margin-top: 6.8rem;
}
.comFeatures.rightBox .imgBox .textBox .text {
	margin-bottom: 4.2rem;
	color: #505050;
}
.comFeatures.rightBox .imgBox .subImage {
	width: 33.6rem;
}
.comImgBox {
	background-image: url(../img/tokuno/commitment_photo01.jpg);
}
.commitmentBox01 {
	margin: 12rem 0;
}
.comStepBox .headLine02 .jp,
.commitmentBox01 .headLine02 .jp {
	color: #333;
}
.commitmentBox01 .imgBox .textBox {
	margin-top: 0;
}
.comHowBox {
	background-image: url(../img/tokuno/how_bg.jpg);
}
.comHowBox .howUl > li, .comHowBox .howUl .slick-slide > div > li {
	margin: 0 1.2rem;
}
.comStepBox {
	padding-bottom: 8.5vw;
	background-image: url(../img/tokuno/step_photo01.jpg);
}
.comStepBox .headLine02 .en {
	padding: 0 1rem;
	letter-spacing: 0.1em;
}
.comStepBox .imgBox .textBox .text {
	margin-bottom: 2.5rem;
}
.comImgBox.buyBox {
	padding: 13vw 0 12.5vw;
	background-image: url(../img/tokuno/commitment_photo03.jpg);
}
.comImgBox.buyBox .headLine04 .jp {
	width: 21rem;
}
.comImgBox.buyBox .textBox {
	width: 47rem;
}
@media all and (max-width: 896px) {
	.pageTitle {
		margin-bottom: 6.8rem;
	}
	.pageTitle .pageImage {
		background-image: url(../img/tokuno/page_photo_sp.jpg);
	}
	.headLine01 .jp {
		width: 25rem;
	}
	.comTopBox {
		margin-bottom: 6.7rem;
	}
	.comTopBox .text {
		margin-bottom: 0.5rem;
		color: #333;
		line-height: 2;
	}
	.comFeatures.rightBox {
		padding: 7.3rem 0 6rem;
	}
	.comFeatures.rightBox .imgBox .photoBox {
		margin: -2.9rem 0 0 0;
		width: auto;
	}
	.comFeatures.rightBox .imgBox .textBox {
		margin-top: -2rem;
	}
	.comFeatures.rightBox .imgBox .textBox .text {
		margin-bottom: 2rem;
		color: #333;
	}
	.comFeatures.rightBox .imgBox .subImage {
		margin: 0 auto;
		width: 29.6rem;
	}
	.comFeatures.rightBox .imgBox .subImage img {
		margin-left: -1rem;
	}
	.comImgBox {
		background-image: url(../img/tokuno/commitment_photo01_sp.jpg);
	}
	.commitmentBox01 {
		margin: 0 0 6.7rem;
	}
	.commitmentBox01 .imgBox .textBox {
		margin: 0 0 0 2rem;
	}
	.comHowBox {
		padding-bottom: 16rem;
		background-image: url(../img/tokuno/how_bg_sp.jpg);
	}
	.comHowBox .howUl .slick-slide > div,
	.comHowBox .howUl > li, .comHowBox .howUl .slick-slide > div > li {
		margin: 0 1.2rem;
		width: 25.5rem !important;
	}
	.comHowBox .headLine03 {
		margin-bottom: 3rem;
	}
	.comHowBox .headLine03 .jp {
		font-size: 1.8rem;
	}
	.comHowBox .howUl .imgBox .text {
		font-size: 1.35rem;
		line-height: 2;
	}
	.slick-dots {
		bottom: -5.5rem;
	}
	.slick-dots li {
		margin: 0 0.6rem;
		width: 11rem;
	}
	.comStepBox {
		padding-bottom: 23.5vw;
		background-image: url(../img/tokuno/step_photo01_sp.jpg);
	}
	.comStepBox .headLine02 .en {
		letter-spacing: 0.2em;
	}
	.comStepBox .imgBox .textBox .text {
		margin-bottom: 102vw;
	}
	.comImgBox.buyBox {
		padding: 15.5vw 0 19vw;
		background-image: url(../img/tokuno/commitment_photo03_sp.jpg);
		background-position: left top;
	}
	.comImgBox.buyBox .headLine04 {
		margin-bottom: 75vw;
	}
	.comImgBox.buyBox .headLine04 .jp {
		width: 25rem;
		letter-spacing: 0.3em;
	}
	.comImgBox .notesList {
		margin-bottom: 3rem;
	}
	.comImgBox .notesList li {
		text-align: center;
	}
	.comImgBox.buyBox .textBox {
		width: auto;
	}
}
@media all and (min-width: 410px) and (max-width: 896px) {
	.comStepBox .imgBox .textBox .text {
		margin-bottom: 115vw;
	}
}