@charset "UTF-8";.p-works{width:100%;margin-bottom:80px}@media screen and (max-width:768px){.p-works{margin-bottom:64px}}.p-works__inner{width:100%;margin:0 auto}.p-works__num{width:100%;font-size:14px;margin-bottom:24px}.p-works__list{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:1fr 24px 1fr 24px 1fr;grid-template-columns:repeat(3,1fr);gap:44px 24px;padding:0}@media screen and (max-width:768px){.p-works__list{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:580px){.p-works__list{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}}.p-works__list>li{list-style:none}.p-works__link{width:100%;height:100%;display:block;color:#000f26;text-decoration:none}.p-works__figure{width:100%;aspect-ratio:3/2;margin-bottom:16px;overflow:hidden}.p-works__figure img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out,-webkit-transform 0.2s ease-in-out}.p-works__link:hover .p-works__figure img{-webkit-transform:scale(1.07);transform:scale(1.07)}.p-works__sub{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;margin-bottom:14px}.p-works__sub .time{display:block;font-size:14px;font-weight:500;color:#666666}.p-works__sub .cat{width:132px;height:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:2px;font-size:12px;font-weight:500;color:#ffffff;background:#000000;text-align:center}.p-works__ttl{width:100%;font-size:14px;line-height:1.4285714286;margin-top:clamp(-3px,-0.25vw,-3px);margin-bottom:clamp(-3px,-0.25vw,-3px)}.p-works .c-pager_nav{width:100%;margin-top:64px}@media screen and (max-width:768px){.p-works .c-pager_nav{margin-top:48px}}.p-works .c-pager_nav__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px}.p-works .c-pager_nav__inner .wp-pagenavi{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px}.p-works .c-pager_nav__inner .wp-pagenavi a,.p-works .c-pager_nav__inner .wp-pagenavi span{width:32px;aspect-ratio:1/1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;border:1px solid #000000;padding-bottom:2px;color:#000f26;background:#ffffff;text-decoration:none;-webkit-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out}.p-works .c-pager_nav__inner .wp-pagenavi a:hover,.p-works .c-pager_nav__inner .wp-pagenavi span:hover{color:#e53900;background:#eeeeee}.p-works .c-pager_nav__inner .wp-pagenavi a.current,.p-works .c-pager_nav__inner .wp-pagenavi span.current{background:#000000;color:#ffffff}.p-works .c-pager_nav__next a,.p-works .c-pager_nav__next div,.p-works .c-pager_nav__prev a,.p-works .c-pager_nav__prev div{height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;border:1px solid #000000;padding:0 12px 2px;color:#000f26;background:#ffffff;text-decoration:none;-webkit-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out}.p-works .c-pager_nav__next a:hover,.p-works .c-pager_nav__next div:hover,.p-works .c-pager_nav__prev a:hover,.p-works .c-pager_nav__prev div:hover{color:#e53900;background:#eeeeee}.p-works .c-pager_nav__next a.disabled,.p-works .c-pager_nav__next div.disabled,.p-works .c-pager_nav__prev a.disabled,.p-works .c-pager_nav__prev div.disabled{background:#eeeeee;border:#d2d2d2;color:#666666}.p-works_category{width:100%;margin-bottom:56px}@media screen and (max-width:768px){.p-works_category{margin-bottom:40px}}.p-works_category__box{width:100%;background:#f5f6f7;padding:24px}@media screen and (max-width:768px){.p-works_category__box{padding:20px 16px}}.p-works_category__box>.ttl{font-size:18px;font-weight:bold;padding:2px 0 4px 16px;margin-bottom:20px;position:relative}.p-works_category__box>.ttl:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#000000}.p-works_category__box>.cont{width:100%}.p-works_category__list{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:1fr 20px 1fr 20px 1fr 20px 1fr;grid-template-columns:repeat(4,1fr);gap:20px;padding:0}@media screen and (max-width:768px){.p-works_category__list{-ms-grid-columns:1fr 16px 1fr 16px 1fr;grid-template-columns:repeat(3,1fr);gap:16px}}@media screen and (max-width:580px){.p-works_category__list{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:400px){.p-works_category__list{-ms-grid-columns:1fr;grid-template-columns:repeat(1,1fr);gap:12px}}.p-works_category__list>li{list-style:none}.p-works_category__link{width:100%;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 12px 2px;background:#ffffff;border:1px solid #000000;color:#000f26;text-decoration:none;-webkit-transition:background 0.3s ease-in-out,border 0.3s ease-in-out;transition:background 0.3s ease-in-out,border 0.3s ease-in-out}@media screen and (max-width:768px){.p-works_category__link{height:40px;padding:0 10px 1px}}@media screen and (hover:hover) and (pointer:fine){.p-works_category__link:hover{background:#eeeeee}}.p-works_category__link.active{background:#000000}.p-works_category__link.active .cont{color:#ffffff;font-weight:bold}.p-works_category__link .cont{display:block;font-size:14px;line-height:1.4285714286;margin-top:clamp(-3px,-0.25vw,-3px);margin-bottom:clamp(-3px,-0.25vw,-3px);-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out}.p-works_details{width:100%;margin-bottom:80px}@media screen and (max-width:768px){.p-works_details{margin-bottom:64px}}.p-works_details__inner{width:100%;margin:0 auto}.p-works_details__headline{width:100%;padding-bottom:16px;margin-bottom:32px;border-bottom:1px solid #000000;position:relative}.p-works_details__headline .cont{width:100%}.p-works_details__headline .cont ._cap{width:164px;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#ffffff;background:#000000;text-align:center;padding-bottom:2px;margin-bottom:14px}@media screen and (max-width:768px){.p-works_details__headline .cont ._cap{height:26px;font-size:13px;padding-bottom:1px}}.p-works_details__headline .cont ._main{display:block;font-size:26px;font-weight:bold;line-height:1.3846153846;margin-top:clamp(-5px,-0.4166666667vw,-5px);margin-bottom:clamp(-5px,-0.4166666667vw,-5px);letter-spacing:0.1em}@media screen and (max-width:768px){.p-works_details__headline .cont ._main{font-size:20px;line-height:1.6;margin-top:clamp(-6px,-0.5vw,-6px);margin-bottom:clamp(-6px,-0.5vw,-6px)}}.p-works_details__flex{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:768px){.p-works_details__flex{display:block}}.p-works_details__box{width:48%}@media screen and (max-width:768px){.p-works_details__box{width:100%;margin-bottom:32px}}.p-works_details__box div{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px 0 22px;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;border-bottom:1px solid #d2d2d2}.p-works_details__box div:first-child{border-top:1px solid #d2d2d2}.p-works_details__box div .ttl{width:6em;-ms-flex-negative:0;flex-shrink:0;font-size:15px;line-height:1;color:#666666}@media screen and (max-width:768px){.p-works_details__box div .ttl{font-size:14px}}.p-works_details__box div .cont{font-size:15px;line-height:1.6;margin-top:clamp(-4.5px,-0.375vw,-4.5px);margin-bottom:clamp(-4.5px,-0.375vw,-4.5px)}@media screen and (max-width:768px){.p-works_details__box div .cont{font-size:14px;line-height:1.5714285714;margin-top:clamp(-4px,-0.3333333333vw,-4px);margin-bottom:clamp(-4px,-0.3333333333vw,-4px)}}.p-works_details__box div .cont ._link{color:#000f26}.p-works_details__box div .cont ._link:hover{color:#e53900}.p-works_details__list{width:100%;padding-left:0}.p-works_details__list>li{width:100%;list-style:none;line-height:1.4666666667;margin-top:clamp(-3.5px,-0.2916666667vw,-3.5px);margin-bottom:clamp(-3.5px,-0.2916666667vw,-3.5px);padding-left:0.8em;position:relative}.p-works_details__list>li:not(:last-child){line-height:1.4666666667;margin-top:clamp(-3.5px,-0.2916666667vw,-3.5px);margin-bottom:clamp(6.5px,0.5416666667vw,6.5px)}.p-works_details__list>li:before{content:"";position:absolute;top:9px;left:0;width:6px;height:6px;background:#000000;border-radius:50%}.p-works_details__list>li .ib{display:inline-block}.p-works_details__text{width:48%;font-size:14px;line-height:2.2857142857;margin-top:clamp(-9px,-0.75vw,-9px);margin-bottom:clamp(-9px,-0.75vw,-9px)}@media screen and (max-width:768px){.p-works_details__text{width:100%}}.p-works_details__back{width:min(100%,320px);margin:64px auto 0}@media screen and (max-width:768px){.p-works_details__back{margin-top:48px}}.p-works_details__back-link{width:100%;display:block;padding:22px 10px 24px;background:#ffffff;border:1px solid #000000;font-size:14px;line-height:1;color:#000f26;text-decoration:none;font-weight:bold;text-align:center;-webkit-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out}@media screen and (max-width:768px){.p-works_details__back-link{padding:18px 10px 20px}}.p-works_details__back-link:hover{background:#eeeeee}.p-works_details_slide{width:100%;margin-bottom:64px}@media screen and (max-width:768px){.p-works_details_slide{margin-bottom:40px}}.p-works_details_slide__inner{width:100%}.p-works_details_slide__slider{width:100%;position:relative}.p-works_details_slide__slider .splide__list{padding-left:0}.p-works_details_slide__slider .splide__slide{list-style:none}@media screen and (max-width:768px){.p-works_details_slide__slider .splide__slide{width:100%}}.p-works_details_slide__photo{aspect-ratio:3/2;margin-bottom:0}.p-works_details_slide__link{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#eeeeee;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.p-works_details_slide__link:hover{opacity:0.7}.p-works_details_slide__link img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.p-works_details_slide__control{width:100%;margin:12px auto 0}@media screen and (max-width:768px){.p-works_details_slide__control{width:min(100%,288px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:26px;position:relative}}@media screen and (max-width:768px){.p-works_details_slide__control:before{content:"";position:absolute;top:50%;right:132px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:84px;height:1px;background:#d2d2d2}}.p-works_details_slide__arrows{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0 calc(50% - 335px);pointer-events:none}@media screen and (max-width:768px){.p-works_details_slide__arrows{width:108px;position:static;-webkit-transform:none;transform:none;padding:0}}.p-works_details_slide__arrow{width:52px;aspect-ratio:1/1;background:#ffffff;border:1px solid #000000;cursor:pointer;pointer-events:auto;-webkit-transition:background 0.3s ease-in-out,border 0.3s ease-in-out;transition:background 0.3s ease-in-out,border 0.3s ease-in-out;position:relative}@media screen and (max-width:768px){.p-works_details_slide__arrow{width:48px}}@media screen and (hover:hover) and (pointer:fine){.p-works_details_slide__arrow:hover{background:#585858;border-color:#585858}}.p-works_details_slide__arrow:hover.prev:after{border-color:transparent #ffffff transparent transparent}.p-works_details_slide__arrow:hover.next:after{border-color:transparent transparent transparent #ffffff}.p-works_details_slide__arrow.prev:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;height:0;border-style:solid;border-width:6px 10px 6px 0;border-color:transparent #000000 transparent transparent;-webkit-transition:border 0.3s ease-in-out;transition:border 0.3s ease-in-out}.p-works_details_slide__arrow.next:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #000000;-webkit-transition:border 0.3s ease-in-out;transition:border 0.3s ease-in-out}.p-works_details_slide__pagination{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-family:"Roboto",YakuHanJP,"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",Meiryo,メイリオ,sans-serif;font-size:15px;color:#666666}@media screen and (max-width:768px){.p-works_details_slide__pagination{width:auto}}.p-works_details_related{width:100%;margin-top:80px}.p-works_details_related__headline{width:100%;font-size:22px;font-weight:600;padding:4px 20px 6px 20px;margin-bottom:24px;border-left:7px solid var(--cocoon-middle-thickness-color);border-right:1px solid var(--cocoon-thin-color);border-top:1px solid var(--cocoon-thin-color);border-bottom:1px solid var(--cocoon-thin-color)}@media screen and (max-width:768px){.p-works_details_related__headline{font-size:18px}}.p-works_details_related__list{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:1fr 24px 1fr 24px 1fr;grid-template-columns:repeat(3,1fr);gap:44px 24px;padding:0}@media screen and (max-width:768px){.p-works_details_related__list{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:580px){.p-works_details_related__list{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}}.p-works_details_related__list>li{list-style:none}.p-works_details_related__link{width:100%;height:100%;display:block;color:#000f26;text-decoration:none}.p-works_details_related__figure{width:100%;aspect-ratio:3/2;margin-bottom:16px;overflow:hidden}.p-works_details_related__figure img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out,-webkit-transform 0.2s ease-in-out}.p-works_details_related__link:hover .p-works_details_related__figure img{-webkit-transform:scale(1.07);transform:scale(1.07)}.p-works_details_related__sub{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;margin-bottom:14px}.p-works_details_related__sub .time{display:block;font-size:14px;font-weight:500;color:#666666}.p-works_details_related__sub .cat{width:132px;height:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:2px;font-size:12px;font-weight:500;color:#ffffff;background:#000000;text-align:center}.p-works_details_related__ttl{width:100%;font-size:14px;line-height:1.4285714286;margin-top:clamp(-3px,-0.25vw,-3px);margin-bottom:clamp(-3px,-0.25vw,-3px)}
/*# sourceMappingURL=common_works.css.map */