@charset "UTF-8";



/* ========================================
   文字調整（PC）
======================================== */

.question_p p {
  font-size: 1.8em;
  line-height: 1.4;
}

.text_a {
  font-size: 1.6em;
  line-height: 1.4;
}

 .text_b {
    font-size: 1.1em;
  }


/* ========================================
   タブレット：641px〜1024px
======================================== */

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

  .question_p p {
    font-size: 1.6em;
  }

  .text_a {
    font-size: 1.4em;
  }

  .text_b {
    font-size: 0.9em;
  }

}


/* ========================================
   スマホ：640px以下
======================================== */

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

  .question_p p {
    font-size: 1.3em;
  }

  .text_a {
    font-size: 1.3em;
  }

  .text_b {
    font-size: 0.88em;
  }
}
.btn .g-Column__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


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

/* 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;
}



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

body #common_section_wrapper_2 {
  background-color: #f3f2ef;

  background-image:
    url(bg_1_question.png),
    url(bg_2_question.png),
    url(bg_3_question.png),
    url(bg_4_question.png),
    url(bg_5_question.png),
    url(bg_6_question.png),
    url(bg_7.png);

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

  background-position:
    100% 0%,
    calc(50% + -170%) 18%,
    calc(50% + 153%) 40%,
    calc(50% - 109%) 53%,
    calc(54% + 120%) 83%,
    0% 100%,
    50% 0%;

  background-size:
    57%,
    67%,
    60%,
    53%,
    64%,
    43%,
    auto;

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


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

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

  body #common_section_wrapper_2 {

    background-position:
      100% 0%,
      calc(50% + -170%) 18%,
      calc(50% + 153%) 40%,
      calc(50% - 109%) 53%,
      calc(54% + 120%) 83%,
      0% 100%,
      50% 0%;

    background-size:
      50%,
      60%,
      55%,
      48%,
      58%,
      38%,
      auto;
  }

}



/* ========================================
   タブレット：641px〜1023px 背景調整
======================================== */

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

  body #common_section_wrapper_2 {

    background-position:
      100% 0%,
      calc(50% + -170%) 18%,
      calc(50% + 153%) 40%,
      calc(50% - 109%) 53%,
      calc(54% + 120%) 83%,
      0% 100%,
      50% 0%;

    background-size:
      57%,
      67%,
      60%,
      53%,
      64%,
      43%,
      auto;
  }

}

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

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

  body #common_section_wrapper_2 {
    background-color: #f3f2ef;

    background-image:
      url(bg_question_sm.png),
      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;
  }

}
/* ========================================
   選択肢の■を無効
======================================== */

.question-area a {
    -webkit-tap-highlight-color: transparent;
}

.question-area a:focus:not(:focus-visible) {
    outline: none;
}

.question-area a img {
    -webkit-tap-highlight-color: transparent;
}