html{font-size:62.5%}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}:root{--color-yellow:#fff100;--color-lightYellow:#fffbba;--color-brawn:#461b00;--color-blue:#009fe8;--font-paytone:'Paytone One',sans-serif;--font-500:500;--font-600:600;--font-700:700}body{font-size:clamp(1.4rem,3vw,1.7rem);font-family:'Zen Kaku Gothic Antique',YuGothic,'游ゴシック体','Yu Gothic','游ゴシック',Meiryo,sans-serif;font-weight:600;line-height:2;letter-spacing:.05em;color:var(--color-brawn);position:relative;background:var(--color-yellow);background-attachment:fixed}small{font-size:1.08rem}li{list-style:none}a{text-decoration:none;transition:all .5s;color:var(--color-brawn)}img{width:100%;height:auto;vertical-align:bottom}table{clear:both;border-collapse:collapse;width:100%}.contents{padding:0 4vw 0 10vw}.section-wrapper{padding-top:92px}.contents-title{font-size:clamp(3.24rem, 2.83vw, 4rem);font-weight:var(--font-700);line-height:1.4;padding-bottom:16px}.contents-title span{font-size:min(1.4rem,4.4vw);font-family:var(--font-paytone);position:relative;text-transform:uppercase;display:block;padding-left:12px;padding-bottom:8px}.contents-title span:before{position:absolute;content:"";background:var(--color-blue);border-radius:50%;width:8px;height:8px;left:0;top:6px}.linkBox{position:relative;border-radius:4rem;background:var(--color-yellow);font-family:var(--font-paytone);display:block;padding:6px 12px;text-transform:uppercase;min-width:180px;max-width:210px;width:60%}.linkBox:before{content:"";position:absolute;top:50%;right:.85em;width:.6em;height:1px;background:var(--color-brawn);transform:rotate(45deg);transform-origin:top right;transition:ease .6s}.linkBox:hover:before{right:.5em}.linkBox:after{content:"";position:absolute;right:.85em;top:50%;background:var(--color-brawn);width:2em;height:1px;transform-origin:top right;transition:ease .6s}.linkBox:hover:after{right:.5em}.linkBox:hover{background:#fff541}.fade-in{opacity:0;transition-duration:1s;transition-property:opacity,transform}.fade-in-up{transform:translate(0,14px)}.scroll-in{opacity:1;transform:translate(0,0)}.breadcrumbs{text-align:right;font-size:1.2rem;margin:auto;padding:16px 0 0}.breadcrumbs span{padding:0 2px}.breadcrumbs a{color:var(--color-white);text-decoration:underline}.googleMap{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.googleMap iframe,.googleMap object,.googleMap embed{position:absolute;top:0;left:0;width:100%;height:100%}.youtube{position:relative;width:100%;padding-top:62.25%}.youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%}.notFound{justify-content:center;text-align:center;padding:22vh 0}.notFont-wrapper{padding:0 4vw 0}.notFont-wrapper h2{font-size:min(5.24rem, 14vw);font-weight:500;padding-bottom:16px;font-family:var(--font-paytone);line-height:1.2}.notFont-wrapper p{font-size:min(1.83rem, 4vw);padding-bottom:40px}.notFont-wrapper a{margin:0 auto}.thumbnail{position:relative;overflow:hidden;padding-top:110.25%;border-radius:10px}.thumbnail img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.1);width:100%;height:100%;object-fit:cover;object-position:center;transition:all .5s ease}main.mainWrapper{background:var(--color-lightYellow);border-left:solid 2px var(--color-brawn);border-right:solid 2px var(--color-brawn);width:100%;position:relative}small.copyRight{font-family:var(--font-paytone);position:fixed;writing-mode:tb;bottom:2vh;left:2vw;animation-duration:1s;animation-delay:2.2s;animation-name:fadeAnime;animation-fill-mode:forwards;opacity:0;z-index:1}.deskTop-contents{display:none}header{width:94%;margin:auto;position:relative}.header-wrapper{position:fixed;top:12px;left:2vw;width:17vw;z-index:100;animation-duration:1s;animation-delay:2s;animation-name:fadeAnime;animation-fill-mode:forwards;opacity:0}@keyframes fadeAnime{0%{opacity:0}100%{opacity:1}}.openBtn{cursor:pointer;width:56px;height:56px;border-radius:5px;position:fixed;top:20px;right:20px;z-index:200;border-radius:50%;transition:ease .5s;background:var(--color-yellow);border:solid 2px var(--color-brawn);border-radius:50%;display:block}.openBtn span{transition:all .5s;position:absolute;height:2px;border-radius:2px;background:var(--color-brawn);width:67%;left:50%;bottom:18px;transform:translateX(-50%)}.openBtn span:nth-of-type(1){top:14px}.openBtn span:nth-of-type(2){top:22px}.openBtn small{font-family:var(--font-paytone);text-transform:uppercase;position:absolute;left:50%;bottom:18px;transform:translate(-50%,10px)}.openBtn.active span:nth-of-type(1){-webkit-transform:translateY(2px) translateX(-14px) rotate(-45deg);transform:translateY(2px) translateX(-14px) rotate(-45deg);width:56%}.openBtn.active span:nth-of-type(2){-webkit-transform:translateY(-5px) translateX(-14px) rotate(45deg);transform:translateY(-5px) translateX(-14px) rotate(45deg);width:56%}#js-g-nav{transition:all .6s;opacity:0;visibility:hidden}#js-g-nav.panelactive{opacity:1;visibility:inherit;overflow:auto}.g-nav{text-align:center;display:flex;flex-direction:column;text-align:left;position:fixed;z-index:100;justify-content:center;align-items:start;top:0;width:100%;height:100%;padding:12vw 8vw 6vw;visibility:hidden;background:var(--color-yellow)}.g-nav a{font-family:var(--font-paytone);text-transform:uppercase;font-size:6.4vw}.g-nav h1{min-width:240px;width:60vw;margin-bottom:28px}.g-nav li{transition:.5s;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}#js-g-nav.panelactive li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.g-nav li:nth-of-type(1){transition-delay:.45s}.g-nav li:nth-of-type(2){transition-delay:.5s}.g-nav li:nth-of-type(3){transition-delay:.55s}.g-nav li:nth-of-type(4){transition-delay:.6s}.g-nav li:nth-of-type(5){transition-delay:.65s}.g-nav li:nth-of-type(6){transition-delay:.7s}.g-nav ul{display:flex;flex-direction:column;gap:12px}.g-nav ul.g-nav_mainMenu{padding-bottom:32px}p.g-nav_copy{font-family:var(--font-paytone);text-transform:uppercase}.KV{height:100svh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.KV-main{text-align:center;padding-bottom:12px;max-width:320px;width:64vw;animation-duration:.8s;animation-delay:.8s;animation-name:KVanime;animation-fill-mode:forwards;opacity:0}@keyframes KVanime{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}.KV-main p{font-weight:var(--font-700);padding-bottom:8px}p.scroll-line{position:absolute;left:50%;bottom:10%;transform:translate(-50%,-10%);text-transform:uppercase;font-family:var(--font-paytone);animation-duration:1s;animation-delay:2.2s;animation-name:fadeAnime;animation-fill-mode:forwards;opacity:0}p.scroll-line span{color:var(--color-brawn);font-size:min(4vw,1.6rem);letter-spacing:.05em}p.scroll-line:after{content:'';display:inline-block;position:absolute;background-color:var(--color-brawn);right:50%;bottom:-56px;transform:translateX(-50%);width:1px;height:50px;animation:scroll-line 2s infinite}@keyframes scroll-line{0%{transform:scale(1,0);transform-origin:0 0}50%{transform:scale(1,1);transform-origin:0 0}50.1%{transform:scale(1,1);transform-origin:0 100%}100%{transform:scale(1,0);transform-origin:0 100%}}.topicsList{padding:40px 0 32px;display:flex;justify-content:space-between;gap:10px .5rem}.topicsList li{width:49%}.topicsList li a{position:relative;display:block}.works-swiper{overflow:hidden}.works-swiper .swiper{overflow:visible;padding-left:10vw;padding-right:4vw}.works-swiper .swiper-slide{width:26rem}.works-list{padding-bottom:56px}.works-area{overflow:hidden}.works-area .contents-title{padding-left:8vw}.works-area a.linkBox{margin:0 4vw 0 auto}.works-list .topicsList-title{padding-top:12px}.works-list .topicsList-title h3{font-size:clamp(1.6rem,3.2vw,2.24rem);line-height:1.4;letter-spacing:.01em}.works-list a:hover .thumbnail img{transform:translate(-50%,-50%) scale(1)}.concept-textArea h3{padding-bottom:32px}.concept-textArea h3 span{background:linear-gradient(transparent 60%,#fefefe 60%)}.concept-textArea p{padding-bottom:16px;line-height:2.14;letter-spacing:.08em}.concept-textArea p:last-of-type{padding-bottom:0}.concept-area h3{font-size:clamp(3.24rem,5.95vw,4.4rem);font-weight:var(--font-700)}.company-area .contents-title{padding-left:8vw}.company-wrapper{background:#fefefe;border-radius:1.6rem 0 0 1.6rem;padding:4rem 3rem;margin-left:10vw}.company-wrapper table tr{border-bottom:solid 2px var(--color-yellow);display:flex;line-height:1.4}.company-wrapper table th{padding:16px 0;width:calc(100% - 78%);text-align:left}.company-wrapper table td{padding:16px 0 16px 8px;width:calc(100% - 23%)}.contact-area{background:var(--color-yellow);border-radius:4rem 4rem 0 0;padding:5rem 0;margin-top:92px}.contact-area .contents{display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-area p{text-align:center}.contact-detail{position:relative;background:#fefefe;border-radius:1.4rem;padding:12px;text-align:center;margin-top:42px;width:100%}.contact-detail h4{font-size:clamp(1.83rem,2vw,2.24rem);text-transform:uppercase;font-family:var(--font-paytone);margin-top:-36px;padding-bottom:6px}.contact-detail a{font-size:clamp(1.83rem,4vw,2.24rem);font-family:var(--font-paytone);line-height:1.3}.contact-detail a:hover{opacity:.6}footer{padding:72px 0 32px;text-align:center}footer a:hover{opacity:.6}.footer-wrapper img{width:25vw;max-width:116px;padding-top:16px}.footer-wrapper p span{position:relative;font-size:clamp(1.24rem,3vw,1.4rem);padding:0 6px}.footer-wrapper p span:before,.footer-wrapper p span:after{position:absolute;content:"";background:var(--color-brawn);width:2px;height:26px}.footer-wrapper p span:before{left:-12px;bottom:0;transform:rotate(-32deg)}.footer-wrapper p span:after{right:-6px;bottom:0;transform:rotate(32deg)}nav.globalMenuSp{display:none}@media screen and (min-width:768px){main.mainWrapper{border-left:solid 4px var(--color-brawn);border-right:solid 4px var(--color-brawn);width:500px;max-width:calc(100% - 4px);overflow:hidden;margin-left:50vw}.contents{padding:0 26px 0 48px}small.copyRight{left:50.8vw}.openBtn{display:none}.deskTop-contents{position:fixed;display:block;text-align:right;left:6vw;bottom:4vw;width:calc(100% - 58vw)}.deskTop-contents h3{font-weight:900;font-size:min(3.24rem,3.6vw);animation-duration:1s;animation-delay:1.35s;animation-name:leftFade;animation-fill-mode:forwards;opacity:0}.deskTop-contents ul{display:flex;flex-direction:column;gap:6px;font-size:max(2.24rem,1.4vw);text-transform:uppercase;letter-spacing:.16em;margin-top:32px}.deskTop-contents a{font-family:var(--font-paytone);transition:ease .5s}.deskTop-contents a:hover{left:-10px;position:relative;opacity:.8}.deskTop-menu li{animation-duration:1s;animation-name:leftFade;animation-fill-mode:forwards;opacity:0;transition:ease .35s}@keyframes leftFade{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}.deskTop-menu li:nth-of-type(1){animation-delay:1.5s}.deskTop-menu li:nth-of-type(2){animation-delay:1.55s}.deskTop-menu li:nth-of-type(3){animation-delay:1.6s}.deskTop-menu li:nth-of-type(4){animation-delay:1.65s}.deskTop-menu li:nth-of-type(5){animation-delay:1.7s}.header-wrapper{position:fixed;top:12px;left:50vw;width:78px}.works-swiper .swiper-slide{width:32rem}.works-swiper .swiper{padding-left:48px;padding-right:24px}.works-area a.linkBox{margin:0 20px 0 auto}.works-area .contents-title{padding-left:48px}.company-area .contents-title{padding-left:48px}.company-wrapper{margin-left:48px}footer{padding:48px 0 32px}.footerMenu{flex-wrap:wrap;gap:16px}.footer-information{padding-bottom:8vw}}