@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Noto+Serif+JP:wght@200..900&display=swap);*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}html{font-size:49.6%}body{background-color:#fff}.sp-only{display:none!important}#header-right{z-index:99;top:0;right:0;width:50px;height:100vh;position:fixed;overflow:hidden}#header-right .wrapper{position:relative}#header-right-overlay{z-index:101;top:0;right:0;width:50px;height:100vh;position:fixed;overflow:hidden;opacity:0}#header-right-bg{z-index:99}#header-right .bg-on{position:absolute;top:0;left:0;width:100%;z-index:100;opacity:0;transition:opacity .36s ease}#header-right .bg-on.on{opacity:1}#header-right-text{z-index:99;top:0;right:0;width:50px;height:100vh;position:fixed;overflow:hidden}#header-right-text .tel{position:absolute;top:calc(20px + (100vh / 3 / 2));left:15px;width:200px;height:200px;transform:translate(0,-50%);display:flex;flex-direction:column;gap:20px 20px}#header-right-text .tel .tel-icon{width:20px}#header-right-text .tel .tel-icon img{width:100%}#header-right-text .tel p{color:#fff;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:2.4rem;letter-spacing:.6rem;transform:rotate(.25turn);margin-left:-182px;margin-top:170px}#header-right-text .mail{position:absolute;top:calc(((100vh / 3)) + ((100vh / 3)/ 2));left:15px;width:200px;height:calc(100vh / 3);transform:translate(0,-25%);display:flex;flex-direction:column;gap:20px 20px}#header-right-text .mail .mail-icon{width:20px}#header-right-text .mail .mail-icon img{width:100%}#header-right-text .mail p{color:#fff;font-family:"Noto Sans JP",sans-serif;font-weight:600;font-size:1.7rem;letter-spacing:.4rem;writing-mode:vertical-rl;text-orientation:upright;margin-left:0;margin-top:10px}#header-right-text .instagram{position:absolute;top:calc(((100vh / 3) * 2) + ((100vh / 3)/ 2));left:15px;width:200px;height:calc(100vh / 3);transform:translate(0,-25%);display:flex;flex-direction:column;gap:20px 20px}#header-right-text .instagram .instagram-icon{width:20px}#header-right-text .instagram .instagram-icon img{width:100%}#header-right-text .instagram p{color:#fff;font-family:"Bebas Neue",sans-serif;font-weight:500;font-size:2rem;letter-spacing:-.4rem;writing-mode:vertical-rl;text-orientation:upright;margin-left:0;margin-top:10px}@media screen and (max-height:850px){#header-right-text .mail{transform:translate(0,-31%)}#header-right-text .instagram{transform:translate(0,-31%)}}#header-top{z-index:96;top:0;left:0;width:100%;height:50px;position:fixed}#header-top .menu{width:1040px;margin-left:auto;margin-top:-35px}#header-top .menu ul{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:35px 35px}#header-top .menu ul li{display:inline-block;position:relative}#header-top .menu ul li a{position:relative;display:inline-block;color:#000;font-family:'游ゴシック体','Yu Gothic',YuGothic,sans-serif;line-height:2.8rem;font-weight:600;font-size:1.9rem;letter-spacing:.3rem}.eachTextAnime span{opacity:0}.eachTextAnime.appeartext span{animation:text_anime_on 1s ease-out forwards}@keyframes text_anime_on{0%{opacity:0}100%{opacity:1}}.arrow-down-on-menu{display:flex;position:absolute;width:30px;left:50%;bottom:-35px;transform:translate(-50%,50%);flex-direction:column;align-items:flex-start;opacity:0;transition:opacity .5s ease-out}.arrow-down-on-menu img:last-child{opacity:0}.animation-loop-right .arrow-img:last-child{opacity:0}.animation-loop-right:hover .arrow-img:first-child{animation:loop_right 1.8s -.9s linear infinite}.animation-loop-right:hover .arrow-img:last-child{animation:loop_right2 1.8s linear infinite}@keyframes loop_right{0%{transform:translateX(-100%)}to{transform:translateX(100%)}0%,25%{opacity:0}50%,70%{opacity:1}100%,75%{opacity:0}}@keyframes loop_right2{0%{transform:translateX(-200%)}100%{transform:translateX(0)}0%,25%{opacity:0}50%,70%{opacity:1}100%,75%{opacity:0}}.animation-loop-down .arrow-img:last-child{opacity:0}.animation-loop-down .arrow-img:first-child{animation:loop_down 2.4s -1.2s linear infinite}.animation-loop-down .arrow-img:last-child{animation:loop_down2 2.4s linear infinite}.animation-loop-down-hover:hover .arrow-down-on-menu{opacity:1}.animation-loop-down-hover:hover .arrow-img:first-child{animation:loop_down 2.4s -1.2s linear infinite}.animation-loop-down-hover:hover .arrow-img:last-child{animation:loop_down2 2.4s linear infinite}@keyframes loop_down{0%{transform:translate3D(0,-50%,0)}to{transform:translate3D(0,100%,0)}0%,25%{opacity:0}50%,70%{opacity:1}100%,75%{opacity:0}}@keyframes loop_down2{0%{transform:translate3D(0,-150%,0)}100%{transform:translate3D(0,0,0)}0%,25%{opacity:0}50%,70%{opacity:1}100%,75%{opacity:0}}#header-top .wrap{position:relative}#header-logo{position:fixed;top:0;left:0;width:284px;z-index:99}#header-logo img{width:100%}#header-top .line{display:flex;z-index:97}#header-top .line::before{margin-left:-28px;content:"";width:100%;height:50px;background-color:rgba(159,160,160,.85);border-left:2px solid rgba(159,160,160,.85);transform:skew(135deg)}#header-top .line2{position:absolute;top:0;right:25px;width:30px;height:50px;z-index:98}#header-top .line2::after{content:"";top:0;left:0;position:absolute;width:100%;height:50px;background:rgba(114,113,113,.85);transform:skewX(135deg)}#header-top .line3{position:absolute;top:0;right:calc(25px + 30px + 30px);width:30px;height:50px;z-index:98}#header-top .line3::after{content:"";top:0;left:0;position:absolute;width:100%;height:50px;background:rgba(114,113,113,.85);transform:skewX(135deg)}#splash{position:fixed;width:100%;height:100%;z-index:1000;background:#fff;text-align:center;color:#fff}#splash_logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#splash_logo img{width:calc(70px * 2)}#splash_logo-1{position:absolute;top:calc(50% - 50px);left:50%;transform:translate(-50%,-50%);width:160px}#splash_logo-1 img{width:100%}@keyframes splash-rotate-frames{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#splash_cover{top:calc(50% - 50px);left:50%;transform:translate(-100%,-50%);position:absolute;content:"";background-color:#fff;opacity:.55;width:165px;height:160px;animation:4s linear infinite splash-cover-frames}@keyframes splash-cover-frames{0%{transform:translate(-50%,-50%)}70%{transform:translate(-50%,50%)}100%{transform:translate(-50%,50%)}}.splash-fade-up{animation-name:splash-fade-up-frames;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes splash-fade-up-frames{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.global-menu-trigger-wrap{display:none!important}.global-menu{display:none!important}.inview,.inview-delay{opacity:0}.animation-slide-left::after{animation-delay:.3s;animation-duration:1.1s;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both;animation-name:slide-left-frames}@keyframes slide-left-frames{from{transform:translate(0,0)}to{transform:translate(100%,0)}}.animation-fade-in-left{animation-delay:.3s;animation-duration:1.2s;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both;animation-name:fade-in-left-frames}@keyframes fade-in-left-frames{from{opacity:0;transform:translate(-30px,0)}to{opacity:1;transform:translate(0,0)}}.animation-fade-in-right{animation-delay:.3s;animation-duration:1.2s;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both;animation-name:fade-in-right-frames}@keyframes fade-in-right-frames{from{opacity:0;transform:translate(30px,0)}to{opacity:1;transform:translate(0,0)}}.animation-fade-out-bottom{animation-delay:0s;animation-duration:.6s;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both;animation-name:fade-out-bottom-frames}@keyframes fade-out-bottom-frames{from{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(0,5px)}}.animation-fade-in-up{animation-delay:0s;animation-duration:.6s;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both;animation-name:fade-in-up-frames}@keyframes fade-in-up-frames{from{opacity:0;transform:translate(0,-5px)}to{opacity:1;transform:translate(0,0)}}.animation-fade-rotate-up{animation-delay:.3s;animation-duration:.9s;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both;animation-name:fade-rotate-up-frames}@keyframes fade-rotate-up-frames{from{opacity:0;transform:translate(0,-25px) rotate(0)}to{opacity:1;transform:translate(0,0) rotate(45deg)}}.animation-rotate{animation-duration:.7s;animation-timing-function:cubic-bezier(.17,.94,.32,1.29);animation-iteration-count:1;animation-fill-mode:both;animation-name:rotate-frames}@keyframes rotate-frames{from{opacity:0;transform:translate(-2%,50%) rotate(-25deg)}to{opacity:1;transform:translate(0,0) rotate(0)}}.transparent{opacity:1}.transparent:hover{opacity:.75}.scale-on-hover{transition:.3s}.scale-on-hover:hover{transform:scale(1.08,1.08)}.heading-with-sub{display:flex;position:relative}.heading-with-sub h2{position:relative;color:#3e3a39;font-family:"Merriweather Sans",sans-serif;font-weight:700;font-style:normal;line-height:4rem;font-size:3.9rem;letter-spacing:.4rem}.heading-with-sub .sub-heading{position:relative;margin-left:auto;margin-top:-1px;color:#fff;font-family:'游ゴシック体','Yu Gothic',YuGothic,sans-serif;font-weight:500;font-style:normal;line-height:4rem;font-size:1.4rem;letter-spacing:.8rem;padding-right:20px}.heading-with-sub .back-line{position:absolute;top:4px;right:0;width:780px;height:20px}.heading-with-sub .back-line::after{content:"";top:0;left:0;position:absolute;width:100%;height:20px;background:#000;transform:skewX(45deg)}#footer{overflow:hidden}#footer .contact{position:relative;height:312px;background-image:url("/assets/img/png/toiawase_haikei.webp");background-size:cover;background-position:center}.no-webp #footer .contact{background-image:url("/assets/img/png/toiawase_haikei.png")}#footer .fukidashi{padding-top:60px;padding-bottom:40px;width:420px;margin:auto}#footer .fukidashi img{width:100%}#footer .contact-link{width:576px;margin:auto}#footer .contact-link .wrapper{transition:transform .4s ease;overflow:hidden;position:relative}#footer .contact-link .wrapper:has(div a:hover){transform:scale(1.08,1.08)}#footer .contact-link .wrapper .head{position:absolute;top:0;left:0;width:100%}#footer .contact-link .wrapper .tel{position:absolute;top:50px;left:0;width:50%;height:45px;z-index:2}#footer .contact-link .wrapper .tel.on{transition:opacity .4s ease;opacity:0}#footer .contact-link .wrapper .tel.on:has(~ .link-tel a:hover){opacity:1}#footer .contact-link .wrapper .mail.on{transition:opacity .4s ease;opacity:0}#footer .contact-link .wrapper .mail.on:has(~ .link-mail a:hover){opacity:1}#footer .contact-link .wrapper .mail{position:absolute;z-index:2;top:50px;left:50%;width:50%;height:45px}#footer .contact-link img{width:100%}#footer .link-tel{position:absolute;top:50px;left:0;width:50%;height:45px;z-index:2}#footer .link-tel svg{width:100%;height:45px}#footer .link-mail{position:absolute;top:50px;left:50%;width:50%;height:45px;z-index:2}#footer .link-mail svg{width:100%;height:45px}#footer .nav{position:relative;height:312px;background-color:#231f20}#footer .nav .logo{width:200px;margin:auto;padding-top:45px}#footer .nav .logo img{width:100%}#footer .nav .list{display:flex;justify-content:center;margin-top:50px}#footer .nav .list .address{color:#fff;font-family:'游ゴシック体','Yu Gothic',YuGothic,sans-serif;font-weight:500;line-height:3.6rem;font-size:1.5rem;letter-spacing:.3rem;margin-right:40px}#footer .nav .list .menu-container{display:flex}#footer .nav .list .menu-wrap{display:flex}#footer .nav .list .menu{list-style:none;display:flex;flex-direction:column;gap:30px 30px;margin-right:50px;padding-left:25px;height:90%;border-left:1px solid #fff}#footer .nav .list .menu a{color:#fff;font-family:'游ゴシック体','Yu Gothic',YuGothic,sans-serif;font-weight:500;line-height:3rem;font-size:1.8rem;letter-spacing:.3rem}#footer .copyright{margin-top:50px;display:flex;align-items:center;justify-content:center;padding-bottom:15px}#footer .copyright small{color:#fff;font-family:'游ゴシック体','Yu Gothic',YuGothic,sans-serif;font-weight:500;line-height:3rem;font-size:1.4rem;letter-spacing:.2rem}#footer .nav a{position:relative}#footer .nav a::after{position:absolute;bottom:-5px;left:0;content:"";width:100%;height:1px;background:#fff;transform:scale(0,1);transform-origin:left top;transition:transform .3s ease}#footer .nav a:hover::after{transform:scale(1,1)}