@charset "UTF-8";
/*
CSS Document

SP Screensize: 780px
Xvw = (TargetElement Width:)Xpx / 780px *100;
ex) 100px / 780px *100 = 12.8205vw
*/

main {
	margin: 40px auto 0;
	background: #fff;
	color: #595656;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.bottomtext {
	color: #231815;
	text-align: center;
	line-height: 1;
}

/* for SP */
@media (max-width: 767px) {

main {
	padding-bottom: 7.4358vw;/*58px*/
}
main img:not(.pc) {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
main img.pc {
	display: none;
}

#mv li img {
	width: 82.4358vw;/*643px*/
}
#mv li + li {
	margin-top: 8.0769vw;/*63px*/
}

.to_products {
	margin-top: 8.3333vw;/*65px*/
}
.to_products ul {
	display: flex;
	justify-content: center;
	margin-top: 5vw;/*39px*/
}
.to_products ul li + li {
	margin-left: 3.2051vw;/*25px*/
}
.to_products ul li a {
	display: block;
}
.to_products h2 img {
	width: 34.2307vw;/*267px*/
}
.to_products ul img {
	width: 35.3846vw;/*276px*/
}

.s1 {
	margin-top: 8.9743vw;/*70px*/
}
.s1 h2 + img {
	margin-top: 5.7692vw;/*45px*/
	width: 82.4358vw;/*643px*/
}
.s1 h2 img {
	width: 82.3076vw;/*642px*/
}

.s2 {
	margin-top: /*53px*/ 6.7948vw;
}
.s2 h2 img {
	width: 82.8205vw;/*646px*/
}
.s3 {
	margin-top: /*76px*/ 9.7435vw;
}
.s3 h2 img {
	width: 82.4358vw;/*643px*/
}

.bottomtext {
	margin-top: 7.3076vw;/*57px*/
	font-size: 3.5897vw;/*28px*/
}
}/* end @media*/


/* for PC */
@media (min-width: 768px) {

main {
	width: 960px;
	padding-bottom: 60px;
}
main img {
	display: block;
	margin: 0 auto;
}

#mv {
	background: linear-gradient(180deg, rgba(250, 249, 248, 1) 80%, rgba(255, 255, 255, 1) 100%);
	padding-bottom: 301px;
	position: relative;
}
#mv ul {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
#mv ul li + li {
	margin-left: 34px;
}

.to_products {
	margin-top: 25px;
}
.to_products ul {
	display: flex;
	justify-content: center;
	margin-top: 35px;
}
.to_products ul li + li {
	margin-left: 22px;
}
.to_products ul li a {
	display: block;
}
.to_products ul li a:hover img {
	opacity: 0.8;
	transition: all 0.3s ease;
}

.s1 {
	margin-top: 47px;
}
.s1 h2 + img {
	margin-top: 47px;
}

.s2 {
	margin-top: 61px;
}
.s2 h2 + img {
	margin-top: 41px;
}

.s3 {
	margin-top: 98px;
}
.s3 h2 + img {
	margin-top: 47px;
}

.bottomtext {
	margin-top: 60px;
	font-size: 20px;
}
}/* end @media*/