/* 竹と月と同じ、金色の光・和紙・漆・藤を持つ絵を各区間へ。 */
.bonus,.application{overflow:clip}
.literary-heading{position:relative;isolation:isolate;display:flex;align-items:center;min-height:340px;margin:-23px -20px 30px}
.literary-copy{position:relative;z-index:1;width:58%;padding:18px 20px}
.literary-copy .eyebrow{max-width:none}
.literary-copy .section-tag{margin-top:20px}
.story-heading h2{font-size:40px;line-height:1.65;margin:12px 0 0;letter-spacing:.03em}
.literary-art{position:absolute;right:-128px;top:-15px;width:80%;height:370px;pointer-events:none}
.literary-art img{position:absolute;right:0;height:100%;width:auto;max-width:none;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 6%,#000)}
.bonus-layout{margin-top:12px}
.letter-heading{min-height:300px;margin-bottom:26px}
.letter-heading .literary-art{height:330px;top:-10px}
.letter-heading h2{font-size:30px;line-height:1.7}
.application{background-color:#eee3ed}
.zoom{position:relative;isolation:isolate;overflow:hidden;background-color:#f1e6ed}
.sudare-mural{position:absolute;right:0;top:0;width:610px;height:540px;pointer-events:none;z-index:0;opacity:.9}
.sudare-mural img{width:100%;height:100%;object-fit:cover;object-position:right top;mask-image:linear-gradient(#000 75%,transparent)}
.zoom>.eyebrow,.zoom>.section-tag,.zoom>.zoom-duration,.zoom>.zoom-eligibility,.zoom>h2,.zoom>.zoom-details{position:relative;z-index:1}
.zoom>.section-tag{max-width:70%;padding:6px 10px;background:#f5edf0e8;text-shadow:0 1px 5px #fff9e8}
.zoom-duration{max-width:70%;background:#f5edf0c9}
.zoom-eligibility{background:#fff9edee}
.zoom>h2{max-width:70%}
@media(max-width:900px){.literary-art{right:-45px}}
@media(max-width:700px){
  .literary-copy{width:60%}
  .literary-art{right:-35px;width:85%;height:250px}
  .literary-heading{min-height:290px}
  .letter-heading .literary-art{height:250px}
  .letter-heading{min-height:270px}
  .story-heading h2{font-size:33px}
  .letter-heading h2{font-size:27px}
  .sudare-mural{width:510px;height:460px}
}
@media(max-width:600px){
  .literary-heading{display:flex;flex-direction:column-reverse;align-items:stretch;min-height:0;margin:-10px -12px 26px}
  .literary-art,.letter-heading .literary-art{position:relative;inset:auto;width:100%;height:235px;margin:0 0 9px}
  .literary-art img{height:100%;right:-6px}
  .literary-copy{width:auto;padding:8px 12px 0}
  .literary-copy .eyebrow{margin-bottom:20px}
  .literary-copy .section-tag{margin-top:0}
  .story-heading h2{font-size:28px;margin:14px 0 0}
  .letter-heading h2{font-size:24px}
  .letter-heading .literary-art{height:225px}
  .bonus-layout{margin-top:0}
  .sudare-mural{width:360px;height:300px;right:-20px;opacity:.65}
  .zoom>.section-tag{max-width:77%;text-shadow:0 1px 5px #fff9e8}
  .zoom-duration{max-width:100%;background:#f5edf0df}
  .zoom>h2{max-width:none}
}