@charset "utf-8";

#wrapper { position: relative; padding-top: 68px;}
@media (max-width: 481px) {
	#wrapper { padding-top: 50px;}
}


.page-kv { background: url('/img/bg-kv.jpg') no-repeat 50% 50% / cover }
.page-kv .inner-kv { padding: 100px 0 120px;}
.page-kv h1 { color: #fff; font-size: 42px; font-size: min(3.0vw,42px); font-weight: 700; letter-spacing: 0.1rem; line-height: 1.2; text-align: center;}
.page-kv h1 br { display: none;}
.page-kv h1 span.eng { display: block; margin-top: 20px; font-size: 21px; font-size: min(1.35vw,21px); font-weight: 400;}
@media (max-width: 1281px) {
	.page-kv h1 span.eng { margin-top: 20px;}	
}
@media (max-width: 801px) {
	.page-kv .inner-kv { padding: 60px 0;}
	.page-kv h1 { font-size: 5.0vw;}
	.page-kv h1 br { display: block;}
	.page-kv h1 span.eng { font-size: 2.8vw;}
}
@media (max-width: 641px) {
	.page-kv h1 { font-size: 36px;}
	.page-kv h1 span.eng { margin-top: 12px; font-size: 16px;}
}
@media (max-width: 481px) {
	.page-kv .inner-kv { padding: 50px 0;}
	.page-kv h1 { font-size: 28px;}
	.page-kv h1 span.pc { display: none;}
	.page-kv h1 br { display: block;}
}

.breadlist { padding: 20px 0;}
.breadlist ul { width: 92%; max-width: 1400px; margin: 0 auto; font-size: 0;}
.breadlist ul li { position: relative; display: inline-block; margin-right: 8px; padding-right: 12px; font-size: 16px; vertical-align: middle;}
.breadlist ul li br { display: none;}
.breadlist ul li:last-child { margin-right:0px; padding-right: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.breadlist ul li:nth-child(3) { width: 72%;}
.breadlist ul li:after { content: ''; display: block; width: 8px; height: 8px; border-top: solid 1px #333; border-right: solid 1px #333; 
 position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(45deg);
}
.breadlist ul li:last-child:after { content: none;}
.breadlist ul li a { color: 333; text-decoration: none;}
.breadlist ul li a:hover { color: #ffb300;}
@media (max-width: 801px) {
	.breadlist ul li { font-size: 14px;}
	.breadlist ul li:nth-child(3) { width: 55%;}
}
@media (max-width: 481px) {
	.breadlist { padding: 12px 0;}
	.breadlist ul li { margin-right: 6px; padding-right: 8px;  font-size: 12px;}
	.breadlist ul li:after { width: 5px; height: 5px;}
	.breadlist ul li:nth-child(3) { width: 40%;}
}
.ttl h2 { font-size: 42px; font-size: min(3.0vw,42px); font-weight: 700; letter-spacing: 0.05rem; line-height: 1.2; text-align: center;}
.ttl h2 span.eng { display: block; margin-top: 20px; font-size: 21px; font-size: min(1.35vw,21px); font-weight: 400;}
.ttl h2 br { display: none;}
.btn-back a { display: block; width: 100%; max-width: 240px; margin: 0 auto; padding: 4px 0; border-radius: 4px; background: #606060; box-shadow: 4px 4px 0 #333;
 color: #fff; font-size: 21px; font-size: min(1.35vw,21px); font-weight: 700; text-align: center; text-decoration: none;
}
.btn-back a:hover { color: #FFB300;}
@media (max-width: 1281px) {
	.ttl h2 span.eng { margin-top: 20px;}	
	.btn-back a { font-size: 16px;}
}
@media (max-width: 801px) {
	.ttl h2 { font-size: 5.0vw;}
	.ttl h2 span.eng { font-size: 2.8vw;}
}
@media (max-width: 641px) {
	.ttl h2 { font-size: 36px;}
	.ttl h2 span.eng { margin-top: 12px; font-size: 16px;}
}
@media (max-width: 481px) {
	.ttl h2 { font-size: 32px;}
	.ttl h2 span.pc { display: none;}
	.ttl h2 br { display: block;}
}