/* エアライン平和党通信 vol.2  PC: 769px以上 / SP: 769px未満 */
html,body{background:#FFFFFF}
body{margin:0;font-family:"Noto Sans JP",system-ui,sans-serif;color:#13325E;overflow-x:clip;-webkit-text-size-adjust:100%}
img{max-width:none}
.v-sp{display:none}
@media (max-width:768px){.v-pc{display:none}.v-sp{display:block}}

/* ===== PC ===== */
.v-pc{--inner:clamp(1080px, calc(1200px + (100vw - 1440px) * 0.45), 1452px);--gut:calc((100% - var(--inner)) / 2);--ink:#13325E;--navy:#0E3A7A;--blue:#1A63C6;--paper:#FFFFFF;--sky:#CFE7FA;--rule:#DCE6F2;--hud:rgba(14,58,122,.88);color-scheme:light}
.v-pc a{color:var(--blue)}
.v-pc .page{width:100%;min-width:0;position:relative}
.v-pc .gut{padding-left:var(--gut)!important;padding-right:var(--gut)!important}
.v-pc .pr-wrap{position:relative;max-width:1440px;height:100%;margin:0 auto}
.v-pc .pr-img{position:absolute;left:0;top:0;width:clamp(560px, 47.2%, 680px);height:804px;object-fit:cover;object-position:center 30%}
.v-pc .pr-text{position:absolute;top:96px;left:calc(clamp(560px, 47.2%, 680px) + clamp(56px, 5.56%, 80px));width:560px;display:flex;flex-direction:column}
.v-pc .fv-col{left:calc(44% - 420px)!important}
.v-pc .abs{position:absolute!important}
.v-pc .serif{font-family:'Noto Serif JP','Hiragino Mincho ProN',serif}
.v-pc .idx{display:flex;align-items:center;gap:14px;font-family:'Noto Serif JP',serif;font-size:14px;font-weight:700;letter-spacing:.24em;color:var(--blue)}
.v-pc .idx i{font-style:normal;font-size:22px;letter-spacing:0;color:var(--navy)}
.v-pc .idx b{display:block;width:48px;height:1px;background:var(--blue)}
@keyframes fvZoom{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes fvUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes fvFade{from{opacity:0}to{opacity:1}}
@keyframes volIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
.v-pc .fv-bg{animation:fvZoom 2.4s cubic-bezier(.2,.7,.2,1) both}
.v-pc .fv-a{animation:fvUp .7s cubic-bezier(.2,.8,.3,1) both}
.v-pc .fv-a.d1{animation-delay:.3s}
.v-pc .fv-a.d2{animation-delay:.6s}
.v-pc .fv-a.d3{animation-delay:.8s}
.v-pc .fv-a.d4{animation-delay:1.1s}
.v-pc .fv-a.d5{animation-delay:1.4s}
.v-pc .fv-vol{animation:volIn .7s cubic-bezier(.2,.8,.3,1) 2s both}
.v-pc .fv-f{animation:fvFade 1.2s ease-out 1.6s both}
.v-pc .intro{position:relative;height:max(calc(100vh - 80px),780px)}
.v-pc .fv-stage{position:absolute;left:0;top:0;width:100%;height:calc(100vh - 80px);min-height:640px;overflow:hidden;background:var(--sky)}
.v-pc .present-layer{position:absolute!important;left:0;top:0;width:100%;z-index:2;opacity:0;visibility:hidden}
.v-pc .fv-photo{position:absolute;left:0;bottom:auto;width:100%;max-width:none;height:max(calc(119% + 30px), 62vw);top:max(calc(100% - max(calc(119% + 30px), 62vw)), calc(6px - 0.2216 * max(calc(119% + 30px), 62vw)));object-fit:cover;object-position:15% 0}
@media (max-aspect-ratio:17/10){.v-pc .fv-photo{object-position:25% 0}}
@media (min-aspect-ratio:37/20){.v-pc .fv-photo{object-position:0% 0}}
.v-pc .is-static .fv-photo{height:calc(38.3vw + 415px);top:max(calc(100% - 38.3vw - 415px), calc(6px - 0.2216 * (38.3vw + 415px)));object-position:25% 0}
.v-pc .fv-camp{position:relative;isolation:isolate}
.v-pc .fv-camp::before{content:"";position:absolute;left:-5%;right:-5%;top:-55%;bottom:-55%;z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.32) 45%, rgba(255,255,255,0) 100%)}
.v-pc .fv-bottom{position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 85%)}
.v-pc .fv-layer{position:absolute;left:0;top:0;width:100%;height:780px;transform-origin:top center;transform:scale(var(--s,1))}
.v-pc .fv-main{position:absolute;inset:0}
.v-pc .fv-cover .fv-col{isolation:isolate}
.v-pc .fv-cover .fv-col::before{content:"";position:absolute;left:-6%;right:-6%;top:-40px;bottom:-50px;z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%, rgba(255,255,255,0.62) 0%, rgba(255,255,255,0.42) 55%, rgba(255,255,255,0) 100%)}
.v-pc .fv-lead{position:absolute;left:calc(44% - 420px);top:300px;width:840px;margin:0;text-align:center;font-family:'Noto Serif JP',serif;font-size:24px;font-weight:700;line-height:2.1;letter-spacing:.08em;color:var(--navy);text-shadow:0 0 14px #fff,0 0 6px #fff,0 0 2px #fff;opacity:0;visibility:hidden}
.v-pc .fv-white{position:absolute;inset:0;background:var(--paper);opacity:0;pointer-events:none}
.v-pc .static-lead{display:none;padding:40px 0 88px;text-align:center;font-family:'Noto Serif JP',serif;font-size:24px;font-weight:700;line-height:2;letter-spacing:.08em;color:var(--navy)}
.v-pc .is-static .intro{height:auto}
.v-pc .is-static .fv-stage{position:relative;height:780px}
.v-pc .is-static .present-layer{position:relative!important;opacity:1;visibility:visible}
.v-pc .is-static .fv-lead{display:none}
.v-pc .is-static .static-lead{display:block}
.v-pc .sky{position:relative;overflow:hidden}
.v-pc .sky>*{position:relative;z-index:1}
.v-pc .sky>.bg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:0}
.v-pc .sky>.fade{-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}
@media (prefers-reduced-motion:reduce){.v-pc *{animation:none!important}}
.v-pc .rule{position:absolute;left:0;right:0;bottom:0;height:1px;background:#C9D9EC;transform-origin:left center}
@media (prefers-reduced-motion:reduce){.v-pc .fv-bg,.v-pc .fv-a,.v-pc .fv-vol,.v-pc .fv-f{animation:none}}
@media (max-width:1199px){.v-pc .intro{height:var(--ivh, calc(100vh - 80px))}
.v-pc .fv-stage{min-height:0;height:var(--fvh, calc(100vh - 80px));background-repeat:no-repeat}
.v-pc .is-static .fv-stage{height:var(--fvh, calc(780px * var(--z, 1)))}
.v-pc .present-layer,.v-pc #howZone,.v-pc #outline,.v-pc #entry,.v-pc footer{zoom:var(--z, 1)}
.v-pc .fv-bottom{height:90px}
.v-pc .pr-after .fv-layer{z-index:2}
.v-pc .pr-after #present{position:relative!important;opacity:1;visibility:visible}
.v-pc header > div,.v-pc header > nav{zoom:max(var(--z, 1), 0.8)}
.v-pc header > nav{gap:clamp(18px, calc(36px - (1200px - 100vw) * 0.04), 36px)!important}
.v-pc #present div.pr-meta{flex-wrap:wrap;row-gap:calc(14px / var(--z, 1));column-gap:16px;padding-right:max(0px, calc(16px / var(--z, 1) - 6px))}
.v-pc #present div.pr-meta > p{white-space:nowrap}
.v-pc #present div.pr-meta > a{white-space:nowrap;flex-shrink:0}}

/* ===== SP ===== */
.v-sp{--ink:#13325E;--navy:#0E3A7A;--blue:#1A63C6;--paper:#FFFFFF;--sky:#E3F0FB;--mist:#F4F8FC;color-scheme:light}
.v-sp a{color:var(--blue)}
.v-sp .page{--fvmax:740px;width:100%;max-width:480px;margin:0 auto;position:relative;background:var(--mist);box-shadow:0 0 0 1px rgba(14,58,122,.06)}
.v-sp .abs{position:absolute!important}
.v-sp .serif{font-family:'Noto Serif JP','Hiragino Mincho ProN',serif}
.v-sp .idx{display:flex;align-items:center;gap:10px;font-family:'Noto Serif JP',serif;font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--blue)}
.v-sp .idx i{font-style:normal;font-size:18px;letter-spacing:0;color:var(--navy)}
.v-sp .idx b{display:block;width:32px;height:1px;background:var(--blue)}
.v-sp .sky{position:relative;overflow:hidden}
.v-sp .sky>*{position:relative;z-index:1}
.v-sp .sky>.bg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:0}
.v-sp .rule{position:absolute;left:0;right:0;bottom:0;height:1px;background:#C9D9EC;transform-origin:left center}
@keyframes spFvZoom{from{transform:scale(1.06)}to{transform:scale(1)}}
@keyframes spFvUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes spFvFade{from{opacity:0}to{opacity:1}}
.v-sp .fv-photo{animation:spFvZoom 2.4s cubic-bezier(.2,.7,.2,1) both}
.v-sp .fv-a{animation:spFvUp .7s cubic-bezier(.2,.8,.3,1) both}
.v-sp .fv-a.d1{animation-delay:.2s}
.v-sp .fv-a.d2{animation-delay:.45s}
.v-sp .fv-a.d3{animation-delay:.65s}
.v-sp .fv-a.d4{animation-delay:.9s}
.v-sp .fv-a.d5{animation-delay:1.1s}
.v-sp .fv-f{animation:spFvFade 1.2s ease-out 1.3s both}
.v-sp .fv{position:relative;height:clamp(640px, calc(100svh - 56px), var(--fvmax));overflow:hidden;background:#DCEEFB}
.v-sp .fv-clouds{position:absolute;left:0;top:0;width:100%;height:58%;object-fit:cover;object-position:center 30%;opacity:.8}
.v-sp .fv-photo{position:absolute;left:0;top:calc(398px - 0.6642 * min(100vw, 768px));width:100%;max-width:none;height:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-image:linear-gradient(180deg,transparent 0,#000 22%)}
.v-sp .fv-veil{position:absolute;left:0;top:0;width:100%;height:60%;background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,0))}
.v-sp .fv-foot{position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(180deg,rgba(255,255,255,0),#FFFFFF)}
.v-sp .fv-content{position:relative;z-index:2;padding:30px 20px 0;display:flex;flex-direction:column;align-items:center;text-align:center}
.v-sp .glow{text-shadow:0 0 10px #fff,0 0 4px #fff}
.v-sp .fv-script{position:absolute;left:14px;top:500px;z-index:2;margin:0;font-family:'Dancing Script',cursive;font-size:24px;line-height:1.2;color:var(--blue);transform:rotate(-14deg);text-shadow:0 0 8px #fff,0 0 4px #fff}
.v-sp .fv-wrap{position:relative;height:calc(clamp(640px, calc(100svh - 56px), var(--fvmax)) + clamp(440px, 80svh, 640px));background:#FFFFFF}
.v-sp .fv-sticky{position:sticky;top:calc(56px + env(safe-area-inset-top, 0px))}
.v-sp .fv-lead-box{position:absolute;left:0;right:0;top:0;z-index:3;height:calc(min(100%, 100svh - 56px) * 0.78);display:flex;align-items:center;justify-content:center;padding:0 24px;box-sizing:border-box;pointer-events:none}
.v-sp .fv-lead{margin:0;text-align:center;font-family:'Noto Serif JP',serif;font-size:19px;font-weight:700;line-height:2.1;letter-spacing:.06em;color:var(--navy);text-shadow:0 0 14px #fff,0 0 6px #fff,0 0 2px #fff;opacity:0}
.v-sp .static-lead{display:none;margin:0;padding:40px 24px 48px;text-align:center;font-family:'Noto Serif JP',serif;font-size:18px;font-weight:700;line-height:2.1;letter-spacing:.06em;color:var(--navy);background:#FFFFFF}
.v-sp .is-static .fv-wrap{height:auto}
.v-sp .is-static .fv-sticky{position:relative;top:0}
.v-sp .is-static .fv-lead-box{display:none}
.v-sp .is-static .static-lead{display:block}
@media (prefers-reduced-motion:reduce){.v-sp .fv-wrap{height:auto}
.v-sp .fv-sticky{position:relative;top:0}
.v-sp .fv-lead-box{display:none}
.v-sp .static-lead{display:block}}
.v-sp #sp-present{border-top-color:transparent!important}
.v-sp .tap{position:relative}
.v-sp .tap::before{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:44px;transform:translateY(-50%)}
@media (prefers-reduced-motion:reduce){.v-sp .fv-photo,.v-sp .fv-a,.v-sp .fv-f{animation:none}}
@media (min-width:431px){.v-sp .page{max-width:768px;--fvmax:max(740px, calc(438px + 0.627 * min(100vw, 768px)))}
.v-sp #sp-prImg{height:min(calc(400px + (100vw - 430px) * 0.8), 670px)!important}
.v-sp #sp-how .how-step > a[href="#sp-entry"]{justify-self:center;width:100%;max-width:360px;box-sizing:border-box}
.v-sp #sp-enBtn{max-width:360px;margin-left:auto;margin-right:auto}}
@media (min-width:600px){.v-sp .page{--fvmax:max(740px, calc(428px + 0.7025 * min(100vw, 768px)))}
.v-sp .fv-photo{top:auto;bottom:calc(10px - 0.377 * (0.9286 * min(100vw, 768px) - 87px));left:auto;right:0;width:calc(0.9286 * min(100vw, 768px) - 87px);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%),linear-gradient(90deg,transparent 0,#000 14%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 16%),linear-gradient(90deg,transparent 0,#000 14%);mask-composite:intersect}
.v-sp .fv-content{isolation:isolate}
.v-sp .fv-content::before{content:"";position:absolute;left:0;right:0;top:10px;bottom:-24px;z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0) 100%)}
.v-sp .fv-content{padding-top:34px}
.v-sp .fv-content > p:nth-child(1),.v-sp .fv-content > p:nth-child(3){font-size:calc(5.6px + 1.07vw)!important}
.v-sp .fv-content > p:nth-child(2){font-size:calc(11.3px + 1.43vw)!important}
.v-sp .fv-content > p:nth-child(2) > span{font-size:calc(8px + 1vw)!important}
.v-sp .fv-content > p:nth-child(4){margin-top:30px!important;font-size:calc(11.7px + 2.38vw)!important;gap:8px!important}
.v-sp .fv-content > p:nth-child(4) > span{width:16px!important}
.v-sp .fv-content > h1{margin-top:10px!important}
.v-sp .fv-content > h1 > span:nth-child(1){font-size:calc(17.4px + 4.76vw)!important}
.v-sp .fv-content > h1 > span:nth-child(2){font-size:calc(11.4px + 4.76vw)!important}
.v-sp .fv-content > p:nth-child(6){margin-top:20px!important;font-size:calc(11.7px + 2.38vw)!important}
.v-sp .fv-content > p:nth-child(6) > span{font-size:calc(18.9px + 3.57vw)!important}
.v-sp .fv-content > a{margin-top:26px!important;height:56px!important;padding:0 36px!important;border-radius:28px!important;font-size:18px!important}
.v-sp #sp-present{display:grid;grid-template-columns:min(45%, 420px) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:28px;align-items:start;padding:56px 24px!important}
.v-sp #sp-present > div:first-child{grid-column:2;grid-row:1;padding:0!important}
.v-sp #sp-prImg{grid-column:1;grid-row:1 / span 3;width:100%!important;height:auto!important;aspect-ratio:420 / 490;margin-top:0!important}
.v-sp #sp-prTitle{grid-column:2;grid-row:2;margin:20px 0 0!important;padding:0!important}
.v-sp #sp-prTitle > span:nth-child(2){font-size:clamp(112px, 19.5vw, 150px)!important}
.v-sp #sp-prTitle > span:nth-child(1){font-size:clamp(23px, 3.6vw, 27px)!important}
.v-sp #sp-prTitle > span:nth-child(3){font-size:clamp(32px, 5vw, 38px)!important}
.v-sp #sp-present > div:last-child{grid-column:2;grid-row:3;padding:0!important}}
