/* Middle teaser sections, measured at the calc(390 * var(--middle-unit)) mobile design width. */
.middle-section { --middle-unit:calc(100cqw / 390); position:relative; isolation:isolate; padding:calc(32 * var(--middle-unit)) calc(16 * var(--middle-unit)); color:#363636; font-family:'Noto Sans JP',sans-serif; box-sizing:border-box; }
.middle-section *, .middle-section *::before, .middle-section *::after { box-sizing:border-box; }
.middle-section p, .middle-section h2, .middle-section h3 { margin:0; }
.middle-section [data-editable] { white-space:pre-line; }
.middle-section img { display:block; }
.middle-heading { text-align:center; position:relative; }
.middle-heading__eyebrow { font:500 calc(22 * var(--middle-unit))/1.5 'Outfit',sans-serif; letter-spacing:calc(1.1 * var(--middle-unit)); color:#ec8fa5; }
.middle-heading__title { font-size:calc(30 * var(--middle-unit)); line-height:1.5; font-weight:700; }
.middle-care { min-height:calc(604 * var(--middle-unit)); color:white; background:#009aac url('../images/middle-care-background.png') center top / 100% 100% no-repeat; }
.middle-care .middle-heading__eyebrow { color:#f9f08a; }
.middle-care__lead { margin-top:calc(16 * var(--middle-unit))!important; font-size:calc(14 * var(--middle-unit)); line-height:1.7; font-weight:500; text-align:center; }
.middle-care__cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(6 * var(--middle-unit)); margin-top:calc(24 * var(--middle-unit)); }
.middle-care__card { background:rgba(255,255,255,.85); padding:calc(10 * var(--middle-unit)) calc(9 * var(--middle-unit)); border-radius:calc(4 * var(--middle-unit)); display:flex; flex-direction:column; gap:calc(9 * var(--middle-unit)); align-items:center; color:#363636; }
.middle-care__image { width:calc(92 * var(--middle-unit)); height:calc(92 * var(--middle-unit)); object-fit:contain; }
.middle-care__card h3 { font-size:calc(13 * var(--middle-unit)); line-height:1.4; min-height:calc(36 * var(--middle-unit)); width:100%; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:700; }
.middle-care__line { width:100%; height:calc(1 * var(--middle-unit)); }
.middle-care__card p { color:#009aac; font-size:calc(12 * var(--middle-unit)); line-height:1.5; font-weight:600; }
.middle-care__image-note { text-align:right; font-size:calc(10 * var(--middle-unit)); line-height:1.7; opacity:.7; margin-top:calc(4 * var(--middle-unit))!important; }
.middle-care__footnotes { margin-top:calc(6 * var(--middle-unit))!important; font-size:calc(10 * var(--middle-unit)); line-height:1.7; font-weight:500; }
.middle-about { min-height:calc(706 * var(--middle-unit)); background:#fbf0d9; display:flex; flex-direction:column; gap:calc(14 * var(--middle-unit)); }
.middle-about__image { width:100%; height:calc(206 * var(--middle-unit)); object-fit:cover; border-radius:calc(4 * var(--middle-unit)); }
.middle-about__body { font-size:calc(16 * var(--middle-unit)); font-weight:400; line-height:2; }
.middle-about__features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(5 * var(--middle-unit)); }
.middle-about__feature { background:#009aac; border-radius:calc(4 * var(--middle-unit)); color:white; padding:calc(9 * var(--middle-unit)) calc(4 * var(--middle-unit)); min-height:calc(79 * var(--middle-unit)); text-align:center; }
.middle-about__feature h3 { display:flex; align-items:center; justify-content:center; gap:calc(7 * var(--middle-unit)); font-size:calc(16 * var(--middle-unit)); line-height:1.5; font-weight:600; }
.middle-about__check { width:calc(14 * var(--middle-unit)); height:calc(15 * var(--middle-unit)); flex-shrink:0; }
.middle-about__feature p { font-size:calc(13 * var(--middle-unit)); line-height:1.4; opacity:.8; font-weight:500; }
.middle-box { min-height:calc(666 * var(--middle-unit)); padding:0; overflow:hidden; background:#eff3f5; }
.middle-box__photo { position:absolute; top:0; left:0; width:100%; height:calc(764 * var(--middle-unit)); object-fit:fill; z-index:-2; }
.middle-box__cream { position:absolute; pointer-events:none; z-index:-1; }
.middle-box__cream--top { top:calc(-15.908 * var(--middle-unit)); left:0; width:calc(216 * var(--middle-unit)); height:calc(184 * var(--middle-unit)); }
.middle-box__cream--bottom { top:calc(512 * var(--middle-unit)); left:calc(139 * var(--middle-unit)); width:calc(251 * var(--middle-unit)); height:calc(230.25 * var(--middle-unit)); }
.middle-box__content { position:relative; padding:calc(32 * var(--middle-unit)) calc(16 * var(--middle-unit)); }
.middle-box__heading { font-size:calc(22 * var(--middle-unit)); line-height:1.3; font-weight:700; }
.middle-box__heading span, .middle-box__heading strong { display:block; }
.middle-box__heading strong { font-size:calc(30 * var(--middle-unit)); color:#e67590; line-height:1.3; }
.middle-box__badge { margin:calc(14.092 * var(--middle-unit)) auto 0; width:calc(289 * var(--middle-unit)); position:relative; }
.middle-box__badge p { background:#ec8fa5; border-radius:calc(18.5 * var(--middle-unit)); text-align:center; color:white; font-size:calc(15 * var(--middle-unit)); font-weight:700; line-height:calc(30 * var(--middle-unit)); }
.middle-box__pointer { width:calc(8 * var(--middle-unit)); height:calc(6 * var(--middle-unit)); margin:auto; }
.middle-box__body { margin-top:calc(361.908 * var(--middle-unit))!important; text-align:center; font-size:calc(16 * var(--middle-unit)); line-height:1.8; font-weight:400; }
.middle-box__back { position:absolute; top:calc(417.875 * var(--middle-unit)); left:calc(13 * var(--middle-unit)); width:calc(108 * var(--middle-unit)); }
.middle-box__back-image { width:calc(108 * var(--middle-unit)); height:calc(108 * var(--middle-unit)); object-fit:contain; }
.middle-box__back span { position:absolute; top:calc(-5.852 * var(--middle-unit)); left:calc(29 * var(--middle-unit)); width:calc(50 * var(--middle-unit)); text-align:center; background:#009aac; border-radius:calc(4 * var(--middle-unit)); font-size:calc(14 * var(--middle-unit)); line-height:calc(22 * var(--middle-unit)); color:white; font-weight:700; }
.middle-box__arrow { position:absolute; left:calc(98.89 * var(--middle-unit)); top:calc(502.24 * var(--middle-unit)); width:calc(56.618 * var(--middle-unit)); height:calc(31.146 * var(--middle-unit)); transform:rotate(-176.52deg) scaleY(-1); }
.middle-item { min-height:calc(529 * var(--middle-unit)); background:#ec8fa5; color:white; overflow:hidden; }
.middle-item__flowers { position:absolute; left:0; width:100%; height:calc(194 * var(--middle-unit)); z-index:-1; pointer-events:none; }
.middle-item__flowers--top { top:0; }
.middle-item__flowers--bottom { bottom:0; }
.middle-item__content { display:flex; flex-direction:column; align-items:center; }
.middle-item__pictures { width:100%; height:calc(223 * var(--middle-unit)); background:white; border:calc(1 * var(--middle-unit)) solid rgba(0,0,0,.2); border-radius:calc(4 * var(--middle-unit)); position:relative; }
.middle-item__bottles { width:calc(145 * var(--middle-unit)); height:calc(170 * var(--middle-unit)); position:absolute; top:calc(26 * var(--middle-unit)); left:calc(28 * var(--middle-unit)); object-fit:contain; }
.middle-item__box { width:calc(138 * var(--middle-unit)); height:calc(158 * var(--middle-unit)); position:absolute; top:calc(32 * var(--middle-unit)); left:calc(191 * var(--middle-unit)); object-fit:contain; }
.middle-item h2 { font-size:calc(22 * var(--middle-unit)); line-height:1.5; font-weight:700; text-align:center; margin-top:calc(14 * var(--middle-unit)); }
.middle-item__sizes { display:flex; gap:calc(6 * var(--middle-unit)); justify-content:center; margin-top:calc(10 * var(--middle-unit)); }
.middle-item__sizes span { background:#f6e7d9; color:#363636; border-radius:calc(54 * var(--middle-unit)); padding:calc(8 * var(--middle-unit)) calc(14 * var(--middle-unit)); font-size:calc(12 * var(--middle-unit)); font-weight:700; line-height:1.5; }
.middle-item__pricing { display:flex; gap:calc(7 * var(--middle-unit)); align-items:center; justify-content:center; margin-top:calc(14 * var(--middle-unit)); min-height:calc(60 * var(--middle-unit)); }
.middle-item__limited { position:relative; width:calc(42 * var(--middle-unit)); height:calc(42 * var(--middle-unit)); flex-shrink:0; }
.middle-item__badge-outer { position:absolute; width:calc(42 * var(--middle-unit)); height:calc(42 * var(--middle-unit)); }
.middle-item__badge-inner { position:absolute; width:calc(38 * var(--middle-unit)); height:calc(38 * var(--middle-unit)); top:calc(2 * var(--middle-unit)); left:calc(2 * var(--middle-unit)); }
.middle-item__limited span { position:absolute; inset:calc(8 * var(--middle-unit)) 0; text-align:center; font-size:calc(11 * var(--middle-unit)); font-weight:600; letter-spacing:calc(.66 * var(--middle-unit)); line-height:1.1; }
.middle-item__price { font:600 calc(40 * var(--middle-unit))/1.5 'Outfit',sans-serif; }
.middle-item__currency { position:relative; width:calc(26 * var(--middle-unit)); height:calc(51 * var(--middle-unit)); margin-left:calc(-3 * var(--middle-unit)); }
.middle-item__currency small { font-size:calc(10 * var(--middle-unit)); color:rgba(255,255,255,.6); position:absolute; top:calc(2 * var(--middle-unit)); left:0; white-space:nowrap; }
.middle-item__currency b { font-size:calc(22 * var(--middle-unit)); line-height:2.3; position:absolute; top:0; left:calc(2 * var(--middle-unit)); }
.middle-item__tax-price { font-size:calc(12 * var(--middle-unit)); font-weight:600; line-height:4.2; padding-top:calc(10 * var(--middle-unit)); }
.middle-item__button { width:100%; display:block; text-align:center; background:#f9f08a; color:#363636; border:calc(2 * var(--middle-unit)) solid #ec8fa5; border-radius:calc(999 * var(--middle-unit)); padding:calc(16 * var(--middle-unit)) calc(10 * var(--middle-unit)); margin-top:calc(14 * var(--middle-unit)); text-decoration:none; font-size:calc(18 * var(--middle-unit)); font-weight:700; line-height:1.5; }
.middle-item__button:focus-visible { outline:calc(3 * var(--middle-unit)) solid #363636; outline-offset:calc(3 * var(--middle-unit)); }
.middle-use { min-height:calc(798 * var(--middle-unit)); background:#f6e7d9; }
.middle-use .middle-heading { min-height:calc(72 * var(--middle-unit)); }
.middle-use .middle-heading__title { font-size:calc(25 * var(--middle-unit)); }
.middle-use__steps { margin-top:calc(24 * var(--middle-unit)); display:flex; flex-direction:column; gap:calc(12 * var(--middle-unit)); }
.middle-use__line { width:100%; height:calc(1 * var(--middle-unit)); }
.middle-use__step { display:flex; gap:calc(10 * var(--middle-unit)); align-items:center; min-height:calc(96 * var(--middle-unit)); }
.middle-use__image { width:calc(96 * var(--middle-unit)); height:calc(96 * var(--middle-unit)); border-radius:calc(4 * var(--middle-unit)); object-fit:cover; flex-shrink:0; }
.middle-use__step-copy { min-width:0; flex:1; }
.middle-use__step h3 { display:flex; align-items:center; gap:calc(7 * var(--middle-unit)); font-size:calc(18 * var(--middle-unit)); line-height:2; font-weight:600; }
.middle-use__number { color:#ec8fa5; font:500 calc(24 * var(--middle-unit))/1.5 'Outfit',sans-serif; letter-spacing:calc(1.2 * var(--middle-unit)); }
.middle-use__step p { font-size:calc(14 * var(--middle-unit)); line-height:2; color:#8f8f8f; font-weight:500; }
.middle-use__point { margin-top:calc(24 * var(--middle-unit)); padding:calc(24 * var(--middle-unit)) calc(20 * var(--middle-unit)); border-radius:calc(4 * var(--middle-unit)); background:white; }
.middle-use__point header { display:flex; align-items:center; gap:calc(16 * var(--middle-unit)); }
.middle-use__profile { width:calc(78 * var(--middle-unit)); height:calc(78 * var(--middle-unit)); object-fit:contain; flex-shrink:0; }
.middle-use__point-label { color:#ec8fa5; font:500 calc(14 * var(--middle-unit))/1.5 'Outfit',sans-serif; letter-spacing:calc(.7 * var(--middle-unit)); }
.middle-use__point h3 { font-size:calc(20 * var(--middle-unit)); line-height:1.4; font-weight:700; }
.middle-use__point-body { margin-top:calc(16 * var(--middle-unit))!important; font-size:calc(15 * var(--middle-unit)); line-height:1.9; font-weight:400; }
.middle-campaign { min-height:calc(1115.1676 * var(--middle-unit)); background:#f9f08a; overflow:hidden; }
.middle-campaign__check { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.5; z-index:-2; }
.middle-campaign__hearts { position:absolute; width:117.04%; height:41.58%; top:-1.11%; left:-8.52%; object-fit:fill; z-index:-1; }
.middle-campaign__content { display:flex; flex-direction:column; gap:calc(24 * var(--middle-unit)); }
.middle-campaign .middle-heading { min-height:calc(72 * var(--middle-unit)); }
.middle-campaign .middle-heading__title { font-size:calc(26 * var(--middle-unit)); }
.middle-campaign__card { border-radius:calc(4 * var(--middle-unit)); padding:calc(24 * var(--middle-unit)) calc(20 * var(--middle-unit)); background:white; display:flex; flex-direction:column; align-items:center; }
.middle-campaign__image { aspect-ratio:358/223; width:100%; background:#d3d3d3; border-radius:calc(4 * var(--middle-unit)); overflow:hidden; margin-bottom:calc(18 * var(--middle-unit)); }
.middle-campaign__image img { width:100%; height:100%; object-fit:cover; }
.middle-campaign__count { padding:calc(6 * var(--middle-unit)) calc(18 * var(--middle-unit)); background:#ec8fa5; border-radius:calc(54 * var(--middle-unit)); font-size:calc(13 * var(--middle-unit)); line-height:1.5; color:white; font-weight:700; }
.middle-campaign__card h3 { margin-top:calc(4 * var(--middle-unit)); font-size:calc(18 * var(--middle-unit)); line-height:1.6; color:#ec8fa5; text-align:center; font-weight:700; }
.middle-campaign__card p { margin-top:calc(12 * var(--middle-unit)); font-size:calc(16 * var(--middle-unit)); line-height:1.8; font-weight:400; width:100%; }
.middle-campaign__note { font-size:calc(11 * var(--middle-unit)); line-height:2; opacity:.7; text-align:right; }
.middle-schedule { min-height:calc(492 * var(--middle-unit)); background:#ec8fa5; overflow:hidden; padding-bottom:calc(54 * var(--middle-unit)); }
.middle-schedule__flowers { position:absolute; left:0; top:0; width:100%; height:calc(194 * var(--middle-unit)); z-index:-1; }
.middle-schedule .middle-heading { color:white; }
.middle-schedule .middle-heading__eyebrow { color:inherit; }
.middle-schedule__card { margin-top:calc(24 * var(--middle-unit)); padding:calc(20 * var(--middle-unit)); border-radius:calc(4 * var(--middle-unit)); background:white; position:relative; }
.middle-schedule__list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:calc(16 * var(--middle-unit)); }
.middle-schedule__event { display:flex; gap:calc(9 * var(--middle-unit)); position:relative; }
.middle-schedule__dot { width:calc(12 * var(--middle-unit)); height:calc(12 * var(--middle-unit)); margin-top:calc(7 * var(--middle-unit)); flex-shrink:0; position:relative; z-index:1; }
.middle-schedule__event-body { min-width:0; flex:1; }
.middle-schedule__date { color:#ec8fa5; font:500 calc(16 * var(--middle-unit))/1.5 'Outfit',sans-serif; letter-spacing:calc(.8 * var(--middle-unit)); display:flex; align-items:center; gap:calc(9 * var(--middle-unit)); }
.middle-schedule__badge { background:#ec8fa5; color:white; font:700 calc(12 * var(--middle-unit))/1.5 'Noto Sans JP',sans-serif; letter-spacing:0; border-radius:calc(54 * var(--middle-unit)); padding:calc(2 * var(--middle-unit)) calc(14 * var(--middle-unit)); }
.middle-schedule__event h3 { font-size:calc(16 * var(--middle-unit)); line-height:1.5; font-weight:700; margin-top:calc(4 * var(--middle-unit)); }
.middle-schedule__store-note { font-size:calc(10 * var(--middle-unit)); line-height:1; text-align:right; color:#8f8f8f; margin-top:calc(-16 * var(--middle-unit))!important; margin-bottom:calc(6 * var(--middle-unit))!important; pointer-events:none; }
.middle-schedule__note { font-size:calc(14 * var(--middle-unit)); line-height:1.5; color:#8f8f8f; font-weight:500; margin-top:calc(4 * var(--middle-unit))!important; }
.middle-schedule__line { position:absolute; width:calc(1 * var(--middle-unit)); left:calc(26 * var(--middle-unit)); pointer-events:none; }
.middle-schedule__line--a { top:calc(38 * var(--middle-unit)); height:calc(198 * var(--middle-unit)); }
.middle-schedule__line--b { top:calc(247 * var(--middle-unit)); height:calc(59 * var(--middle-unit)); }


.middle-care__image, .middle-use__profile, .middle-box__back-image { border-radius:50%; }
.middle-box__cream--top { width:calc(284 * var(--middle-unit)); height:calc(184 * var(--middle-unit)); left:calc(-68 * var(--middle-unit)); top:calc(-15.908 * var(--middle-unit)); }
.middle-box__cream--bottom { width:calc(284 * var(--middle-unit)); height:calc(184 * var(--middle-unit)); left:calc(152.694 * var(--middle-unit)); top:calc(535.027 * var(--middle-unit)); transform:rotate(-170.11deg); }
.middle-item__bottle-crop { width:calc(145 * var(--middle-unit)); height:calc(170 * var(--middle-unit)); position:absolute; top:calc(26 * var(--middle-unit)); left:calc(28 * var(--middle-unit)); overflow:hidden; }
.middle-item__bottle-crop .middle-item__bottles { height:100%; width:100%; max-width:none; top:0; left:0; object-fit:fill; }

.middle-item__currency [data-editable] { white-space:nowrap; }
.middle-use__line { height:calc(1 * var(--middle-unit)); margin-block:calc(-.5 * var(--middle-unit)); }
.middle-schedule__event:nth-child(2) { margin-bottom:calc(4 * var(--middle-unit)); }

.middle-care__line { margin-block:calc(-.5 * var(--middle-unit)); }
.middle-use__point { padding-bottom:calc(22 * var(--middle-unit)); }

.middle-care__ref { font-size:.645em; }