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

main {
	margin-top: 40px;
	background: #fff;
	color: #231815;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.mv-area {
	background: #eeefef;
}
.bottomtext {
	text-align: center;
	line-height: 1;
}

/* for SP */
@media (max-width: 640px) {
main {
	padding-bottom: 8.7179vw;
}
picture img {
	width: 100%;
	height: auto;
}
.mv-area h1 + picture {
	display: block;
	margin: 6.6666vw auto 1.6666vw 9.23vw;
}
.mv-area h1 + picture img {
	width: 77.4358vw;
	height: auto;
}
.mv-area::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 8.3333vw #eeefef solid;
	border-right: 50vw #fff solid;
	border-left: 50vw #fff solid;
	border-bottom: 0;
}

section{
	width: 82.6923vw;
	margin: 0 auto;
}

section.sec-1 {
	margin-top: 11.5384vw;
}
section.sec-1 h2{
	margin-bottom: 7.8205vw;
}

section.sec-2 {
	margin-top: 12.5641vw;
}
section.sec-2 h2{
	margin-bottom: 6.923vw;
}

.detail {
	margin-top: 11.282vw;
	padding-top: 11.9230vw;
	background: url("img/bg_dot_1.png") 0 0 repeat-x;
}
.detail h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30.7692vw;
	height: 8.97435vw;
	border: 1px solid #ccc;
	margin: 0 auto 8.0769vw;
	font-size: 2.5641vw;
	line-height: 1;
}
.detail picture{
	display: block;
	text-align: center;
}
.bottomtext {
	margin-top: 13.3333vw;
	font-size: 2.5641vw;
}
}/* end @media*/

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

main {
	width: 960px;
	margin: 40px auto 0;
	padding-bottom: 75px;
}
.mv-area h1 + picture {
	display: block;
	margin: 97px auto 15px 77px;
}
.mv-area::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 80px #eeefef solid;
	border-right: 480px #fff solid;
	border-left: 480px #fff solid;
	border-bottom: 0;
}
.bottomtext {
	margin-top: 105px;
	font-size: 18px;
}

section.sec-1 {
	margin-top: 116px;
}

section h2 {
	width: 750px;
	margin: 0 auto 76px;
}

section > picture {
	display: block;
	margin-left: 166px;
}

section.sec-2 {
	margin-top: 124px;
}
section.sec-2 h2 {
	margin-bottom: 85px;
}

.detail {
	margin: 156px auto 0;
	padding-top: 95px;
	width: 646px;
	background: url("img/bg_dot_1.png") 0 0 repeat-x;
}
.detail h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 295px;
	height: 85px;
	border: 1px solid #ccc;
	margin: 0 auto 97px;
	font-size: 26px;
	line-height: 1;
}
.detail picture{
	display: block;
	text-align: center;
}
}/* end @media*/