@charset "UTF-8";

/* ========================================
   製品紹介①　背景調整（基本：PC）
======================================== */

body #common_section_wrapper_2 {
  background-color: #f3f2ef;

  background-image:
    url(bg_1_top.png),
    url(bg_2_top.png),
    url(bg_3_top.png),
    url(bg_4_top.png),
    url(bg_7.png);

  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat,
    repeat;

  background-position:
calc(50% + -38%) 0%,
    calc(50% - -69%) 13%,
    calc(-34% - 0%) 47%,
    100% 100%,
    50% 0%;

  background-size:
30%,
    25%,
    64%,
    53%,
    auto;

  background-blend-mode:
    normal,
    normal,
    normal,
    normal,
    luminosity;
}


/* ========================================
   1600px以上　背景調整
======================================== */

@media screen and (min-width: 1600px) {

  body #common_section_wrapper_2 {

    background-position:
      calc(50% - 30%) 0%,
      calc(50% + 60%) 13%,
      calc(-15% - 0%) 45%,
      100% 100%,
      50% 0%;

    background-size:
      30%,
      25%,
      50%,
      42%,
      auto;
  }

}

/* ========================================
   タブレット：641px〜1024px
   背景・文字サイズ調整
======================================== */

@media screen and (min-width: 641px) and (max-width: 1024px) {

  body #common_section_wrapper_2 {

    background-position:
      calc(50% - 30%) 0%,
      calc(50% + 55%) 13%,
      calc(-20% - 0%) 45%,
      100% 100%,
      50% 0%;

    background-size:
      35%,
      30%,
      60%,
      48%,
      auto;
  }


}


/* ========================================
   SP：640px以下　背景調整
======================================== */

@media screen and (max-width: 640px) {

  body #common_section_wrapper_2 {
    background-color: #f3f2ef;

    background-image:
      url(bg_top_sm.jpg),
      url(bg_7.png);

    background-repeat:
      no-repeat,
      repeat;

    background-position:
      top center,
      top center;

    background-size:
      auto 100%,
      auto;

    background-blend-mode:
      normal,
      luminosity;
  }

}


/* ========================================
   文字紹介
======================================== */


  .title_p {
line-height:1.3;
letter-spacing:0.15em;
 font-size: 0.85em;  }


@media screen and (min-width: 1025px) {

  .title_p {
line-height:1.5;
    font-size: 1.5em;
letter-spacing:0.1em;
  }

}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .title_p {
line-height:1.5;
    font-size: 1.1em;
letter-spacing:0.1em;
  }
}



/* ========================================
   ブランドラインナップ タイトル文字サイズ調整
======================================== */

/* PC：1024px以上 */
.brandlineup_title {
  font-size: 46px;
padding:0;
margin:0;
line-height:1.2;
}

/* タブレット：641px〜1023px */
@media screen and (min-width: 641px) and (max-width: 1023px) {
  .brandlineup_title {
    font-size: 36px;
  }
}

/* スマホ：640px以下 */
@media screen and (max-width: 640px) {
  .brandlineup_title {
    font-size: 27px;
  }
}

/* ========================================
   ブランドラインナップ タイトルサブ文字サイズ調整
======================================== */


/* PC：1024px以上 */
.brandlineup_sub {
  font-size: 15.9375px;
padding:0;
margin:0;

}

/* タブレット：641px〜1023px */
@media screen and (min-width: 641px) and (max-width: 1023px) {
  .brandlineup_sub {
    font-size: 15px;
  }
}

/* スマホ：640px以下 */
@media screen and (max-width: 640px) {
  .brandlineup_sub {
    font-size: 15px;
  }
}

/* ========================================
   空のpタグの余白削除
======================================== */

p:empty {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
}