﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none}.c-ttl{font-family:"Hiragino Mincho Pro",serif;font-size:1.5rem}@media screen and (min-width: 768px){.c-ttl{font-size:2rem}}.c-ttl__sub{font-family:"Hiragino Mincho Pro",serif;font-size:1.3rem}@media screen and (min-width: 768px){.c-ttl__sub{font-size:1.6rem}}.c-txt{font-size:1rem}@media screen and (min-width: 768px){.c-txt{font-size:1.4rem}}.c-btn{font-size:1rem;font-weight:bold;width:150px;padding:14px 40px;border-radius:30px;margin:auto;position:relative}@media screen and (min-width: 768px){.c-btn{font-size:1.4rem;width:250px}}.c-btn--orange{background:#f0da0e;background:linear-gradient(90deg, #f0da0e 0%, #f07b0e 100%)}.c-btn--blue{background:#2bdbf3;background:linear-gradient(90deg, #2bdbf3 0%, #1588f2 100%)}.c-btn__unable{filter:brightness(0.5)}.c-btn a{position:relative}@media screen and (max-width: 749px){.c-btn a{left:-2.26667vw}}.c-btn span{position:relative}@media screen and (max-width: 749px){.c-btn span{left:-2.26667vw}}.c-btn--arrow::before{content:'';width:18px;height:18px;background:transparent;border:1px solid #fff;border-radius:50%;position:absolute;top:48%;right:20px;margin-top:-9px}@media screen and (min-width: 768px){.c-btn--arrow::before{width:25px;height:25px;top:45%}}.c-btn--arrow::after{content:'';width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #fff;position:absolute;top:50%;right:26px;margin-top:-4px}@media screen and (min-width: 768px){.c-btn--arrow::after{border-width:6px 0 6px 8px;margin-top:-5px;right:28px}}.c-btn--arrow--l::before{content:'';width:18px;height:18px;background:transparent;border:1px solid #039;border-radius:50%;position:absolute;top:48%;left:20px;margin-top:-9px}@media screen and (min-width: 768px){.c-btn--arrow--l::before{width:25px;height:25px;top:45%}}.c-btn--arrow--l::after{content:'';width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #039;position:absolute;top:50%;left:26px;margin-top:-3px;transform:rotate(180deg)}@media screen and (min-width: 768px){.c-btn--arrow--l::after{border-width:6px 0 6px 8px;margin-top:-5px;left:28px}}.mx-auto{margin-left:auto;margin-right:auto}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-40{margin-bottom:40px}.br-5{border-radius:5px}body{background-color:#fff;color:#fff;width:100%;height:100vh;overflow:hidden;font-family:YakuHanJP_Noto, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-size:1rem;letter-spacing:0.015rem;line-height:1.3;overflow-y:scroll}a{color:#fff;text-decoration:none}.top-container{background:url(../img/top/bg.png) no-repeat center/cover;width:100%;height:100%;text-align:center;overflow-y:scroll}.top-header{height:50px;padding:10px;position:relative;display:flex}@media screen and (min-width: 768px){.top-header{height:70px;padding:20px}}.top-header__logo{width:180px;margin:auto}@media screen and (min-width: 768px){.top-header__logo{width:240px}}.top-header__logo img{width:100%}.top-header__howto-btn{right:0;position:absolute;top:65%;transform:translateY(-50%)}@media screen and (max-width: 749px){.top-header__howto-btn{width:16vw}}@media screen and (min-width: 768px){.top-header__howto-btn{right:10px}}.top-header__howto-btn img{width:100%;max-width:100px}.top-stamp-list{display:grid;width:70%;margin:20px auto}@media screen and (max-width: 749px){.top-stamp-list{margin:3.33333vw auto}}@media screen and (min-width: 768px){.top-stamp-list{width:50%}}.top-stamp-list__item{margin:5px}.top-stamp-list__item:nth-of-type(1){grid-row:1 / 2;grid-column:1 / 2}.top-stamp-list__item:nth-of-type(2){grid-row:1 / 2;grid-column:2 / 2}.top-stamp-list__item:nth-of-type(3){grid-row:2 / 2;grid-column:1 / 2}.top-stamp-list__item:nth-of-type(4){grid-row:2 / 2;grid-column:2 / 2}.top-stamp-list__item img{width:100%}.top .howto{position:fixed;display:flex;width:100%;height:100%;top:0;left:0;z-index:3;margin:auto;transition:0.2s}.top .howto-is-hidden{opacity:0.0;pointer-events:none}.top .howto__bg{z-index:-1;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6)}.top .howto__inner{width:80%;height:80%;background:#fff;margin:auto;padding:20px;overflow-y:scroll}@media screen and (min-width: 768px){.top .howto__inner{width:70%}}.top .howto__ttl{margin:20px auto;width:100%}@media screen and (min-width: 768px){.top .howto__ttl{width:70%}}.top .howto__ttl img{width:100%}.top .howto .c-txt{position:relative;counter-increment:title;color:#000;text-align:left;padding-left:1.6rem}.top .howto .c-txt::before{content:counter(title);width:20px;height:20px;background:#039;text-align:center;color:#fff;border-radius:100%;display:inline-block;position:absolute;left:0;top:0}.top .howto__illust{width:100%}.top .howto__illust img{width:100%}.top .howto__attention{width:100%;margin-top:15px;background:rgba(0,51,153,0.2)}.top .howto__attention p{padding-left:0;position:inherit;padding:10px 16px;font-size:0.9rem;counter-reset:unset;color:#000;text-align:left}.top .howto__attention span{color:#ea0f5a;font-weight:bold}.getpage-container{z-index:1;background:url(../img/top/bg-getpage.png) no-repeat center/cover;width:100%;height:100%;position:fixed;top:0;left:0;display:flex}.getpage-is-hidden{display:none;pointer-events:none}.getpage__inner{margin:auto}.getpage-img{width:90%;margin:20px auto}.getpage-img img{width:100%}.getpage-ttl{text-align:center;background:rgba(255,255,255,0.3);padding:10px}.getpage .c-txt{width:80%;margin:20px auto}.getpage .c-btn{text-align:center}.stamp-modal{z-index:2;width:100%;height:100%;top:0;left:0;position:fixed;display:flex;text-align:center;transition:0.2s}.stamp-modal-is-hidden{opacity:0.0;pointer-events:none}.stamp-modal__bg{z-index:-1;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6)}.stamp-modal__inner{background:#fff;width:80%;margin:auto;padding:30px 20px}@media screen and (min-width: 768px){.stamp-modal__inner{width:70%}}.stamp-modal__inner .c-ttl{color:#000}.stamp-modal__ttl{width:100%}@media screen and (min-width: 768px){.stamp-modal__ttl{width:70%;margin:auto}}.stamp-modal__ttl img{width:100%}.stamp-modal__img{width:80%;margin:20px auto}@media screen and (min-width: 768px){.stamp-modal__img{width:70%}}.stamp-modal__img img{width:100%}
