/* utility.css｜写真の表示位置・ページごとの細かい調整（旧 style 属性）
   HTML に直接書いていた style 属性を、ここのクラスにまとめました。
   - pos-X-Y：写真の表示位置（object-position: X% Y%）。WordPressでは管理画面で選べる入力欄にすると便利です
   - ep-*：エントリー欄の上の波線の色（直前のセクションの背景色に合わせる）。body に付けます
   - !important は、旧 style 属性と同じ強さにするためです */
.ar-3-2{aspect-ratio:3000/2046 !important;}
.col-2{grid-column:2 !important;}
.cols-5{--cols:5 !important;}
.img-cover{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
.lead-xl{margin-bottom:clamp(40px,5vw,64px) !important;font-size:clamp(20px,2vw,28px) !important;font-weight:700 !important;line-height:1.7 !important;letter-spacing:.06em !important;}
.mt-l{margin-top:clamp(36px,4vw,56px) !important;}
.mt-xl{margin-top:clamp(64px,7vw,100px) !important;}
.pos-32-50{object-position:32% 50% !important;}
.pos-40-0{object-position:40% 0% !important;}
.pos-40-20{object-position:40% 20% !important;}
.pos-45-30{object-position:45% 30% !important;}
.pos-46-22{object-position:46% 22% !important;}
.pos-50-20{object-position:50% 20% !important;}
.pos-50-25{object-position:50% 25% !important;}
.pos-50-30{object-position:50% 30% !important;}
.pos-50-35{object-position:50% 35% !important;}
.pos-50-40{object-position:50% 40% !important;}
.pos-50-45{object-position:50% 45% !important;}
.pos-50-50{object-position:50% 50% !important;}
.pos-50-72{object-position:50% 72% !important;}
.pos-60-32{object-position:60% 32% !important;}
.pos-70-30{object-position:70% 30% !important;}
.pos-75-25{object-position:75% 25% !important;}
.steps-4{--steps:4 !important;}
.mb-l{margin-bottom:clamp(40px,5vw,64px) !important;}
.w-840{max-width:840px !important;}
.w-960{max-width:960px !important;}
.zoom-b{transform:scale(1.15) !important;transform-origin:50% 100% !important;}
.zoom{transform:scale(1.15) !important;transform-origin:50% 90% !important;}
body.ep-blue{--entry-prev:#1461D2 !important;}
body.ep-gray{--entry-prev:#f2f2f2 !important;}
body.ep-white{--entry-prev:#fff !important;}
#entry > .sec-curve path{fill:var(--entry-prev,#fff);}