@charset "utf-8";
/* CSS Document */

.home{}

.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;
}

.home #header_slider_notice {
}

#header_logo{
}

#footer,
#copyright {
	background: #000!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;
}

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

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

/* ヒーロー画像 */
.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; /* ホバー時に透明度を変更 */
}