@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Wordpressの場合はここに案件名（テーマの名前）
Author: 株式会社ジャンプス

*/
/* 欧文フォント */
.eg {
  font-family: korolev-rounded, sans-serif;
  font-weight: 900;
  font-style: normal; }

/* 日本語フォント */
.jp {
  font-family: '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; }

/* 文字寄せ */
.center {
  text-align: center; }

.right {
  text-align: right; }

/* ノートパソコン改行 */
@media screen and (max-width: 1350px) {
  .npbr {
    display: block; } }

/* タブレット改行 */
@media screen and (max-width: 768px) {
  .tbbr {
    display: block; } }

/* スマホ改行 */
@media screen and (max-width: 480px) {
  .spbr {
    display: block; } }

/* スマホ非表示 */
@media screen and (max-width: 480px) {
  .spnone {
    display: none; } }

/* 見出し */
/* 段落 */
p {
  padding-bottom: 2em; }

/* 注釈 */
.note {
  padding-left: 1em;
  text-indent: -1em;
  color: #ff0000;
  font-size: 0.85em;
  line-height: 1.25em; }
  .note::before {
    content: "※"; }

/* 画像 */
img {
  vertical-align: bottom; }
  img.img100 {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%; }

.imgbox {
  line-height: 0; }

/* =======================================================================================================================
　　　　　　　　　SVG
======================================================================================================================= */
/* 読み込み遅延 */
img {
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -ms-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  img.lazyload {
    opacity: 0;
    filter: alpha(opacity=0); }
  img.lazyloaded {
    opacity: 1;
    filter: alpha(opacity=100); }

/* 読み込み遅延 */
.lazyload0, .lazyload1, .lazyload2, .lazyload3, .lazyload4 {
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -ms-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0); }
  .lazyload0.lazyloaded, .lazyload1.lazyloaded, .lazyload2.lazyloaded, .lazyload3.lazyloaded, .lazyload4.lazyloaded {
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -ms-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    filter: alpha(opacity=100); }

.lazyload1 {
  -webkit-transform: translate(0, 2.5em);
  -moz-transform: translate(0, 2.5em);
  -ms-transform: translate(0, 2.5em);
  -o-transform: translate(0, 2.5em);
  transform: translate(0, 2.5em); }
  .lazyload1.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.lazyload2 {
  -webkit-transform: translate(-2.5em, 0);
  -moz-transform: translate(-2.5em, 0);
  -ms-transform: translate(-2.5em, 0);
  -o-transform: translate(-2.5em, 0);
  transform: translate(-2.5em, 0); }
  .lazyload2.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.lazyload3 {
  -webkit-transform: translate(2.5em, 0);
  -moz-transform: translate(2.5em, 0);
  -ms-transform: translate(2.5em, 0);
  -o-transform: translate(2.5em, 0);
  transform: translate(2.5em, 0); }
  .lazyload3.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.lazyload4 {
  -webkit-transform: translate(0, -2.5em);
  -moz-transform: translate(0, -2.5em);
  -ms-transform: translate(0, -2.5em);
  -o-transform: translate(0, -2.5em);
  transform: translate(0, -2.5em); }
  .lazyload4.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

/* トップページ内コンテンツの場合 */
#front-page section .lazyload0.lazyloaded, #front-page section .lazyload1.lazyloaded, #front-page section .lazyload2.lazyloaded, #front-page section .lazyload3.lazyloaded, #front-page section .lazyload4.lazyloaded {
  opacity: 0;
  filter: alpha(opacity=0); }
#front-page section .lazyload1.lazyloaded {
  -webkit-transform: translate(0, 2.5em);
  -moz-transform: translate(0, 2.5em);
  -ms-transform: translate(0, 2.5em);
  -o-transform: translate(0, 2.5em);
  transform: translate(0, 2.5em); }
#front-page section .lazyload2.lazyloaded {
  -webkit-transform: translate(-2.5em, 0);
  -moz-transform: translate(-2.5em, 0);
  -ms-transform: translate(-2.5em, 0);
  -o-transform: translate(-2.5em, 0);
  transform: translate(-2.5em, 0); }
#front-page section .lazyload3.lazyloaded {
  -webkit-transform: translate(2.5em, 0);
  -moz-transform: translate(2.5em, 0);
  -ms-transform: translate(2.5em, 0);
  -o-transform: translate(2.5em, 0);
  transform: translate(2.5em, 0); }
#front-page section .lazyload4.lazyloaded {
  -webkit-transform: translate(0, -2.5em);
  -moz-transform: translate(0, -2.5em);
  -ms-transform: translate(0, -2.5em);
  -o-transform: translate(0, -2.5em);
  transform: translate(0, -2.5em); }
#front-page section.on .lazyload0.lazyloaded, #front-page section.on .lazyload1.lazyloaded, #front-page section.on .lazyload2.lazyloaded, #front-page section.on .lazyload3.lazyloaded, #front-page section.on .lazyload4.lazyloaded {
  opacity: 1;
  filter: alpha(opacity=100); }
#front-page section.on .lazyload1.lazyloaded {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }
#front-page section.on .lazyload2.lazyloaded {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }
#front-page section.on .lazyload3.lazyloaded {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }
#front-page section.on .lazyload4.lazyloaded {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }
@media screen and (min-width: 1921px) and (max-aspect-ratio: 100 / 53) {
  #front-page section.onsp .lazyload0.lazyloaded, #front-page section.onsp .lazyload1.lazyloaded, #front-page section.onsp .lazyload2.lazyloaded, #front-page section.onsp .lazyload3.lazyloaded, #front-page section.onsp .lazyload4.lazyloaded {
    opacity: 1;
    filter: alpha(opacity=100); }
  #front-page section.onsp .lazyload1.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #front-page section.onsp .lazyload2.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #front-page section.onsp .lazyload3.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #front-page section.onsp .lazyload4.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

@media screen and (max-width: 1920px) and (min-width: 1351px) and (max-aspect-ratio: 2 / 1) {
  #front-page section.onsp .lazyload0.lazyloaded, #front-page section.onsp .lazyload1.lazyloaded, #front-page section.onsp .lazyload2.lazyloaded, #front-page section.onsp .lazyload3.lazyloaded, #front-page section.onsp .lazyload4.lazyloaded {
    opacity: 1;
    filter: alpha(opacity=100); }
  #front-page section.onsp .lazyload1.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #front-page section.onsp .lazyload2.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #front-page section.onsp .lazyload3.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #front-page section.onsp .lazyload4.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

@media screen and (max-width: 1350px) and (min-width: 769px) and (max-aspect-ratio: 25 / 13) {
  #front-page section.onsp .lazyload0.lazyloaded, #front-page section.onsp .lazyload1.lazyloaded, #front-page section.onsp .lazyload2.lazyloaded, #front-page section.onsp .lazyload3.lazyloaded, #front-page section.onsp .lazyload4.lazyloaded {
    opacity: 1;
    filter: alpha(opacity=100); }
  #front-page section.onsp .lazyload1.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #front-page section.onsp .lazyload2.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #front-page section.onsp .lazyload3.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #front-page section.onsp .lazyload4.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

@media screen and (max-width: 768px) and (min-width: 481px) and (max-aspect-ratio: 25 / 37) {
  #front-page section.onsp .lazyload0.lazyloaded, #front-page section.onsp .lazyload1.lazyloaded, #front-page section.onsp .lazyload2.lazyloaded, #front-page section.onsp .lazyload3.lazyloaded, #front-page section.onsp .lazyload4.lazyloaded {
    opacity: 1;
    filter: alpha(opacity=100); }
  #front-page section.onsp .lazyload1.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #front-page section.onsp .lazyload2.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #front-page section.onsp .lazyload3.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #front-page section.onsp .lazyload4.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

@media screen and (max-width: 480px) and (max-aspect-ratio: 35 / 68) {
  #front-page section.onsp .lazyload0.lazyloaded, #front-page section.onsp .lazyload1.lazyloaded, #front-page section.onsp .lazyload2.lazyloaded, #front-page section.onsp .lazyload3.lazyloaded, #front-page section.onsp .lazyload4.lazyloaded {
    opacity: 1;
    filter: alpha(opacity=100); }
  #front-page section.onsp .lazyload1.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #front-page section.onsp .lazyload2.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #front-page section.onsp .lazyload3.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #front-page section.onsp .lazyload4.lazyloaded {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

/* リンク */
a {
  text-decoration: none;
  color: #ff0000;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  a img {
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  a:hover {
    color: #00ff00; }
    a:hover img {
      opacity: 0.7;
      filter: alpha(opacity=70); }

/* ================= 新着記事 ============================================================ */
* {
  margin: 0;
  padding: 0; }

body, html {
  scroll-behavior: smooth; }

/* =======================================================================================================================
　　　　　　　　　全体
======================================================================================================================= */
body {
  font-family: '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif;
  font-size: 1vw;
  font-weight: bold;
  line-height: 2em;
  letter-spacing: 0.05em;
  background: #fff;
  color: #000; }
  @media screen and (max-width: 768px) {
    body {
      font-size: 2vw; } }
  @media screen and (max-width: 480px) {
    body {
      font-size: 3vw; } }

/* =======================================================================================================================
　　　　　　　　　レイアウト
======================================================================================================================= */
.sec {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5em 0; }
  @media screen and (max-width: 480px) {
    .sec {
      padding: 2.5em 0; } }

.innerbox {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 7.5em; }
  @media screen and (max-width: 1350px) {
    .innerbox {
      padding: 0 5em; } }
  @media screen and (max-width: 768px) {
    .innerbox {
      padding: 0 2.5em; } }
  @media screen and (max-width: 480px) {
    .innerbox {
      padding: 0 1.5em; } }

/* =======================================================================================================================
　　　　　　　　　ヘッダー
======================================================================================================================= */
/* =======================================================================================================================
　　　　　　　　　スマートフォンナビゲーション
======================================================================================================================= */
/* ================= 格納ナビゲーション ============================================================ */
.hm_btn, .hm_menu_wrap {
  display: none; }
  @media screen and (max-width: 768px) {
    .hm_btn, .hm_menu_wrap {
      display: block; } }

.hm_menu_check {
  /* チェックボックスを隠す */
  display: none; }

/* -------------------------- メニューボタン ------------------------------------------- */
.hm_btn {
  width: 1.33em;
  height: 1.2em;
  cursor: pointer;
  border-left: transparent solid 1.8em;
  border-right: transparent solid 1.8em;
  border-top: transparent solid 1.5em;
  border-bottom: transparent solid 1.5em;
  position: fixed;
  top: auto;
  left: 0;
  right: auto;
  bottom: 0;
  background: transparent;
  cursor: pointer;
  z-index: 99999; }
  .hm_btn::before, .hm_btn::after {
    width: 1.33em;
    height: 0.13em;
    background: #ff0000;
    display: block;
    content: '';
    position: absolute;
    -webkit-transition: -webkit-background 0.2s linear, -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;
    transition: background 0.2s linear, box-shadow 0.2s linear, transform 0.2s 0.2s; }
  .hm_btn::before {
    -webkit-box-shadow: #ff0000 0 0.532em 0;
    box-shadow: #ff0000 0 0.532em 0; }
  .hm_btn::after {
    bottom: 0; }

/* 開閉時のアニメーション */
.hm_menu_check:checked ~ .hm_btn::before {
  background: rgba(0, 0, 0, 0);
  -webkit-box-shadow: #ff0000 0 0.532em 0;
  box-shadow: #ff0000 0 0.532em 0;
  -webkit-transform: rotate(45deg) translate3d(0.166em, 0.2em, 0);
  transform: rotate(45deg) translate3d(0.5em, -0.25em, 0); }
.hm_menu_check:checked ~ .hm_btn::after {
  background: #ff0000;
  -webkit-transform: rotate(-45deg) translate3d(0.166em, -0.2em, 0);
  transform: rotate(-45deg) translate3d(0.5em, -0.25em, 0); }

/* -------------------------- 格納領域 ------------------------------------------- */
.hm_menu_wrap {
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.7s;
  transition: 0.7s;
  box-sizing: border-box;
  overflow: hidden;
  visibility: hidden;
  z-index: 9999; }
  .hm_menu_wrap .hm_inner {
    position: absolute;
    top: 0;
    left: 0;
    right: -19px;
    bottom: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .hm_menu_wrap .hm_inner .menucontent {
      box-sizing: border-box;
      padding: 3em 1em;
      width: 100%;
      min-height: 100vh;
      position: absolute;
      top: 0;
      left: -100%;
      right: 0;
      bottom: auto;
      -webkit-transition: left 1.0s;
      transition: left 1.0s;
      border: none;
      background: #ececec;
      /* 中身デザイン */ }

/* 開閉時のアニメーション */
.hm_menu_check:checked ~ .hm_menu_wrap {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible; }
  .hm_menu_check:checked ~ .hm_menu_wrap .menucontent {
    opacity: 1;
    filter: alpha(opacity=100);
    left: 0;
    height: auto; }

/* =======================================================================================================================
　　　　　　　　　フッター
======================================================================================================================= */

/*# sourceMappingURL=style.css.map */