:root{--cmain:#00cccc;--csub:#99cccc;--cpoint:#ccffff;--cfont:#666;--cfont-alert:#c33;--cfont-work:#cc3;--cfont-safe:#3c3;--factbtn:#fff;--finactbtn:#03a9f4;--cborder:#aaa;--cback:rgba(255,255,255,1);--cback-tp:rgba(255,255,255,0.8);--calert:#53f9f4;--chover:#e0e0f0;--ctextarea:#e0e0ff;--cactbtn:#03a9f4;--cinactbtn:#d8d8d8;--ctext-black:#000;--ctext-white:#fff;--fsize:1.0rem;--fsize-phone:1.2rem;--fsize-tablet:1.2rem;--smain:1200px;--smenu:400px;--ctab:#03a9f4}*{color:var(--ctext-black);box-sizing:border-box}html{padding:0;margin:0;font-size:24px}body{padding:0;margin:0;font-size:1.0rem}header{padding:0;margin:0;width:auto}footer{display:block;margin-top:20px;height:100vh;padding-top:20px;text-align:center;color:#666;width:100%;background:#e0e0e0}hr{border-style:solid}div{margin:0;padding:0;width:auto}p{margin:0;padding:0;width:auto}hr{border-color:#0288d1}a{text-decoration:none}textarea{width:calc(100% - 10px);border:solid 1px #ccc;font-size:1.0rem;background:#e0e0ff}h1{padding:0;margin:0}.hid{display:none}.close{opacity:0;max-height:0;height:0}.open{opacity:1;height:auto}input{display:inline-block;vertical-align:middle;height:1.2rem;border-style:none;font-size:32px;margin:5px 0}input[type='text']{width:100%;border:none;background:#e0e0ff;padding:40px 30px}input[type='password']{width:100%;border:none;background:#e0e0ff;padding:40px 30px}input[type='submit']{width:100%;border:none;background:#03a9f4;color:#fff;height:50px;border-radius:20px}input[type='submit'][disabled]{background:#eee;color:#999;border-radius:20px}img{margin:0}div.toparea{width:100%;position:relative;background-color:var(--cback);background-image:url(../img/top-background1.png);background-repeat:no-repeat;background-size:100%;margin-bottom:20px;transition-property:all;transition-duration:0.5s;transition-timing-function:ease-out;background-blend-mode:lighten}div.toparea:before{content:"";display:block;width:100%;height:0%;padding-bottom:calc( 100% / 16 * 10)}div.toparea>div:nth-child(1){position:absolute;top:calc( 100% / 10 * 1);left:calc( 100% / 16 * 6.5);width:calc( 100% / 16 * 3);height:calc( 100% / 10 * 3)}div.toparea>div:nth-child(1) img{width:100%}div.toparea>div:nth-child(2){position:absolute;top:calc( 100% / 10 * 4.5);left:calc( 100% / 16 * 1);width:calc( 100% / 16 * 14);height:calc( 100% / 10 * 5);background-color:var(--cback-tp);display:flex}div.toparea>div:nth-child(2)>div:nth-child(1){position:relative;width:calc( 32% - 4%);padding:2% 2%;text-align:center}div.toparea>div:nth-child(2)>div:nth-child(2){position:relative;width:68%;padding:2% 2%}div.toparea>div:nth-child(2)>div:nth-child(2)>h1{width:100%;font-size:4.5VW}div.toparea>div:nth-child(2)>div:nth-child(2)>p:nth-of-type(1){font-size:2.2vw;padding:2vw 0 2vw 2vw}div.toparea>div:nth-child(2)>div:nth-child(2)>p:nth-of-type(1)>span{line-height:3.5vw;vertical-align:middle}div.toparea>div:nth-child(2)>div:nth-child(2)>p:nth-of-type(1)>span:before{content:"";display:inline-block;vertical-align:middle;margin:0 1vw 0 0;width:2.2vw;height:2.2vw;background:url(../icon/check.png) no-repeat;background-size:contain}div.toparea>div:nth-child(2)>div:nth-child(2)>p:nth-of-type(2){width:100%;font-size:3VW}div.line_qr>img:nth-child(1){width:100%;border-width:0;vertical-align:top;margin-bottom:5%}div.line_qr>img:nth-child(2){width:75%;border-width:0;vertical-align:top;margin-bottom:5%}div.catch>div{margin:100px 0}div.catch>div>div:nth-of-type(1)>div{height:20vw}div.catch>div:nth-of-type(odd)>div:nth-of-type(1){display:flex}div.catch>div:nth-of-type(odd)>div:nth-of-type(1)>div:nth-of-type(1){width:40vw}div.catch>div:nth-of-type(odd)>div:nth-of-type(1)>div:nth-of-type(2){width:60vw;padding-right:5vw}div.catch>div:nth-of-type(odd)>div:nth-of-type(2){width:81%;margin-left:10%}div.catch>div:nth-of-type(even)>div:nth-of-type(1)>div:nth-of-type(1){position:absolute;width:40vw;left:60VW}div.catch>div:nth-of-type(even)>div:nth-of-type(1)>div:nth-of-type(2){width:60vw;padding-left:5vw}div.catch>div:nth-of-type(even)>div:nth-of-type(2){width:81%;margin-left:10%}div.catch_pic{text-align:center}div.catch_pic>img{height:100%}div.catch_content>p{width:90%;margin-left:5%}div.catch_content>p:nth-of-type(1){font-size:4vw;margin-bottom:2vw}div.catch_content>p:nth-of-type(2){font-size:3vw;margin-bottom:2vw}div.catch_content>p:nth-of-type(3){text-align:right;font-size:2.5vw;cursor:pointer}div.catch_detail{transition-property:all;transition-duration:0.7s;transition-delay:0.1s;overflow-y:hidden}div.catch_detail>div:nth-child(1){padding-top:100px}div.catch_detail>div:nth-child(1)>p{font-size:2.5vw;text-align:left;padding-bottom:1.5vw}div.catch_detail>div:nth-child(2)>p{text-align:right;font-size:2.5vw;padding-bottom:100px;cursor:pointer}div.colum{position:fixed;top:5vw;bottom:10vw;left:7vw;width:80vw;height:calc(100vh - 10vw);border-radius:10px;background-color:var(--cmain)}div.colum>div:nth-of-type(1){margin:1vw;width:calc( 100% - 3vw);height:calc( 100vh - 4vh - 10vw - 4vw);border:none;overflow-y:scroll;scrollbar-width:none;-webkit-overflow-scrolling:touch}div.colum>div:nth-of-type(1)>iframe{width:100%;height:100%;border:none}div.colum>div::-webkit-scrollbar{display:none}div.columclose{position:absolute;font-size:2vw;right:2vw;bottom:2vh;padding:10px;border-radius:5px;background-color:var(--csub);cursor:pointer}div.columlist{width:85vw;margin:0 0 5px 7vw;cursor:pointer}div.columlist>img{width:100%}