html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0);box-sizing:border-box}input,textarea{box-sizing:border-box}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}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 #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}button{background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;padding:0;appearance:none}@font-face{font-family:"Zen Kaku Gothic New";src:url("../font/zen-kaku-gothic-new400.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Robot";src:url("../font/robot400.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Robot";src:url("../font/robot200.woff2") format("woff2");font-weight:200;font-display:swap}html{scroll-padding-top:65px}@media screen and (min-width: 768px){html{scroll-padding-top:80px}}body{font-family:"Robot","Zen Kaku Gothic New",sans-serif;color:#553939;font-size:14px;line-height:1.75;font-weight:500}@media screen and (min-width: 768px){body{font-size:16px}}@media screen and (min-width: 1025px){body{font-size:clamp(16px,1.2vw,20px)}}body.drawer_open{height:100vh;overflow:hidden}main{padding:0 5% 100px;background:#efe9e5;overflow:hidden}@media screen and (min-width: 1025px){main{padding:0 10% 160px}}img{display:block;width:100%;height:100%;object-fit:cover}.header{width:100%;height:60px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;z-index:10;transition:.4s}@media screen and (min-width: 768px){.header{height:100px}}.header__title{font-size:20px;letter-spacing:.1em}@media screen and (min-width: 768px){.header__title{font-size:1.8em}}.header__title>a{text-decoration:none;color:#553939}@media screen and (min-width: 1025px){.header__title>a{transition:.3s}.header__title>a:hover{opacity:.7}}.drawer{width:100%;height:100dvh;background:#efe9e5;padding:5%;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:9;opacity:0;visibility:hidden;transition:.6s}.drawer__menu{list-style-type:none;margin-top:140px}.drawer__menu>li{font-size:2em;line-height:2;border-bottom:1px solid #d0bdbd}.drawer__menu>li:not(:last-child){margin-bottom:50px}.drawer__menu>li span{padding-left:.5em;font-size:.5em}.drawer__menu>li>a{text-decoration:none;display:block;color:#806262}.drawer_open .drawer{opacity:1;visibility:visible}.gnav{display:none}@media screen and (min-width: 768px){.gnav{display:block}}.gnav__list{list-style-type:none;display:flex;align-items:center;justify-content:center;gap:40px}@media screen and (min-width: 1025px){.gnav__list{gap:60px}}.gnav__list>li{letter-spacing:.1em;font-size:1.3em}.gnav__list>li a{text-decoration:none;color:#553939}@media screen and (min-width: 1025px){.gnav__list>li a{transition:.3s}.gnav__list>li a:hover{opacity:.7}}.footer{background:#806262;padding:80px 5% 10px}@media screen and (min-width: 1025px){.footer{padding:160px 5% 20px}}.footer__link{margin-bottom:60px;font-size:2.4em;font-weight:400;color:#806262;letter-spacing:.05em;line-height:1}@media screen and (min-width: 1025px){.footer__link{margin-bottom:140px;font-size:3em}}.footer__link span{margin-left:.2em;font-size:.42em;letter-spacing:0}@media screen and (min-width: 1025px){.footer__link span{font-size:.34em}}.footer__link>a{text-decoration:none;color:#fff}@media screen and (min-width: 1025px){.footer__link>a{transition:.3s}.footer__link>a:hover{opacity:.7}.footer__link>a:hover::before{transform:translateX(0.3em)}}.footer__link>a::before{content:"";display:inline-block;margin-right:.5em;width:40px;aspect-ratio:8/9;background:url(../images/icon/contact_arrow.svg) center center/contain no-repeat;vertical-align:-10px}@media screen and (min-width: 1025px){.footer__link>a::before{width:90px;vertical-align:-25px;transition:.3s}}@media screen and (min-width: 768px){a[href*="tel:"]{pointer-events:none;cursor:default;text-decoration:none}}.webpromote{background:#d3dce1}.andam{background:#c3c7c3}.haskap{background:#c8c3ca}.fujino{background:#e1d4d2}.osa{background:#dadcd4}.hokusei{background:#c6cbd4}.ocean{background:#e3d7ca}.ocean_recruit{background:#cacfc6}.nishino{background:#e2d9c9}.nishino_ec{background:#dbd7bf}.sanshiro{background:#dbcbbf}.border::after{content:"";display:block;width:100%;height:1px;background:#d0bdbd;transition:width ease-in 1s}.border.js-anime::after{width:0}.border.js-anime.active::after{width:100%}.drawer__btn{width:45px;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;position:relative}@media screen and (min-width: 768px){.drawer__btn{display:none}}.drawer__btn>span{display:block;background:#553939;width:100%;height:1px;position:absolute;transition:.4s}.drawer__btn>span:nth-of-type(1){transform:translateY(-5px)}.drawer__btn>span:nth-of-type(2){transform:translateY(5px)}.drawer__btn.active>span:nth-of-type(1){transform:rotate(-20deg)}.drawer__btn.active>span:nth-of-type(2){transform:rotate(20deg)}.copyright{font-size:12px;letter-spacing:.1em;color:#fff;text-align:center}.copyright span{font-size:1.8em;vertical-align:-0.2em}.drawer .copyright{margin-top:auto;color:#806262}.title{margin-bottom:60px;font-size:2.4em;font-weight:400;color:#806262;letter-spacing:.05em}@media screen and (min-width: 1025px){.title{font-size:3em}}.title span{margin-left:.2em;font-size:.42em;letter-spacing:0}@media screen and (min-width: 1025px){.title span{font-size:.34em}}.title.js-anime{opacity:0;transition:opacity ease-in .6s}.title.js-anime.active{opacity:1}.works .title{margin-bottom:80px}@media screen and (min-width: 1025px){.works .title{margin-bottom:160px}}.sub_title{margin-bottom:30px;font-size:1.3em;font-weight:400;color:#806262;letter-spacing:.05em}@media screen and (min-width: 1025px){.sub_title{margin-bottom:60px;font-size:1.5em}}