@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400+700");abbr,address,article,aside,audio,b,blockquote,body,button,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}sup{vertical-align:super}sub{vertical-align:sub}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:inherit;text-decoration:none;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.2s;transition:0.2s;cursor:pointer}img{vertical-align:bottom;border:none;width:100%}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle;font-size:14px}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;overflow-y:scroll}body{color:#90A0AC;line-height:1.8;font-family:"Noto Sans JP",sans-serif;word-break:break-word;width:100%;font-weight:400;background-color:#FFF}@media only screen and (max-width:767px){body{font-size:2.6rem}}.container{overflow:hidden}.pc{display:block}@media only screen and (max-width:767px){.pc{display:none}}.sp{display:none}@media only screen and (max-width:767px){.sp{display:block}}#loading{width:100vw;height:100vh;-webkit-transition:all 1s;transition:all 1s;background-color:#90A0AC;position:fixed;top:0;left:0;z-index:9999}.spinner{width:100px;height:100px;margin:200px auto;background-color:#fff;border-radius:100%;-webkit-animation:sk-scaleout 1s infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.loaded{opacity:0;visibility:hidden}.btn{display:block;width:300px;height:65px;line-height:65px;text-align:center;text-decoration:none;outline:none;-webkit-transition:all 0.3s;transition:all 0.3s;background-color:#fff;border:1px solid #90A0AC;color:#90A0AC;position:relative;font-weight:500;margin-top:40px;cursor:pointer;margin:50px auto 0;border-radius:60px;font-size:1.8rem;position:relative;z-index:1;display:block;overflow:hidden;-webkit-transition:0.3s;transition:0.3s;letter-spacing:0.2em}.btn:before{content:"";width:120%;height:200%;position:absolute;top:-50%;right:0;z-index:-1;background:#90A0AC;border-radius:0 100% 100% 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform ease 0.3s;transition:-webkit-transform ease 0.3s;transition:transform ease 0.3s;transition:transform ease 0.3s,-webkit-transform ease 0.3s}@media only screen and (max-width:767px){.btn{width:84%;font-size:1.4rem}}.btn a{-webkit-transition:-webkit-transform ease 0.3s;transition:-webkit-transform ease 0.3s;transition:transform ease 0.3s;transition:transform ease 0.3s,-webkit-transform ease 0.3s}.btn .arrow01{display:inline-block;vertical-align:middle;color:#90A0AC;line-height:1;position:relative;width:2em;height:0.1em;background:currentColor;font-size:1.5rem;position:absolute;right:30px;top:50%}@media only screen and (max-width:767px){.btn .arrow01{font-size:2.2rem}}.btn .arrow01:before{content:"";width:0.65em;height:0.65em;border:0.1em solid currentColor;border-left:0;border-bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:top right;transform-origin:top right;position:absolute;top:50%;right:-0.05em;-webkit-box-sizing:border-box;box-sizing:border-box}.btn:hover{background-color:#90A0AC;border-color:#90A0AC;color:#fff}.btn:hover:before{-webkit-transform:translateX(10%);transform:translateX(10%)}.btn:hover .arrow01{color:#fff;background:currentColor}.sec-in{max-width:1000px;width:90%;margin:0 auto}@media only screen and (max-width:767px){.sec-in{width:100%;margin:0 auto;padding:0 5.3333333333vw}}.sec-in:first-child{padding-top:60px}.sec-in:last-child{padding-bottom:80px}.taC{text-align:center!important}.taL{text-align:left!important}@media only screen and (max-width:767px){.taL{text-align:center!important}}.taR{text-align:right!important}.mT20{margin-top:20px!important}.mT50{margin-top:50px!important}header{height:80px;top:0;z-index:999;position:fixed;background:#fff;margin:0 auto;left:0;right:0;-webkit-box-shadow:rgba(0,0,0,0.15) 0px 25px 50px -12px;box-shadow:rgba(0,0,0,0.15) 0px 25px 50px -12px;opacity:90%}header .link01{background:-webkit-gradient(linear,left top,left bottom,from(#90A0AC),to(#90A0AC)) 0 100%/var(--d,0) 2px no-repeat;background:linear-gradient(#90A0AC,#90A0AC) 0 100%/var(--d,0) 2px no-repeat;-webkit-transition:0.5s;transition:0.5s;font-size:1.4rem}header .link01:hover{--d:100%}@media only screen and (min-width:1100px){header{height:80px}}@media only screen and (max-width:767px){header{height:50px;width:100%;position:fixed;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.1);box-shadow:0 2px 10px rgba(0,0,0,0.1)}}header .header-in{max-width:1040px;padding:0 20px;margin:0 auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}@media only screen and (max-width:767px){header .header-in{width:100%;padding:10px}}header .header-in h1{font-family:"Expletus Sans",sans-serif;font-size:3.4rem;font-weight:400}header .header-in .arrow02{display:inline-block;color:#90A0AC;line-height:1;position:relative;width:0.6em;height:0.6em;-webkit-transform:translateX(-25%) rotate(45deg);transform:translateX(-25%) rotate(45deg);margin-right:5px}header .header-in .arrow02:before{content:"";position:absolute;background:#90A0AC;border-radius:0.1em;top:0;left:0;right:0;height:0.1em}header .header-in .arrow02:after{content:"";position:absolute;background:#90A0AC;border-radius:0.1em;top:0;right:0;bottom:0;width:0.1em}.modalArea{display:none;position:fixed;z-index:10;top:0;left:0;width:100%;height:100%}.modalArea .modalBg{width:100%;height:100%;background-color:#90A0AC}.modalArea .modalWrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70%;max-width:500px;padding:60px 20px;background-color:#fff;border-radius:10px}@media only screen and (max-width:767px){.modalArea .modalWrapper{width:90%}}.modalArea .modalWrapper .modalContents h3{font-size:3rem;margin-bottom:20px}@media only screen and (max-width:767px){.modalArea .modalWrapper .modalContents h3{font-size:2.6rem}}.modalArea .modalWrapper .modalContents p{font-size:1.7rem;line-height:3.6rem}@media only screen and (max-width:767px){.modalArea .modalWrapper .modalContents p{font-size:1.4rem;line-height:1.8}}.closeModal{position:absolute;top:0.5rem;right:1rem;cursor:pointer}.footer{background:#90A0AC;padding:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;font-weight:700;letter-spacing:0.3em}@media only screen and (max-width:767px){.footer{height:auto}}.footer .footer-in{margin:0 auto;color:#fff}@media only screen and (max-width:767px){.footer .footer-in{width:100%}}.footer .footer-in .footer-contact{text-align:center;font-size:5rem;font-family:"Expletus Sans",sans-serif}@media only screen and (max-width:767px){.footer .footer-in .footer-contact{font-size:4rem}}.footer .footer-in .footer-contact a{padding:100px 0;border:1px solid #90A0AC}.footer .footer-in .footer-contact a:hover{border:1px solid #90A0AC;background:#fff;color:#90A0AC}.btn-to-top{display:none}.btn-to-top a{width:60px;height:60px;background:#90A0AC;position:fixed;right:0;bottom:0}.btn-to-top a:after{content:"";display:block;width:17px;height:17px;border-top:4px solid #fff;border-right:4px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:24px;left:19px}.btn-to-top.current{position:absolute;top:-34px;bottom:inherit}#TOP{background:#90A0AC}#TOP .container{margin:20px;background:#fff;border-radius:10px;text-align:center;width:calc(100% - 40px);height:calc(100vh - 40px);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:767px){#TOP .container .mainSection{position:absolute;top:60px}}#TOP .container .mainSection h1{font-size:8rem;font-family:"Expletus Sans",sans-serif;font-weight:400}@media only screen and (max-width:767px){#TOP .container .mainSection h1{font-size:6rem}}#TOP .container .mainSection .txt{font-size:2.4rem;margin-top:-20px}@media only screen and (max-width:767px){#TOP .container .mainSection .txt{font-size:1.7rem}}@media only screen and (max-width:767px){#TOP .container .mainSection .btn{width:260px;margin-top:40px}}#TOP .container .portfolioLink01{position:absolute;right:50px;bottom:40px;display:block;height:210px;width:210px;border-radius:50%;background:#90A0AC;color:#FFF;font-size:3rem;font-family:"Expletus Sans",sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:767px){#TOP .container .portfolioLink01{right:50%;margin-right:-105px}}#TOP .container .portfolioLink01:hover{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}#TOP .container .portfolioLink01 .ico-key{position:absolute;width:30px;bottom:30px}#WORKTOP .mainSection{background-color:#90A0AC;margin-top:80px}@media only screen and (max-width:767px){#WORKTOP .mainSection{margin-top:50px}}#WORKTOP .sec01{background-color:#FFF}#WORKTOP .sec01 .work-list{display:-ms-grid;display:grid;-ms-grid-columns:1fr 20px 1fr 20px 1fr;grid-template-columns:1fr 1fr 1fr;gap:20px}@media only screen and (max-width:767px){#WORKTOP .sec01 .work-list{display:block}}#WORKTOP .sec01 .work-item{position:relative;margin-bottom:60px}@media only screen and (max-width:767px){#WORKTOP .sec01 .work-item{-ms-grid-columns:100%;grid-template-columns:100%}}#WORKTOP .sec01 .work-item .work-cat{font-size:5rem;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;top:-60px;left:20px;font-weight:700;letter-spacing:0.25em;word-break:keep-all;line-height:normal;color:#90A0AC}@media only screen and (max-width:767px){#WORKTOP .sec01 .work-item .work-cat{top:-36px;left:5px}}#WORKTOP .sec01 .work-link .work-img{margin-bottom:20px}@media only screen and (max-width:767px){#WORKTOP .sec01 .work-link .work-img{margin-bottom:10px}}#WORKTOP .sec01 .work-link .work-img:hover{border:25px solid #CCDFED;-webkit-transition:0.2s;transition:0.2s}#WORKTOP .sec01 .work-link .work-title{text-align:right;font-size:1.6rem;position:relative;z-index:2;background:#FFF;display:inline-block;color:#90A0AC;letter-spacing:0.3em}@media only screen and (max-width:767px){#WORKTOP .sec01 .work-link .work-title{font-size:1.6rem}}#WORKTOP .sec01 .work-link .work-title-line{content:"";display:block;border-bottom:1px solid #90A0AC;z-index:1;margin-top:-1px}#WORKDETAIL .mainSection{background-color:#F5F7F8;margin-top:80px}@media only screen and (max-width:767px){#WORKDETAIL .mainSection{margin-top:50px}}#WORKDETAIL .main-img{background:#F5F7F8}#WORKDETAIL .main-img img{width:700px;margin:auto;display:block;padding:80px 0}@media only screen and (max-width:767px){#WORKDETAIL .main-img img{width:300px}}#WORKDETAIL .main-img .mvPcOnly{width:570px}@media only screen and (max-width:767px){#WORKDETAIL .main-img .mvPcOnly{width:250px}}#WORKDETAIL .main-img .mvSpOnly{width:160px}#WORKDETAIL .main-img .mvLogo{width:570px}@media only screen and (max-width:767px){#WORKDETAIL .main-img .mvLogo{width:250px}}#WORKDETAIL .main-img .mvPaper{width:220px}#WORKDETAIL .main-img .mvBnr{width:220px}#WORKDETAIL .main-img .mvMagazine{width:480px}@media only screen and (max-width:767px){#WORKDETAIL .main-img .mvMagazine{width:250px}}#WORKDETAIL .sec01{background-color:#fff}@media only screen and (min-width:1100px){#WORKDETAIL .sec01 .sec-in{width:800px}}#WORKDETAIL .sec01 .sec-in h2{font-size:4rem;margin-bottom:20px}@media only screen and (max-width:767px){#WORKDETAIL .sec01 .sec-in h2{font-size:2.6rem}}#WORKDETAIL .sec01 .sec-in .work-txt-area{font-size:1.7rem;line-height:3.6rem}@media only screen and (min-width:1100px){#WORKDETAIL .sec01 .sec-in .work-txt-area{font-size:1.4rem}}#WORKDETAIL .sec01 .sec-in .wImg{margin-top:20px}#CONTACT{background:#90A0AC}#CONTACT .container{margin:20px;background:#fff;border-radius:10px;text-align:center;width:calc(100% - 40px);height:calc(100vh - 40px);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-y:auto}#CONTACT .container .mainSection{margin-top:80px;width:600px}@media only screen and (max-width:767px){#CONTACT .container .mainSection{position:absolute;top:60px;width:85%}}#CONTACT .container .mainSection .contactLink01{position:absolute;top:30px;left:30px;background:-webkit-gradient(linear,left top,left bottom,from(#90A0AC),to(#90A0AC)) 0 100%/var(--d,0) 2px no-repeat;background:linear-gradient(#90A0AC,#90A0AC) 0 100%/var(--d,0) 2px no-repeat;-webkit-transition:0.5s;transition:0.5s;font-size:1.4rem}@media only screen and (max-width:767px){#CONTACT .container .mainSection .contactLink01{top:-100px;left:0px}}#CONTACT .container .mainSection .contactLink01:hover{--d:100%}#CONTACT .container .mainSection .contactLink01 .arrow02{display:inline-block;color:#90A0AC;line-height:1;position:relative;width:0.6em;height:0.6em;-webkit-transform:translateX(-25%) rotate(45deg);transform:translateX(-25%) rotate(45deg);margin-right:5px}#CONTACT .container .mainSection .contactLink01 .arrow02:before{content:"";position:absolute;background:#90A0AC;border-radius:0.1em;top:0;left:0;right:0;height:0.1em}#CONTACT .container .mainSection .contactLink01 .arrow02:after{content:"";position:absolute;background:#90A0AC;border-radius:0.1em;top:0;right:0;bottom:0;width:0.1em}#CONTACT .container .mainSection h1{font-size:4rem;font-family:"Noto Sans JP",sans-serif;font-weight:bold;line-height:1;margin-bottom:40px}@media only screen and (max-width:767px){#CONTACT .container .mainSection h1{font-size:2.6rem}}#CONTACT .container .mainSection .contactThx{text-align:left;font-size:1.6rem;position:relative}@media only screen and (max-width:767px){#CONTACT .container .mainSection .contactThx{font-size:1.6rem}}@media only screen and (max-width:767px){#CONTACT .container .mainSection .btn{width:260px;margin-top:40px}}#CONTACT .container .mainSection form{padding-bottom:80px}#CONTACT .container .mainSection .contactTable{margin:0 auto;max-width:660px;width:100%}#CONTACT .container .mainSection .contactTable ::-webkit-input-placeholder{color:#ccc}#CONTACT .container .mainSection .contactTable ::-moz-placeholder{color:#ccc}#CONTACT .container .mainSection .contactTable :-ms-input-placeholder{color:#ccc}#CONTACT .container .mainSection .contactTable ::-ms-input-placeholder{color:#ccc}#CONTACT .container .mainSection .contactTable ::placeholder{color:#ccc}#CONTACT .container .mainSection .contactTable tr{margin-bottom:22px;display:block}#CONTACT .container .mainSection .contactTable tr th{font-size:1.6rem;letter-spacing:0.2em;display:block;text-align:left;margin-bottom:4px}#CONTACT .container .mainSection .contactTable tr td{display:block;text-align:left}#CONTACT .container .mainSection .contactTable tr:last-child{margin-bottom:0px}#CONTACT .container .mainSection .contactTable .conTextbox{background:#f8f8f8;border-radius:5px;font-size:16px;line-height:1;padding:14px 20px;-webkit-transition:0.3s;transition:0.3s;width:100%}#CONTACT .container .mainSection .contactTable .conTextarea{height:160px;padding:17px;max-width:620px;width:100%;border:none;background:#f8f8f8}#CONTACT .container .mainSection .conBtn01{display:block;width:300px;height:65px;line-height:65px;text-align:center;text-decoration:none;outline:none;-webkit-transition:all 0.3s;transition:all 0.3s;background-color:#fff;border:1px solid #90A0AC;color:#90A0AC;position:relative;font-weight:500;margin-top:40px;cursor:pointer;margin:50px auto 0;border-radius:60px;font-size:1.8rem;position:relative;z-index:1;overflow:hidden;-webkit-transition:0.3s;transition:0.3s;letter-spacing:0.2em}#CONTACT .container .mainSection .conBtn01:before{content:"";width:120%;height:200%;position:absolute;top:-50%;right:0;z-index:-1;background:#90A0AC;border-radius:0 100% 100% 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform ease 0.3s;transition:-webkit-transform ease 0.3s;transition:transform ease 0.3s;transition:transform ease 0.3s,-webkit-transform ease 0.3s}@media only screen and (max-width:767px){#CONTACT .container .mainSection .conBtn01{width:84%;font-size:1.4rem}}#CONTACT .container .mainSection .conBtn01 a{-webkit-transition:-webkit-transform ease 0.3s;transition:-webkit-transform ease 0.3s;transition:transform ease 0.3s;transition:transform ease 0.3s,-webkit-transform ease 0.3s}#CONTACT .container .mainSection .conBtn01:hover{background-color:#90A0AC;border-color:#90A0AC;color:#fff}#CONTACT .container .mainSection .conBtn01:hover:before{-webkit-transform:translateX(10%);transform:translateX(10%)}#CONTACT .container .mainSection .contactConfirm h3{font-size:2.2rem;letter-spacing:0.2em;display:block;text-align:left;margin-bottom:16px}#CONTACT .container .mainSection .contactConfirm h4{font-size:1.6rem;letter-spacing:0.2em;display:block;text-align:left;margin-bottom:16px}#CONTACT .container .mainSection .contactConfirm .contactConfirmTxt{font-size:1.6rem;letter-spacing:0.15em;display:block;text-align:left;margin-bottom:40px}#CONTACT .container .mainSection .contactConfirm .contactTable td{font-size:1.4rem}
/*# sourceMappingURL=style.css.map */