@charset "utf-8";

@import "keyframes.css";
#container { background: #063c93;}
.wrap { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; padding: 160px 0 80px; background: url('../img/bg.jpg') repeat-y 50% 0 / 1280px auto;}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	.wrap { padding: 80px 0px 40px;}
}

#ft { background: url('../img/bg-ft-sv.jpg') no-repeat 50% 50% / cover;}
@media (max-width: 641px) {
	#ft { background: url('../img/bg-ft-sv-sp.jpg') no-repeat 50% 50% / 100% auto;}
}

.sct { width: 100%;}
.sct .inner-sct { width: 90%; max-width: 860px; margin: 0 auto;}


.article-tit { width: 100%; max-width: 840px; margin: 0 auto 40px; color: #fff;}
.article-tit h2 { margin-bottom: 30px; font-size: 36px; letter-spacing: 0.06rem;}
.article-tit p { font-size: 22px;}
@media (max-width: 801px) {
	.article-tit { margin: 0 auto 20px;}
	.article-tit h2 { margin-bottom: 20px; font-size: 3.6vw;}
	.article-tit p { font-size: 14px;}
}
@media (max-width: 481px) {
	.article-tit { margin: 0 auto 12px;}
	.article-tit h2 { margin-bottom: 12px; font-size: 18px;}
	.article-tit p { font-size: 12px;}
}


.main-kv { width: 100%; margin: 0 auto 50px;}
.main-kv figure img { width: 100%;}
@media (max-width: 481px) {
	.main-kv { margin: 0 auto 30px;}
}

.ctn { width: 100%; max-width: 750px; margin: 0 auto;}
.ctn .tit { margin-bottom: 50px; padding: 30px 0; border-top: solid 1px #fff; border-bottom: solid 1px #fff;}
.ctn .tit h3 { color: #fff; font-size: 27px; letter-spacing: 0.05rem; text-align: center;}
.ctn p { color: #fff; font-size: 18px; letter-spacing: 0.05rem; line-height: 1.85; text-align: center;}
.ctn p.mb { margin-bottom: 40px;}
.ctn p sub { font-size: 12px; vertical-align: text-bottom;}
.ctn p.price { text-align: center;}
.ctn p.price img { width: 67%; max-width: 410px;}
.ctn figure { margin-bottom: 10px; text-align: center;}
.ctn figure img { width: 67%; max-width: 410px; margin-bottom: 20px;}
.ctn figure figcaption { color: #fff; font-size: 14px;}
.ctn figure figcaption sub { font-size: 10px; vertical-align: text-bottom;}
.ctn .note { padding: 30px 0;}
.ctn .note.mb { margin-bottom: 50px;}
.ctn .note ul { text-align: center;}
.ctn .note ul li { color: #fff; font-size: 10px;}

@media (max-width: 801px) {
	.ctn .tit { margin-bottom: 30px; padding: 20px 0;}
	.ctn .tit h3 { font-size: 2.7vw;}
}
@media (max-width: 481px) {
	.ctn .tit { margin-bottom: 20px; padding: 12px 0;}
	.ctn .tit h3 { font-size: 20px;}
	.ctn p { font-size: 14px; text-align: left;}
	.ctn p sub { font-size: 10px;}
	.ctn figure figcaption { display: block; width: 70%; margin: 0 auto; font-size: 12px; text-align: left;}
	.ctn .note { padding: 20px 0;}
	.ctn .note.mb { margin-bottom: 20px;}
	.ctn .note ul { width: 72%; margin: 0 auto; text-align: left;}
	.ctn .note ul.tc { width: 100%; text-align: center;}
}

aside .inner-sct { padding: 30px 0;}
aside.links h4 { color: #fff;}