header{position: relative; margin-bottom: 80px;}
header img{width:100%;}
header h1{position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size: 3.625em; color:#FFFFFF; border-bottom: 7px solid #FFFFFF; line-height: 1; padding-bottom:10px;}

.logo-white{position: absolute; top: 72px; left: 106px; width:148px;}
.logo-white img{width:100%;}

@media screen and (max-width:1280px){
	header h1{font-size: 2.4em;}
	.logo-white{top: 48px; left: 70px; width:100px;}
}

@media screen and (max-width:797px){
	header{margin-bottom: 70px; overflow: hidden;}
	header h1{width: fit-content; font-size:2em; line-height:1.4;}
	.logo-white{width:80px; top: 10px; left: 10px;}
}

.section1 {}
.section1 h2 {font-size: 1.25em; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #C8161D;}
.section1 #up_ymd {text-align: right; margin-bottom: 10px;}
.section1 #detail {margin-bottom: 50px;}
.section1 .backORcloseBtn {text-align: center; padding: 20px 0;}
.section1 .backORcloseBtn a {color: #222; border: 1px solid #666; padding: 10px 20px;}
.section1 p{font-size: 1.6875em; line-height: 2.4; color:#C8161D; text-align: center; margin-bottom: 150px; letter-spacing: 0.08em; font-weight: 600;}

.info{max-width:1164px; width: 60.625%; margin: auto; padding-bottom: 50px; border-bottom: solid 1px #C8161D;}
.info p{text-align: center; color:#C8161D; display: flex; justify-content: center; align-items: center; white-space: nowrap; margin: 50px auto; line-height: 1em; font-size: 1.562em; font-weight: 600; letter-spacing: 0.156em; text-indent: 0.156em;}
.info p::before{content:""; display:inline-block; width:100%; height: 1px; background-color:#C8161D; left: 0; margin-right: 15px;}
.info p::after {content:""; display:inline-block; width:100%; height: 1px; background-color:#C8161D; right: 0; margin-left: 15px;}
.info li{list-style: none; font-size:1.125em;}
.info li:not(:last-of-type){margin-bottom:20px;}

@media screen and (max-width:1280px){
	.section1 {}
	.section1 p{font-size: 1.125em; line-height: 2.4; margin-bottom: 100px;}
	.info{max-width:1164px; width: 60.625%; padding-bottom: 35px;}
	.info p{margin: 35px auto; font-size: 1.0625em;}
	.info li{font-size:0.75em;}
	.info li:not(:last-of-type){margin-bottom:15px;}
}

@media screen and (max-width:797px){
	.section1{padding:0 20px; box-sizing: border-box;}
	.section1 p{font-size: 1em; text-align: left; margin: 30px auto; line-height: 1.4;}
	.section1 .info {width: 100%; padding-bottom: 20px;}
	.section1 .info p{margin-bottom: 20px;}
	.section1 .info ul li{font-size: 0.9em; line-height: 1.8;}
	.section1 .info ul li:not(:last-of-type){margin-bottom: 20px;}
}