body.work-detailPage .breadcrumb,body.work-detailPage .lowerMv{display:none}

.work-detailMain{padding-bottom:100px}.work-detailGallery{position:relative;margin-bottom:20px}.work-detailGallery img{aspect-ratio:700/490;object-fit:cover}.work-detailGallery button{position:absolute;top:45%;width:30px;height:40px;border:0;background:rgba(255,255,255,.85);color:var(--color-txt);font:inherit;font-size:24px;cursor:pointer}.work-detailGallery .js-gallery-prev{left:0}.work-detailGallery .js-gallery-next{right:0}.work-detailGallery p{text-align:center;font-size:10px;margin-top:8px}.work-detailThumbs{display:flex;gap:6px;margin:10px 20px 25px}.work-detailThumbs button{border:2px solid transparent;background:none;padding:0;width:calc(25% - 5px);cursor:pointer}.work-detailThumbs button[aria-current]{border-color:var(--color-main)}.work-detailThumbs img{aspect-ratio:700/490;object-fit:cover}.work-detailTitle{font-size:18px;line-height:25px;font-weight:700;color:var(--color-main);margin:20px 0}.work-detailPrice{font-size:18px;line-height:25px;margin:20px 0 8px;color:var(--color-main);font-weight:700}.work-detailDetail{font-size:10px;background:var(--color-bg01);padding:4px 5px}.work-detailTable{font-size:14px;line-height:23px;margin:30px 0}.work-detailTable th{width:105px;font-weight:700;padding:4px 7px 4px 0}.work-detailTable td{padding:4px 0;overflow-wrap:anywhere}.work-detailText{font-size:14px;line-height:25px;margin:25px 0}.work-detailPlan{margin:35px 0}.work-detailPlan img{display:block;width:auto;max-width:100%;height:auto;margin:auto}.work-detailContact{margin:40px 20px}.work-detailSection{margin-top:70px}.work-detailSection h2{font-size:18px;line-height:25px;color:var(--color-main);margin-bottom:25px}.work-detailMap{margin-top:35px;background:var(--color-bg01)}.work-detailMap img{max-height:350px;object-fit:cover}.work-detailMap p{font-size:12px;padding:10px}.work-detailBody{margin-top:35px}

.work-detailGallery{margin-top:10px}.work-detailGallery{margin-inline:20px}
.work-detailHero{height:445px;position:relative;overflow:hidden}.work-detailHero>img{height:445px;width:100%;object-fit:cover;object-position:center}.work-detailHero .kukan-no-image{height:100%;width:100%;aspect-ratio:unset;min-height:0}.work-detailHero .c-bukken01-tag{top:10px;left:20px}.work-detailTitle{color:var(--color-txt);line-height:23px;margin:20px 25px 35px 0}.work-detailBody{margin-top:35px}.work-detailBody>img{width:100%;aspect-ratio:349/244;object-fit:cover}.work-detailSection{margin-top:30px}

.work-detailTitle{width:310px;max-width:100%;margin:14px 40px 31px 0}.work-detailMain>.c-inner01{position:relative}.work-detailDate{color:var(--color-main);font-size:10px;height:85px;top:0;right:20px;margin:0}.work-detailBody{margin-top:31px;display:grid;gap:13px}.work-detailBody>img{height:244px;aspect-ratio:auto}.work-detailSection{margin-top:65px}.work-detailSection h2{font-size:14px;text-align:center;line-height:25px}

.work-detailDate{font-size:14px;height:85px;right:0}.work-detailSection{background:var(--color-bg01);padding:20px 0 70px;margin-top:36px;overflow:hidden}.work-detailSection h2{margin-bottom:25px}.work-detailSection .splide__pagination{position:static;margin-top:14px;gap:6px}.work-detailSection .splide__pagination__page{width:8px;height:8px;margin:0;background:#d9d9d9;opacity:1}.work-detailSection .splide__pagination__page.is-active{background:var(--color-main);transform:none}.work-detailMain{padding-bottom:60px}.work-detailMain:has(.work-detailSection){padding-bottom:0}.work-detailSection .c-bukken01Wrap{display:block}

.work-detailSection h2{color:var(--color-txt);line-height:18px}.work-detailSection .splide__pagination{margin-top:14px}

.work-detailSection .splide__track{padding-top:4px}.work-detailSection .c-bukken01__tit{line-height:17px}.work-detailSection{padding-bottom:58px}

.work-detailSection .c-bukken01-imgBox img{height:120px;object-fit:cover}.work-detailSection{padding-bottom:56px}

/* Work detail date: connect the rule to the hero without moving the title. */
.work-detailMain > .c-inner01 { display: flow-root; }
.work-detailMain > .c-inner01 > .work-detailDate { height: 100px; font-size: 14px; line-height: 1; white-space: nowrap; }
.work-detailMain > .c-inner01 > .work-detailDate::before { flex: 0 0 22px; width: 1px; height: 22px; }
.work-detailMain > .c-inner01 > .work-detailDate::after { flex: 0 0 8px; width: 9px; height: 8px; aspect-ratio: auto; background: currentColor; -webkit-mask: url(../img/common/ico_time01.svg) center / contain no-repeat; mask: url(../img/common/ico_time01.svg) center / contain no-repeat; }