@charset "utf-8";

/*
 * common.css
 * Bousai REVO Original Theme
 *
 * 目次
 *  0. CSS カスタムプロパティ（変数）/ リセット
 *  1. 共通・レイアウト
 *  2. ヘッダー
 *  3. フッター
 *  4. トップページ
 *     4-1. ヘッダースライダー
 *     4-2. コンテンツビルダー各セクション
 *  5. 下層ページ共通
 *  6. コンポーネント（ユーティリティ・パーツ）
 *  7. inquiry.php　
 * 8. inquiry-form.php　
 * 9. 下層ページ
  * 10. topページ
  * 11. singleページ
  * 12. 下層ページ new
 */

/* --- #main_col 内共通タイトル --- */
.s-recommend_c h2 {
  text-align: center;
}

.s-top-recommend {
  background: url(../images/bg_top_content_sp.jpg) repeat-y top center/100%;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 835px) {
  .s-top-recommend {
    background-image: url(../images/bg_top_content.jpg);

  }
}

.s-top-recommend .thumb_col {
  display: none;
}


@media screen and (min-width: 1600px) {
  .s-top-recommend::after {
    content: "";
    display: block;
    position: absolute;
    background: url(../images/bg_recommend_side.png) no-repeat top center/100%;
    width: 300px;
    z-index: -1;
    left: 0;
    top: 500px;
    aspect-ratio: 253/1477;
  }
}

.top_recommend_heading {
  text-align: center;
  background: #ffe652;
  padding: 20px 0;
  position: relative;
  z-index: 2;
}

.top_recommend_heading img {
  width: 190px;
}

@media screen and (min-width: 835px) {
  .top_recommend_heading img {
    width: auto;
    max-width: 262px;
  }
}

.top_recommend_heading .top_recommend_heading_1 {
  font-size: 18px;
  line-height: 1.3;
  display: block;
  margin: 0 0 10px;
}

.top_recommend_heading .top_recommend_heading_2 {
  font-size: 28px;
  margin: 0 0 20px;
  display: block;
}

.top_recommend_heading .top_recommend_heading_3 {
  font-size: 14px;
  display: block;
  line-height: 1.57;
}