@charset "shift_jis";

/* CSS Document */
body .infoPageSection {
  font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "HiraKakuProN-W3", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3",
    "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け",
    "helvetica", "arial", sans-serif;
}

a.url {
  word-wrap: break-word;
  word-break: break-all;
}

.infoPageSection span.pc {
  display: inline;
}

.infoPageSection span.sp {
  display: none;
}

#infoPageTtl {
  word-break: keep-all;
}

.inlineblock {
  display: inline-block;
}

h2 {
  line-height: 1.4em;
}

.box1Clm {
  margin: 15px auto 0;
}

.box1Clm img {
  width: 70%;
}

.infoPageSection .box4Clm {
  display: flex;
  justify-content: space-between;
}

.infoPageSection .box4Clm figure {
  margin: 0 5px;
}

.box2Clmflex01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* background-color: aqua; */
}

.box2Clmflex01 .boxLeft {
  width: 33.8%;
  margin-left: 85px;
}

.box2Clmflex01 .boxRight {
  width: 38.2%;
  margin-right: 56px;
}

.box2Clmflex00 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.box2Clmflex00 .boxLeft {
  width: 48.6%;
}

.box2Clmflex00 .boxRight {
  width: 49%;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 767px) {
  /* contents
縺薙％縺九ｉ-----------------------------------------------------*/

  .infoPageSection span.pc {
    display: none;
  }

  .infoPageSection span.sp {
    display: inline;
  }

  .infoPageSection .box1Clm img {
    width: 100%;
  }

  .infoPageSection .box4Clm {
    flex-direction: column;
  }

  /* .infoPageSection .box4Clm img {
    width: 100%;
  } */

  /* .box2Clmflex01 {
    flex-direction: column-reverse;
  } */

  .box2Clmflex01 {
    width: 100%;
    margin: 0 auto;
  }
  .box2Clmflex01 .boxLeft {
    margin-left: 0px;
  }
  .box2Clmflex01 .boxRight {
    margin-right: 0px;
  }

  .box2Clmflex00 {
    width: 100%;
    margin: 0 auto;
    /* margin-top: -30px; */
  }

  .infoPageSection .boxLeft,
  .infoPageSection .boxRight {
    width: 100%;
  }

  .br-sp {
    display: block;
  }

  .infoPageSection .boxLeft,
  .infoPageSection .boxCenter,
  .infoPageSection .boxRight {
    width: 100%;
  }

  /*---------------------------------------------------縺薙％縺ｾ縺ｧ*/
}