@charset "UTF-8";

.works-page{padding:0 0 3%;background:#f8f4ef;}
.works-page__inner{width:92%;max-width:1400px;margin:0 auto;}
.works-page__heading{margin:3% 0 5%;}
.works-page__heading h1{position:relative;margin:0;padding-left:3%;font-family:"Noto Serif JP",serif;font-size:31px;font-weight:500;letter-spacing:.18em;color:#26211e;}
.works-page__heading h1::before{content:"";position:absolute;top:50%;left:0;width:28px;height:1px;background:#766f69;transform:translateY(-50%);}
.works-page__list{display:grid;grid-template-columns:repeat(3,1fr);gap:2%;}
.works-page__card{min-width:0;}
.works-page__image-link{display:block;width:100%;overflow:hidden;}
.works-page__image-link img{display:block;width:100%;height:260px;object-fit:contain;transition:transform .4s ease;}
.works-page__image-link:hover img{transform:scale(1.03);}
.works-page__site-link{display:inline-block;margin:4% 0 5%;color:#9a918a;font-family:"Noto Serif JP",serif;font-size:11px;line-height:1.8;letter-spacing:.06em;text-decoration:underline;text-underline-offset:3px;}
.works-page__site-link:hover{color:#665d57;}
.works-page__category{display:inline-block;margin:0 0 3%;padding:1% 4%;border:1px solid #69635f;border-radius:5px;background:#eee;color:#302c29;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.12em;}
.works-page__client{margin:0 0 2%;font-family:"Noto Serif JP",serif;font-size:12px;font-weight:600;line-height:1.8;letter-spacing:.1em;color:#26211e;}
.works-page__work{margin:0;color:#3f3935;font-size:10px;line-height:1.8;letter-spacing:.1em;}
.works-page__work span{margin:0 1%;}
.works-page__site-link{display:block;margin:4% 0 5%;color:#9a918a;font-family:"Noto Serif JP",serif;font-size:11px;line-height:1.8;letter-spacing:.06em;text-decoration:underline;text-underline-offset:3px;}
.works-page__category{display:inline-block;margin:0 0 3%;padding:1% 4%;border:1px solid #69635f;border-radius:5px;background:#eee;color:#302c29;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.12em;}
.works-page__other{margin:7% 0 6%;padding-top:3%;border-top:1px solid #d8d2ca;text-align:center;}
.works-page__other-title{margin:0 0 2%;font-family:"Noto Serif JP",serif;font-size:16px;font-weight:600;letter-spacing:.14em;color:#302c29;}
.works-page__other-list{display:flex;justify-content:center;align-items:center;gap:5%;}
.works-page__other-link{display:flex;flex-direction:column;align-items:center;min-width:90px;color:#302c29;text-decoration:none;transition:.3s;}
.works-page__other-link img{width:22px;height:22px;object-fit:contain;margin:0 0 6%;}
.works-page__other-link span{display:block;padding:0 14px 3px;border-bottom:1px solid #8f8882;font-family:"Noto Sans JP",sans-serif;font-size:12px;font-weight:500;letter-spacing:.08em;}
.works-page__other-link:hover{opacity:.6;}
@media screen and (max-width:480px){
.works-page__inner{width:88%;padding-top: 5%;}
.works-page__heading{margin:8% 0 10%;}
.works-page__heading h1{padding-left:9%;font-size:24px;letter-spacing:.12em;}
.works-page__heading h1::before{width:22px;}
.works-page__list{grid-template-columns:1fr;gap:0;}
.works-page__card{margin:0 0 14%;}
.works-page__card:last-child{margin-bottom:0;}
.works-page__image-link{width:100%;}
.works-page__image-link img{width:100%;height:auto;object-fit:contain;}
.works-page__site-link{margin:5% 0 5%;font-size:11px;line-height:1.8;}
.works-page__category{margin:0 0 4%;padding:1.5% 5%;font-size:10px;}
.works-page__client{margin:0 0 3%;font-size:14px;line-height:1.8;}
.works-page__work{font-size:12px;line-height:1.8;}
.works-page__other{margin:14% 0 8%;padding-top:7%;}
.works-page__other-title{margin:0 0 6%;font-size:14px;}
.works-page__other-list{gap:8%;}
.works-page__other-link{min-width:70px;}
.works-page__other-link img{width:20px;height:20px;margin:0 0 8%;}
.works-page__other-link span{padding:0 8px 3px;font-size:11px;}
}
.sns-works{display:grid;grid-template-columns:repeat(2,1fr);gap:8% 6%;padding:2% 0 8%;}
.sns-works__card{min-width:0;}
.sns-works__head{display:flex;align-items:center;gap:3%;margin-bottom: 2%;}
.sns-works__category{display:inline-flex;align-items:center;justify-content:center;padding:1% 4%;border:1px solid #666;border-radius:999px;background:#f8f8f8;font-family:"Noto Sans JP",sans-serif;font-size:10px;font-weight:500;letter-spacing:.08em;color:#333;box-sizing:border-box;}
.sns-works__title{margin:0;font-family:"Noto Serif JP",serif;font-size:18px;font-weight:500;letter-spacing:.14em;color:#2f2925;}
.sns-works__figure--wide img{aspect-ratio:1.55/1;object-fit:contain;}
.sns-works__figure:not(.sns-works__figure--wide) img{aspect-ratio:1/1;object-fit:contain;}
.sns-works__images{display:grid;grid-template-columns:repeat(2,1fr);gap:4%;}
.sns-works__figure{display:flex;flex-direction:column;margin:0;}
.sns-works__figure-image{display:flex;align-items:center;justify-content:center;height:320px;}
.sns-works__figure-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:pointer;transition:.3s;}
.sns-works__figure-image img:hover{opacity:.8;}
.sns-works__figure figcaption{font-size:10px;line-height:1.7;text-align:center;}
.image-modal{position:fixed;top:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.88);}
.image-modal.is-open{display:flex;}
.image-modal__img{display:block;max-width:90%;max-height:90%;object-fit:contain;}
.image-modal__close{position:absolute;top:2%;right:3%;font-size:54px;font-weight:300;color:#fff;cursor:pointer;line-height:1;}
@media screen and (max-width:480px){
.sns-works{grid-template-columns:1fr;gap:3%;padding:5% 0 30%;}
.sns-works__head{display:block;text-align:center;}
.sns-works__category{margin:0 0 1%;}
.sns-works__title{font-size:18px;text-align:center;}
.sns-works__images{grid-template-columns:repeat(2,1fr);gap:4%;}
.sns-works__figure-image{height:220px;}
.sns-works__figure-image img{max-width:100%;max-height:100%;}
.sns-works__figure figcaption{font-size:10px;line-height:1.6;margin-top: -9%;}
.image-modal__img{max-width:95%;max-height:85%;}
.image-modal__close{top:3%;right:5%;font-size:42px;}
}

.flyer-works{display:grid;grid-template-columns:repeat(4,1fr);gap:5% 3%;padding:3% 0;}
.flyer-works__item{display:flex;flex-direction:column;align-items:flex-start;min-width:0;margin:0;}
.flyer-works__item--double{grid-column:span 2;}
.flyer-works__image{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;height:330px;}
.flyer-works__image img{display:block;width:100%;height:100%;object-fit:contain;object-position:left top;cursor:pointer;transition:transform .3s ease,opacity .3s ease;}
.flyer-works__image img:hover{opacity:.8;transform:scale(1.05);}
.flyer-works__images{display:grid;grid-template-columns:repeat(2,1fr);gap:6.2%;width:100%;}
.flyer-works__images .flyer-works__image{width:100%;height:330px;}
.flyer-works__images .flyer-works__image img{width:100%;height:100%;object-fit:contain;object-position:left top;}
.flyer-works__item figcaption{width:100%;margin:4% 0 0;text-align:left;}
.flyer-works__category{display:inline-block;padding:1% 4%;border:1px solid #666;border-radius:3px;font-size:12px;line-height:1.5;letter-spacing:.08em;}
.flyer-works__item p{font-family:"Noto Serif JP",serif;font-size:15px;line-height:1.7;letter-spacing:.08em;color:#302c29;font-weight: 600;}
@media screen and (max-width:480px){
.flyer-works{grid-template-columns:repeat(2,1fr);gap:3% 5%;padding:8% 0 20%;}
.flyer-works__item{min-width:0;}
.flyer-works__item--double{grid-column:span 2;}
.flyer-works__image{height:220px;}
.flyer-works__images{grid-template-columns:repeat(2,1fr);gap:5%;width:100%;}
.flyer-works__images .flyer-works__image{height:220px;}
.flyer-works__item figcaption{margin:6% 0 0;}
.flyer-works__category{padding:2% 6%;font-size:9px;letter-spacing:.05em;}
.flyer-works__item p{margin:5% 0 0;font-size:11px;line-height:1.7;letter-spacing:.05em;}
}