@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;
}
.bgYellow {
  background: #ff0;
} 
.bgSkyBlue {
  background:#b7e1ff;
}
.br10 {
  border-radius: 10px;
}
.pad24 {
  padding: 24px;
}
.clrRedBrown {
  color:#df1a00;
}


.box2Clm_flex{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.box2Clm_flex .boxLeft {
  width: 49%;
}

.box2Clm_flex .boxRight {
  width: 49%;
}

.box2Clm_flex.flex02 .boxLeft {
  width: 59%;
}

.box2Clm_flex.flex02 .boxRight {
  width: 39%;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 767px) {
  /* contents
-------------------------------------------------------------*/

  .infoPageSection span.pc {
    display: none;
  }
  .infoPageSection span.sp {
    display: inline;
  }

  body div#infoArea .infoPageSection {
    overflow-x: hidden;
    overflow-y: hidden;
  }

  #infoPageTtl h2,
  body div#infoArea .infoPageSection > .box2Clm_flex,
  body div#infoArea .infoPageSection > .box2Clm_flex{
    flex-direction: column;
  }

  #infoPageTtl h2 > .title_image {
    display: none;
  }

  #infoPageTtl h2 > .title_container {
    width: 100%;
    margin: 0 auto;
  }


  body div#infoArea .infoPageSection > .box2Clm_flex > .boxLeft,
  body div#infoArea .infoPageSection > .box2Clm_flex > .boxRight{
    width: 100%;
    max-width: 100%;
    min-height: 0%;
  }
  .w60,.w70 {
    width: 95% !important;
    margin: 0 auto;
  }

  /*-----------------------------------------------------------*/
}