*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth;line-height:1.45}body{font-family:"Noto Sans Jp",proxima-nova-regular,Lucida Grande,Arial,Helvetica,sans-serif;overflow-y:scroll;scrollbar-width:none}body::-webkit-scrollbar{display:none}.scrollbar{-ms-overflow-style:none;scrollbar-width:none}.scrollbar::-webkit-scrollbar{display:none}h2,h3,p,a,span{font-weight:400}ul,li{font-weight:400}strong{font-weight:500}a{text-decoration:none;color:#009ddc}a:hover{color:#ccc}img{display:block;max-width:100%;height:auto;margin:0 auto}.container{display:block;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:0 15px}@media(max-width: 1000px){.container{max-width:760px}}@media(max-width: 500px){.container{max-width:480px}}.btn{display:inline-block;padding:5px 20px;margin:5px 0;border-radius:6px;background-color:rgba(0,0,0,0);border:1px solid #009ddc;text-decoration:none;color:#009ddc}.btn:hover{background-color:#009ddc;color:#fff}.frame{border:1px solid #aaa}.visible-tablet{display:none}@media(max-width: 1000px){.visible-tablet{display:block}}#page-top{position:absolute;top:0;right:0}#jump-to-top{position:fixed;bottom:20px;right:20px;z-index:1;opacity:0;transition:opacity .2s ease-in-out}#jump-to-top.show{opacity:1}#main-nav h3,#main-nav p,#main-nav span,#main-nav strong{color:#333}#main-nav p{font-size:16px}#main-nav #nav-bg-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;display:none;background:rgba(0,0,0,.8)}#main-nav #nav-bg-mask.on{display:block}#main-nav .nav-wrapper{position:relative;z-index:3;display:flex;height:53px;background-color:#fff;border-bottom:1px solid #eee}#main-nav .nav-wrapper .nav-main{position:relative;width:100%;padding:0 15px}#main-nav .nav-wrapper .nav-main #nav-toggle{position:absolute;top:0;left:0;z-index:3;display:none;width:48px;height:48px;cursor:pointer;transition:opacity .2s cubic-bezier(0.645, 0.045, 0.355, 1),transform .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);color:#000}@media(max-width: 1000px){#main-nav .nav-wrapper .nav-main #nav-toggle{display:block}}#main-nav .nav-wrapper .nav-main #nav-toggle .nav-line-block{position:absolute;top:0;left:0;z-index:4;width:48px;height:48px}#main-nav .nav-wrapper .nav-main #nav-toggle .nav-line-block.nav-line-top-block #main-nav .nav-wrapper .nav-main #nav-toggle .nav-line-block.nav-line-bottom-block{transform:rotate(0);transition:transform .25s cubic-bezier(0.4, 0.01, 0.165, 0.99)}#main-nav .nav-wrapper .nav-main #nav-toggle .nav-line-block .nav-line{position:absolute;left:16px;z-index:1;display:block;width:17px;height:1px;transition:transform .2s;background:#333}#main-nav .nav-wrapper .nav-main #nav-toggle .nav-line-block .nav-line.nav-line-top{top:23px;transform:translateY(-3px)}#main-nav .nav-wrapper .nav-main #nav-toggle .nav-line-block .nav-line.nav-line-bottom{bottom:23px;transform:translateY(3px)}#main-nav .nav-wrapper .nav-main #nav-toggle.open .nav-line-block.nav-line-top-block{transition:transform .25s cubic-bezier(0.4, 0.01, 0.165, 0.99);transform:rotate(45deg)}#main-nav .nav-wrapper .nav-main #nav-toggle.open .nav-line-block.nav-line-bottom-block{transition:transform .25s cubic-bezier(0.4, 0.01, 0.165, 0.99);transform:rotate(-45deg)}#main-nav .nav-wrapper .nav-main #nav-toggle.open .nav-line-block .nav-line.nav-line-top,#main-nav .nav-wrapper .nav-main #nav-toggle.open .nav-line-block .nav-line.nav-line-bottom{transform:translateY(0);transition-delay:0s}#main-nav .nav-wrapper .nav-main #nav-toggle.open .nav-line-block .nav-line.nav-line-top{top:23px}#main-nav .nav-wrapper .nav-main #nav-toggle.open .nav-line-block .nav-line.nav-line-bottom{bottom:23px}#main-nav .nav-wrapper .nav-main .nav-logo{float:left;padding:6px 16px 6px;margin:0 auto;text-align:center}@media(max-width: 1000px){#main-nav .nav-wrapper .nav-main .nav-logo{float:none}}#main-nav .nav-wrapper .nav-main .nav-menu{margin-left:170px;padding:10px}@media(max-width: 1000px){#main-nav .nav-wrapper .nav-main .nav-menu{display:none}}#main-nav .nav-wrapper .nav-main .nav-menu .nav-label{display:inline-block;padding:2px 15px;cursor:pointer;color:#333;font-size:18px;font-weight:400}#main-nav .nav-wrapper .nav-main .nav-menu .nav-label:hover{color:#009ddc}#main-nav .nav-wrapper .nav-main #nav-search-icon{position:absolute;top:10px;right:30px;width:35px;height:35px;cursor:pointer;text-align:center;line-height:48px;background-image:url(../img/mainnav/search_icon.svg)}#main-nav .nav-wrapper .nav-main #nav-search-icon:hover{background-image:url(../img/mainnav/search_icon_hover.svg);fill:#099ddc}@media(max-width: 1000px){#main-nav .nav-wrapper .nav-main #nav-search-icon{right:0px}}#main-nav #search-wrapper{position:absolute;top:10px;display:block;width:100%;visibility:hidden;opacity:0;transition:opacity .2s ease-in-out,visibility 0s .2s}@media(max-width: 1000px){#main-nav #search-wrapper{top:53px;padding:10px 0;background-color:#fff}}#main-nav #search-wrapper #search-block{float:right;position:relative;padding-left:200px;padding-right:15px;width:0%;transition:width .2s ease-in-out}@media(max-width: 1000px){#main-nav #search-wrapper #search-block{padding:0;transition:none}}#main-nav #search-wrapper #search-block #search-form{position:relative;display:flex;align-items:center;height:30px;border:#009ddc 1px solid;border-radius:3px;background-color:#fff}#main-nav #search-wrapper #search-block #search-form button{height:100%;background-color:rgba(0,0,0,0);border:none;cursor:pointer}#main-nav #search-wrapper #search-block #search-form input{padding:0px;width:100%;height:100%;border:none}#main-nav #search-wrapper.open{display:block;visibility:visible;opacity:1;transition:opacity .2s ease-in-out}#main-nav #search-wrapper.open #search-block{width:100%}#main-nav #search-wrapper.open #search-block #search-form input{padding:5px}#main-nav .nav-dropdown{display:none}#main-nav .nav-dropdown.open{display:block;position:absolute;z-index:3;width:100%}#main-nav .nav-pc{position:relative;top:100%;z-index:1;width:100%;padding:15px 0;background-color:#fff;box-shadow:0 4px 4px 1px rgba(80,80,80,.4);border-top:1px solid #ddd;border-bottom:5px solid #009ddc}@media(max-width: 1000px){#main-nav .nav-pc{display:none}}#main-nav .nav-pc .nav-btn-block{width:100%;padding:0 15px}#main-nav .nav-pc .nav-btn-block .nav-btn{display:inline-block;padding:6px 20px;background:rgba(0,0,0,0);background-color:#fff;border:1px solid #e8a92c;border-radius:6px;cursor:pointer;font-size:16px;text-decoration:none;color:#000}#main-nav .nav-pc .nav-btn-block .nav-btn:hover{background-color:#e8a92c;color:#fff}#main-nav .nav-pc .nav-category{display:flex;height:100%;min-height:350px}#main-nav .nav-pc .nav-category .nav-info{width:25%;padding:0 15px;border-right:1px solid #999}#main-nav .nav-pc .nav-category .nav-info h3{margin:10px 0;font-size:34px;letter-spacing:-1px}#main-nav .nav-pc .nav-category .nav-info p{margin-bottom:10px;font-size:16px}#main-nav .nav-pc .nav-category .nav-info a{display:block;margin-bottom:10px}#main-nav .nav-pc .nav-category .nav-item-box{position:relative;left:-1px;width:75%;border-left:1px solid #999}#main-nav .nav-pc .nav-item-column{display:flex;flex-wrap:wrap}#main-nav .nav-pc .nav-item-column .nav-item{width:25%;padding:0 15px;margin-bottom:10px;text-align:center}#main-nav .nav-pc .nav-item-column .nav-item .item-wrapper{display:block;width:100%;cursor:pointer}#main-nav .nav-pc .nav-item-column .nav-item .item-wrapper .item-thumb{margin:10px auto}#main-nav .nav-pc .nav-item-column .nav-item .item-wrapper .item-label{display:block;font-weight:500}#main-nav .nav-pc .nav-item-column.six-div .nav-item{width:16.666%}#main-nav .nav-mobile{position:relative;z-index:1;display:none;width:100%;background-color:hsla(0,0%,96.1%,.96)}@media(max-width: 1000px){#main-nav .nav-mobile{display:block}}#main-nav .nav-mobile .nav-now-category,#main-nav .nav-mobile .nav-mobile-items{font-size:20px}#main-nav .nav-mobile .nav-now-category{padding:12px 15px 8px 20px;background-color:#fff;border-top:1px solid hsla(0,0%,78.4%,.96);border-bottom:1px solid hsla(0,0%,78.4%,.96)}#main-nav .nav-mobile .nav-now-category.back{cursor:pointer}#main-nav .nav-mobile .nav-now-category.back:hover{color:#099ddc}#main-nav .nav-mobile .nav-now-category.back:hover .back-arrow{color:#099ddc;fill:#099ddc}#main-nav .nav-mobile .nav-mobile-items{position:relative;left:0;background-color:hsla(0,0%,96.1%,.96)}#main-nav .nav-mobile .nav-mobile-items .mobile-item{display:block;padding:10px 20px;border-bottom:1px solid hsla(0,0%,78.4%,.96);cursor:pointer;color:#333}#main-nav .nav-mobile .nav-mobile-items .mobile-item:hover{color:#099ddc}#main-nav .nav-mobile .nav-mobile-items .mobile-item:hover .expands-arrow{color:#099ddc;fill:#099ddc}#main-nav .nav-mobile .nav-mobile-items .mobile-item:active{color:#0d6286}#main-nav .nav-mobile .nav-mobile-items .mobile-item:active .expands-arrow{color:#0d6286;fill:#0d6286}#main-nav .nav-mobile .nav-mobile-items a{display:block;width:100%}#main-nav .nav-mobile .nav-mobile-items a:hover{color:#099ddc}#main-nav .nav-mobile .nav-mobile-items a:hover .expands-arrow{color:#099ddc;fill:#099ddc}#main-nav .nav-mobile .back-arrow,#main-nav .nav-mobile .expands-arrow{height:15px}#main-nav .nav-mobile .back-arrow{float:left;margin-top:5px;margin-right:15px}#main-nav .nav-mobile .expands-arrow{float:right;margin-top:5px}#main-nav #solutions .nav-item-column{margin-top:20px}#main-nav #solutions .nav-item-column .nav-item .item-wrapper .item-thumb{border:solid 1px #eee}footer{display:block;padding:20px 10px;background-color:#51565c;font-size:14px;line-height:1.4;color:#ccc}footer p{margin-bottom:10px;font-weight:300}footer a{color:#ccc;text-decoration:none}footer a:hover{color:#aaa}footer a strong:hover{color:#aaa}footer strong{color:#fff;font-weight:bold}footer ul{list-style:none}footer .container{display:block;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}footer .footer-main .container .footer-row{display:flex;justify-content:space-evenly}@media(max-width: 500px){footer .footer-main .container .footer-row{justify-content:flex-start;flex-wrap:wrap}}footer .footer-main .container .footer-row .footer-block{position:relative;width:33.33%;margin-bottom:10px}@media(max-width: 500px){footer .footer-main .container .footer-row .footer-block{width:50%}footer .footer-main .container .footer-row .footer-block.phone-w100{width:100%}}footer .footer-main .container .footer-row .footer-block ul{margin-bottom:10px}footer .footer-general{padding:20px 0;font-size:12px;color:#a1a6ac;border-top:solid #a1a6ac 1px;display:flex;justify-content:space-between;align-items:center}footer .footer-general .footer-logo{margin:0}footer .footer-general .copyright-wrapper{display:flex}@media(max-width: 1000px){footer .footer-general .copyright-wrapper{flex-direction:column;margin-top:10px}}footer .footer-general .copyright-wrapper small{font-size:12px}footer .footer-general .copyright-wrapper .info-list{display:flex;justify-content:center;margin-right:75px}@media(max-width: 1000px){footer .footer-general .copyright-wrapper .info-list{flex-wrap:wrap;margin-right:0;margin-top:5px}}footer .footer-general .copyright-wrapper .info-list li{margin-left:10px;color:#ccc}