.pagebody.pstory-body{max-width:1080px}
.pagebody.pstory-body .lp-numh:first-child{margin-top:0}

@media (min-width:768px){
  .pagebody.pstory-body .lp-numh{font-size:28px;gap:26px;padding-bottom:22px;margin-bottom:0}
  .pstory-body .lp-numh-no{font-size:60px;letter-spacing:0}
}

.pstory-body .lp-numh+.lp-split{margin-top:56px}
.pstory-body .lp-split{gap:clamp(48px,6vw,88px)}
.pstory-body .lp-split:not(.is-narrow){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.pstory-body .lp-split-body{font-size:15px;line-height:2.3;padding-top:6px}
.pstory-body .lp-split-body>p{margin:0 0 24px}
.pstory-body .lp-split-body>p:last-child{margin-bottom:0}

.pstory-body .lp-split-body strong{font-weight:500;color:var(--ink);
  background:linear-gradient(transparent 66%,rgba(248,201,142,.42) 66%)}

.pagebody.pstory-body .lp-split-body .lp-quote{max-width:none;margin:44px 0 40px;padding:4px 0 4px 30px;
  font-size:20px;line-height:1.95;letter-spacing:.06em;word-break:keep-all;overflow-wrap:anywhere}
.pagebody.pstory-body .lp-split-body .lp-quote:last-child{margin-bottom:0}
.pagebody.pstory-body .lp-split-body .lp-quote p{margin:0}
.pstory-body .lp-quote strong{font-weight:500;color:inherit;background:none}

.pstory-body .lp-divider.is-brush{margin:80px auto 0}

.pstory-open{display:flex;align-items:center;justify-content:center;gap:clamp(44px,6vw,96px);max-width:920px;margin:0 auto}
.pagebody .pstory-open .lp-quote.is-tate{flex:none;margin:0;font-size:30px;padding-right:44px}
.pagebody .pstory-open .lp-lead{flex:0 1 auto;max-width:none;margin:0;line-height:2.5}
.pagebody .lp-photo.pstory-maker{margin-top:88px}
.pstory-maker .lp-photo-in>img{object-position:50% 55%}
.pstory-maker .lp-photo-cap{justify-content:flex-end}

.pagebody ul.pstory-mats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 72px;
  list-style:none;margin:64px 0 0;padding:0}
.pagebody .pstory-mats li{position:relative;min-height:136px;margin:0;padding:8px 0 0 164px;
  font-size:14.5px;line-height:2.05;color:var(--mut)}
.pstory-mat{position:absolute;left:4px;top:4px;width:128px;height:128px;border-radius:50%;object-fit:cover;
  background:#FBF6EF;box-shadow:0 0 0 5px #FFFFFF,0 0 0 6px #E7DDD1}
.pstory-mats li>strong:first-of-type{display:block;margin-bottom:6px;font-family:var(--min);font-weight:500;
  font-size:21px;letter-spacing:.12em;line-height:1.6;color:var(--ink)}
.pstory-mats li>strong+strong,.pstory-mats li>br+strong{font-weight:500;color:var(--acc)}

.pagebody .lp-photo.pstory-c4-photo{margin-top:56px}
.pstory-c4-photo .lp-photo-in>img{object-position:50% 8%}
.pstory-c4-photo .lp-photo-cap{justify-content:flex-end}

.pagebody.pstory-body .lp-split.pstory-c4-read{margin-top:64px;grid-template-columns:auto auto;justify-content:center;align-items:center;
  column-gap:clamp(40px,calc(100% - 800px),112px)}
.pagebody.pstory-body .lp-quote.pstory-c4-quote{margin:0;font-size:22px;letter-spacing:.14em}

@media (max-width:1023px){
  .pagebody.pstory-body .lp-split.pstory-c4-read{grid-template-columns:minmax(0,1fr);gap:0;margin-top:48px}
  .pagebody.pstory-body .lp-quote.pstory-c4-quote{writing-mode:horizontal-tb;width:auto;margin:44px 0 0;padding:4px 0 4px 30px;
    font-size:20px;line-height:1.95;letter-spacing:.06em}
  .pstory-c4-quote.is-tate::before{left:0;right:auto;top:10px;bottom:10px;width:2px}
  .pagebody .pstory-c4-quote.is-tate p{white-space:normal}
}

@media (max-width:767px){
  .pagebody .lp-photo.pstory-c4-photo{margin-top:28px}
  .lp-photo.pstory-c4-photo .lp-photo-in{aspect-ratio:16/9}
  .pstory-c4-photo .lp-photo-in>img{object-position:50% 50%}
  .pstory-c4-photo .lp-photo-cap{justify-content:flex-start}
  .pagebody.pstory-body .lp-split.pstory-c4-read{margin-top:28px}
  .pagebody.pstory-body .lp-quote.pstory-c4-quote{margin-top:30px;padding-left:20px;
    font-size:clamp(14px,calc((100vw - 64px) / 19.8),18px);letter-spacing:.04em}
}

.pstory-c5{position:relative;isolation:isolate;overflow:hidden}
.pstory-c5 .pagebody.pstory-body{max-width:860px}
.pstory-c5 .pagebody .lp-numh,.lp-bg-beni .lp-numh{color:#FFFFFF;border-color:rgba(255,255,255,.3)}
.pstory-c5 .lp-numh::after,.lp-bg-beni .lp-numh::after{background:#FFFFFF}
.pstory-c5 .pagebody .lp-numh{justify-content:center}
.pstory-c5 .lp-numh::after{left:50%;margin-left:-36px;transform-origin:50% 50%}
.pstory-c5-text{margin-top:52px}
.pstory-c5 .pagebody .lp-lead{max-width:none;font-size:19px;line-height:2.35}
.pstory-c5 .pagebody .lp-lead+.lp-lead{margin-top:32px}
.pstory-c5 .pstory-tate{position:absolute;z-index:-1;top:50%;right:max(28px,calc(50% - 660px));translate:0 -50%;
  font-size:clamp(110px,11vw,176px);letter-spacing:.18em;line-height:1;color:rgba(255,255,255,.1);
  pointer-events:none;user-select:none}

.lp-photo.pstory-shop{margin:60px 0 0}
.pstory-shop .lp-photo-in>img{object-position:50% 50%}
.pagebody.pstory-c6-body{max-width:720px;margin-top:80px;text-align:center}
.pagebody.pstory-c6-body>p{margin:0 0 30px;font-family:var(--min);font-size:16.5px;line-height:2.35;letter-spacing:.06em;color:var(--ink)}
.pagebody.pstory-c6-body .lp-quote.is-center{margin:72px auto 0}
.pstory-seal{width:64px;height:64px;margin:44px auto 0}

@media (max-width:1023px){
  .pstory-body .lp-split{gap:44px}
  .pagebody ul.pstory-mats{gap:40px 40px}
  .pagebody .pstory-mats li{min-height:104px;padding-left:124px;font-size:13.5px}
  .pstory-mat{width:96px;height:96px}
  .pstory-mats li>strong:first-of-type{font-size:18px}
  .pstory-c5 .pstory-tate{right:18px;font-size:104px;color:rgba(255,255,255,.07)}
}

@media (max-width:767px){
  .pstory-open{flex-direction:column;align-items:stretch;gap:18px}
  .pagebody .pstory-open .lp-quote.is-tate{margin:0;padding-right:0;font-size:21px}
  .pagebody .pstory-open .lp-lead{line-height:2.15}
  .pagebody .lp-photo.pstory-maker{margin-top:40px}
  .pstory-maker .lp-photo-cap{justify-content:flex-start}

  .pstory-body .lp-split,.pstory-body .lp-split:not(.is-narrow){grid-template-columns:minmax(0,1fr);gap:26px}
  .pstory-body .lp-numh+.lp-split{margin-top:28px}
  .pstory-body .lp-split-body{font-size:13.5px;line-height:2.1;padding-top:0}
  .pstory-body .lp-split-body>p{margin-bottom:18px}
  .pagebody.pstory-body .lp-split-body .lp-quote{margin:30px 0 28px;padding-left:20px;font-size:18px;word-break:normal;overflow-wrap:normal}
  .pstory-body .lp-divider.is-brush{margin-top:56px}

  .pagebody ul.pstory-mats{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:30px}
  .pagebody .pstory-mats li{min-height:84px;padding:0 0 0 100px;font-size:13px;line-height:1.95}
  .pstory-mat{left:3px;top:3px;width:78px;height:78px;box-shadow:0 0 0 3px #FFFFFF,0 0 0 4px #E7DDD1}
  .pstory-mats li>strong:first-of-type{font-size:16.5px;margin-bottom:2px}

  .pstory-c5 .pagebody .lp-numh{justify-content:flex-start}
  .pstory-c5 .lp-numh::after{left:0;margin-left:0;transform-origin:0 50%}
  .pstory-c5-text{margin-top:26px}
  .pstory-c5 .pagebody .lp-lead{font-size:15px;line-height:2.15}
  .pstory-c5 .pagebody .lp-lead+.lp-lead{margin-top:20px}
  .pstory-c5 .pstory-tate{top:22px;right:8px;translate:none;font-size:72px;color:rgba(255,255,255,.08)}

  .lp-photo.pstory-shop{margin-top:28px}
  .pagebody.pstory-c6-body{margin-top:40px;text-align:left}
  .pagebody.pstory-c6-body>p{margin-bottom:20px;font-size:14.5px;line-height:2.1;letter-spacing:.03em}
  .pagebody.pstory-c6-body .lp-quote.is-center{margin-top:44px;text-align:center}
  .pstory-seal{width:52px;height:52px;margin-top:30px}
}
