/* ===================================================
共通・汎用
 =================================================== */

/* フォント */
.mincho { font-family:"Noto Serif JP", serif; }
.zenkakunew { font-family:"Zen Kaku Gothic New", sans-serif; }

/* ページタイトル */
div.page-title, div.title-image { aspect-ratio:375/274; position:relative; z-index:1; height:auto; width:100%; }
div.page-title { background-image:linear-gradient(85deg, #46AEEB 12.32%, #386ECD 44.12%, #2B32B2 95.41%); margin-bottom:40px; position:relative; z-index:1; }
div.title-image { background-size:cover; background-repeat:no-repeat; background-position:center center; clip-path:ellipse(74% 95% at 75% 96%); position:absolute; bottom:0; right:0; height:100%; width:100%; z-index:1; }
img.page-image-title { position:absolute; left:20px; bottom:32px; z-index:2; }
div.title-image::before { background-image:linear-gradient(294deg, rgba(97, 222, 222, 0.00) 26.78%, rgba(57, 132, 172, 0.50) 65.57%); content:''; display:block; position:absolute; height:100%; width:100%; z-index:-1; }

/* パンくず */
ul.breadcrumbs { display:none; }

/* メイン */
main { margin-bottom:50px; }

/* 見出し */
.icon-midahi { color:var(--bl); font-size:24px; font-weight:700; text-align:center; margin-bottom:28px; }
.icon-midahi::before { background-size:cover; background-position:center; background-repeat:no-repeat; background-image:url(../img/icon/midashi-icon.svg); content:''; display:inline-block; margin-right:8px; vertical-align:bottom; height:29px; width:32px; }

/* 共通部分 */
.greeting-content article p, section.safety-content p, p.read-text, ul.count-list li, section.declaration p.text, section.initiatives ul li, section.services-content div.text-block p, p.read-text, ul.form-list li p, section.faq ul li, div.card-text h3, div.card-text p { font-size:16px; font-weight:400; line-height:200%; }

@container( min-width:960px ) {

/* 見出し */
.icon-midahi { font-size:36px; margin-bottom:40px; }
.icon-midahi::before { margin-right:16px; vertical-align:text-top; height:52px; width:46px; }

}

@media( min-width:960px ) {

/* ページタイトル */
div.page-title, div.title-image { aspect-ratio:16/9; height:auto; width:100%; }
div.title-image { clip-path:ellipse(74% 85% at 74% 96%); }
img.page-image-title { top:200px; left:10vw; bottom:auto; }
div.title-image::before { background-image:linear-gradient(294deg, rgba(97, 222, 222, 0.00) 26.78%, rgba(57, 132, 172, 0.50) 65.57%); }

/* パンくず */
ul.breadcrumbs { display:flex; gap:8px; justify-content:flex-start; padding:14px 0 32px 0; margin:0 auto; max-width:1170px; }
ul.breadcrumbs li { font-size:12px; font-weight:400; line-height:200%; }

/* メイン */
main { margin-bottom:250px; }

}