@charset "UTF-8";

.clr:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clr {
  zoom: 1;
}

/* IE6 */
*:first-child+html .clr {
  zoom: 1;
}

/* IE7 */
.clr {}

.h {
  font-size: 1px;
  line-height: 1px;
  display: none;
}

/* font style */
.gothic {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

.mincho {
    font-family: 'Noto Serif JP', serif;
}

.marugo {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  font-weight: 500;
}

.noto_mincho {
  font-family: 'Noto Serif JP', serif;
}

/* font style end */

.orange {
  color: #FF6600;
}

.red {
  color: #F00;
}

.white {
  color: #FFF;
}

.black {
  color: #000;
}

.center {
  text-align: center;
}

.fleft {
  float: left;
  display: block;
}

.fright {
  float: right;
  display: block;
}

.middle {
  vertical-align: middle;
}

.bold {
  font-weight: bold;
}

.mini {
  font-size: small;
}

sub {
  font-size: smaller;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.texthieght130 {
  line-height: 130%;
}

.ma-0 {
  margin: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mb-105 {
  margin-bottom: 105px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.mb-130 {
  margin-bottom: 130px !important;
}

.mb-150 {
  margin-bottom: 150px !important;
}

.mb-155 {
  margin-bottom: 155px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.ml-230 {
  margin-left: 230px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.small {
  font-size: small !important;
}

.p10 {
  font-size: 10px;
}

.p11 {
  font-size: 11px;
}

.p12 {
  font-size: 12px;
}

.p14 {
  font-size: 108%;
}

.p15 {
  font-size: 15px;
}

.p16 {
  font-size: 16px;
}

.p20 {
  font-size: 20px;
}

.text_right {
  text-align: right !important;
}

.text_left {
  text-align: left !important;
}

.pos_rel {
  position: relative;
}

.ee {
  padding-left: 1em;
  text-indent: -1em;
}

.w10 {
  width: 10% !important;
}

.w20 {
  width: 20% !important;
}

.w30 {
  width: 30% !important;
}

.w33 {
  width: 33.3% !important;
}

.w40 {
  width: 40% !important;
}

.w50 {
  width: 50% !important;
}

.w55 {
  width: 55% !important;
}

.w60 {
  width: 60% !important;
}

.w70 {
  width: 70% !important;
}

.w75 {
  width: 75% !important;
}

.w80 {
  width: 80% !important;
}

.w90 {
  width: 90% !important;
}

.w100 {
  width: 100% !important;
}

.ofi {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  max-width: none;
  height: 100%;
  width: 100%;
}

@media (max-width:736px) {
  .mb-35 {
    margin-bottom: 15px !important;
  }

  .mb-40 {
    margin-bottom: 20px !important;
  }

  .mb-55 {
    margin-bottom: 25px !important;
  }

  .mb-80 {
    margin-bottom: 30px !important;
  }

  .mb-100 {
    margin-bottom: 30px !important;
  }
}