.p-ibaraki{--iris:#584a9c;--g-violet:#9c90ce;--g-blue:#8fb2db;--g-pink:#e2a2bc;--g-yellow:#e8d28a;--g-green:#a6c79e}.p-ibaraki .cta{background:var(--iris);border-color:var(--iris);color:#fff}.p-ibaraki .cta:hover{background:#473b85;border-color:#473b85}.p-ibaraki .cta.cta-line{background:var(--line-green);border-color:var(--line-green)}.p-ibaraki .cta.cta-line:hover{background:#05b34c;border-color:#05b34c}.p-ibaraki .tate{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-serif-subset), var(--font-serif), serif;letter-spacing:.04em;margin:0;font-size:clamp(24px,3vw,42px);font-weight:600;line-height:1.72}.p-ibaraki .tate>span{white-space:nowrap;display:block}.p-ibaraki .hero{gap:var(--s7);padding-bottom:var(--s7);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.p-ibaraki .hero>h1{grid-area:1/2}.p-ibaraki .hero>div{grid-area:1/1}.p-ibaraki .frame{background:var(--paper-2);position:relative;overflow:hidden}.p-ibaraki .frame img{object-fit:cover;width:100%;height:100%}.p-ibaraki .prod{gap:var(--s4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.p-ibaraki .prod .name{margin-top:var(--s3);font-weight:700}.p-ibaraki .prod .sub{font-size:var(--t-sm);color:var(--ink-3)}.p-ibaraki .weave{background-color:var(--paper-2);position:relative}.p-ibaraki .weave:after{content:attr(data-note);left:var(--s4);bottom:var(--s3);font-size:var(--t-label);letter-spacing:.14em;color:var(--shot-cap);position:absolute}.p-ibaraki .w-pink{background-image:linear-gradient(90deg, color-mix(in srgb, var(--g-pink) 60%, transparent) 50%, transparent 50%), linear-gradient(180deg, color-mix(in srgb, var(--g-pink) 60%, transparent) 50%, transparent 50%);background-size:30px 30px}.p-ibaraki .w-band{background-image:linear-gradient(90deg, color-mix(in srgb, var(--g-yellow) 55%, transparent) 50%, transparent 50%), linear-gradient(180deg, color-mix(in srgb, var(--g-green) 55%, transparent) 50%, transparent 50%);background-size:34px 34px}.p-ibaraki .deflist{border-bottom:1px solid var(--line);margin:0}.p-ibaraki .deflist>div{border-top:1px solid var(--line);gap:var(--s4);padding:var(--s4) 0;grid-template-columns:auto minmax(0,1fr);align-items:baseline;display:grid}.p-ibaraki .deflist dt{font-size:var(--t-label);letter-spacing:.18em;color:var(--ink-3);white-space:nowrap;font-weight:500}.p-ibaraki .deflist dd{margin:0}.p-ibaraki .deflist-d{border-bottom-color:var(--ink-line)}.p-ibaraki .deflist-d>div{border-top-color:var(--ink-line);align-items:start}.p-ibaraki .deflist-d dt{color:var(--on-dark-2)}.p-ibaraki .wage{gap:var(--s8);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.p-ibaraki .steps{gap:var(--s5);grid-template-columns:1fr 1fr;display:grid}.p-ibaraki .step{border-top:1px solid var(--line);padding-top:var(--s4)}.p-ibaraki .step .n{font-size:var(--t-label);letter-spacing:.18em;color:var(--iris);font-weight:700}.p-ibaraki .step .t{margin-top:var(--s2);font-weight:700}.p-ibaraki .step p:last-child{font-size:var(--t-sm);color:var(--ink-2);margin-top:var(--s2);line-height:2.1}@media (max-width:1100px){.p-ibaraki .tate{writing-mode:horizontal-tb;font-size:clamp(24px,4.4vw,34px)}.p-ibaraki .hero{gap:var(--s5);grid-template-columns:1fr}.p-ibaraki .hero>h1,.p-ibaraki .hero>div{grid-area:auto}.p-ibaraki .prod{grid-template-columns:1fr 1fr}.p-ibaraki .steps{gap:var(--s5);grid-template-columns:1fr 1fr}.p-ibaraki .wage{gap:var(--s6);grid-template-columns:1fr}}@media (max-width:768px){.p-ibaraki .prod,.p-ibaraki .steps{grid-template-columns:1fr}}