@charset "utf-8";

@import "keyframes.css";

body { background: #eee;}
#container { background: url('../img/bg.jpg') repeat-y 50% 0 / 1280px auto;}
.wrap { position: relative; width: 100%; max-width: 1280px; margin: 0 auto;}
.wrap.pb { padding-bottom: 150px;}
.wrap:before,
.wrap:after { content: ''; display: block; width: 220px; height: 650px; position: absolute; top: 0; opacity: 0.6; z-index: 9;}
.wrap:before{ left: 0; background: url('../img/curtain-L.png') no-repeat 0 0 / 100% auto; background-blend-mode: screen;}
.wrap:after { right: 0; background: url('../img/curtain-R.png') no-repeat 100% 0 / 100% auto; background-blend-mode: screen;}
@media (max-width: 1001px) {
	.wrap:before,
	.wrap:after { width: 160px; height: 480px;}
}
@media (max-width: 801px) {
	.wrap:before,
	.wrap:after { width: 100px; height: 300px;}
}
@media (max-width: 641px) {
	.wrap:before,
	.wrap:after { width: 80px; height: 240px;}
}
@media (max-width: 481px) {
	.wrap.pb { padding-bottom: 80px;}
	.wrap:before,
	.wrap:after { width: 40px; height: 120px;}
}

#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% 100% / 100% auto;}
}




.wh-kv { position: relative; z-index: 10; padding-top: 120px;}
.wh-kv:before { content: ''; display: block; width: 100%; height: 80px; background: linear-gradient(rgba(255,255,255,0) 20%,rgba(255,255,255,1) 60%);}
.wh-kv .inner-kv { background: #fff; padding: 100px 0 120px;}
.wh-kv h2 { font-size: 40px; letter-spacing: 0.1rem; text-align: center;}
.wh-kv h2 br { display: none;}
@media (max-width: 481px) {
	.wh-kv { padding-top: 50px;}
	.wh-kv:before { height: 30px; background-size: auto 100%;}
	.wh-kv .inner-kv { padding: 40px 0;}
	.wh-kv h2 { font-size: 18px;}
	.wh-kv h2 br { display: block;}
}


.wh-ctn { position: relative; z-index: 10; background: #fff;}
.wh-ctn .inner-sct { width: 90%; max-width: 900px; margin: 0 auto; padding-bottom: 180px;}
.wh-ctn ul.law { width: 100%;}
.wh-ctn ul.law li { margin-bottom: 40px; font-size: 20px;}
.wh-ctn ul.law li:last-child { margin-bottom: 0;}
.wh-ctn ul.law li dl { line-height: 2; letter-spacing: 0.15rem;}
.wh-ctn ul.law li dl dt { margin-bottom: 10px;}
.wh-ctn ul.law li dl dd { padding-left: 20px;}
@media (max-width: 481px) {
	.wh-ctn .inner-sct { padding-bottom: 80px;}
	.wh-ctn ul.law li { margin-bottom: 20px; font-size: 13px;}
	.wh-ctn ul.law li dl { line-height: 1.75; letter-spacing: 0.075rem;}
	.wh-ctn ul.law li dl dt { margin-bottom: 6px; font-weight: 700;}
	.wh-ctn ul.law li dl dd { padding-left: 15px;}
}