/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&display=swap");html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,::before,::after{background-repeat:no-repeat;box-sizing:inherit}::before,::after{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace, monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}input{border-radius:0}[disabled]{cursor:default}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:bold}button{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"],[role="button"]{cursor:pointer;color:inherit}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{outline:1px dotted ButtonText}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}svg:not([fill]){fill:currentColor}@media screen{[hidden~="screen"]{display:inherit}[hidden~="screen"]:not(:active):not(:focus):not(:target){position:absolute !important;clip:rect(0 0 0 0) !important}}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}img{vertical-align:bottom;max-width:100%;height:auto}.width-fix{margin-right:-15px;margin-left:-15px}html{font-size:62.5%}body{font-family:'Noto Sans JP', sans-serif;line-height:1.8;color:#404040;font-feature-settings:"palt";letter-spacing:.8px;border:10px solid #7BA155}.container{max-width:800px}.upper{position:fixed;width:160px;right:12px;bottom:7px;transition:0.5s;opacity:1;z-index:99}.upper:hover{opacity:0.8}header{position:relative}header .header_con{position:fixed;width:200px;top:10px;left:10px;background-color:rgba(255,255,255,0.8);height:97vh}@media (max-width: 768px){header .header_con{display:none}}header .header_con h1.logo{width:160px;margin:0 auto;padding:30px 0}header .header_con ul.gnav{font-family:'Noto Sans JP', sans-serif;padding:0 20px;list-style:none;color:#555555;position:absolute;bottom:0}header .header_con ul.gnav li{margin-bottom:1em}header .header_con ul.gnav li a{position:relative;display:inline-block;text-decoration:none;color:#999999}header .header_con ul.gnav li a:hover{text-decoration:none;color:#7BA155}header .header_con ul.gnav li a::after{position:absolute;bottom:-4px;left:0;content:'';width:80px;height:1px;background:#7BA155;transform:scale(0, 1);transform-origin:left top;transition:transform .3s}header .header_con ul.gnav li a:hover::after{transform:scale(1, 1)}header .header_sp{position:absolute;top:0;height:60px;background-color:rgba(255,255,255,0.8);width:calc(100vw - 35px);display:none}@media (max-width: 768px){header .header_sp{display:block}}header .header_sp h1.logo{max-width:180px;padding-top:5px;padding-left:10px}main{margin-left:200px}@media (max-width: 768px){main{margin-left:0;padding-top:60px}}section{padding:100px 0}@media (max-width: 768px){section{padding:60px 0}}section.mainvisual{padding:0;height:100vh;background:url("../images/mainvisual.jpg") top center no-repeat;background-size:cover;position:relative}@media (max-width: 768px){section.mainvisual{height:calc(100vh - 60px)}}section.mainvisual .copy{position:absolute;right:40px;top:36px}section.mainvisual .copy h2{font-family:'Noto Sans JP', sans-serif;font-size:5.5rem;font-weight:normal;color:#ffffff;letter-spacing:0.2em;text-align:right;line-height:1.4}section.about .about_copy{margin-bottom:2em}section.about .about_copy h2{font-size:3.6rem;letter-spacing:3px;line-height:1.6;margin-bottom:1em;font-weight:normal}section.about .img-box{position:relative}@media (max-width: 768px){section.about .img-box{margin-bottom:30px}}section.about .img-box .active{position:absolute;left:0;top:0;opacity:0;transition:0.5s}section.about .img-box:hover .active{opacity:1}section.footer{padding:100px 0;background:url("../images/footer_bg.jpg") top center no-repeat;background-size:cover}@media (max-width: 768px){section.footer{padding:60px 0}}section.footer .footer_logo{width:140px;margin:0 auto 3em}section.footer h2{font-size:1.8rem;margin-bottom:1em;font-weight:normal}section.footer p{font-size:1.4rem}footer{transform:rotate(90deg);position:fixed;right:-30px;top:50%;z-index:100}@media (max-width: 768px){footer{transform:rotate(0deg);position:static}}footer p small{color:#7BA155;font-size:1.2rem}@media (max-width: 768px){footer p small{color:#404040}}section.drawer{background-color:rgba(123,161,85,0.8);height:100vh;color:#ffffff}section.drawer a{color:#ffffff;text-decoration:none}section.drawer a a:hover{text-decoration:none}section.drawer .container h1.logo{max-width:240px;margin:0 auto;margin-bottom:1em}section.drawer .container ul.drawer_nav{max-width:120px;margin:0 auto;list-style:none}section.drawer .container ul.drawer_nav li{margin-bottom:1.5em}section.drawer .container .sns_btn{text-align:center;margin-bottom:1.6em}section.drawer .container .tel_space{text-align:center;font-size:2.0rem}section.first_face{background:url("../images/footer_bg.jpg") center top no-repeat;background-size:cover;height:calc(100vh - 20px);display:flex;justify-content:center;align-items:center}section.first_face h1.logo{width:240px;margin:0 auto}@media (max-width: 768px){section.first_face h1.logo{width:160px}}section.second_content .title{background:url("../images/title_bg.png") left top no-repeat;background-size:157px;height:157px;width:157px;text-align:center;padding-top:60px;margin-bottom:4em}@media (max-width: 992px){section.second_content .title{margin:0 auto 4em}}section.second_content .title h2{color:#ffffff;font-size:2.0rem;font-weight:normal}section.second_content .title h4{color:#ffffff;font-size:1.4rem;font-weight:normal}section.second_content .con_body{padding-top:60px}@media (max-width: 992px){section.second_content .con_body{padding-top:0}}section.second_content .con_body h3{font-size:1.8rem;margin-bottom:2em;line-height:2.0;font-weight:normal}section.second_content .img_space{margin-bottom:1em}section.second_content .img_space.yoko_logo{max-width:360px}section.second_content .contact_box{border:2px solid #FF8B60;padding:20px 0 12px;text-align:center}section.second_content .contact_box h3{font-size:3.6rem;margin-bottom:0.5em;font-weight:normal}section.second_content .contact_box h3 span.underline{border-bottom:double 6px #FF8B60}section.second_content table.recruit tr{display:block;margin-bottom:1em}section.second_content table.recruit th,section.second_content table.recruit td{display:block;padding:0}section.second_content .message_box{border-top:1px solid #707070;border-bottom:1px solid #707070;padding:20px 0 15px;margin:20px 0 30px;text-align:center}section.second_content .message_box h3{font-size:1.6rem;margin-bottom:0;font-weight:bold}section.second_content ul{padding-left:1.5em;margin-bottom:1.5em}section.work_one .title{text-align:center;margin-bottom:30px}section.work_one .title.alessikkui img{width:91px;margin-bottom:0.5em}section.work_one .title.alescool img{width:335px;margin-bottom:0.5em}section.work_one .title h4{margin-bottom:1em;font-size:1.6rem;font-weight:normal}section.work_one .title h2{font-size:3.6rem;font-weight:normal}@media (max-width: 768px){section.work_one .title h2{font-size:2.4rem}}section.work_one .icon_box{margin-bottom:36px;text-align:center}section.work_one .icon_box .icon_img img{width:148px;margin:0 auto 1em}section.work_one .icon_box h3{color:#7BA155;font-size:2.0rem;margin-bottom:0.5em}section.work_one .icon_box p{text-align:left}section.instagram{padding-top:0}section.instagram .title{text-align:center;margin-bottom:1.5em}section.instagram .title h2{font-size:1.8rem;font-weight:normal}section.instagram .insta_photos{margin-bottom:30px}section.instagram .insta_photos figure.thumbnail-wrap{position:relative}section.instagram .insta_photos figure.thumbnail-wrap:before{content:"";display:block;padding-top:100%}section.instagram .insta_photos figure.thumbnail-wrap img{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;margin:auto;object-fit:cover}section.instagram a:hover{opacity:0.7}.btn-1{display:inline-block;text-align:center;text-decoration:none;line-height:54px;outline:none}.btn-1::before,.btn-1::after{position:absolute;z-index:-1;display:block;content:''}.btn-1,.btn-1::before,.btn-1::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s}.btn-1{position:relative;z-index:2;background-color:#fff;border:2px solid #7BA155;color:#7BA155;line-height:50px;overflow:hidden}.btn-1:hover{color:#fff}.btn-1::after{top:0;left:-100%;width:100%;height:100%}.btn-1:hover::after{left:0;background-color:#7BA155}.invisible{transition:opacity 0.5s ease;opacity:0.0}.visible{transition:opacity 0.5s ease;opacity:1.0}.fadeInUp-2s{display:block;animation:fadeInUp;animation-duration:1s}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 60px, 0);transform:translate3d(0, 60px, 0)}}.fadeIn-2s{display:block;animation:fadeIn;animation-duration:2s;opacity:0;animation-fill-mode:forwards}@keyframes fadeIn{100%{opacity:1}}.copy_1st{animation-delay:1s}.copy_2nd{animation-delay:2.6s}.contact_banner{margin-bottom:30px}@media (min-width: 576px){a[href^="tel:"]{pointer-events:none}}