/*=============================================
* .fnt - customs
*=============================================*/
/* noto-sans-jp-regular - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-jp-v54-japanese_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-500 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-jp-v54-japanese_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-600 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/noto-sans-jp-v54-japanese_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-700 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-jp-v54-japanese_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-900 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-jp-v54-japanese_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* oswald-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oswald-v56-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*=============================================
 * fonts - DON'T EDIT
 *=============================================*/
.fnt-mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fnt-meiryo {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fnt-gothic {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.fnt-oswald{
  font-family: 'Oswald';
}

.fw400{
	font-weight: 400;
}
.fw500{
	font-weight: 500;
}
.fw600{
	font-weight: 600;
}
.fw700{
	font-weight: 700;
}

.tac {
  text-align: center;
}
.taj {
  text-align: justify;
}
.tar {
  text-align: right;
}
.tal {
  text-align: left;
}

.cl-white{
  color: #fff;
}
.cl-orange{
  color: #E13714;
}
.cl-blue{
  color: #0C7DD8;
}
.cl-navi{
  color: #1A3B7D;
}
.red{
  color: #E53F14 !important;
}
.ttl-common{
  display: table;
  margin: 0 auto;
  padding: 1vw 3vw;
  font-size: 8vw;
  line-height: 10vw;
  font-weight: 700;
  letter-spacing: 0.08em;
  background: #0D2142;
  color: #fff;
  text-align: center;
}
.ttl-common2{
  font-size: 8vw;
  line-height: 10vw;
  font-weight: 700;
  letter-spacing: 0.08em;
  border-bottom: 1px solid #707070;
}
.ttl-common2 span{
  display: table;
  position: relative;
  padding-bottom: 3vw;
}
.ttl-common2 span:after{
  content: '';
  height: 5px;
  background: #E13714;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
}
.btxt{
  font-size: 5vw;
  line-height: 8vw;
  letter-spacing: 0.08em;
  font-weight: 700;
}
.sm-txt{
  font-size: 3.8vw;
  font-weight: 500;
  line-height: 7vw;
}
@media screen and (min-width: 768px){
  .ttl-common{
    font-size: 65px;
    line-height: 90px;
    padding: 0 15px 0 24px;
  }
  .ttl-common2{
    font-size: 65px;
    line-height: 96px;
  }
  .ttl-common2 span{
    padding-bottom: 16px;
  }
  .ttl-common2 span:after{
    right: 5px;
    height: 10px;
  }
  .btxt{
    font-size: 28px;
    line-height: 40px;
  }
  .sm-txt{
    font-size: 18px;
    line-height: 30px;
  }
}