.page-work{padding-block:0 9rem}@media screen and (max-width:768px){.page-work{padding-block:0 4rem}}.page-work .title-wrap{align-items:center;margin-bottom:2rem;display:flex}@media screen and (max-width:768px){.page-work .title-wrap{margin-bottom:1.1rem}}.page-work .title-wrap .circle{background-color:var(--main);aspect-ratio:1;border-radius:100vmax;width:1.8rem;margin-inline:.4rem 1rem}@media screen and (max-width:768px){.page-work .title-wrap .circle{width:1.2rem;margin-inline:.2rem .5rem}}.page-work .title-wrap .title{color:var(--black);font-size:2.6rem;font-weight:500}@media screen and (max-width:768px){.page-work .title-wrap .title{font-size:1.7rem}}.page-work .title-wrap .title.en{font-family:var(--font-outfit);font-size:2.6rem;font-weight:40}@media screen and (max-width:768px){.page-work .title-wrap .title.en{font-size:2rem}}.page-work .work-introduction{margin-top:12rem}@media screen and (max-width:768px){.page-work .work-introduction{margin-top:4.3rem}}.page-work .work-introduction .item-wrap{border:.25rem var(--beige-dark)solid;background-color:#fff;border-right:none;border-radius:2rem 0 0 2rem;margin-right:calc(50% - 50vw);padding-block:6.5rem;padding-inline:5.5rem}@media screen and (max-width:768px){.page-work .work-introduction .item-wrap{border:.2rem var(--beige-dark)solid;border-right:none;border-radius:1.5rem 0 0 1.5rem;padding-block:2.5rem;padding-inline:2rem}}.page-work .work-introduction .item-wrap .item{align-items:center;gap:6.5rem;display:flex}@media screen and (max-width:768px){.page-work .work-introduction .item-wrap .item{flex-direction:column;gap:1.6rem}}.page-work .work-introduction .item-wrap .item+.item{border-top:.25rem var(--beige-dark)solid;margin-top:6.5rem;padding-top:6.5rem}@media screen and (max-width:768px){.page-work .work-introduction .item-wrap .item+.item{border-top:.2rem var(--beige-dark)solid;margin-top:3rem;padding-top:2.8rem}}.page-work .work-introduction .item-wrap .item .img-wrap{flex-shrink:0;align-items:stretch;width:60rem;display:flex}@media screen and (max-width:768px){.page-work .work-introduction .item-wrap .item .img-wrap{width:100%}}.page-work .work-introduction .item-wrap .item .text-wrap .hd-wrap{align-items:center;display:flex;position:relative}.page-work .work-introduction .item-wrap .item .text-wrap .hd-wrap .num{font-family:var(--font-roboto);color:var(--main);aspect-ratio:1;border:.2rem var(--main)solid;background-color:var(--beige-subpage);width:7.5rem;box-shadow:.4rem .4rem 0 0 var(--main);border-radius:100vmax;place-content:center;font-size:3.7rem;font-weight:700;display:grid}@media screen and (max-width:768px){.page-work .work-introduction .item-wrap .item .text-wrap .hd-wrap .num{border:.1rem var(--main)solid;width:5rem;font-size:2.5rem}}.page-work .work-introduction .item-wrap .item .text-wrap .hd-wrap .hd{color:#000;margin-left:2rem;font-size:4rem;font-weight:500}@media screen and (max-width:768px){.page-work .work-introduction .item-wrap .item .text-wrap .hd-wrap .hd{margin-left:1.3rem;font-size:2.3rem}}@media screen and (max-width:768px){.page-work .work-introduction .item-wrap .item .text-wrap .hd-wrap .hd.long{font-size:2.1rem}}@media screen and (max-width:768px){.page-work .work-introduction .item-wrap .item .text-wrap .hd-wrap .hd.middle{font-size:2.1rem}}.page-work .work-introduction .item-wrap .item .text-wrap .hd-wrap .hd.column{line-height:.6}@media screen and (max-width:768px){.page-work .work-introduction .item-wrap .item .text-wrap .hd-wrap .hd.column{line-height:.7}}.page-work .work-introduction .item-wrap .item .text-wrap .hd-wrap .hd .row{margin-left:.4rem;font-size:1.6rem}@media screen and (max-width:768px){.page-work .work-introduction .item-wrap .item .text-wrap .hd-wrap .hd .row{margin-left:-.1rem;font-size:1.3rem}}.page-work .work-introduction .item-wrap .item .text-wrap .hd-wrap .hd .column{font-size:1.6rem}@media screen and (max-width:768px){.page-work .work-introduction .item-wrap .item .text-wrap .hd-wrap .hd .column{margin-left:-.5em;font-size:1.2rem}}.page-work .work-introduction .item-wrap .item .text-wrap .readText{margin-top:1.6rem}@media screen and (max-width:768px){.page-work .work-introduction .item-wrap .item .text-wrap .readText{margin-top:1.7rem}}