/*********************************************
最新情報（News/Column） 2カラム（PC）／1カラム（SP）
トップのみ適用（セレクタ強化版）
*********************************************/
.home section#news-column-list.simple-list{
  max-width:1100px;
  margin:0 auto;
  padding:40px 16px;
  box-sizing:border-box;
}

/* レイアウト：SP=1カラム / PC=2カラム（等幅） */
.home section#news-column-list.simple-list .ncl-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
}
@media (min-width:992px){
  .home section#news-column-list.simple-list .ncl-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:48px;
    align-items:start;
    width:100%;
    box-sizing:border-box;
  }
}

/* カラム箱 */
.home section#news-column-list.simple-list .ncl-block{
  background:#fff;
  min-width:0;
}

/* 見出し（英 ↲ 日で改行） */
.home section#news-column-list.simple-list .ncl-title{
  display:block;
  font-size:26px;
  line-height:1.4;
  margin:0 0 40px;
}
.home section#news-column-list.simple-list .ncl-title .ncl-sub{
  display:block;
  margin-top:4px;
  font-size:14px;
  color:#761A31;
  letter-spacing:.02em;
}

/* リスト本体 */
.home section#news-column-list.simple-list .ncl-list{
  list-style:none;
  margin:0;
  padding:0;
}
.home section#news-column-list.simple-list .ncl-list li{
  display:block;
  margin:0 0 14px;
  line-height:1.3;
}
/* 視覚的な区切り線（本文より少し下に） */
.home section#news-column-list.simple-list .ncl-list li::after{
  content:"";
  display:block;
  height:0;
  border-bottom:1px dashed #ddd;
  margin-top:6px;
}

/* 日付行（1行固定・詰め気味） */
.home section#news-column-list.simple-list .ncl-list li .ncl-date{
  display:block;
  white-space:nowrap;
  font-size:13px;
  color:#666;
  margin-bottom:-10px;   /* 日付 ↘ タイトルの隙間 */
  line-height:1;
}

/* タイトル行（1行省略・文字数ベースの幅制御） */
.home section#news-column-list.simple-list .ncl-list li a.ncl-link,
.home section#news-column-list.simple-list .ncl-list li a.ncl-link.ncl-link{ /* 詳細度上げ */
  display:inline-block;
  max-width:45ch;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis;
  word-break:normal !important;
  overflow-wrap:normal !important;
  color:#111;
  text-decoration:none;
}
.home section#news-column-list.simple-list .ncl-list li a.ncl-link:hover{
  text-decoration:underline;
}

/* 画面幅で可読性を微調整 */
@media (min-width:1200px){
  .home section#news-column-list.simple-list .ncl-list li a.ncl-link{ max-width:55ch; }
}
@media (max-width:767.98px){
  .home section#news-column-list.simple-list .ncl-list li a.ncl-link{ max-width:40ch; }
}

/* 一覧リンク */
.home section#news-column-list.simple-list .ncl-more{ margin:12px 0 0; }
.home section#news-column-list.simple-list .ncl-more a{
  text-decoration:none;
  border-bottom:1px solid #111;
  padding-bottom:2px;
}
.home section#news-column-list.simple-list .ncl-more a:hover{ opacity:.8; }

/* 任意：セクション大見出し（Updates／最新情報） */
.home .updates-section-title{
  text-align:center;
  margin:0 auto 12px;
  font-size:28px;
  line-height:1.3;
}
.home .updates-section-sub{
  text-align:center;
  margin:0 auto 24px;
  font-size:14px;
  color:#666;
}

/* 「お知らせをもっと見る」「コラム記事をもっと見る」ボタン統一デザイン */
.home #news-column-list .ncl-more {
  text-align: left;         /* 左寄せ */
  margin-top: 40px;         /* リストとの距離を広げる */
}

.home #news-column-list .ncl-more a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 220px;              /* 少し小ぶりに調整 */
  height: 56px;
  border-radius: 56px;
  background: #000;
  color: #fff !important;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.home #news-column-list .ncl-more a:hover {
  opacity: 0.8;
  transform: translateY(2px);
}

.home #news-column-list .ncl-list {
  margin-bottom: 40px!important;  /* ボタンとの距離を確保 */
}



/*********************************************
*********************************************
*********************************************
*********************************************
*********************************************
↓↓↓↓↓　CSS臨時調整（2025-07-11） ↓↓↓↓↓
*********************************************
*********************************************
*********************************************
*********************************************/

body.page-id-272 h2.catch.rich_font_type2::before {
  content: "";
  display: block;
  width: 300px;
  height: 109px;
  margin-bottom: 0.4em; /* キャッチコピーとの間隔 */
  background-image: url('https://health-beauty-soleil.jp/img/logo_topmv.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  opacity: 1;
}

/*********************************************
トップMV：右端の固定ボタンと被るのを回避
ブラウザ幅 < 1612px で #header_slider_content を 85% にする
*********************************************/
@media (max-width: 1611.98px) {
  .home #header_slider_content {
    width: 85% !important;
    box-sizing: border-box;
  }
}

/*********************************************
丸の内ソレイユ 強みセクション
*********************************************/

/* 全体 */
.page-id-272 .strengths {
  max-width: 1100px;
  margin: 0 auto;
  padding: 32px 16px;
}

/* ヒーロー画像 */

.page-id-272 .strengths p{
	max-width: 1100px!important;
}

.page-id-272 .strengths-hero {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 32px;
}

/* リストリセット */
.page-id-272 .strengths-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 各項目 */
.page-id-272 .strength-item {
  position: relative;
  padding: 16px 0 16px 44px;       /* 左インデントをアイコンサイズに合わせて */
  border-bottom: 1px dashed #761A31;
  font-size: 20px!important;                  /* メインテキスト */
  line-height: 1.6;
  font-weight: 500;
}

/* チェックマークアイコン */
.page-id-272 .strength-item::before {
  content: "";
  position: absolute;
  top: 20px; /* アイコンとテキストのベースラインを揃える */
  left: 0;
  width: 28px;
  height: 28px;
  background: url("https://health-beauty-soleil.jp/wp-content/uploads/2025/05/check-icon.png")
              no-repeat center/contain;
}

/* サブテキスト */
.page-id-272 .strength-sub {
  display: block;
  margin-top: 8px;
  font-size: 14px!important;
  color: #555;
  line-height: 1.4;
}

/*********************************************
Expertise セクション
*********************************************/
@media (max-width: 1200px) {
  .page-id-272 #cb_content_2 .post_content {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
}

/*********************************************
弁護士紹介 セクション（下層の「弁護士一覧」ページも共通）
*********************************************/

.staff_list_type1 h5.name{
	font-size: 1.5em!important;
	font-weight: bold;
	margin-bottom: 0.4em;
}

.staff_list_type1 h5.name .role {
  font-weight: normal;
  font-size: 16px;
	vertical-align: middle!important;
}

.staff_list_type1 p.job {
  background-color: #111;
  color: #fff;
  font-size: 0.7em;
  display: inline-block;
  padding: 0.3em 0.8em 0.2em;
  border-radius: 5px;
  line-height: 1.4;
}

.staff_list_type1 p.date {
	font-size: 16px;
  font-weight: normal;
}

/*********************************************
無料相談バナー
*********************************************/
.free-consultation-banner {
  text-align: center;
  margin-top: 20px;
}

.free-consultation-banner a {
  display: inline-block;
  text-decoration: none;
}

.free-consultation-banner a img {
  width: 100%;
  height: auto;
  transition: opacity 0.3s ease; /* ホバー時の変化にスムーズなトランジションを追加 */
}

.free-consultation-banner a:hover img {
  opacity: 0.8; /* ホバー時に透明度を変更 */
}

/*********************************************
基本情報
*********************************************/

.home .section-basic-info .map-container {
margin-bottom: 20px;
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 の縦横比 */

}

.home .section-basic-info .map-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}

/*********************************************
よくある質問
*********************************************/
.home .section-faq h3 {
margin-bottom: 0;
margin-top: 0;
}

.home .section-faq h3 span.question {
color: #761a31;
}

.home .section-faq p.answer {
border-bottom: 1px dashed #761a31;
padding-bottom: 10px;
}

/*********************************************
親の固定幅を解除（トップのみ）
*********************************************/

/* PC（992px～）のみ親幅を拡張 */
@media (min-width: 992px) {
  .home .post_content {
    width: 1100px !important;
    max-width: none !important;
  }

  /* セクション自身で幅を管理 */
  .home #news-column-list {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 16px;
    box-sizing: border-box;
  }
}

/* SP・タブレット（～991px）は親幅を元に戻す */
@media (max-width: 991.98px) {
  .home .post_content {
    width: auto !important;
    max-width: 100% !important;
  }

  .home #news-column-list {
    max-width: 100%;
    padding: 24px 16px;
    box-sizing: border-box;
  }
}

/*********************************************
全体設定
*********************************************/
.home #cb_content_1 p{
text-decoration: none!important;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

.home #cb_content_1 figure{
text-align: center;
margin: 0 auto;
}

#footer,
#copyright {
	background: #000!important;
}