* { box-sizing: border-box; margin: 0; padding: 0;}
html { font-size: 62.5%; line-height: 1.5;}
body { font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif; font-size: 1.8em; color: #333;}
img { width: 100%;}

.pc { display: block;}
.sp { display: none;}

@media screen and (max-width: 767px) {
	body { font-size: 16px;}
	.pc { display: none;}
	.sp { display: block;}
}
header {width: 100%;}
header h1 { font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; text-align: center; padding: 2.5rem 0; background: #E50011; font-size: 2.5rem; font-weight: 700; color: #fff; letter-spacing: .15rem; width: 100%;}

@media screen and (max-width: 767px) {
	header h1 { font-size: 20px;}
	header h1 span { white-space: nowrap;}
}

main { padding: 5rem 0 ;}
main .inner { width: 940px; max-width: 940px; margin: 0 auto; text-align: center;}
main .inner dl { display: flex; flex-wrap: wrap; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10rem 0; text-align: left;}
main .inner dl dt { min-width: 22rem; word-break: keep-all; border-bottom: 1px solid #ccc; padding: 3rem 2rem; font-weight: bold;}
main .inner dl dt:before { content: "■"; display: inline-block; margin-right: 0.5rem; color: #FF2741;}
main .inner dl dt:last-of-type { border-bottom: none;}
main .inner dl dd { width: calc(100% - 22rem); border-bottom: 1px solid #ccc; padding: 3rem 2rem;} 
main .inner dl dd span.tm { font-size: 10px;} 
main .inner dl dd.scroll { width: calc(100% - 26rem); height: 350px; overflow-y: scroll; padding: 2rem 1rem; margin: 3rem 2rem; border: 1px solid #ccc; font-size: 16px;}
main .inner dl dd ul { margin: 1rem 0 4rem 4rem;}
main .inner dl dd ul li { padding-bottom: 1rem;}
main .inner a.btn { margin: 0 auto; padding: 2rem 6rem; border-radius: 5px; background: #00A796; color: #fff; text-decoration: none; margin: 5rem 0rem; display: inline-block; font-size: 150%;}
main .inner a.btn:hover,
main .inner a.btn:active { background: #07D3BA;}
main .inner a.end { pointer-events: none; background: #888;}

@media screen and (max-width: 939px) {
	main { padding-top: 0;}
	main .inner { width: 95%;}
	main .inner dl dt { min-width: auto; border-bottom: none; padding-bottom: 0; padding-top: 2rem;}
	main .inner dl dd { width: 100%; padding: 1.5rem 2rem 2rem;}
	main .inner dl dd.scroll { margin-top: 1.5rem; width: 100%; font-size: 14px;}
	main .inner dl dd ul { margin-bottom: 2rem;}
	main .inner a.btn { margin: 2.5rem 0;}
}

footer { text-align: center; padding: 2rem 0; background: #FF2741; color: #fff; font-size: 11px; letter-spacing: 1.5px;}