/* コラムページ共通（旧サイトのクラス名をそのまま使用。色は華厳の会の緑に合わせた） */
.page-head { padding: 32px 0 28px; color: #fff; background: linear-gradient(170deg, #1f4a2a 0%, #2e6b2e 60%, #1a3d24 100%); }
.page-head .site { margin: 0 0 6px; font-size: 15px; letter-spacing: .08em; }
.page-head .site a { color: #f0dc9a; text-decoration: none; }
.page-head h1 { margin: 0; font-size: clamp(21px, 3.6vw, 30px); font-weight: 700; line-height: 1.6; }
.col-main { padding: 40px 0 64px; background: #fff; }
.col-body { max-width: 860px; }

/* 間隔（旧サイトの共通クラス） */
.u-m0{margin: 0 !important;}
.u-mt10{margin-top: 10px !important;}
.u-mt15{margin-top: 15px !important;}
.u-mt20{margin-top: 20px !important;}
.u-mt30{margin-top: 30px !important;}
.u-mt40{margin-top: 40px !important;}
.u-mt50{margin-top: 50px !important;}
.u-mt60{margin-top: 60px !important;}
.u-mt1em{margin-top: 1em !important;}
.u-mb10{margin-bottom: 10px !important;}
.u-mb15{margin-bottom: 15px !important;}
.u-mb20{margin-bottom: 20px !important;}
.u-mb30{margin-bottom: 30px !important;}
.u-mb40{margin-bottom: 40px !important;}
.u-mb50{margin-bottom: 50px !important;}
.u-mb60{margin-bottom: 60px !important;}
.u-mb1em{margin-bottom: 1em !important;}
.u-p0{padding: 0 !important;}
.u-p10{padding: 10px !important;}
.u-p15{padding: 15px !important;}
.u-p20{padding: 20px !important;}
.u-pt10{padding-top: 10px !important;}
.u-pt20{padding-top: 20px !important;}
.u-pt30{padding-top: 30px !important;}
.u-pt40{padding-top: 40px !important;}
.u-pt50{padding-top: 50px !important;}
.u-pt60{padding-top: 60px !important;}
.u-pt1em{padding-top: 1em !important;}
.u-pb10{padding-bottom: 10px !important;}
.u-pb20{padding-bottom: 20px !important;}
.u-pb30{padding-bottom: 30px !important;}
.u-pb40{padding-bottom: 40px !important;}
.u-pb50{padding-bottom: 50px !important;}
.u-pb60{padding-bottom: 60px !important;}
.u-pb1em{padding-bottom: 1em !important;}


/* 本文 */
.l-container { word-break: normal; }
.l-heading-secondary { margin: 40px 0 20px; padding: 12px 20px; font-size: clamp(20px, 3vw, 25px); font-weight: 500; color: var(--green); background: #f1f1f1; border-top: 3px solid #ddd; border-bottom: 1px solid #ccc; line-height: 1.5; }
.l-tertiary { margin: 28px 0 10px; padding-left: 12px; border-left: 6px solid var(--green); font-size: 20px; color: var(--green-deep); line-height: 1.5; }
.c-block { overflow: hidden; }
.c-block p, .c-s-block p, .text_area p { margin: 0 0 1em; }
.c-endblock { background: #ffffe0; border: solid 1px #fffacd; padding: 18px 18px 2px; }
.img-left-s, .img-right-s, .img-left-l, .img-right-l { float: none; margin: 0 0 4%; width: 100%; }
.img-left-s img, .img-right-s img, .img-left-l img, .img-right-l img { width: 100%; vertical-align: middle; border-radius: 4px; }

/* メインバナー（旧 .c-head-mv。背景画像は各ページのstyle属性で指定） */
.c-head-mv { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; box-sizing: border-box; width: 100%; padding: 1em; background-color: #333; background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; font-size: 20px; font-weight: 700; line-height: 1.4; }
.c-head-mv span { position: relative; padding: 1em; background: rgba(0,0,0,.5); }

/* 記事一覧の囲み（旧サイトのピンクを、サイトの緑に変更） */
.c-pagelink { margin: 0; padding: 20px 20px 5px !important; background: var(--green-pale); border: solid 1px var(--green); }
.c-pagelink li { margin: 0 0 20px 20px; line-height: 1.8; }
.c-linkblock h2, .c-nap h2, .text_area h2 { margin: 0 0 20px; font-size: clamp(20px, 3vw, 24px); font-weight: 700; color: var(--green-deep); line-height: 1.6; }
.text_area h2 { margin: 0 0 15px; }
.text_area { margin: 40px 0 0; }

/* 会社情報の表 */
.c-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 17px; }
.c-table th, .c-table td { padding: 12px 14px; border: 1px solid var(--line); vertical-align: middle; line-height: 1.7; }
.c-table th { width: 29%; background: var(--green-pale); }

/* ボタン */
.c-btn { margin: 32px 0; text-align: center; }
.c-btn-anchor { display: inline-block; width: 80%; padding: 15px 20px; background: #336633; color: #fff !important; font-family: var(--sans); font-weight: 700; text-decoration: none; transition: .2s; }
.c-btn-anchor:hover { opacity: .75; }

@media (min-width: 960px) {
  .img-left-s { float: left; margin: 0 4% 4% 0; width: 35%; }
  .img-right-s { float: right; margin: 0 0 4% 4%; width: 35%; }
  .img-left-l { float: left; margin: 0 4% 4% 0; width: 30%; }
  .img-right-l { float: right; margin: 0 0 4% 4%; width: 30%; }
  .c-btn-anchor { width: 40%; font-size: 17px; }
  .c-head-mv { min-height: 220px; }
}

/* マガジンページ（対談記事） */
.mag .mag-fig { margin: 0 0 1.5em; }
.mag .mag-fig img { border-radius: 4px; }
.mag .mag-fig:has(img[src$="magazine.jpg"]) img { max-width: 215px; }
.mag-hr { margin: 32px 0; border: 0; border-top: 1px solid var(--line); }
.mag-name { margin: 0 0 .8em; font-size: 18px; }