@charset "utf-8";


#Campaign .PageHeader { position:relative; }
#Campaign .PageHeader .end { position:absolute; top:0; left:0; background:rgba(0,0,0,.7); display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:1.6vw; color:#fff; font-weight:bold; z-index:999; }
#Campaign .PageHeader .end p { text-align:center; line-height:2; }
@media screen and (max-width:767px) {
	#Campaign .PageHeader .end { font-size:3vw; }
}


#Campaign .PageBody { max-width:960px; margin:auto; padding:80px; }
#Campaign .PageBody table {}
#Campaign .PageBody table tbody {}
#Campaign .PageBody table tbody tr { border-bottom: 1px dashed #ccc; }
#Campaign .PageBody table tbody tr:last-child { border-bottom:none; }
#Campaign .PageBody table tbody tr td { padding:40px 0; box-sizing:border-box; }
#Campaign .PageBody table tbody tr td:nth-child(1) { width:240px; font-weight:bold; vertical-align:top; }
#Campaign .PageBody table tbody tr td:nth-child(2) {}

#Campaign .PageBody table tbody tr td > dl {}
#Campaign .PageBody table tbody tr td > dl > div { margin-bottom:40px; }
#Campaign .PageBody table tbody tr td > dl > div > dt { font-weight:bold; background:#eee; padding:4px 8px; margin-bottom:16px; }
#Campaign .PageBody table tbody tr td > dl > div > dd {}

#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea { padding-top:16px; }
#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea .btn { position:relative; display:block; height:80px; max-width:520px; width:100%; margin:auto; border-radius:8px; color:#FFF; background:#1DA1F2; text-decoration:none; overflow:hidden; }
#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea .btn > .inner { display:flex; justify-content:center; align-items:center; width:100%; height:100%; padding-bottom:6px; box-sizing:border-box; position:relative; z-index:1; box-shadow: 0px -4px 0px 0px rgba(0,0,0,0.3) inset; }
#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea .btn > .inner img { width:35px; height:35px; margin-right:8px; }
#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea .btn > .inner svg { font-size:30px; margin-right:8px; }
#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea .btn > .inner .txt { font-size:24px; font-weight:bold; }

#Campaign .PageBody .check { background:#eee; padding:40px; font-size:14px; line-height:1.5; }
#Campaign .PageBody .check h3 { font-weight:bold; margin-bottom:8px; }
#Campaign .PageBody .check ul {}
#Campaign .PageBody .check ul li { margin-bottom:4px; }
#Campaign .PageBody .check ul li:last-child { margin-bottom:0; }
@media screen and (max-width:1199px) {
	#Campaign .PageBody { max-width:calc(960vw / var(--scale)); padding:calc(80vw / var(--scale)); }
	#Campaign .PageBody table tbody tr td { padding:calc(40vw / var(--scale)) 0; }
	#Campaign .PageBody table tbody tr td:nth-child(1) { width:calc(240vw / var(--scale)); }
	#Campaign .PageBody table tbody tr td > dl > div { margin-bottom:calc(40vw / var(--scale)); }
	#Campaign .PageBody table tbody tr td > dl > div > dt { padding:calc(4vw / var(--scale)) calc(8vw / var(--scale)); margin-bottom:calc(8vw / var(--scale)); }
	#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea { padding-top:calc(16vw / var(--scale)); }
	#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea .btn { height:calc(80vw / var(--scale)); max-width:calc(520vw / var(--scale)); border-radius:calc(8vw / var(--scale)); }
	#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea .btn > .inner { padding-bottom:calc(6vw / var(--scale)); box-shadow: 0px calc(-4vw / var(--scale)) 0px 0px rgba(0,0,0,0.3) inset; }
	#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea .btn > .inner img { width:calc(35vw / var(--scale)); height:calc(35vw / var(--scale)); margin-right:calc(8vw / var(--scale)); }
	#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea .btn > .inner svg { font-size:calc(30vw / var(--scale)); margin-right:calc(8vw / var(--scale)); }
	#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea .btn > .inner .txt { font-size:calc(24vw / var(--scale)); }
	#Campaign .PageBody .check { padding:calc(40vw / var(--scale)); font-size:calc(14vw / var(--scale)); }
	#Campaign .PageBody .check h3 { margin-bottom:calc(8vw / var(--scale)); }
	#Campaign .PageBody .check ul li { margin-bottom:calc(4vw / var(--scale)); }
}
@media screen and (max-width:959px) {
	#Campaign .PageBody { max-width:calc(960vw / var(--scale)); padding:calc(40vw / var(--scale)); }
	#Campaign .PageBody table { display:block; }
	#Campaign .PageBody table tbody { display:block; }

	#Campaign .PageBody table tbody tr { display:block; padding:calc(24vw / var(--scale)) 0; }
	#Campaign .PageBody table tbody tr:first-child { display:block; padding:0 0 calc(16vw / var(--scale)) 0; }
	#Campaign .PageBody table tbody tr td { display:block; padding:0; }
	#Campaign .PageBody table tbody tr td:nth-child(1) { width:100%; margin-bottom:calc(8vw / var(--scale)); }
	#Campaign .PageBody table tbody tr td:nth-child(2) { width:100% }
	#Campaign .PageBody table tbody tr td:nth-child(1)::before { content:"■"; display:inline-block; }

	#Campaign .PageBody table tbody tr td > dl > div { margin-bottom:calc(40vw / var(--scale)); }
	#Campaign .PageBody table tbody tr td > dl > div:last-child { margin-bottom:0; }
	#Campaign .PageBody table tbody tr td > dl > div > dt { padding:calc(4vw / var(--scale)) calc(8vw / var(--scale)); margin-bottom:calc(8vw / var(--scale)); }

	#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea { padding-top:calc(16vw / var(--scale)); }
	#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea .btn { height:calc(80vw / var(--scale)); max-width:calc(520vw / var(--scale)); border-radius:calc(8vw / var(--scale)); }
	#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea .btn > .inner { padding-bottom:calc(6vw / var(--scale)); box-shadow: 0px calc(-4vw / var(--scale)) 0px 0px rgba(0,0,0,0.3) inset; }
	#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea .btn > .inner img { width:calc(35vw / var(--scale)); height:calc(35vw / var(--scale)); margin-right:calc(8vw / var(--scale)); }
	#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea .btn > .inner svg { font-size:calc(30vw / var(--scale)); margin-right:calc(8vw / var(--scale)); }
	#Campaign .PageBody table tbody tr td > dl > div > dd .btnArea .btn > .inner .txt { font-size:calc(24vw / var(--scale)); }

	#Campaign .PageBody .check { padding:calc(16vw / var(--scale)); font-size:calc(12vw / var(--scale)); }
	#Campaign .PageBody .check h3 { margin-bottom:calc(8vw / var(--scale)); }
	#Campaign .PageBody .check ul li { margin-bottom:calc(4vw / var(--scale)); }
}
@media screen and (max-width:519px) {
	#Campaign .PageBody { padding:calc(16vw / var(--scale)); }
	#Campaign .PageBody .check { font-size:calc(10vw / var(--scale)); }
}



/*	.Main::before { width:calc(760vw / var(--scale)); padding-top:calc(568vw / var(--scale)); top:calc(-40vw / var(--scale)); }*/