@charset "utf-8";

#sgsContents main {color: #fff;}
#sgsContents main a{color: #fff;}
#sgsContents main a:hover{text-decoration: none;}

@media screen and (min-width:641px){
/* pc */

.sp-item{display:none;}
.ie11 #sgsContents {transform: scale(0.999); top: -4px;}
.ie11 #sgsContents::before {transform: scale(0.999);}
.ie11.windowloaded #sgsContents,
.ie11.windowloaded #sgsContents::before {transform: scale(1);}
#sgsContents::before{background: url(../images/bg.jpg) center top no-repeat;}
#sgsContents::after{content: ''; background: url(../images/bg-mv.jpg) center bottom no-repeat; width: 1920px; position: absolute; left: 50%; top: 60px; margin-left: -960px; z-index: 0; height:1277px;}
#sgsContents main {min-height: 640px; margin-bottom: 30px;}

#campaignVisual {width: 100%; height: 1367px; padding: 70px 0 0; margin-bottom: 0;}
#campaignVisual h1 {position: relative; z-index: 100; background: url(../images/h1.png) center top no-repeat; height: 192px;}

#campaignVisual li {position: absolute; left: 0; top: 0; z-index: 100;}
#campaignVisual li a{background: url(../images/nav.png) center top no-repeat; display: block; height: 192px; width: 192px; transition: 0.3s; backface-visibility: hidden;}
#campaignVisual li a:hover {filter: brightness(1.2);}
.ie #campaignVisual li a:hover {opacity: 0.7;}
#campaignVisual li:nth-child(1) {left: 13px; top: 820px;}
#campaignVisual li:nth-child(2) {left: 190px; top: 820px;}
#campaignVisual li:nth-child(2) a {background-position: 0 -200px;}
#campaignVisual li:nth-child(3) {left:366px; top: 820px;}
#campaignVisual li:nth-child(3) a {background-position: 0 -400px;}
#campaignVisual li:nth-child(4) {left:540px; top: 820px;}
#campaignVisual li:nth-child(4) a {background-position: 0 -600px;}
#campaignVisual li:nth-child(5) {left:718px; top: 820px;}
#campaignVisual li:nth-child(5) a {background-position: 0 -800px;}
#campaignVisual li:nth-child(6) {left:894px; top: 820px;}
#campaignVisual li:nth-child(6) a {background-position: 0 -1000px;}
#campaignVisual li:nth-child(7) {left: 13px; top: 1000px;}
#campaignVisual li:nth-child(7) a {background-position: 0 -1200px;}
#campaignVisual li:nth-child(8) {left: 190px; top: 1000px;}
#campaignVisual li:nth-child(8) a {background-position: 0 -1400px;}
#campaignVisual li:nth-child(9) {left:366px; top: 1000px;}
#campaignVisual li:nth-child(9) a {background-position: 0 -1600px;}
#campaignVisual li:nth-child(10) {left:540px; top: 1000px;}
#campaignVisual li:nth-child(10) a {background-position: 0 -1800px;}
#campaignVisual li:nth-child(11) {left:718px; top: 1000px;}
#campaignVisual li:nth-child(11) a {background-position: 0 -2000px;}
#campaignVisual li:nth-child(12) {left:894px; top: 1000px;}
#campaignVisual li:nth-child(12) a {background-position: 0 -2200px;}

#campaignVisual p.copy{height: 240px; width: 1920px; position: absolute; left: 50%; bottom: 0; margin-left: -960px; z-index: 200; top:1200px;}
#campaignVisual p.copy::before{content: ''; height: 100%; width: 100%; background: rgba(188,1,1,0.9); position: absolute; left: 0; top: 0; z-index: -1;}
#campaignVisual p.copy::after{content: ''; height: 100%; width: 100%; background: url(../images/copy.png) center center no-repeat; position: absolute; left: -151px; top: 0;}

#campaignVisual p.movie{height: 152px; width: 269px; position: absolute; right: 50%; bottom: 0; margin-right: -590px; z-index: 200; top:1244px;}
#campaignVisual p.movie a::after{content: ''; height: 100%; width: 100%; background: url(../images/movie.png) center center no-repeat; position: absolute; left: 0; top: 0;}
#campaignVisual p.movie a:hover {filter: brightness(1.2); height: 152px; width: 100%; position: absolute; left: 0;}
.ie #campaignVisual p.movie a:hover {opacity: 0.7; height: 152px; width: 100%; position: absolute; left: 0;}

#information {text-align: center; min-height: 48px; padding: 10px 0 10px; margin-top: 73px;}
#information::before{content: ''; background: rgba(140,0,0,0.8); height: 100%; width: 500%; position: absolute; left: 50%; margin-left: -250%; top: 0; z-index: 0;}
#information dl {position: relative; z-index: 10; letter-spacing: 0.1em; display: flex; justify-content: center; padding: 0 50px; align-items: center; font-size: 18px; line-height: 1.6; color: #fff;}
#information dt {color: #fffd46; font-weight: bold; margin-right: 41px;}
#spinformation {display: none;}

/* article */
main article {position: relative; height: 732px; margin-left: 11px;}
main article + article {margin-top: 48px;}
main article::after{content: ''; width: 1260px; height: 100%; background-position: center top; background-repeat: no-repeat; position: absolute; left: 50%; top: 0; margin-left: -635px;background-image: url(../images/campaign01.png);}
main article p.btn{position: absolute; left: 50%; bottom: 41px; margin-left: -252px; z-index: 10; width: 485px; height: 120px;}
main article p.btn a {display: block; background-repeat: no-repeat; background-position: center center; background-image: url(../images/btn-campaign01.png); height: 100%; transition: 0.3s;}
main article p.btn a:hover{filter: brightness(1.2);}
.ie main article p.btn a:hover{opacity: 0.7;}
#campaign01{height: 700px;}
#campaign01 p.btn {width: 363px; height: 98px; margin-left: -397px; margin-bottom: 18px;}
#campaign01 p.btn a {background: url(../images/btn-campaign01.png);}
#campaign01::after {background-image: url(../images/campaign01.png);}
#campaign02{height: 650px; margin-top: -50px;}
#campaign02::after {background-image: url(../images/campaign02.png);}
#campaign03{height: 850px; margin-top: -50px;}
#campaign03::after {background-image: url(../images/campaign03.png);}
#campaign04{height: 650px; margin-top: -50px; z-index: 100;}
#campaign04::after {background-image: url(../images/campaign04.png);}
#campaign05{height: 650px; margin-top: -650px;}
#campaign05::after {background-image: url(../images/campaign05_0426.png);}
#campaign06{height: 650px; margin-top: -50px; z-index: 100; pointer-events: none;}
#campaign06 p.btn {width: 363px; height: 98px; margin-left: -480px; margin-bottom: 18px; pointer-events: auto;}
#campaign06 p.btn a {background: url(../images/btn-campaign08.png);}
#campaign06::after {background-image: url(../images/campaign06_0426.png);}
#campaign07{height: 650px; margin-top: -650px;}
#campaign07 p.btn {width: 363px; height: 98px; margin-left: 74px; margin-bottom: 18px;}
#campaign07 p.btn a {background: url(../images/btn-campaign07.png);}
#campaign07::after {background-image: url(../images/campaign07.png);}
#campaign08{height: 650px; margin-top: -50px; z-index: 100; pointer-events: none;}
#campaign08 p.btn {width: 363px; height: 98px; margin-left: -490px; margin-bottom: 18px; pointer-events: auto;}
#campaign08 p.btn a {background: url(../images/btn-campaign08.png);}
#campaign08::after {background-image: url(../images/campaign08_0417.png);}
#campaign09{height: 650px; margin-top: -650px;}
#campaign09 p.btn {width: 363px; height: 98px; margin-left: 74px; margin-bottom: 18px; pointer-events: auto;}
#campaign09 p.btn a {background: url(../images/btn-campaign09.png);}
#campaign09::after {background-image: url(../images/campaign09_0515.png);}
#campaign10{height: 650px; margin-top: -50px; }
#campaign10 p.btn {width: 463px; height: 98px; margin-left: -236px; margin-bottom: 23px;}
#campaign10 p.btn a {background: url(../images/btn-campaign10.png);}
#campaign10::after {background-image: url(../images/campaign10.png);}
#campaign11{height: 650px; margin-top: -50px;}
#campaign11 p.btn {width: 363px; height: 98px; margin-left: -460px; margin-bottom: 18px;}
#campaign11 p.btn a {background: url(../images/btn-campaign08.png);}
#campaign11::after {background-image: url(../images/campaign11_0426.png);}
#campaign12{height: 650px; margin-top: -650px; pointer-events: none;}
#campaign12 p.btn {width: 363px; height: 98px; margin-left: 74px; margin-bottom: 18px; pointer-events: auto;}
#campaign12 p.btn a {background: url(../images/btn-campaign12.png);}
#campaign12::after {background-image: url(../images/campaign12_0410.png);}

p.note{position: relative; font-size:18px; width:1000px; margin:0 auto; color:#900000;  z-index: 10; letter-spacing: 0.1em;  text-align:center;}

#additional {height:230px; width:100%; min-width:1100px; background:rgba(181,1,1,0.8); position: relative; left:0; bottom:30px; z-index:200; transition:top 1s;}
#additional p.additional::before{content: ''; height: 100%; width: 100%; background: rgba(188,1,1,0.9); position: absolute; left: 0; top: 0; z-index: -1;}
#additional p.additional::after{content: ''; height: 100%; width: 100%; background: url(../images/additional.png) center center no-repeat; position: absolute; left: 0; top: 0;}

}

@media screen and (min-width:1920px){
/* pc */
#sgsContents::after{width: 100%; margin: 0; background-size:cover ; left: 0; background-position: center bottom;}
#campaignVisual p.copy{width: 100%; margin: 0; left: 0;}
#campaignVisual p.copy::before{width: 500%; margin-left: -250%;}
}


@media screen and (max-width:640px){
/* sp */
.sp-item{display: inline-block;}
#sgsContents::after{content: ''; background: url(../images/sp/mv.jpg) center top no-repeat; width: 100%; position: absolute; left: 0; top: 9.375vw; z-index: 0; height:571.875vw; background-size: 100% auto;}
#sgsContents main {min-height: 640px;}
#campaignVisual {width: 100%; min-height: 286.09375vw; padding:22vw 0 0; margin-bottom: 5.46875vw;}
#campaignVisual h1 {position: relative; z-index: 100; background: url(../images/sp/h1.png) center top no-repeat; height:31.40625vw; background-size: 100% auto; margin: 0vw 0 70vw;}
#spinformation dl {font-size: 3.4375vw; line-height: 5vw; letter-spacing: 0.1em;}
#spinformation dl dt {color: #fffd46; font-weight: bold; background: rgba(140,0,0,0.8); line-height: 6.5625vw;}
#spinformation dl dt time {display: inline-block; height: 6.5625vw; background-size: 16.09375vw auto;}
#spinformation dl dd {background: rgba(188,1,1,0.9); padding: 1.95vw 3.25vw;}
#campaignVisual ol {background: url(../images/sp/nav.png) center top no-repeat; background-size: 100% auto; height: 89.375vw; text-align: center; margin:5.3125vw 0 6.25vw;}
#campaignVisual ol li {display: inline-block; width: 50%;}
#campaignVisual ol li a{display: block; height: 14.85vw;}
#campaignVisual p.copy{background: url(../images/sp/copy.png) center top no-repeat; height: 28vw; background-size: 100% auto;}

#campaignVisual p.movie {display: block; center top no-repeat; height: 28vw; background-size: 100% auto;}
#campaignVisual p.movie a {display: block; center top no-repeat; height: 28vw; background-size: 100% auto; background-image: url(../images/sp/movie.png);}

p.note {position: relative; z-index: 10; letter-spacing: 0.1em; display: flex; font-size: 2.813vw; line-height: 5.156vw; letter-spacing: 0.05em; color:#900000; width:100vw; margin:0 auto; padding-bottom:3vw; text-align: center; justify-content: center;}

/* article */
main article {position: relative; height: 145vw; margin-left: 0;}
main article + article {margin-top: 4.0625vw;}
main article::after{content: ''; width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; position: absolute; left: 0; top: 0; background-image: url(../images/sp/campaign01.png); background-size: 100% auto;}
main article p.btn{position: absolute; left: 50%; bottom: 9.375vw; margin-left: -37.8125vw; z-index: 10; width: 75.78125vw; height: 18.75vw; }
main article p.btn a {display: block; background-repeat: no-repeat; background-position: center center; width:100%; height: 100%; transition: 0.3s; background-size: cover;}
#campaign01{height: 187.5vw;}
#campaign01 p.btn {bottom: 6.59375vw; width: 56.71875vw; height:15.3125vw; center; margin-left: -28.125vw;}
#campaign01 p.btn a {background-image: url(../images/btn-campaign01.png);}
#campaign01::after {background-image: url(../images/sp/campaign01.png);}
#campaign02{height: 171.875vw;}
#campaign02::after {background-image: url(../images/sp/campaign02.png);}
#campaign03{height: 196.875vw;}
#campaign03::after {background-image: url(../images/sp/campaign03.png);}
#campaign04{height: 95.3125vw;}
#campaign04::after {background-image: url(../images/sp/campaign04.png);}
#campaign05{height: 85.9375vw;}
#campaign05::after {background-image: url(../images/sp/campaign05_0426.png);}
#campaign06{height: 90.625vw; }
#campaign06 p.btn {bottom: 5.59375vw; width: 56.71875vw; height:15.3125vw; center; margin-left: -35.46875vw;}
#campaign06 p.btn a {background-image: url(../images/btn-campaign08.png);}
#campaign06::after {background-image: url(../images/sp/campaign06_0426.png);}
#campaign07{height: 85.9375vw;}
#campaign07 p.btn {bottom: 7.59375vw; width: 56.71875vw; height:15.3125vw; center; margin-left: -30.46875vw;}
#campaign07 p.btn a {background-image: url(../images/btn-campaign07.png);}
#campaign07::after {background-image: url(../images/sp/campaign07.png);}
#campaign08{height: 95.3125vw;}
#campaign08 p.btn {bottom: 5.59375vw; width: 56.71875vw; height:15.3125vw; center; margin-left: -42.46875vw;}
#campaign08 p.btn a {background-image: url(../images/btn-campaign08.png);}
#campaign08::after {background-image: url(../images/sp/campaign08_0417.png);}
#campaign09{height: 85.9375vw;}
#campaign09 p.btn {bottom: 5.59375vw; width: 56.71875vw; height:15.31255vw; center; margin-left: -34.375vw;}
#campaign09 p.btn a {background-image: url(../images/btn-campaign09.png);}
#campaign09::after {background-image: url(../images/sp/campaign09_0515.png);}
#campaign10{height: 171.875vw;}
#campaign10 p.btn {bottom: 7.59375vw; width: 72.34375vw; height:15.3125vw; center; margin-left: -35.9375vw;}
#campaign10 p.btn a {background-image: url(../images/btn-campaign10.png);}
#campaign10::after {background-image: url(../images/sp/campaign10.png);}
#campaign11{height: 95.3125vw;}
#campaign11 p.btn {bottom: 5.59375vw; width: 56.71875vw; height:15.3125vw; center; margin-left: -35.46875vw;}
#campaign11 p.btn a {background-image: url(../images/btn-campaign08.png);}
#campaign11::after {background-image: url(../images/sp/campaign11_0426.png);}
#campaign12{height: 95.3125vw;}
#campaign12 p.btn {bottom: 5.59375vw; width: 56.71875vw; height:15.31255vw; center; margin-left: -34.375vw;}
#campaign12 p.btn a {background-image: url(../images/btn-campaign12.png);}
#campaign12::after {background-image: url(../images/sp/campaign12_0410.png);}

#additional p.additional{background: url(../images/sp/additional.png) center top no-repeat; height: 26.71875vw; background-size: 100% auto;}

}