@charset "utf-8";

*{box-sizing:border-box}

@media (min-width:1px){.works-hero__copy{text-align:center}.works-hero__copy h1{font-size:36px}.works-hero__visual{min-height:270px;margin-left:0px}.works-hero__visual img{min-height:270px}.works-intro{margin-bottom:38px}.works-intro h2{font-size:28px}.works-intro p{margin-top:24px;font-size:15px}.works-cms .webgene-pagination-list{max-width:360px;flex-wrap:nowrap;justify-content:space-between}.works-page h1{font-size:34px}.works-page h2{font-size:30px}.works-page .works-card h2{font-size:18px}.works-contact__inner{text-align:center}.works-contact__button{min-height:56px;font-size:17px}}

.works-page,.works-page *,.works-page *::before,.works-page *::after{box-sizing:border-box}

.works-page{--works-green: #234d38;--works-cream: #f2eee5;--works-ink: #353a34;--works-muted: #77786f;overflow:hidden;color:var(--works-ink);background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(255,255,255);background:rgb(255,255,255);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}

.works-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,1fr);min-height:390px;overflow:hidden;background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(247,243,234);background:rgb(247,243,234)}

.works-hero__mountains{position:absolute;z-index:5;right:-1%;bottom:-1px;left:-1%;height:135px;background-image:linear-gradient(105deg,rgb(183,193,173)0 19%,rgb(130,154,128) 19% 44%,rgb(183,221,210) 44% 68%,rgb(137,170,155) 68% 100%);background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;background:linear-gradient(105deg,rgb(183,193,173)0 19%,rgb(130,154,128) 19% 44%,rgb(183,221,210) 44% 68%,rgb(137,170,155) 68% 100%);clip-path:polygon(0 33%,7% 58%,14% 83%,21% 65%,28% 80%,35% 51%,43% 77%,51% 63%,59% 84%,68% 62%,77% 85%,87% 67%,100% 84%,100% 100%,0 100%);opacity:0.84}

.works-hero__mountains::after{position:absolute;inset:28px 0 0;background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(146,168,146);background:rgb(146,168,146);clip-path:polygon(0 58%,9% 35%,17% 62%,25% 26%,34% 55%,42% 22%,51% 64%,61% 28%,69% 57%,78% 20%,88% 65%,100% 40%,100% 100%,0 100%);content:"";opacity:0.54}

.works-hero__copy{position:relative;z-index:2;align-self:center;width:100%;max-width:710px;padding-top:58px;padding-right:42px;padding-bottom:72px;padding-left:7vw;padding:58px 42px 72px 7vw}

.works-hero__copy h1{color:var(--works-green);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:54px;font-weight:600;line-height:1.25;letter-spacing:0.08em}

.works-hero__copy p{margin-top:26px;color:rgb(76,80,75);font-size:17px;font-weight:600;line-height:1.8;letter-spacing:0.025em}

.works-hero__visual{overflow:hidden;border-radius:52%0 0 52%/100%0 0 100%}

.works-hero__visual img{display:block;width:100%;object-fit:cover;object-position:62%center}

.works-list{padding-top:68px;padding-right:32px;padding-bottom:72px;padding-left:32px;padding:68px 32px 72px;background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(255,255,255);background:rgb(255,255,255)}

.works-container{width:100%;max-width:1240px;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;margin:0px auto}

.works-intro h2{color:var(--works-green);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:40px;font-weight:500;line-height:1.4;letter-spacing:0.08em}

.works-intro p{color:rgb(91,94,89)}

.works-cms>.webgene-component>span{display:block;padding-top:80px;padding-right:24px;padding-bottom:80px;padding-left:24px;padding:80px 24px;color:var(--works-muted);text-align:center}

.works-cms>.webgene-blog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 30px}

.works-style-contract{display:none}

.works-card{position:relative;display:flex;min-height:194px;flex-direction:column;padding-top:22px;padding-right:30px;padding-bottom:20px;padding-left:30px;padding:22px 30px 20px;background:var(--works-cream);border-radius:12px;transition:box-shadow 160ms ease,transform 160ms ease}

.works-card:hover{transform:translateY(-3px)}

.works-card:focus-within{transform:translateY(-3px)}

.works-cms-content{order:3;display:-webkit-box;margin-top:auto;padding-top:18px;overflow:hidden;color:var(--works-muted);font-size:15px;line-height:1.45;white-space:pre-line;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.works-tag{order:1;align-self:flex-start;min-width:114px;padding-top:5px;padding-right:18px;padding-bottom:6px;padding-left:18px;padding:5px 18px 6px;color:rgb(255,255,255);background:var(--works-green);border-radius:5px;font-size:15px;line-height:1.2;text-align:center}

.works-page .works-card h2{order:2;margin-top:18px;color:rgb(38,43,38);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:18px;font-weight:500;line-height:1.55}

.works-card__link{inset:0px;z-index:2;overflow:hidden;color:transparent;border-radius:12px}

.works-card__link:focus-visible{outline:3px solid var(--works-green);outline-offset:3px}

.works-cms .webgene-pagination{grid-column:1/-1;display:flex}

.works-cms .webgene-pagination:empty,.works-cms .webgene-pagination ul:empty{display:none}

.works-cms .webgene-pagination ul,.works-cms .webgene-pagination-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;padding:0px;list-style:none}

.works-cms .webgene-pagination li,.works-cms .webgene-pagination-item{display:block;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;padding:0px}

.works-cms .webgene-pagination a,.works-cms .webgene-pagination span,.works-cms .webgene-pagination-item>div{display:flex;width:42px;height:42px;align-items:center;justify-content:center;color:var(--works-green);border-radius:5px;font-size:16px;line-height:1;text-decoration:none}

.works-cms .webgene-pagination .active>a,.works-cms .webgene-pagination .active>span,.works-cms .webgene-pagination-item.active>div,.works-cms .webgene-pagination .selected>a,.works-cms .webgene-pagination .selected>span,.works-cms .webgene-pagination [aria-current="page"]{color:rgb(255,255,255);background:var(--works-green)}

.works-cms .webgene-pagination .prev>a,.works-cms .webgene-pagination .next>a{overflow:hidden;color:transparent}

.works-cms .webgene-pagination .prev>a::before,.works-cms .webgene-pagination .next>a::before{width:10px;height:10px;border-top:2px solid var(--works-green);border-right:2px solid var(--works-green);content:""}

.works-cms .webgene-pagination .prev>a::before{transform:rotate(-135deg)}

.works-cms .webgene-pagination .next>a::before{transform:rotate(45deg)}

.works-contact{overflow:hidden;background-color:rgb(247,244,236)}

.works-contact::before{position:absolute;inset:0 auto 0 0;width:50%;background-image:url(https://yoshiokaringyo.co.jp/system_panel/uploads/images/20260727191104277592.png);background-position:left bottom;background-repeat:no-repeat;background-size:100%;content:"";opacity:0.7}

.works-contact__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,560px);gap:64px;align-items:center;width:calc(100% - 64px);max-width:900px;min-height:184px;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;margin:0px auto}

.works-contact__inner p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px;color:var(--works-green);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:18px;line-height:1.65;letter-spacing:0.05em}

.works-contact__button{display:flex;min-height:58px;align-items:center;justify-content:center;gap:22px;color:rgb(255,255,255);background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(200,81,22);background:rgb(200,81,22);border-radius:5px;font-size:19px;text-decoration:none;transition:background 160ms ease,transform 160ms ease}

.works-contact__button::after{content:"→"}

.works-contact__button:hover{background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(169,66,19);background:rgb(169,66,19);transform:translateY(-2px)}

.works-contact__button:focus-visible{background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(169,66,19);background:rgb(169,66,19);transform:translateY(-2px)}

.works-hero__copy{padding-left:56px}

.works-list{padding-right:56px;padding-left:56px}

@media (min-width:1px){.works-hero{grid-template-columns:1fr}.works-hero__copy{padding:70px 24px 58px}.works-hero__copy p br{display:none}.works-hero__visual{border-radius:48% 48%0 0/18% 18%0 0}.works-hero__visual img{object-position:67%center}.works-hero__mountains{display:none}.works-list{padding:52px 20px 58px}.works-intro p br{display:none}.works-cms>.webgene-blog{grid-template-columns:1fr;gap:18px}.works-cms .webgene-pagination-list{width:100%;gap:0}.works-contact__inner{grid-template-columns:1fr;gap:24px;padding:44px 0}}

@media (min-width:641px){.works-hero__copy{padding:70px 24px 58px}.works-hero__copy h1{font-size:46px}.works-hero__visual,.works-hero__visual img{min-height:340px}.works-list{padding:68px 24px 72px}.works-page .works-card h2{font-size:18px}}

@media (min-width:769px){.works-page h1{font-size:40px}.works-page h2{font-size:38px}}

@media (min-width:901px){.works-hero{grid-template-columns:48% 52%}.works-hero__copy{padding:58px 24px 72px 56px}.works-hero__copy h1{font-size:44px;letter-spacing:0.05em;white-space:nowrap}.works-hero__copy p{font-size:15px}.works-hero__visual{margin-left:-42px;border-radius:52%0 0 52%/100%0 0 100%}.works-hero__visual img{min-height:390px}.works-contact__inner{grid-template-columns:minmax(360px,1fr) minmax(360px,520px);gap:40px;max-width:1100px}.works-contact__inner p{font-size:17px;letter-spacing:0.03em}.works-contact__inner p br{display:none}}

@media (min-width:1281px){.works-hero{grid-template-columns:minmax(0,1fr) minmax(480px,1fr)}.works-hero__copy{padding:58px 42px 72px calc(0.5*(100vw - 1180px))}.works-hero__copy h1{font-size:54px}.works-hero__copy p{font-size:17px}.works-hero__visual{margin-left:-72px}.works-contact__inner{grid-template-columns:minmax(280px,1fr) minmax(360px,560px);gap:64px;max-width:900px}.works-contact__inner p{font-size:18px;letter-spacing:0.05em}.works-contact__inner p br{display:inline}.works-list{padding-right:calc(0.5*(100vw - 1180px));padding-left:calc(0.5*(100vw - 1180px))}}

.works-hero__copy p,.works-intro p{text-wrap:pretty;word-break:normal;overflow-wrap:anywhere}

.works-page .works-card h2{text-wrap:pretty;word-break:keep-all;overflow-wrap:anywhere}

@media (min-width:1px){.works-page .works-card h2{padding-right:8px;padding-left:8px}.works-hero__copy p{letter-spacing:-0.03em}}

@media (min-width:1px){.works-page .works-card h2{letter-spacing:-0.04em;word-break:normal;overflow-wrap:normal}}

.works-page p{overflow-wrap:normal;line-break:strict}

@media (min-width:1px){.works-hero__copy{text-align:center}.works-hero__visual{min-height:270px;margin-left:0px}.works-hero__visual img{min-height:270px}.works-cms .webgene-pagination-list{max-width:360px;flex-wrap:nowrap;justify-content:space-between}.works-page .works-card h2{font-size:18px}.works-contact__inner{text-align:center}}

.works-hero__copy{position:relative;z-index:2;align-self:center;width:100%;max-width:710px;padding-top:58px;padding-right:42px;padding-bottom:72px;padding-left:7vw;padding:58px 42px 72px 7vw}

.works-list{padding-top:68px;padding-right:32px;padding-bottom:72px;padding-left:32px;padding:68px 32px 72px;background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(255,255,255);background:rgb(255,255,255)}

.works-page .works-card h2{order:2;margin-top:18px;color:rgb(38,43,38);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:18px;font-weight:500;line-height:1.55}

.works-hero__copy{padding-left:56px}

.works-list{padding-right:56px;padding-left:56px}

@media (min-width:1px){.works-hero__copy{padding:70px 24px 58px}.works-hero__visual{border-radius:48% 48%0 0/18% 18%0 0}.works-hero__visual img{object-position:67%center}.works-cms .webgene-pagination-list{width:100%;gap:0}.works-contact__inner{grid-template-columns:1fr;gap:24px;padding:44px 0}}

@media (min-width:641px){}

@media (min-width:769px){}

@media (min-width:901px){}

@media (min-width:1281px){}

.works-page .works-card h2{text-wrap:pretty;word-break:keep-all;overflow-wrap:anywhere}

@media (min-width:1px){.works-page .works-card h2{padding-right:8px;padding-left:8px}}

@media (min-width:1px){.works-page .works-card h2{letter-spacing:-0.04em;word-break:normal;overflow-wrap:normal}}