@import url(//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css);@import url(https://fonts.googleapis.com/css2?family=Material+Icons);img{display:block;width:100%;height:auto}a{color:#000}a:hover{color:#555}body{margin:0;padding:0;font-family:YakuHanJP,"Noto Sans JP",sans-serif;color:#000;font-size:18px}body .pc{display:block}body .sp{display:none}.sp-video{display:block}.pc-video{display:none}li,ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5{color:#379cea;margin:0;font-weight:700}html{visibility:hidden}html.loading-delay,html.wf-active{visibility:visible}html #globalNavi{position:fixed;top:50%;right:30px;transform:translateY(-50%);z-index:999}html #globalNavi ul{margin:auto}html #globalNavi ul li{margin:.3em;text-align:center}html #globalNavi ul li a{text-decoration:none;color:#f8f8f8}html #globalNavi ul li a span{font-size:12px;text-align:center}html #globalNavi ul li a span::before{font-family:"Material Icons";content:"panorama_fish_eye"}html #globalNavi ul li a:hover span::before{opacity:.7;content:"lens"}html #globalNavi ul li.active a span::before{content:"lens"}html #globalNavi .sns{margin-top:1em}html #globalNavi .sns .tw{width:25px;margin:auto}html #globalNavi .sns .tw:hover{opacity:.7}html #globalNavi .sns .tw svg{width:100%;height:auto}html #globalNavi .sns .fb{margin-top:.5em;width:30px}html #globalNavi .sns .fb:hover{opacity:.7}html #globalNavi .sns .fb svg{width:100%;height:auto}html #wrapper{min-width:1100px}html #wrapper #first{position:relative;width:100%;height:100vh}html #wrapper #first .inner{width:100%;height:100%;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html #wrapper #first .inner .sns{display:none;top:5vw;right:5vw;position:absolute;margin-top:0}html #wrapper #first .inner .sns .tw{width:6.7vw;margin-right:.8em}html #wrapper #first .inner .sns .tw svg{width:100%;height:auto}html #wrapper #first .inner .sns .fb{margin-top:0;width:8vw}html #wrapper #first .inner .sns .fb svg{width:100%;height:auto}html #wrapper #first .inner .logo{position:absolute;width:5%;left:4%;top:5.152838427%;max-width:85px}html #wrapper #first .inner .title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:409px;opacity:0;-webkit-animation:alpha alternate forwards 2s .7s;animation:alpha alternate forwards 2s .7s}html #wrapper #first .inner .title .hny_num{position:relative;opacity:.7;z-index:0}html #wrapper #first .inner .title .hny_str{z-index:1;position:absolute;left:50%;transform:translateX(-50%);bottom:-80px;width:465px;opacity:0;-webkit-animation:alpha alternate forwards 2s 1.2s;animation:alpha alternate forwards 2s 1.2s}html #wrapper #first .inner .scroll{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-family:sans-serif;font-size:12px;font-weight:700;padding-bottom:35px;color:#fff}html #wrapper #first .inner .scroll .arrow{position:absolute;top:27px;transform-origin:top;left:50%;width:1px;height:40px;overflow:hidden;background-color:rgba(255,255,255,.2)}html #wrapper #first .inner .scroll .arrow .cycle{position:absolute;left:0;width:1px;height:80px;background-color:#fff}html #wrapper #second{position:relative;background-color:#fff}html #wrapper #second .inner{position:relative;z-index:1;width:100%;text-align:center;color:#000;line-height:250%;font-size:18px;padding:120px 0;font-family:YakuHanJP,"Noto Sans JP",sans-serif}html #wrapper #second .inner .title{font-size:40px;font-weight:bolder;text-align:center;padding-bottom:75px}html #wrapper #second .inner .logo{width:126px;margin:auto;padding-bottom:50px}html #wrapper #second .inner p{margin-bottom:2em}html #wrapper #third{position:relative;background-color:#eaeaea}html #wrapper #third .inner{position:relative;z-index:1;width:77.777777777%;margin:auto;padding:120px 0}html #wrapper #third .inner .title{font-size:40px;font-weight:bolder;text-align:center;padding-bottom:120px;color:#707070}html #wrapper #third .inner .lists{display:flex;flex-wrap:wrap;justify-content:space-between}html #wrapper #third .inner .lists .list{width:31.5%;margin-bottom:90px}html #wrapper #third .inner .lists .list .batch{margin-top:.9em;font-family:YakuHanJP,"Noto Sans JP",sans-serif}html #wrapper #third .inner .lists .list .batch span{background-color:#fff;color:#707070;padding:.4em 1em;vertical-align:middle;font-size:16px}html #wrapper #third .inner .lists .list .t{margin:1em 0;font-weight:700}html #wrapper #third .inner .lists .list .article{line-height:180%;font-size:16px;font-family:YakuHanJP,"Noto Sans JP",sans-serif}html #wrapper #third .inner .lists .list .article span{font-size:80%;line-height:150%}html #wrapper #fifth{margin-top:600px;background-color:#fff}html #wrapper #fifth .inner{text-align:center;padding-top:120px}html #wrapper #fifth .inner .title{font-size:40px;font-weight:bolder;padding-bottom:60px}html #wrapper #fifth .inner .text{line-height:250%;padding-bottom:95px}html #wrapper #fifth .inner .text p{margin-bottom:2em}html #wrapper #fifth .inner .logo{width:172px;margin:auto;padding-bottom:75px}html #wrapper #fifth .inner .copyright{padding-bottom:80px}html #bgmotion{position:fixed;z-index:-1;background-color:#000;width:100%;height:100vh;top:0;left:0}html #bgmotion video{-o-object-fit:cover;object-fit:cover;position:absolute;height:100%;width:100%;top:0;left:0;opacity:1;-webkit-animation:alpha 1s alternate forwards .5s;animation:alpha 1s alternate forwards .5s}@media screen and (min-width:740px){.sp-video{display:none}.pc-video{display:block}}@media screen and (max-width:740px){body{font-size:3.7333333333vw}body .pc{display:none}body .sp{display:block}html #globalNavi{display:none;top:5vw;right:5vw;transform:translateY(0)}html #globalNavi ul{display:none}html #globalNavi .sns{display:flex;margin-top:0;align-items:center}html #globalNavi .sns .tw{width:6.7vw;margin-right:.8em}html #globalNavi .sns .fb{margin-top:0;width:8vw}html #wrapper{min-width:100%}html #wrapper #first{height:90vh;max-height:auto;background-size:cover}html #wrapper #first .inner .sns{display:flex;align-items:center}html #wrapper #first .inner .logo{position:absolute;width:15vw;left:5%;top:3%;max-width:100%}html #wrapper #first .inner .title{width:54.5333333333vw}html #wrapper #first .inner .title .hny_str{bottom:-10.6666666667vw;width:62vw}html #wrapper #first .inner .scroll{position:absolute;bottom:0;left:87vw;transform:none;font-family:sans-serif;font-size:13px;font-weight:700;padding-bottom:50px}html #wrapper #first .inner .scroll .name{transform:rotate(90deg)}html #wrapper #first .inner .scroll .arrow{position:absolute;top:45px;left:50%;width:1px;height:25px}html #wrapper #first .inner .scroll .arrow .cycle{width:1px;height:25px;background-color:#fff}html #wrapper #second{background-size:cover}html #wrapper #second .inner{width:90vw;margin:auto;font-size:3.7333333333vw;padding:16vw 0 16vw 0;text-align:left;line-height:200%}html #wrapper #second .inner .title{font-size:8vw;padding-bottom:13.3333333333vw}html #wrapper #second .inner .logo{width:24vw;margin:auto;padding-bottom:10.6666666667vw}html #wrapper #third .arrow{display:block}html #wrapper #third .inner{width:90%;padding:16vw 0 16vw 0;box-sizing:border-box}html #wrapper #third .inner .title{font-size:8vw;padding-bottom:16vw}html #wrapper #third .inner .lists{display:flex;flex-wrap:wrap;justify-content:space-between}html #wrapper #third .inner .lists .list{width:100%;margin-bottom:16vw}html #wrapper #third .inner .lists .list .batch{margin-top:1em}html #wrapper #third .inner .lists .list .batch span{background-color:#fff;color:#707070;padding:.4em 1em;vertical-align:middle;font-size:3.6vw}html #wrapper #third .inner .lists .list .t{margin:1em 0;font-weight:700;font-size:4.6666666667vw}html #wrapper #third .inner .lists .list .article{line-height:180%;font-size:3.7333333333vw;font-family:YakuHanJP,"Noto Sans JP",sans-serif}html #wrapper #third .inner .lists .list .article span{font-size:80%;line-height:150%}html #wrapper #fifth{margin-top:40vh}html #wrapper #fifth .inner{width:90%;margin:auto;padding-top:16vw}html #wrapper #fifth .inner .title{font-size:8vw;padding-bottom:8vw}html #wrapper #fifth .inner .text{text-align:left;line-height:250%;padding-bottom:9.3333333333vw}html #wrapper #fifth .inner .logo{width:24vw;margin:auto;padding-bottom:9.3333333333vw}html #wrapper #fifth .inner .copyright{padding-bottom:10.6666666667vw}}@-webkit-keyframes yoyo1{0%{transform:translateX(-50%) translateY(0)}100%{transform:translateX(-50%) translateY(2vw)}}@keyframes yoyo1{0%{transform:translateX(-50%) translateY(0)}100%{transform:translateX(-50%) translateY(2vw)}}@-webkit-keyframes alpha{0%{opacity:0}100%{opacity:1}}@keyframes alpha{0%{opacity:0}100%{opacity:1}}