/*
<style> */
  @charset "utf-8";
  /* color */
  :root {
    --bs-gutter-x: 16px;
    /* bootstrap container 余白 */
    --theme-bgcolor-primary: #282F44;
    --theme-bgcolor-secondary: #E6AF2E;
    --theme-bgcolor-tertiary: #F5D061;
    --theme-bgcolor-quaternary: #ECECEC;
  }
  body{
    font-family: "Noto Serif JP", serif;
    background-color: var(--theme-bgcolor-quaternary);
  }
  /* font family */
  .noto-serif {
    font-family: "Noto Serif", serif;
  }
  /* bg-theme-* */
  .bg-theme-primary {
    background-color: var(--theme-bgcolor-primary);
  }
  .bg-theme-secondary {
    background-color: var(--theme-bgcolor-secondary);
  }
  .bg-theme-tertiary {
    background-color: var(--theme-bgcolor-tertiary);
  }
  .bg-theme-quaternary {
    background-color: var(--theme-bgcolor-quaternary);
  }
  /* original */
  #header .container {
    padding-right: .75rem;
    padding-left: .75rem;
  }
  #carouselCaptions-3098 {
    z-index: -1;
  }
  .display-read {
    color: #fff;
    height: 0;
    & .display-read-cover {
      top: calc(100vw * -400 / 375);
    }
    & p {
      font-weight: 900;
      font-size: calc(100vw * 42 / 375);
      line-height: 1;
    }
    & p:nth-child(1) {
      font-size: calc(100vw * 16 / 375);
    }
    & p:nth-child(2) {
      font-family: "Noto Serif", serif;
      margin-left: 0;
    }
    & p:nth-child(3) {
      font-family: "Noto Serif", serif;
      margin-left: calc(100vw * 16 / 375);
    }
    & p:nth-child(4) {
      font-family: "Noto Serif", serif;
      margin-left: calc(100vw * 32 / 375);
    }
    & p:nth-child(5) {
      font-family: "Noto Serif", serif;
      margin-left: calc(100vw * 48 / 375);
    }
  }
  @media (min-width: 575px) {
    .display-read {
      height:  calc(100vw * 180 / 375);
      & .display-read-cover {
        top: calc(100vw * -80 / 375);
      }
    }
  }
  /* swiper */
  .swiper {
    & .swiper-wrapper {
      height: 100%;
      & .swiper-slide {
        height: 100%;
        padding-top: 8px;
        padding-bottom: 16px;
        & .card {
          background-color: transparent;
          border: none;
          & .card-img {
            border-radius: 0.8rem;
          }
          & .card-footer {
            background-color: transparent;
            border: none;
          }
        }
      }
    }
    & [class^="swiper-button"] {
      background: rgba(0,0,0, 0.4);
      color: #FFF;
      border-radius: 100%;
      padding: 2rem;
      &::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 1.2rem;
      }
    }
    & .swiper-button-next {
      &::after {
        content: "\f061";
      }
    }
    & .swiper-button-prev {
      &::after {
        content: "\f060";
      }
    }
    & .swiper-scrollbar {
      bottom: 0 !important;
    }
  }
  /* card */
  .card {
    & .card-img {
      background-image: url('https://iimo2.sakura.ne.jp/site/fujita_office/datas/logo/logo.webp');
      background-size: 40%;
      background-repeat: no-repeat;
      background-position: center center;
    }
  }
  .swiper .card {
    & .card-title {
      font-size: 120%;
      font-weight: 900;
    }
    & .card-body {
      font-size: 80%;
      padding-bottom: 72px;
      padding-left: 0;
      padding-right: 0;
    }
    & .card-footer button {
      display: none;
    }
    & a {
      font-size: 70%;
    }
    & a::before {
      content: "Read more";
      line-height: 0;
      position: absolute;
      display: inline-block;
      bottom: 0;
      right: 0;
      padding: 24px 2vw;
      /* 24px */
      border: #000 1px solid;
      border-radius: 50rem;
      color: #000;
      transition-duration: .5s;
    }
    & a:hover::before {
      background-color: #000;
      color: #fff;
      transition-duration: .5s;
    }
    @media (max-width: 567px) {
      & .card-title {
        font-size: 80%;
      }
      & .card-body {
        padding-bottom: 32px;
      }
      & .card-text {
        font-size: 70%;
      }
      & a {
        font-size: 50%;
      }
      & a::before {
        padding: 12px 2vw;
      }
    }
  }
  /*-------------------------------------
  original
  -------------------------------------*/
  #header .btn-success {
    background-color: var(--theme-bgcolor-secondary);
    border-color: var(--theme-bgcolor-secondary);
  }
  #carouselCaptions-3182 .carousel-caption {
    justify-content: left !important;
  }
  footer {
    padding-top: 2rem;
    background-color: #282F44!important;
    color: #FFF!important;
    & .container {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important;
    }
    & .footer-logo {
      display: block;
      width:240px;
      height:45px;
      background-image: url('https://iimo2.sakura.ne.jp/site/fujita_office/design/default/files/img/design/ロゴ_ホワイト@2x.webp');
      background-size: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      & img {
        display: none;
      }
    }
    & nav {
      border-top: #999999 1px solid;
      padding: 2rem 0;
    }
    & .btn {
      color: #FFF!important;
    }
    & .copyright {
      border-top: #999999 1px solid;
    }
  }
  .openbtn, .openbtn.active {
    background: var(--theme-bgcolor-secondary);
  }
  /* modal */
  .module-id-374 {
    & .card-title {
      font-weight: 900;
    }
    & .card-text {
      font-size: 90%;
      color: #999999;
    }
    @media (max-width: 567px) {
      & .card-title {
        font-size: 100%;
      }
      .card-text {
        font-size: 80%;
      }
    }
  }
  .module-id-362 {
    & .img {
      background-image: url('https://iimo2.sakura.ne.jp/site/t_and_p/datas/logo/logo.webp');
      background-size: 40%;
      background-repeat: no-repeat;
      background-position: center center;
    }
  }
  /** イベント設営モーダル内のテーブルをカスタマイズ **/
  .FID1935 table {
    white-space: normal !important;
    vertical-align: middle !important;
  }
  /*-------------------------------------
  loading
  -------------------------------------*/
  .loader-wrap {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #dee2e6;
    z-index: 99999;
    top:0 ;
    left: 0;
  }
  .loader,
  .loader:before,
  .loader:after {
    border-radius: 50%;
    width: 1.2em;
    height: 1.2em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
  }
  .loader {
    color: #333;
    font-size: 10px;
    margin: 10px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  .loader:before,
  .loader:after {
    content: '';
    position: absolute;
    top: 0;
  }
  .loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  .loader:after {
    left: 3.5em;
  }
  /*-------------------------------------
  EmbedSocial 広告をコントロール
  -------------------------------------*/
  a.feed-powered-by-es {
    bottom: -40px !important;
  }