@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
  font-family: "ennum";
   src: url("../font/roboto.ttf") format('truetype');
  unicode-range: U+0041-005A, U+0061-007A,U+0030-0039,U+002C; /* A-Z, a-z ,0-9*/
size-adjust:110%;
}

html{scroll-behavior:auto!important;}
.pcview{display: block;}
.spview{display: none;}
.w870{max-width: 910px;margin:0 auto;padding: 0 20px;}
@media screen and (max-width: 750px) {
.pcview{display: none;}
.spview{display: block;}
.w870{margin:0 auto;padding: 0 4vw;}
}


main{}
.campaign_contents{font-family: "ennum", "Noto Sans JP",sans-serif;font-weight: 900;line-height: 1.2;}
@media screen and (max-width: 750px) {
.campaign_contents{line-height: 1.35;}

}

.campaign_fv span{display: none;}

/*
font-family: "Oswald", sans-serif;
font-family: "Noto Sans JP", sans-serif;
font-family: "Roboto", sans-serif;
*/
.oswald{font-family: "Oswald", sans-serif;}

.campaign_about{background:#B4B4B4;padding:32px 0;}
.campaign_about h2{font-size: 32px;color:#fff;background:#000;width: max-content;padding:0.25em 1em 0.25em;}
.campaign_about .about_inner{border:4px solid #000;background:#fff;padding:30px;font-size: 21px;}
.campaign_about .about_inner p{line-height: 1.35;}
.campaign_about .red.oswald{color:#FF0000;font-size: 39px;letter-spacing: -0.03em;}
.campaign_about .red.jre{color:#FF0000;font-size: 34px;}
.campaign_about .red.jre+span{font-size: 12px;font-weight: 550;}
.campaign_about dl{margin-top: 14px;}
.campaign_about dl dt{font-size: 20px;color:#fff;background: #000;margin-right: 1em;padding:0.2em 1.6em 0.25em;font-weight: 700;}
.campaign_about dl div{display: flex;align-items: center;}
.campaign_about dl>div:not(:last-of-type){margin-bottom: 16px;}
.campaign_about dl div div:first-of-type{margin-right: 2em;}
.campaign_about dd span{font-size: 16px;font-weight: 550;}
@media screen and (max-width: 750px) {
.campaign_about{padding:5vw 0;}
.campaign_about h2{font-size: 4.2vw;}
.campaign_about .about_inner{border:0.5vw solid #000;padding:5vw 4vw;font-size: 4.8vw;}
.campaign_about .about_inner p{text-align: center;}
.campaign_about .about_inner p span:nth-of-type(1){font-size: 4.2vw;text-align: center;display: block;}
.campaign_about .red.oswald{font-size: 8vw;}
.campaign_about .red.jre{font-size: 5.8vw;}
.campaign_about .red.jre+span{font-size: 2vw;}
.campaign_about dl{margin-top: 4.5vw;font-size: 3.9vw;}
.campaign_about dl dt{font-size: 3.2vw;margin-right: 0.5em;padding:0.2em 0.3em 0.25em;flex-shrink: 0;}
.campaign_about dl>div:not(:last-of-type){margin-bottom: 3vw;}
.campaign_about dl div div:first-of-type{margin-right: 0;}
.campaign_about dd span{font-size: 2.6vw;}
.campaign_about dl>div:first-of-type{align-items: flex-start;}
.campaign_about dl>div:last-of-type{justify-content: space-between;}
}

.campaign_nouse{position:relative;z-index:1;padding:48px 0 64px;}
.campaign_nouse::before{content:"";background-image: linear-gradient(0deg, #f00, #FF4C4C);position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: -2;}
.campaign_nouse::after{content:"";background-image: radial-gradient(circle, #ffffff1a 3px, transparent 3px);background-position: 0 0;background-size: 11px 11px;position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: -1;}
.campaign_nouse .nouse_title{text-align: center;font-weight: 850;color:#fff;font-size: 50px;margin-bottom: 24px;}
.campaign_nouse .nouse_title span{display: inline-block;}
.campaign_nouse .nouse_inner{}
.campaign_nouse .nouse_img{max-width: 860px;margin:0 auto;}
.campaign_nouse .nouse_btn{display: flex;justify-content: space-between;gap:36px;margin-top: 26px;}
.campaign_nouse .nouse_btn p{width: calc((100% - 36px) / 2);}
.campaign_nouse .nouse_btn p a{display: block;border:4px solid #000;color:#fff;text-decoration: none;height: 100%;font-size: 20px;font-weight: 700;padding:0.5em 0.7em 0.5em 0;background:#414141;position: relative;transition: background 0.3s;}
.campaign_nouse .nouse_btn p a::before{content:"";display: block;width: 36px;height: 36px;background: #fff;border-radius: 50%;top:calc(50% - 18px);right: 12px;position: absolute;}
.campaign_nouse .nouse_btn p a::after{content:"";display: block;width: 22px;height: 22px;top:calc(50% - 11px);right: 18px;position: absolute;background-image: url(../images/arrow_bk.png);background-position: center center;background-repeat: no-repeat;background-size: contain;transition: right 0.15s;transition-timing-function: linear;}
.campaign_nouse .nouse_btn p a:hover{background:#000;}
.campaign_nouse .nouse_btn p a:hover::after{right: 14px;}
.campaign_nouse .nouse_btn p span{width: max-content;margin:0 auto;display: block;}
@media screen and (max-width: 750px) {
.campaign_nouse{padding:5vw 0 5vw;}
.campaign_nouse .nouse_title{font-size: 7.6vw;margin-bottom: 2vw;line-height: 1.2;}
.campaign_nouse .nouse_title span:nth-of-type(1){font-size:8.8vw;}
.campaign_nouse .nouse_img{margin:0 -5vw;}
.campaign_nouse .nouse_btn{display: block;margin-top: 3vw;}
.campaign_nouse .nouse_btn p{width: 100%;margin-bottom: 3vw;}
.campaign_nouse .nouse_btn p a{border:0.5vw solid #000;font-size: 3.2vw;padding:0.5em 0 0.5em 0;text-align: center;}
.campaign_nouse .nouse_btn p a::before{width: 7vw;height: 7vw;top:calc(50% - 3.5vw);right: 3vw;}
.campaign_nouse .nouse_btn p a::after{width: 4.5vw;height: 4.5vw;top:calc(50% - 2.25vw);right:4vw;}
.campaign_nouse .nouse_btn p a:hover::after{right: 4vw;}
}


h2.pulldown{font-size: 32px;background: #000;color:#fff;text-align: center;padding:0.65em 0 0.75em;cursor: pointer;position: relative;}
h2.pulldown::before{content:"";display: block;width: 50px;height: 50px;position: absolute;top:calc(50% - 25px);right:24px;background:#fff;border-radius: 50%;}
h2.pulldown span::before{content:"";display: block;width: 5px;height: 30px;position: absolute;top:calc(50% - 15px);right:46px;z-index: 5;background: #000;transition:transform 0.3s,opacity 0.3s;}
h2.pulldown span::after{content:"";display: block;width: 30px;height: 5px;position: absolute;top:calc(50% - 2.5px);right:34px;z-index: 5;background: #000;}
h2.pulldown.active span::before{transform: rotate(90deg);opacity: 0;}
@media screen and (max-width: 750px) {
h2.pulldown{font-size: 5vw;padding:0.5em 0 0.6em;}
h2.pulldown::before{width: 8vw;height: 8vw;top:calc(50% - 4vw);right:3vw;}
h2.pulldown span::before{width: 1vw;height: 5vw;top:calc(50% - 2.5vw);right:6.5vw;}
h2.pulldown span::after{width: 5vw;height: 1vw;top:calc(50% - 0.5vw);right:4.5vw;}
}

.pulldown_inner{display: none;}
.pulldown_inner>p{font-size: 20px;font-weight: 800;margin-bottom: 16px;}
.pulldown_inner>ol>li{background: #DCDCDC;padding:16px 16px 16px 60px;position: relative;display: flex;align-items: flex-start;justify-content: space-between;gap:40px;}
.pulldown_inner>ol>li .txt{flex:1;}
.pulldown_inner>ol>li .img{flex-shrink: 0;width: 240px;}
.pulldown_inner>ol>li .num{position: absolute;top:12px;left: 16px;width: 30px;height: 30px;}
.pulldown_inner>ol>li .num img{width: 100%;}
.pulldown_inner>ol>li:not(:last-child){margin-bottom: 16px;}
.pulldown_inner>ol>li p:first-of-type{font-size: 20px;font-weight: 700;}
.pulldown_inner>ol>li p:nth-of-type(2):not(.kome){font-size: 16px;font-weight: 700;margin-top: 10px;}
.pulldown_inner>ol>li p:nth-of-type(2):not(.kome) span{display: inline-block;}
.pulldown_inner>ol>li p.kome{text-indent: -1em;padding-left: 1em;font-size: 16px;font-weight: 600;margin-top: 10px;}
.pulldown_inner>ol>li p.kome::before{content:"※";}
.pulldown_inner .txt ol{font-size: 16px;font-weight: 700;margin-top: 20px;}
.pulldown_inner .txt ol li{text-indent: -1.5em;padding-left: 1.5em;}
.pulldown_inner .txt ol li:not(:last-child){margin-bottom: 12px;}
.pulldown_inner .txt ol li:nth-child(1):before{content:"1．";}
.pulldown_inner .txt ol li:nth-child(2):before{content:"2．";}
.pulldown_inner .txt ol li:nth-child(3):before{content:"3．";}
.pulldown_inner>ol+.kome{font-size: 15.8px;font-weight: 600;font-family: "Roboto","Noto Sans JP",sans-serif;margin-top:16px;}
.pulldown_inner>ol+.kome li{text-indent: -1em;padding-left: 1em;}
.pulldown_inner>ol+.kome li:not(:last-child){margin-bottom: 0.2em;}
.pulldown_inner>ol+.kome li::before{content:"※";}
.pulldown_inner .download{display: flex;align-items: center;justify-content: center;margin-top: 32px;gap:24px}
.pulldown_inner .download .txt{font-size: 16px;font-weight: 700;}
.pulldown_inner .download .icon{display: flex;gap:20px;}
.pulldown_inner .download .icon a{width: 110px;}
@media screen and (max-width: 750px) {
.pulldown_inner>p{font-size: 3.2vw;margin-bottom: 3vw;}
.pulldown_inner>ol>li{padding:4vw 4vw 4vw 4vw;gap:0;}
.pulldown_inner>ol>li .img{width: 30vw;}
.pulldown_inner>ol>li .num{top:3vw;left: 4vw;width: 5vw;height: 5vw;}
.pulldown_inner>ol>li:not(:last-child){margin-bottom: 3vw;}
.pulldown_inner>ol>li p:first-of-type{font-size: 3.2vw;}
.pulldown_inner>ol>li p:nth-of-type(2):not(.kome){font-size: 2.6vw;margin-top: 1.5vw;}
.pulldown_inner>ol>li p.kome{font-size: 2.6vw;margin-top: 1.5vw;}
.pulldown_inner>ol>li .txt{padding-top: 5vw;}
.pulldown_inner .txt ol{font-size: 2.8vw;margin-top: 2vw;}
.pulldown_inner .txt ol li:not(:last-child){margin-bottom: 1.5vw;}
.pulldown_inner>ol+.kome{font-size: 2.8vw;margin-top:2vw;}
.pulldown_inner .download{display: block;margin-top: 4vw;}
.pulldown_inner .download .txt{font-size: 3.2vw;text-align: center;}
.pulldown_inner .download .icon{gap:3vw;justify-content: center;margin-top: 2vw;}
.pulldown_inner .download .icon a{width: 26vw;}
}


.campaign_present{background-color: #ffffff;background-image: radial-gradient(circle, #cccccc 1px, transparent 1px);background-position: 0 0;background-size: 6px 6px;padding:48px 0;}
.campaign_present .present_wrap{border:4px solid #000;}
.campaign_present .present_inner{background:#fff;padding:24px 64px;border-top:4px solid #000;}
@media screen and (max-width: 750px) {
.campaign_present{padding:6vw 0;}
.campaign_present .present_wrap{border:0.5vw solid #000;}
.campaign_present .present_inner{padding:4vw;border-top:0.5vw solid #000;}
}


.campaign_howto{background-color: #ffffff;background-image: radial-gradient(circle, #cccccc 1px, transparent 1px);background-position: 0 0;background-size: 6px 6px;padding:48px 0;}
.campaign_howto .howto_wrap{border:4px solid #000;}
.campaign_howto .howto_inner{background:#fff;padding:24px 64px;border-top:4px solid #000;}
@media screen and (max-width: 750px) {
.campaign_howto{padding:6vw 0;}
.campaign_howto .howto_wrap{border:0.5vw solid #000;}
.campaign_howto .howto_inner{padding:4vw;border-top:0.5vw solid #000;}
}

.campaign_entry{background-image: url(../images/entry_bg_pc.png);background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;aspect-ratio: 40 / 11;}
.campaign_entry p{text-align: center;background-image: url(../images/entry_bakudan_pc.png);background-position: center center;background-repeat: no-repeat;background-size: 850px ; transform: translateY(-50%);position: absolute;top:50%;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.campaign_entry p a{font-size: 32px;color:#fff;text-align: center;display: inline-block;width: 390px;border:4px solid #000;border-radius: 100px;background: #f00;text-decoration: none;padding:0.4em 0 0.55em;box-shadow: 0 8px 0 #000;transition: 0.2s;}
.campaign_entry p a:hover{background: #000;box-shadow: 0 0 0 #000;transform: translateY(8px);}
@media screen and (max-width: 750px) {
.campaign_entry{background-image: url(../images/entry_bg_sp.png);aspect-ratio: 75 / 27;}
.campaign_entry p{background-image: url(../images/entry_bakudan_sp.png);background-size:100%;}
.campaign_entry p a{font-size: 6.4vw;width: auto;border:0.5vw solid #000;padding:0.2em 2em 0.35em;box-shadow: 0 1.5vw 0 #000;}
}


.campaign_flow{background-color: #ffffff;background-image: radial-gradient(circle, #cccccc 1px, transparent 1px);background-position: 0 0;background-size: 6px 6px;padding:48px 0;}
.campaign_flow .flow_wrap{border:4px solid #000;background:#fff;}
.campaign_flow .flow_tab{display: flex;align-items: center;justify-content: space-between;}
.campaign_flow .flow_tab p{width: 50%;text-align: center;color:#fff;background: #A6A6A6;font-size: 20px;padding:0.65em 0 0.65em;font-weight: 800;}
.campaign_flow .flow_tab p.active{background: #000;}
.campaign_flow .flow_tab p:not(.active){cursor: pointer;}
.campaign_flow .flow_inner{border-top: 4px solid #000;padding:36px 32px;}
.campaign_flow .flow_inner>div:not(.active){display: none;}
.campaign_flow .flow_panel li{position: relative;}
.campaign_flow .flow_panel li:not(:last-child){margin-bottom:36px;}
.campaign_flow .flow_panel li div{padding-left: 42px;}
.campaign_flow .flow_panel .num{position: absolute;top:0;left: 0;width: 30px;height: 30px;}
.campaign_flow .flow_panel .num img{width: 100%;}
.campaign_flow .flow_panel .txt{font-size: 24px;font-weight: 800;}
.campaign_flow .flow_panel .link{margin-top: 12px;}
.campaign_flow .flow_panel .link a{display: inline-block;border:4px solid #000;background: #414141;color:#fff;font-size: 20px;font-weight: 600;text-decoration: none;padding:0.4em 3em;line-height: 1.5;transition: background 0.3s;position: relative;}
.campaign_flow .flow_panel .link a::after{content:"";display: block;width: 36px;height: 36px;background-image: url(../images/arrow.png);background-position: center center;background-repeat: no-repeat;background-size: contain;position: absolute;top:calc(50% - 18px);right:16px;transition: right 0.15s;transition-timing-function: linear;}
.campaign_flow .flow_panel .link a:hover{background: #000;}
.campaign_flow .flow_panel .link a:hover::after{right:8px;}
.campaign_flow .flow_panel .download{display: flex;align-items: center;gap:24px;margin-top: 12px;}
.campaign_flow .flow_panel .download span{font-size: 20px;font-weight: 700;}
.campaign_flow .flow_panel .download a{width: 150px;flex-shrink: 0;}
@media screen and (max-width: 750px) {
.campaign_flow{padding:6vw 0;}
.campaign_flow .flow_wrap{border:0.5vw solid #000;}
.campaign_flow .flow_tab p{font-size: 3.6vw;}
.campaign_flow .flow_inner{border-top: 0.5vw solid #000;padding:5vw 4vw;}
.campaign_flow .flow_panel li:not(:last-child){margin-bottom:5vw;}
.campaign_flow .flow_panel li div{padding-left: 0;}
.campaign_flow .flow_panel .num{width: 5vw;height: 5vw;}
.campaign_flow .flow_panel .txt{font-size: 3.6vw;padding-left: 7vw;}
.campaign_flow .flow_panel .link{margin-top: 2.5vw;}
.campaign_flow .flow_panel .link a{border:0.5vw solid #000;font-size: 3vw;padding:0.5em 1em 0.55em 0;width: 100%;text-align: center;}
.campaign_flow .flow_panel .link a::after{width: 5vw;height: 5vw;top:calc(50% - 2.5vw);right:1.5vw;}
.campaign_flow .flow_panel .link a:hover::after{right:1.5vw;}
.campaign_flow .flow_panel .download{gap:2.5vw;margin-top: 2.5vw;justify-content: center;}
.campaign_flow .flow_panel .download span{font-size: 3.2vw;}
.campaign_flow .flow_panel .download a{width: 25vw;}
}


.campaign_caution{background:#414141;padding:32px 0;}
.campaign_caution .caution_inner{border:4px solid #000;background:#fff;padding:24px 26px 16px;font-family: "Roboto","Noto Sans JP",sans-serif;}
.campaign_caution .caution_inner h2{font-size: 20px;color:#fff;background: #000;width: max-content;padding:0.25em 1.6em;margin-bottom: 0.5em;}
.campaign_caution .caution_inner li{text-indent: -1em;padding-left: 1em;font-size: 16px;font-weight: 550;margin-bottom:0.2em;}
.campaign_caution .caution_inner li a{font-weight: 800;}
.campaign_caution .caution_inner li::before{content:"※";}
.campaign_caution .caution_inner p{font-size: 16px;font-weight: 550;margin-bottom:0.4em;margin-top: 1.2em;}
@media screen and (max-width: 750px) {
.campaign_caution{padding:7vw 0;}
.campaign_caution .caution_inner{border:0.5vw solid #000;padding:4vw;}
.campaign_caution .caution_inner h2{font-size: 3.2vw;}
.campaign_caution .caution_inner li{font-size: 3vw;}
.campaign_caution .caution_inner p{font-size: 3vw;}
}


.campaign_movie{position:relative;z-index:1;padding:48px 0 64px;}
.campaign_movie::before{content:"";background-image: linear-gradient(0deg, #a5c436, #c0d572);position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: -2;}
.campaign_movie::after{content:"";background-image: radial-gradient(circle, rgba(255,255,255,0.2) 3px, transparent 3px), radial-gradient(circle, rgba(255,255,255,0.2) 3px, transparent 3px);background-position: 0 0, 5.5px 11px;background-size: 11px 22px;position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: -1;}
.campaign_movie .movie_inner{border:4px solid #000;background:#fff;padding:48px 32px 48px;max-width: 806px;margin:0 auto;}
.campaign_movie .movie_inner p{text-align: center;line-height: 1.7;font-size: 24px;font-weight: 750;margin-bottom: 0.3em;}
.campaign_movie .movie_inner p span:not(.small){font-weight: 900;color:#00833E;}
.campaign_movie .movie_inner p span.small{font-size: 0.8em;}
.campaign_movie .movie_wrap{margin:50px auto 0;max-width: 560px;}
.campaign_movie .movie_wrap iframe{width: 100%;height: 100%;aspect-ratio: 16/9;border:4px solid #000;}
@media screen and (max-width: 750px) {
.campaign_movie{padding:7vw 0;}
.campaign_movie .movie_inner{border:0.5vw solid #000;padding:5vw 4vw;}
.campaign_movie .movie_inner p{font-size: 4.2vw;line-height: 1.55;}
.campaign_movie .movie_wrap{margin:4vw auto 0;}
.campaign_movie .movie_wrap iframe{border:0.5vw solid #000;}
}


.campaign_foot{background:#414141;padding:32px 0;}
.campaign_foot .foot_inner{font-size: 12px;color:#fff;font-weight: 400;}
.campaign_foot .foot_inner li{text-indent: -1em;padding-left: 1em;line-height: 1.5;}
.campaign_foot .foot_inner li::before{content:"・";}
@media screen and (max-width: 750px) {
.campaign_foot{padding:4vw 0;}
.campaign_foot .foot_inner{font-size: 2.8vw;}
}









/*
body::after{content:"";display: block;position: fixed;border:1px dotted #777;width: 1000px;height:100vh;pointer-events: none;z-index: 99;top:0;left:calc(50% - 500px);}
body::before{content:"";display: block;position: fixed;border:1px dotted #777;width: 870px;height:100vh;pointer-events: none;z-index: 99;top:0;left:calc(50% - 435px);}

*/