﻿@import"https://fonts.googleapis.com/icon?family=Material+Icons";@import"https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700&display=swap";.pala{opacity:0;transition:all 1s ease}.pala--down{-webkit-transform:translateY(-10%);transform:translateY(-10%)}.pala--down2{-webkit-transform:translateY(-4rem);transform:translateY(-4rem)}.pala--up{-webkit-transform:translateY(10%);transform:translateY(10%)}.pala--lr{-webkit-transform:translate(-10%, 0);transform:translate(-10%, 0)}.pala--lr5{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.pala--rl{-webkit-transform:translate(10%, 0);transform:translate(10%, 0)}.pala--scaleUp{-webkit-transform:scale(0.1);transform:scale(0.1)}.pala--scaleDown{-webkit-transform:scale(1.5);transform:scale(1.5)}.delay100{transition-delay:.1s}.delay200{transition-delay:.2s}.delay300{transition-delay:.3s}.delay400{transition-delay:.4s}.delay500{transition-delay:.5s}.delay600{transition-delay:.6s}.delay700{transition-delay:.7s}.delay1000{transition-delay:1s}.delay1100{transition-delay:1.1s}.delay1200{transition-delay:1.2s}.delay1300{transition-delay:1.3s}.delay1400{transition-delay:1.4s}.delay1500{transition-delay:1.5s}.pala.action{opacity:1;-webkit-transform:none;transform:none}@font-face{font-family:"Noto Sans JP";font-style:normal;font-weight:400;src:url("../fonts/NotoSansCJKjp-Regular.otf") format("opentype"),url("/assets/fonts/NotoSansCJKjp-Regular.woff") format("woff")}@font-face{font-family:"Noto Sans JP";font-style:normal;font-weight:500;src:url("../fonts/NotoSansCJKjp-Medium.otf") format("opentype"),url("/assets/fonts/NotoSansCJKjp-Medium.woff") format("woff")}@font-face{font-family:"Noto Sans JP";font-style:normal;font-weight:600;src:url("../fonts/NotoSansCJKjp-Bold.otf") format("opentype"),url("/assets/fonts/NotoSansCJKjp-Bold.woff") format("woff")}@font-face{font-family:"Noto Sans JP";font-style:normal;font-weight:700;src:url("../fonts/NotoSansCJKjp-Black.otf") format("opentype"),url("/assets/fonts/NotoSansCJKjp-Black.woff") format("woff")}#loader{content:"";display:block;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:#fff;transition:opacity .3s linear;-webkit-transition:opacity .3s linear}#loader.loaded{opacity:0}#loader div{position:fixed;z-index:200;left:50%;top:50%;width:5rem;height:5rem;margin:-2.5rem 0 0 -2.5rem;background:url("../images/loader.svg") no-repeat center center;background-size:100% 100%;animation:r1 1s linear infinite}body.loaded::after{content:none}@keyframes r1{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.altimg{font-size:0;text-indent:-9999px}.altimg a{display:block;width:100%;height:100%}.clearfix:after{content:"";display:block;clear:both;height:0;visibility:hidden}.clearfix{min-height:1px}* html .clearfix{height:1px}.en{font-family:"Barlow Condensed",sans-serif}._flex{display:flex}._flex._wrap{flex-wrap:wrap}._flex._between{justify-content:space-between}._flex._center{justify-content:center}._flex._align-items_start{align-items:flex-start}._flex._align-items_center{align-items:center}@media print,screen and (max-width: 768px){.pc_only{display:none !important}}@media print,screen and (min-width: 769px){.sp_only{display:none !important}}html{font-size:62.5%}body{position:relative;margin:0;color:#333;font-size:12px;font-size:1.2rem;font-family:"Noto Sans JP";line-height:1.5em;font-weight:500;background-color:#fff;text-rendering:optimizeLegibility;font-kerning:normal;font-variant-ligatures:common-ligatures contextual;font-feature-settings:"kern","liga","clig","calt"}@media print,screen and (min-width: 769px){body{min-width:1200px}}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}hr{display:none}p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form{margin:0}ul{padding:0;list-style-type:none}h1,h2,h3,h4,h5,h6,dt,th{color:#000;font-weight:bold}p,li,dd,td{color:#000}img{border:0;vertical-align:top}p{line-height:1.8em}a{text-decoration:none}header{position:fixed;right:0;top:0;z-index:1000}header nav{position:absolute;top:0;height:100vh;background-color:rgba(0,160,233,.9);transition:right .3s ease-out;-webkit-transition:right .3s ease-out;z-index:1}@media print,screen and (min-width: 769px){header nav{width:300px;padding-top:200px}}@media print,screen and (max-width: 768px){header nav{width:70%}}header nav ul{position:relative;top:0;padding:0 5% 0 30px}header nav ul li{margin:0 0 40px;font-size:40px;line-height:1}@media print,screen and (max-width: 768px){header nav ul li{font-size:3rem}}header nav ul li a{color:#fff}@media print,screen and (min-width: 769px){header nav ul li a{transition:opacity .15s linear;-webkit-transition:opacity .15s linear}header nav ul li a:hover{opacity:.7}}@media print,screen and (min-width: 769px){header nav{right:-300px}}@media print,screen and (max-width: 768px){header nav{right:-70vw;width:70vw;height:100vh;min-height:100%;z-index:90;overflow:scroll;margin:0;padding:10rem 0 5rem;background-color:#00a0e9;transition-duration:.3s}}header.opened nav{right:0}header.opened #nav_bg{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.8);z-index:-1;opacity:1}footer{padding:10px 0;background-color:#00a0e9}@media print,screen and (max-width: 768px){footer{padding:3% 0}}footer address{color:#fff;font-size:10px;font-style:normal;text-align:center}@media print,screen and (max-width: 768px){footer address{left:auto;right:0}}#totop{position:fixed;right:3%;bottom:100px;cursor:pointer;opacity:0;z-index:300;color:#000;font-size:15px;writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl}#totop span{display:block;position:absolute;left:50%;bottom:55px;width:1px;height:30px;margin-left:-1px;background-color:#000}@media print,screen and (min-width: 769px){#totop span{transition:height .15s linear;-webkit-transition:height .15s linear}}@media print,screen and (min-width: 769px){#totop{transition:opacity .3s linear;-webkit-transition:opacity .3s linear}#totop:hover{opacity:.5}#totop:hover span{height:60px}}html,body{height:100%}footer{width:100%}p{line-height:1.8em;text-align:justify;color:#333}ul{list-style-type:none}*{box-sizing:border-box}.wrap{position:relative;width:1200px;margin:0 auto}@media print,screen and (max-width: 768px){.wrap{width:90%}}table{border-collapse:collapse;border-spacing:0}#SP-menu{position:absolute;right:0;top:0;width:10rem;height:10rem;cursor:pointer;z-index:120}@media print,screen and (max-width: 768px){#SP-menu{width:6rem;height:6rem}}#SP-menu span{display:block;position:absolute;left:50%;width:5rem;height:.4rem;margin-left:-2.5rem;transition:all .2s;-weblit-transition:all .2s;background-color:#00a0e9}#SP-menu span:first-child{top:3rem}#SP-menu span:nth-child(2){top:4.8rem}#SP-menu span:last-child{top:6.6rem}@media print,screen and (max-width: 768px){#SP-menu span{width:2rem;height:.2rem;margin-left:-1rem}#SP-menu span:first-child{top:2.3rem}#SP-menu span:nth-child(2){top:2.9rem}#SP-menu span:last-child{top:3.5rem}}#SP-menu.opened span{background-color:#fff}#SP-menu.opened span:nth-child(2){opacity:0}#SP-menu.opened span:first-child{-webkit-transform:translateY(1.8rem) rotate(45deg);transform:translateY(1.8rem) rotate(45deg)}@media print,screen and (max-width: 768px){#SP-menu.opened span:first-child{-webkit-transform:translateY(0.6rem) rotate(45deg);transform:translateY(0.6rem) rotate(45deg)}}#SP-menu.opened span:last-child{-webkit-transform:translateY(-1.8rem) rotate(-45deg);transform:translateY(-1.8rem) rotate(-45deg)}@media print,screen and (max-width: 768px){#SP-menu.opened span:last-child{-webkit-transform:translateY(-0.6rem) rotate(-45deg);transform:translateY(-0.6rem) rotate(-45deg)}}#mv{position:relative;width:100%;height:500px;background:url(/assets/images/mv.jpg) no-repeat center bottom;background-size:cover;opacity:0}@media print,screen and (max-width: 768px){#mv{height:40rem}}#mv h1{position:absolute;left:50%;top:50%;transform:translate(-50%, -60%);width:240px;height:auto;margin:0 auto;opacity:0}@media print,screen and (max-width: 768px){#mv h1{width:15rem}}#mv h1 .anime{fill:#fff;stroke:#fff;stroke-dasharray:2000;stroke-dashoffset:0;stroke-width:1}#mv.active{transition:opacity 3s linear;-webkit-transition:opacity 3s linear;opacity:1}#mv.active h1{transition:opacity .3s linear 1s;-webkit-transition:opacity .3s linear 1s;opacity:1}#mv.active h1 .anime{-webkit-animation:logoAnime 3s ease-in 1s;animation:logoAnime 3s ease-in 1s}@-webkit-keyframes logoAnime{0%{stroke-dashoffset:2000;fill:transparent}40%{stroke-dashoffset:2000;fill:transparent}50%{fill:transparent}100%{stroke-dashoffset:0;fill:#fff}}@keyframes logoAnime{0%{stroke-dashoffset:2000;fill:transparent}40%{stroke-dashoffset:2000;fill:transparent}50%{fill:transparent}100%{stroke-dashoffset:0;fill:#fff}}#works{padding:60px 0 0}@media print,screen and (max-width: 768px){#works{padding-top:5rem}}#works #work_menu{display:flex;justify-content:center;margin:50px 0}#works #work_menu li{margin:0 30px;font-size:18px;font-weight:500;letter-spacing:.1em;color:#e6e6e6;cursor:pointer}@media print,screen and (min-width: 769px){#works #work_menu li{transition:color .15s linear;-webkit-transition:color .15s linear}#works #work_menu li:hover{color:#00a0e9}}@media print,screen and (max-width: 768px){#works #work_menu li{margin:0 1.5rem}}#works #work_menu li.active{color:#00a0e9}#works .list{display:none;flex-wrap:wrap;width:1000px;margin:0 auto}@media print,screen and (max-width: 768px){#works .list{justify-content:space-between;width:100%;padding:0 5%}}#works .list li{width:300px;margin:0 0 50px 50px;opacity:0}@media print,screen and (max-width: 768px){#works .list li{width:48%;margin:0 0 3rem}}@media print,screen and (min-width: 769px){#works .list li:nth-child(3n+1){margin-left:0}#works .list li a{display:block;width:100%;transition:opacity .15s linear;-webkit-transition:opacity .15s linear}#works .list li a:hover{opacity:.7}}#works .list li .pic{width:100%}#works .list li .pic img{width:100%}#works .list li.active{opacity:1}#works .list li h3,#works .list li p{font-weight:500;text-align:center}#works .list li h3{margin:20px 0 10px;font-size:17px}@media print,screen and (max-width: 768px){#works .list li h3{margin:1.5rem 0 .5rem;font-size:1.4rem}}#works .list li h3 span{display:inline-block;vertical-align:bottom;font-size:15px;margin-left:10px}#works .list li p{font-size:13px;color:#999}@media print,screen and (max-width: 768px){#works .list li p{font-size:1.1rem}}#business{margin:60px 0 0;padding:60px 0;background-color:#f2f2f2}@media print,screen and (max-width: 768px){#business{margin-top:3rem;padding:5rem 0}}#business ._flex{justify-content:center;margin-top:50px}@media print,screen and (max-width: 768px){#business ._flex{flex-direction:column;margin-top:0;padding:0 5%}}#business ._flex div{margin:0 40px}@media print,screen and (max-width: 768px){#business ._flex div{width:100%;margin:5rem 0 0}}#business ._flex div h3{margin:0 0 20px 10px;font-size:15px;font-weight:500;color:#00a0e9}#business ._flex div li{position:relative;padding-left:25px;margin-top:5px;font-size:13px;line-height:1.4}#business ._flex div li::before{content:"・";display:block;position:absolute;left:0;top:-3px;font-size:25px;color:#00a0e9;line-height:1}#company{padding:60px 0 0}@media print,screen and (max-width: 768px){#company{padding-top:5rem}}#company dl{display:flex;flex-wrap:wrap;width:600px;margin:60px auto;border-bottom:solid 1px #f2f2f2}@media print,screen and (max-width: 768px){#company dl{width:100%;padding:0 5%;margin:5rem auto}}#company dl dt,#company dl dd{font-size:14px;font-weight:400}@media print,screen and (max-width: 768px){#company dl dt,#company dl dd{font-size:1.2rem}}#company dl dt{width:30%;padding:20px 0 20px 40px;border-top:solid 1px #f2f2f2;color:#b3b3b3}@media print,screen and (max-width: 768px){#company dl dt{padding:1rem 0 1rem 1rem}}#company dl dd{width:70%;padding:20px;border-top:solid 1px #f2f2f2;color:#666}@media print,screen and (max-width: 768px){#company dl dd{padding:1rem}}#company #btn_contact{position:relative;width:100%;margin:50px auto;text-align:center}@media print,screen and (max-width: 768px){#company #btn_contact{margin:3rem auto}}#company #btn_contact a{position:relative;display:block;width:400px;height:80px;line-height:80px;margin:0 auto;font-size:30px;color:#fff;letter-spacing:.2em;background-color:#00a0e9}@media print,screen and (min-width: 769px){#company #btn_contact a{transition:opacity .15s linear;-webkit-transition:opacity .15s linear}#company #btn_contact a:hover{opacity:.7}}@media print,screen and (max-width: 768px){#company #btn_contact a{width:24rem;height:5rem;font-size:1.8rem;line-height:5rem}}#company #btn_contact span{position:absolute;right:80px;top:0;line-height:82px;font-size:30px}@media print,screen and (max-width: 768px){#company #btn_contact span{right:3rem;line-height:5rem;font-size:2rem}}#company #btn_contact small{display:block;margin-top:10px;font-size:110%}@media print,screen and (max-width: 768px){#company #btn_contact small{font-size:90%}}main h2{position:relative;font-size:60px;text-align:center;color:#00a0e9;font-weight:600;line-height:1;letter-spacing:.25em}@media print,screen and (max-width: 768px){main h2{font-size:4rem}}/*# sourceMappingURL=style.css.map */
