@charset "utf-8";

/* ＝＝＝＝＝＝＝共通スタイル＝＝＝＝＝＝＝＝ */
img {
  image-rendering: -webkit-optimize-contrast;
  -webkit-backface-visibility: hidden;
  max-width: 100%;
  vertical-align: bottom;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
}

.indent {
  padding-left: 1em !important;
  text-indent: -1em !important;
  margin-bottom: 3px !important;
  font-size: 1.2rem !important;
}

.indent:last-of-type {
  margin-bottom: 0 !important;
}

.indent_big {
  padding-left: 1em !important;
  text-indent: -1em !important;
  margin-bottom: 3px !important;
  font-size: 1.6rem !important;
}

.indent_big:last-of-type {
  margin-bottom: 0 !important;
}

/*スマホから改行指定*/
.break {
  display: none;
}

/*タブレットから改行なし指定*/
.break_sp_no {
  display: block;
}

/*タブレットのみ改行あり指定*/
.break_tab {
  display: none;
}

/*PCのみ改行あり指定*/
.break_tab_no {
  display: block;
}

@media screen and (max-width: 1024px) {
  .break_tab {
    display: block !important;
  }

  .break_tab_no {
    display: none;
  }

}

@media screen and (max-width: 640px) {
  .break {
    display: block !important;
  }

  .break_sp_no {
    display: none !important;
  }

  .break_tab {
    display: none !important;
  }
}


/*alpha*/
.alpha:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/*clearfix*/
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

a {
  text-decoration: none;
}

a img:hover {
  opacity: 0.8;
}

.clear {
  clear: both;
}

.fl-right {
  float: right;
}

.fl-left {
  float: left;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.bold {
  font-weight: bold;
}

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

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

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

.mt-30 {
  margin-top: 30px !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;
}

.kome {
  font-size: 1.2rem;
}

.kome_position {
  text-align: center;
}

/*スマホ用*/
@media screen and (max-width: 640px) {
  .kome_position {
    text-align: center;
  }
}

/* ＝＝＝＝＝＝＝noto sans jp＝＝＝＝＝＝＝＝ */

/* Thin */
.weight100 {
  font-weight: 100;
}

/* DemiLight */
.weight300 {
  font-weight: 300;
}

/* Regular */
.weight400 {
  font-weight: 400;
}

/* Medium */
.weight500 {
  font-weight: 500;
}

/* Bold */
.weight700 {
  font-weight: 700;
}

/* Black */
.weight900 {
  font-weight: 900;
}