﻿@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Oswald&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Genos:ital,wght@0,100..900;1,100..900&family=Noto+Serif+JP:wght@200..900&family=Outfit:wght@100..900&family=Yuji+Boku&family=Zen+Old+Mincho&display=swap";.js-parallax{transition:.8s ease-in-out;transform:translateY(30px);opacity:0}.js-parallax.on{transform:translateY(0);opacity:1}.js-parallax.delay-1{transition:.8s ease-in-out;transform:translateY(30px);opacity:0;transition-delay:.3s}.js-parallax.delay-1.on{transform:translateY(0);opacity:1}.js-parallax.delay-2{transition:.8s ease-in-out;transform:translateY(30px);opacity:0;transition-delay:.6s}.js-parallax.delay-2.on{transform:translateY(0);opacity:1}.js-parallax.delay-3{transition:.8s ease-in-out;transform:translateY(30px);opacity:0;transition-delay:.9s}.js-parallax.delay-3.on{transform:translateY(0);opacity:1}.js-parallax.delay-4{transition:.8s ease-in-out;transform:translateY(30px);opacity:0;transition-delay:1.2s}.js-parallax.delay-4.on{transform:translateY(0);opacity:1}.js-parallax.delay-5{transition:.8s ease-in-out;transform:translateY(30px);opacity:0;transition-delay:1.5s}.js-parallax.delay-5.on{transform:translateY(0);opacity:1}.second-mv{background-image:url("/assets/img/works/second_mv.png")}@media only screen and (max-width: 768px){.second-mv{background-image:url("/assets/img/works/second_mv_sp.png")}}.works-list{padding-block:104px}@media only screen and (max-width: 768px){.works-list{padding-block:20.5128205128vw}}.works-list__inner{width:1200px;margin-inline:auto}@media only screen and (max-width: 768px){.works-list__inner{width:91.7948717949vw}}.works-list__title{margin-bottom:56px}@media only screen and (max-width: 768px){.works-list__title{margin-bottom:12vw}}.works-list__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:40px;list-style:none;padding:0;margin:0}@media only screen and (max-width: 768px){.works-list__grid{grid-template-columns:1fr;gap:8.5333333333vw}}.works-list__item{list-style:none}.works-list__card{display:block;width:100%;text-align:left;border:none;padding:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.works-list__card:hover{transform:translateY(-4px);box-shadow:0 14px 28px -12px rgba(20,30,60,.25)}.works-list__card:focus-visible{outline:3px solid #2a439a}.works-list__card__thumb{display:block;width:100%;aspect-ratio:384/280;overflow:hidden;border-radius:16px 16px 0 0}.works-list__card__thumb img{width:100%;height:100%;object-fit:cover}.works-list__card__body{display:block;background:#f8f8f8;border-radius:0 0 16px 16px;padding:24px 26px 28px;min-height:200px}@media only screen and (max-width: 768px){.works-list__card__body{padding:5vw 5.5vw}}.works-list__card__loc{display:block;color:#2a439a;font-weight:600;font-size:16px;margin-bottom:14px}@media only screen and (max-width: 768px){.works-list__card__loc{font-size:4vw;margin-bottom:3.5vw}}.works-list__card__list{margin:0;padding:0;list-style:none}.works-list__card__list li{font-size:14px;line-height:1.9}.works-list__card__list li::before{content:"・"}@media only screen and (max-width: 768px){.works-list__card__list li{font-size:3.5vw}}.works-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:30px}@media only screen and (max-width: 768px){.works-modal{padding:5vw}}.works-modal[hidden]{display:none}.works-modal__overlay{position:absolute;inset:0;background:rgba(20,25,35,.6)}.works-modal__panel{position:relative;z-index:1;width:100%;max-width:900px;max-height:88vh;overflow-y:auto;background:#fff;padding:44px}@media only screen and (max-width: 768px){.works-modal__panel{padding:8vw 6vw}}.works-modal__close{position:absolute;top:18px;right:18px;width:38px;height:38px;border:none;background:rgba(0,0,0,0);cursor:pointer}.works-modal__close span{position:absolute;top:50%;left:50%;width:20px;height:2px;background:#2a439a}.works-modal__close span:nth-child(1){transform:translate(-50%, -50%) rotate(45deg)}.works-modal__close span:nth-child(2){transform:translate(-50%, -50%) rotate(-45deg)}.works-modal__thumb{width:100%;aspect-ratio:1024/600;overflow:hidden;margin-bottom:26px}.works-modal__thumb img{width:100%;height:100%;object-fit:cover}.works-modal__thumb-caption{margin:-14px 0 26px;font-size:20px;font-weight:500;color:#2a439a}@media only screen and (max-width: 768px){.works-modal__thumb-caption{font-size:3.2vw;margin-top:-3vw}}.works-modal__sub-thumb-caption{display:block;margin-top:6px;font-size:12px;color:rgba(0,0,0,.6)}@media only screen and (max-width: 768px){.works-modal__sub-thumb-caption{font-size:3vw;margin-top:1.2vw}}.works-modal__loc{color:#2a439a;font-family:"EB Garamond",serif;font-size:22px;font-weight:600;margin-bottom:16px}@media only screen and (max-width: 768px){.works-modal__loc{font-size:5vw}}.works-modal__list{margin:0 0 30px;padding:0;list-style:none}.works-modal__list li{font-size:15px;line-height:2}.works-modal__list li::before{content:"・"}@media only screen and (max-width: 768px){.works-modal__list li{font-size:3.8vw}}.works-modal__sub-thumb-list{display:flex;flex-wrap:wrap;gap:16px;list-style:none;margin:0;padding:0}@media only screen and (max-width: 768px){.works-modal__sub-thumb-list{gap:3vw}}.works-modal__sub-thumb-item{width:220px}@media only screen and (max-width: 768px){.works-modal__sub-thumb-item{width:calc((100% - 3vw)/2)}}.works-modal__sub-thumb{display:block;width:100%;aspect-ratio:220/160;overflow:hidden;border:2px solid rgba(0,0,0,0);padding:0;background:none;cursor:pointer;transition:border-color .2s ease,opacity .2s ease}.works-modal__sub-thumb:hover{opacity:.85}.works-modal__sub-thumb:focus-visible{outline:3px solid #2a439a;outline-offset:2px}.works-modal__sub-thumb.is-active{border-color:#2a439a}.works-modal__sub-thumb img{display:block;width:100%;height:100%;object-fit:cover}/*# sourceMappingURL=works.css.map */
