@charset "UTF-8";
/* ==========================================================
Fonts
========================================================== */
.font-eng, .box-title,
.font-eng-regular,
.font-eng-con {
  font-family: "Teko", sans-serif;
  font-weight: 400;
  line-height: 0.8em;
}

.font-mincho {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
}

.font-def {
  font-family: -apple-system, BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.font-gothic {
  font-family: -apple-system, BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: 800;
}

.font-kaisho {
  font-family: '楷書MCBK1','Kaisho MCBK1',serif;
}

/* 游ゴシック　IE11変な隙間対策 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .font-def-position span, .font-eng-position span, .font-def-position-span {
    display: inline-block\0;
    transform: translateY(0.04em)\0;
  }
}

/* 英語フォントの位置調整 */
.font-eng-position span,
.font-eng-position-span {
  display: inline-block;
  -webkit-transform: translateY(0.04em);
  transform: translateY(0.04em);
}

.main .uk-container {
  max-width: 1080px;
}

.box-title {
  text-align: center;
  color: #0143a3;
  font-size: 30px;
}

.block {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 750px) {
  .block {
    padding-top: calc(80vw / 750 * 100 + 10px);
    padding-bottom: calc(80vw / 750 * 100 + 10px);
  }
}

@media (max-width: 1024px) {
  .block {
    padding-top: calc(80vw / 1024 * 100 + 10px);
    padding-bottom: calc(80vw / 1024 * 100 + 10px);
  }
}

@media (max-width: 1200px) {
  .block {
    padding-top: calc(80vw / 1200 * 100 + 10px);
    padding-bottom: calc(80vw / 1200 * 100 + 10px);
  }
}

@media (max-width: 1280px) {
  .block {
    padding-top: calc(80vw / 1280 * 100 + 10px);
    padding-bottom: calc(80vw / 1280 * 100 + 10px);
  }
}

/* BLOCK01　---------------------------------------- */
.block01 {
  background: #70b0e0;
}

.block01 .uk-container {
  max-width: 1200px;
}

/* BLOCK 02　---------------------------------------- */
.block02 {
  background: #f0f6ff;
}

/* BLOCK 03　---------------------------------------- */