@charset "UTF-8";

.message {
  line-height: 1.8;
}

.message2 {
  line-height: 1.4;
}


/* =========================
   スマホ（640px以下）
========================= */
@media screen and (max-width: 640px) {

  .message {
    font-size: 0.6em;
  }

  .message2 {
    font-size: 0.6em;
  }

  #common_section_wrapper_4 {
    background-image:
      url("bg_6.png"),
      url("bg_5.png"),
      url("bg_1_sm.jpg");

    background-size:
      1% auto,
      1% auto,
      100% auto;

    background-position:
      center bottom,
      center top,
      center top;

    background-repeat:
      repeat-x,
      repeat-x,
      no-repeat;
  }
}


/* =========================
   641px以上：背景画像共通
========================= */
@media screen and (min-width: 641px) {

  #common_section_wrapper_4 {
    background-image:
      url("bg_6.png"),
      url("bg_5.png"),
      url("bg_4.png"),
      url("bg_3.png"),
      url("bg_2.png"),
      url("bg_1.png");

    background-repeat:
      repeat-x,
      repeat-x,
      no-repeat,
      no-repeat,
      no-repeat,
      no-repeat;
  }
}


/* =========================
   タブレット（641px～1024px）
========================= */
@media screen and (min-width: 641px) and (max-width: 1024px) {

  .message {
    font-size: 0.8em;
  }

  .message2 {
    font-size: 0.8em;
  }

  #common_section_wrapper_4 {
    background-size:
      1% auto,
      1% auto,
      25% auto,
      25% auto,
      25% auto,
      1920px auto;

    background-position:
      center bottom,
      center top,
      calc(50% + 180px) 350px,
      calc(50% + 260px) 110px,
      calc(50% - 240px) 300px,
      center top;
  }
}


/* =========================
   PC（1025px～1599px）
========================= */
@media screen and (min-width: 1025px) and (max-width: 1599px) {

  #common_section_wrapper_4 {
    background-size:
      1% auto,
      1% auto,
      20% auto,
      20% auto,
      20% auto,
      1920px auto;

    background-position:
      center bottom -1px,
      center top,
      calc(50% + 360px) 480px,
      calc(50% + 430px) 110px,
      calc(50% - 380px) 320px,
      center top;
  }
}


/* =========================
   PC（1600px～1920px）
========================= */
@media screen and (min-width: 1600px) and (max-width: 1920px) {

  #common_section_wrapper_4 {
    background-size:
      1% auto,
      1% auto,
      20% auto,
      20% auto,
      20% auto,
      1920px auto;

    background-position:
      center bottom -1px,
      center top,
      calc(50% + 360px) 440px,
      calc(50% + 430px) 20px,
      calc(50% - 380px) 320px,
      center top;
  }
}


/* =========================
   PC（1921px以上）
========================= */
@media screen and (min-width: 1921px) {

  #common_section_wrapper_4 {
    background-size:
      1% auto,
      1% auto,
      20% auto,
      20% auto,
      20% auto,
      100% auto;

    background-position:
      center bottom -1px,
      center top,
      calc(50% + 360px) 470px,
      calc(50% + 430px) 50px,
      calc(50% - 380px) 320px,
      center top;
  }
}