@charset "UTF-8";:root{--blue:#1a8bd6;--green:#25ad1f;--red:#e8373d;--gray:gray;--light-gray:#fafaf9;--topread-font:clamp(5rem,2.091rem + 9.091vw,13rem);--topback-font:clamp(12rem,9.091rem + 9.091vw,20rem);--title-font:clamp(4rem,2.691rem + 4.091vw,7.6rem);--lowertitle-font:clamp(3rem,1.909rem + 3.409vw,6rem);--main-font:clamp(1.4rem,1.327rem + .227vw,1.6rem);--large-font:clamp(2.6rem,2.382rem + .682vw,3.2rem);--xmidium-font:clamp(2rem,1.782rem + .682vw,2.6rem);--midium-font:clamp(1.4rem,1.182rem + .682vw,2rem);--middle-font:clamp(1.6rem,1.4rem + .4vw,1.8rem);--basic-font:clamp(1.2rem,1.127rem + .227vw,1.4rem);--small-font:clamp(1rem,.927rem + .227vw,1.2rem)}html{font-size:62.5%;width:100%;scroll-behavior:auto;background-color:#fff}body{color:#000;font-family:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-weight:400;font-size:var(--main-font);letter-spacing:.1rem;line-height:1.8;text-align:center;font-feature-settings:"palt"}*{box-sizing:border-box}img{max-width:100%;height:auto}.inner{margin:0 auto;max-width:1200px;width:90%}main,header,nav{overflow:clip;position:relative}a{text-decoration:none;color:#333}ul,ol{list-style-type:none;padding:0}address{font-style:normal;display:flex;flex-wrap:wrap}iframe{width:100%;aspect-ratio:16/9}picture{width:100%}.uppercase{text-transform:uppercase}.top-title{font-family:"Lato",sans-serif;text-transform:uppercase;text-align:left;font-weight:400;line-height:1.2;font-size:var(--title-font);mix-blend-mode:difference;color:#fff}.top-sub-title{text-align:left;font-size:var(--basic-font);color:var(--gray);margin-top:4px}.title-center{text-align:center;color:#fff}.sub-title-center{text-align:center}.page-title{font-size:var(--lowertitle-font);text-transform:none}.btn-container{text-align:right}.btn-wrap{display:inline-block}.btn{display:flex;align-items:center;gap:30px}.btn-arrow{background:#000;border:1px solid #000;width:50px;padding:10px;border-radius:50vw;color:#fff;display:inline-block;font-weight:700;text-align:center;cursor:pointer;transition:.3s cubic-bezier(.5,1,.89,1);position:relative}.btn:hover .btn-arrow{background:#fff;color:#000;transform:scale(1.3)}.mirror-btn-container{text-align:left;mix-blend-mode:difference;margin-top:10px;padding-bottom:30px}.mirror-btn{color:#fff}.mirror-btn-arrow{background:#fff;border:1px solid #fff;color:#000}.mirror-btn:hover .mirror-btn-arrow{background:#000;color:#fff}.works-btn-container{text-align:right}.contact-btn{display:inline-block;padding:.4em 3.5em .4em 2em;font-size:var(--basic-font);color:#333;background:#fff;border:2px solid #000;border-radius:3em;position:fixed;z-index:1;bottom:20px;right:20px;transition:all ease .3s}.contact-btn:before{display:block;position:absolute;right:1em;top:50%;transform:translateY(-50%);width:1.6em;height:1.6em;background:#000;border-radius:50%;content:""}.contact-btn:after{display:block;position:absolute;top:50%;right:1.8em;transform:translateY(-50%) rotate(45deg);width:.4em;height:.4em;border-top:2px solid #fff;border-right:2px solid #fff;content:"";animation:move-arrow 1.8s linear infinite}.contact-btn:hover{color:#fff;background:#000}@keyframes move-arrow{0%{right:3em;opacity:0}30%{opacity:1}60%{opacity:1}100%{right:1em;opacity:0}}.breadcrumbs{text-align:left;font-size:var(--small-font);text-transform:uppercase;font-weight:400;padding-top:30px;padding-left:10px}.current-item{font-weight:lighter}@media screen and (max-width:960px){.breadcrumbs{padding-top:14px;padding-left:0}}.br-sp{display:none}@media screen and (max-width:960px){.br-sp{display:block}}#header{background-color:transparent;mix-blend-mode:difference;position:fixed;top:0;display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;padding:18px 5% 0;z-index:5}.header-title{display:flex;align-items:center;color:#fff}.header-bg{height:60px}.header-nav-list{display:flex;text-transform:uppercase;column-gap:30px;margin-right:80px}.header-nav-list a{color:#fff;z-index:0}@media screen and (max-width:960px){#header{height:60px}.header-bg{height:60px}.header-logo{width:80px}.header-nav-list{display:none}}#nav-toggle{position:fixed;top:25px;right:5%;height:32px;cursor:pointer}#nav-toggle>div{position:relative;width:36px}#nav-toggle span{width:100%;height:2px;left:0;display:block;background:#fff;position:absolute;transition:transform .3s ease-in-out,top .2s ease}#nav-toggle span:nth-child(1){top:0}#nav-toggle span:nth-child(2){top:12px}#nav-toggle span:nth-child(3){top:24px}#nav-toggle:hover span:nth-child(1){top:4px}#nav-toggle:hover span:nth-child(3){top:20px}@media screen and (max-width:960px){#nav-toggle{top:22px;height:32px}#nav-toggle>div{width:34px}}.open #nav-toggle span{background:#fff}.open #nav-toggle span:nth-child(1){top:15px;transform:rotate(45deg)}.open #nav-toggle span:nth-child(2){top:15px;width:0;left:50%}.open #nav-toggle span:nth-child(3){top:15px;transform:rotate(-45deg)}#gloval-nav{background:#000;color:#fff;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;text-align:center;display:flex;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;font-size:var(--xmidium-font);opacity:0;transition:opacity .3s ease,visibility .3s ease}#gloval-nav a{display:block;color:#fff;text-decoration:none;padding:10px 0;transition:color .3s ease}#gloval-nav a:hover{color:#666}#gloval-nav ul{list-style:none}.open .header-nav-list{display:none !important}#gloval-nav ul li{opacity:0;text-transform:uppercase;transform:translateX(200px);transition:transform .3s ease,opacity .1s ease}#gloval-nav ul li:nth-child(2){transition-delay:.15s}#gloval-nav ul li:nth-child(3){transition-delay:.3s}#gloval-nav ul li:nth-child(4){transition-delay:.45s}#gloval-nav ul li:nth-child(5){transition-delay:.6s}#gloval-nav ul li:nth-child(6){transition-delay:.75s}#gloval-nav ul li:nth-child(7){transition-delay:.9s}.open{overflow:hidden}.open #gloval-nav{visibility:visible;opacity:1}.open #gloval-nav li{opacity:1;transform:translateX(0);transition:transform 1s ease,opacity .9s ease}#top-contact{padding-top:100px;padding-bottom:120px;background:#000;color:#fff}.top-contact-text{margin-top:10px;font-size:var(--basic-font)}.top-contact-list{padding-top:40px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:20px;align-items:center}.tel{font-size:var(--large-font);line-height:normal}.tel-item{border-right:1px solid #fff;padding:10px 0}.tel-item a{color:#fff}.tel-item img{margin-right:8px;width:30px;margin-bottom:-3px}.tel-detail{display:block;font-size:var(--small-font);font-weight:lighter;letter-spacing:2px}.form-item{overflow:hidden;position:relative;z-index:1;transition-duration:.4s;background:#000;border:1px solid #fff;margin:0 20%}.form-item a{color:#fff;transition-duration:.4s;display:inline-block;padding:14px 20px;width:100%}.form-item a:after{background:#fafaf9;border-radius:50%;content:"";display:block;margin:auto;opacity:0;pointer-events:none;position:absolute;top:50%;left:0;right:0;width:100%;padding-top:100%;height:0;z-index:-1;transform:translateY(-50%) scale(.1);transition:opacity .5s,transform 0s;transition-delay:0s,.4s}.form-item a:hover{color:#000}.form-item a:hover:after{opacity:1;transform:translateY(-50%) scale(1.1);transition-delay:0s;transition:opacity .8s,transform .6s ease-in-out}@media screen and (max-width:960px){.top-contact-list{display:flex;flex-direction:column-reverse}.tel-item{border-right:none}.form-item{margin:0}}#footer{padding:70px 5% 40px;background:var(--light-gray)}.footer-main-content{display:flex;justify-content:space-between;padding-bottom:20px}.address-content{text-align:left}.address-content address{font-size:var(--basic-font);margin-bottom:6px}.map{font-size:1rem;background:#000;color:#fff;padding:5px 10px;border-radius:50vw}.footer-menu-content{text-align:right}.footer-menu-list{display:flex;text-transform:uppercase;column-gap:40px;row-gap:10px}.policy-item{display:block;margin:4px 0 10px;font-size:var(--basic-font)}.policy-link{font-size:var(--small-font)}.sns-list{display:flex;column-gap:10px;margin-top:30px;align-items:center;justify-content:flex-end}.footer-under{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #000}.footer-logo-list{display:flex;align-items:center;column-gap:30px}small{font-size:1rem}@media screen and (max-width:960px){#footer{padding:40px 5% 40px}.footer-main-content{flex-direction:column}.address-content address{margin-top:4px;margin-bottom:10px}.footer-menu-list{flex-wrap:wrap;padding:20px 0}.policy-item{margin:10px 0 10px}.footer-under{flex-direction:column}.sns-list{margin-top:5px}}