@charset "UTF-8";.bg-blue{padding:50px 0}.event-none{background:#9aaab1;color:#fff}.event-none img.before{opacity:0!important}.event-none img.after{opacity:1!important}main article{padding-top:0}#top-info{max-width:960px;margin:0 auto 40px;padding:40px;border:3px solid #00A0E9;background:#fff;text-align:center;font-weight:700}#top-info .txt-link{text-decoration:none}#top-info .txt-link:hover{text-decoration:underline}#keyv{overflow:hidden;display:flex;max-width:960px;margin:0 auto;background:#fff}#keyv>.pic,#keyv>.movie{width:calc(100% - 320px)}#keyv>.pic a:hover,#keyv>.movie a:hover{opacity:.7}#keyv #keyv-slider{width:calc(100% - 320px);opacity:0}#keyv #keyv-slider.slick-initialized{opacity:1}#keyv #keyv-slider .slick-dots{display:flex;justify-content:center;position:absolute;bottom:.6em;width:100%}#keyv #keyv-slider .slick-dots li{margin:0 .5em}#keyv #keyv-slider .slick-dots li button{display:block;width:.92em;height:.92em;padding:0;background:#bababa;border-radius:100vw;box-shadow:0 .2em #000000ba;text-indent:-9999px}#keyv #keyv-slider .slick-dots li.slick-active button{background:#f6df0a}#keyv #login{display:flex;justify-content:center;align-items:center;padding:0 36px}#keyv #login form{width:100%}#keyv #login h2{margin-bottom:20px;text-align:center;font-weight:700}#keyv #login dl:not(:last-of-type){margin-bottom:12px}#keyv #login dl dt{margin-bottom:6px;font-size:10px;font-weight:700}#keyv #login dl dd .text-checkbox{font-size:14px}#keyv #login dl dd p.error,#keyv #login dl dd ul.error{margin-top:1em;font-size:10px}#keyv #login .btn-area{padding-bottom:16px}#keyv #login .link{display:flex;justify-content:space-between;font-size:10px;font-weight:700}#keyv #login .link li{display:inline-flex;align-items:center}#keyv #login .link li img{margin-right:2px}#keyv #login .link li a{color:#00a0e9}#keyv .product{flex-grow:1;display:flex;flex-direction:column}#keyv .product p{font-weight:700}#keyv .product p:first-of-type{flex-grow:1}#keyv .product p:first-of-type a{height:100%;border-top:0;font-size:18px}#keyv .product p:first-of-type a strong{display:inline-flex;align-items:center}#keyv .product p:first-of-type a span{display:inline-flex;justify-content:center;align-items:center;width:42px;height:20px;margin-left:10px;border-radius:2px;background:#f83d3d;font-size:12px;color:#fff}#keyv .product p:first-of-type a .arrow{margin-top:-2px}#keyv .product p a{display:flex;justify-content:space-between;align-items:center;position:relative;height:72px;padding:0 30px;border-top:1px solid #9AAAB1;z-index:1}#keyv .product p a:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#00a0e9;transform-origin:100% 50%;transform:scaleX(0);transition:transform ease .2s;z-index:-1}#keyv .product p a span{display:block;position:relative;width:98px;text-align:center;font-size:12px}#keyv .product p a span img{margin-bottom:4px;transition:.2s}#keyv .product p a span img.after{position:absolute;left:0;opacity:0}#keyv .product p a:hover{color:#fff}#keyv .product p a:hover:after{transform-origin:0% 50%;transform:scaleX(1)}#keyv .product p a:hover span img.before{opacity:0}#keyv .product p a:hover span img.after{opacity:1}#product .inner{display:flex;justify-content:space-between}#product .inner .box{width:calc(33.3333% - 16px);background:#eff7fb}#product .inner .box h2{overflow:hidden}#product .inner .box h2 a img{transition:.2s}#product .inner .box h2 a:hover img{transform:scale(1.1)}#product .inner .box p{font-weight:700}#product .inner .box p:first-of-type a{font-size:18px}#product .inner .box p:first-of-type a strong{display:inline-flex;align-items:center}#product .inner .box p:first-of-type a span{display:inline-flex;justify-content:center;align-items:center;width:42px;height:20px;margin-left:10px;border-radius:2px;background:#f83d3d;font-size:12px;color:#fff}#product .inner .box p:first-of-type a .arrow{margin-top:-2px}#product .inner .box p a{display:flex;justify-content:space-between;align-items:center;position:relative;height:86px;padding:0 20px;border-top:1px solid #9AAAB1;z-index:1}#product .inner .box p a:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#00a0e9;transform-origin:100% 50%;transform:scaleX(0);transition:transform ease .2s;z-index:-1}#product .inner .box p a span{display:block;position:relative;width:98px;text-align:center;font-size:12px}#product .inner .box p a span img{margin-bottom:4px;transition:.2s}#product .inner .box p a span img.after{position:absolute;left:0;opacity:0}#product .inner .box p a:hover{color:#fff}#product .inner .box p a:hover:after{transform-origin:0% 50%;transform:scaleX(1)}#product .inner .box p a:hover span img.before{opacity:0}#product .inner .box p a:hover span img.after{opacity:1}#product>p{padding-top:2em;text-align:right}#product>p a{display:inline-flex;align-items:center;color:#00a0e9}#product>p a:hover{opacity:.7}#product>p a .arrow{margin-top:-2px;margin-left:.5em}#news{display:flex}#news h2{flex-shrink:0;margin:-11px 70px 0 0;font-size:24px;font-weight:700}#news ul{flex-grow:1;border-top:1px solid #9AAAB1}#news ul li{border-bottom:1px solid #9AAAB1}#news ul li a{display:flex;position:relative;padding:20px 40px 20px 20px;z-index:1}#news ul li a:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#eff7fb;transform-origin:100% 50%;transform:scaleX(0);transition:transform ease .2s;z-index:-1}#news ul li a:hover:after{transform-origin:0% 50%;transform:scaleX(1)}#news ul li a .date{flex-shrink:0;width:8em;font-weight:700;color:#00a0e9}#news ul li a .arrow{position:absolute;top:calc(50% - 14px);right:20px}#news ul li a .arrow:before{border-color:#00a0e9}#banner{padding-top:30px}#banner ul{display:flex;flex-wrap:wrap;justify-content:space-between}#banner ul li{width:312px;margin-bottom:12px}#banner ul li.wide{width:100%}#banner ul li a:hover{opacity:.8}@media screen and (max-width:960px){.bg-blue{padding-left:20px;padding-right:20px}#keyv>.pic,#keyv>.movie,#keyv #keyv-slider{width:65%}#keyv #login{width:35%;padding:0 20px}#keyv #login h2{margin-bottom:.5em;font-size:1.6vw}#keyv #login dl:not(:last-of-type){margin-bottom:1.1vw}#keyv #login dl dt{margin-bottom:.6em;font-size:1.1vw}#keyv #login dl dd input,#keyv #login dl dd .text-checkbox{font-size:1.4vw}#keyv #login dl dd p.error,#keyv #login dl dd ul.error{font-size:1vw}#keyv #login .btn-area{padding:1.2vw 0}#keyv #login .btn-area .btn{width:100%}#keyv #login .link{font-size:1vw}#product .inner .box{width:32.3333%}#product .inner .box p:first-of-type a{font-size:16px}#product .inner .box p a{font-size:14px}#product .inner .box p a span{width:52px}#news h2{margin-right:2em}#news ul li a .date{width:7em}#banner ul li{width:calc(33.3333% - 8px)}}@media screen and (max-width:750px){.bg-blue{padding:30px 20px}#top-info{margin-bottom:20px;padding:20px;text-align:left;font-size:14px}#keyv{display:block}#keyv>.pic,#keyv>.movie,#keyv #keyv-slider{width:100%}#keyv #login{width:100%;padding:30px}#keyv #login form{width:100%}#keyv #login h2{margin-bottom:20px;font-size:20px}#keyv #login dl:not(:last-of-type){margin-bottom:12px}#keyv #login dl dt{margin-bottom:6px;font-size:10px}#keyv #login dl dd input{font-size:16px}#keyv #login dl dd .text-checkbox{font-size:14px}#keyv #login dl dd p.error,#keyv #login dl dd ul.error{font-size:10px}#keyv #login .btn-area{padding:20px 16px}#keyv #login .btn-area .btn{width:248px}#keyv #login .link{width:248px;margin:0 auto;font-size:10px}#keyv .product{display:block}#keyv .product p:first-of-type a{height:110px}#product{padding-top:40px!important}#product .inner{overflow:auto}#product .inner .box{width:calc(33.3333% - 7px);min-width:160px}#product .inner .box:not(:last-of-type){margin-right:10px}#product .inner .box p:first-of-type a{font-size:12px}#product .inner .box p:first-of-type a span{width:22px;height:11px;margin-left:5px;border-radius:1px;font-size:7px}#product .inner .box p:first-of-type a .arrow{margin-top:0;transform:scale(.6)}#product .inner .box p a{height:44px;padding:0 10px;font-size:10px}#product .inner .box p a span{font-size:8px}#product>p{padding-top:2em;text-align:right}#product>p a{display:inline-flex;align-items:center;color:#00a0e9}#product>p a:hover{opacity:.7}#product>p a img{margin-left:.6em}#news{display:block}#news h2{margin:0 0 20px;text-align:center}#news ul li a{padding-right:30px;padding-left:4px}#news ul li a .date{width:7em}#news ul li a .arrow{right:8px}#banner{padding-top:25px}#banner ul{display:block}#banner ul li{width:auto}#banner ul li:not(:last-of-type){margin-bottom:10px}}