body[data-page=reason] #特徴② #pp-explore-principles.is-principles-hover{display:block!important;padding:56px 48px 64px;background:transparent;color:var(--pp-ink, #013641);min-height:760px}body[data-page=reason] #特徴② #pp-explore-principles.is-principles-hover .pp-explore-scene__head{position:static!important;height:auto!important;min-height:0!important;max-height:none!important;filter:none!important;margin:0 0 24px;width:100%;padding:0}body[data-page=reason] #特徴② #pp-explore-principles.is-principles-hover .pp-explore-scene__en{color:#fff;text-shadow:var(--pp-image-heading-shadow)!important;font:var(--pp-page-label-weight,700) var(--pp-page-label-size,11px)/var(--pp-page-label-line-height,1.2) var(--pp-font-latin, "Segoe UI", sans-serif);letter-spacing:var(--pp-page-label-letter-spacing,.2em)}body[data-page=reason] #特徴② #pp-explore-principles.is-principles-hover h2{color:#fff;text-shadow:var(--pp-image-heading-shadow)!important;filter:none!important;text-decoration:none!important;font-size:var(--pp-page-title-size)!important;font-weight:var(--pp-page-title-weight,800);line-height:var(--pp-page-title-line-height,1.05);letter-spacing:var(--pp-page-title-letter-spacing,-.07em);margin:0}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover{display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);gap:32px;width:100%;align-items:start}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tabs{display:grid;align-content:center;gap:12px;padding-top:28px}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr) 28px;align-items:center;gap:20px;min-height:136px;width:100%;padding:16px 0;margin:0;background:transparent;border:0;color:var(--pp-muted, #64727c);cursor:pointer;text-align:left;font-family:inherit}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab:after{content:"";position:absolute;bottom:14px;left:108px;right:0;height:1px;background:var(--pp-border, #cfe4ef);transform-origin:left;transition:background .18s ease-out}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab[aria-selected=true]:after{background:var(--principle-color);right:-24px}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__icon{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--principle-color);color:#fff;font-size:45px;transition:transform .18s cubic-bezier(.2,.8,.2,1)}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab[aria-selected=true] .pp-principles-hover__icon,body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab:hover .pp-principles-hover__icon,body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab:focus-visible .pp-principles-hover__icon{transform:scale(1.16)}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__heading{font-size:clamp(17px,calc(1.55 * var(--pp-wide-vw, 1vw)),23px);font-weight:700;line-height:1.6}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__heading>span{display:block}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab[aria-selected=true]{color:var(--pp-deep, #004a99)}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__arrow{font-size:30px;color:var(--principle-color)}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab[aria-selected=true] .pp-principles-hover__arrow{color:var(--principle-color)}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab:focus-visible,body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__play:focus-visible,body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__panel:focus-visible{outline:2px solid var(--pp-deep, #004a99);outline-offset:5px}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__panel{min-width:0;scroll-margin-top:120px}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__panel[hidden]{display:none}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__figure{margin:0}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__frame{position:relative;overflow:hidden;width:100%;aspect-ratio:1280 / 844;border-radius:4px;background:var(--pp-surface-soft, #eef7fc)}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__frame video{display:block;width:100%;height:100%;object-fit:cover}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__play{display:grid;place-items:center;position:absolute;right:12px;bottom:12px;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--pp-border, #cfe4ef);color:var(--pp-ink, #013641);background:#fff;font-size:22px;cursor:pointer}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__play[hidden]{display:none}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__english{margin:18px 0 24px;font-family:Segoe UI Light,Segoe UI,Helvetica Neue,sans-serif;font-size:clamp(20px,calc(2.3 * var(--pp-wide-vw, 1vw)),38px);line-height:1.4;font-weight:300;letter-spacing:.13em;color:var(--principle-color, var(--pp-primary-strong, #2f8eb6));white-space:nowrap}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__copy p{text-shadow:none!important;filter:none!important;margin:0;color:var(--pp-ink, #013641);font-size:15px;font-weight:400;line-height:1.9}@media(max-width:1199px){body[data-page=reason] #特徴② #pp-explore-principles.is-principles-hover{padding:48px 32px}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover{gap:24px}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab{grid-template-columns:64px minmax(0,1fr) 24px;gap:12px;min-height:120px}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__icon{width:64px;height:64px;font-size:34px}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab:after{left:76px}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__heading{font-size:17px}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__english{font-size:24px;letter-spacing:.1em}}@media(max-width:900px){body[data-page=reason] #特徴② #pp-explore-principles.is-principles-hover{min-height:0}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover{grid-template-columns:minmax(0,1fr);gap:24px}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tabs{padding-top:0;gap:0}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab{min-height:92px;padding:12px 0}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab[aria-selected=true]:after{right:0}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab:after{bottom:0}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__english{font-size:clamp(19px,calc(4.2 * var(--pp-wide-vw, 1vw)),32px);white-space:normal;overflow-wrap:anywhere}}@media(max-width:600px){body[data-page=reason] #特徴② #pp-explore-principles.is-principles-hover{padding:32px 24px}body[data-page=reason] #特徴② #pp-explore-principles.is-principles-hover h2{font-size:31px!important}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab{grid-template-columns:56px minmax(0,1fr) 24px;gap:16px}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__icon{width:56px;height:56px;font-size:30px}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__heading{font-size:17px}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab:after{left:72px}}@media(prefers-reduced-motion:reduce){body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__icon{transition:none;transform:none!important}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__tab:after{transition:none}}body[data-page=reason] #特徴② #pp-explore-principles.is-principles-hover .pp-explore-scene__head :is(h2,.pp-explore-scene__en){color:#fff!important;text-shadow:var(--pp-image-heading-shadow)!important;filter:none!important}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}body[data-page=reason] #特徴② #pp-explore-principles .pp-principles-hover__poster[hidden]{display:none}