@charset "UTF-8";
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*
$color1: #1f3134; //黒っぽい緑
$color2: #ff0033; //赤
$color3: #b40034; //エンジ色
$color4: #0f3784; //青

//2022～
$color5: #aac467; //黄緑
$color7: #595757; //濃グレー

$mainColor: $color1;
$accentColor: #fff; //白

//2022～
$fontColor: $color7;

$bgColor1: #f8eef7; //薄ピンク
$bgColor2: #e0eff2; //水色
$bgColor3: #f4efe4; //ベージュ
$bgColor4: #f5f2ef; //グレーっぽいベージュ
$bgColor5: #fffee6; //薄黄色

$bdColor1: #d5d7d6; //グレー

$pastelColor1: #e3a7c8;
$pastelColor2: #f3efa1;
$pastelColor3: #a8cae5;
$pastelColor4: #ed7986;

$pastelColor1-dark: #eca1ca;
$pastelColor2-dark: #e6d223;
$pastelColor3-dark: #7ebded;

$mkColor1: #f6d1e5; //薄ピンク
$mkColor2: #c6e0f6; //水色
$mkColor3: #faf3b1; //黄色

//2022～
$boysColor: #5aa7ab;
$girlsColor: #ab226d;
$boysBgColor: #d4e5e6;
$girlsBgColor: #eadfe4;

$btnColor: #9fa0a0;
*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*--------------------
～2021用フォント設定
--------------------*/
@font-face {
  font-family: "HoshizoraMincho";
  src: url(./../images/font/StarSkyMincyou-Regular.woff2) format("woff2");
  src: url(./../images/font/StarSkyMincyou-Regular.woff) format("woff");
}
/*--------------------
2022～フォント設定
--------------------*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////
  margin-top
///////////////////////////////// */
/* ///////////////////////////////////////////
  cover.scss
  ランドセルカバーに関する記述
/////////////////////////////////////////// */
/*=================================
  cover
=================================*/
.page--cover .mod__heading02 {
  line-height: 1.4;
  color: #fff;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #3f3f3f;
}
.page--cover .mod__heading02::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .page--cover .mod__heading02 {
    font-size: 2rem;
    padding: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .mod__heading02 {
    height: 125px;
    font-size: 3.6rem;
  }
}
.page--cover .cover__intro {
  display: flex !important;
  background: #f5f2ef;
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__intro {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__intro {
    flex-direction: row-reverse;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__intro div {
    padding: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__intro div {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--cover .cover__intro div {
    width: 50%;
    padding: 30px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--cover .cover__intro div {
    max-width: 640px;
    padding: 50px 80px 50px 50px;
  }
}
.page--cover .cover__intro div .mod__heading01 {
  text-align: left;
}
.page--cover .cover__intro div .mod__heading01::after {
  display: none;
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__intro div .mod__heading01 {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--cover .cover__intro div .mod__heading01 br {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__intro div .mod__heading01 {
    font-size: 3rem;
    letter-spacing: -0.075em;
    margin-bottom: 45px;
  }
}
.page--cover .cover__intro div p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__intro div p {
    line-height: 1.9;
    font-size: 1.6rem;
  }
  .page--cover .cover__intro div p::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.9) * 0.5em);
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--cover .cover__intro div p {
    letter-spacing: -0.05em;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__intro div p:nth-of-type(n + 2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__intro div p:nth-of-type(n + 2) {
    margin-top: 35px;
  }
}
.page--cover .cover__intro figure {
  background: #3f3f3f;
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__intro figure {
    width: 50%;
  }
}
.page--cover .cover__intro figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
  max-width: none;
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__intro figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature {
    margin-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature {
    margin-bottom: 100px;
  }
}
.page--cover .cover__feature#feature01 .mod__heading02 {
  background: #a9ceee;
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--cover .cover__feature#feature01 .mod__heading02 {
    height: 180px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--cover .cover__feature#feature01 .mod__heading02 br {
    display: none;
  }
}
.page--cover .cover__feature#feature02 .mod__heading02 {
  background: #eeb3cf;
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--cover .cover__feature#feature02 .mod__heading02 {
    height: 180px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--cover .cover__feature#feature02 .mod__heading02 br {
    display: none;
  }
}
.page--cover .cover__feature#feature03 .mod__heading02 {
  background: #e5da62;
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .mod__heading02 {
    height: 180px;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature#feature03 .cover__feature__container > figure:nth-child(1) {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .cover__feature__container > figure:nth-child(1) {
    max-width: 800px;
    margin: 0 auto 45px auto;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature#feature03 .cover__feature__container > ul {
    margin: 35px 0 50px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .cover__feature__container > ul {
    margin: 50px 0 100px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .cover__feature__container > ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .page--cover .cover__feature#feature03 .cover__feature__container > ul li:nth-child(odd) {
    flex-direction: row;
  }
  .page--cover .cover__feature#feature03 .cover__feature__container > ul li:nth-child(even) {
    flex-direction: row-reverse;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .cover__feature__container > ul li > p,
  .page--cover .cover__feature#feature03 .cover__feature__container > ul li .text,
  .page--cover .cover__feature#feature03 .cover__feature__container > ul li figure {
    width: 47.2222%;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 769px) and (min-width: 1220px) {
  .page--cover .cover__feature#feature03 .cover__feature__container > ul li > p,
  .page--cover .cover__feature#feature03 .cover__feature__container > ul li .text,
  .page--cover .cover__feature#feature03 .cover__feature__container > ul li figure {
    max-width: 425px;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature#feature03 .cover__feature__container > ul li:nth-child(n+2) {
    margin-top: 35px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .cover__feature__container > ul li:nth-child(n+2) {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature#feature03 .cover__feature__container > ul li figure {
    width: 70%;
    margin: 0 auto 25px auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .cover__feature__container > ul li p {
    letter-spacing: -0.075em;
  }
}
.page--cover .cover__feature#feature03 .cover__feature__container .type {
  border-top: 1px solid #ccc;
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type {
    padding: 50px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type {
    padding: 100px 0;
  }
}
.page--cover .cover__feature#feature03 .cover__feature__container .type:last-of-type {
  padding-bottom: 0;
}
.page--cover .cover__feature#feature03 .cover__feature__container .type h3::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type h3 {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type h3 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type p:nth-of-type(n + 2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type p:nth-of-type(n + 2) {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 45px;
  }
}
.page--cover .cover__feature#feature03 .cover__feature__container .type ul li {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  /*
  @include smartphone {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  @include screen {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
  &:nth-child(n+2) {
    @include smartphone {
      margin-top: 20px;
    }
  }
  div {
    @include smartphone {
      width: 60%;
    }
    h4 {
      line-height: 1.4;
      font-family: $accentFont;
      margin-bottom: 10px;
      @include smartphone {
        font-size: 1.8rem;
      }
      @include screen {
        font-size: 2.4rem;
      }
    }
    p {
      font-family: $komorebi;
      span {
        @include smartphone {
          font-size: 1.8rem;
        }
        @include screen {
          font-size: 2.4rem;
        }
      }
    }
  }
  figure {
    @include smartphone {
      width: 30%;
    }
    img {
      @include imgResponse;
    }
  }
  */
  /*
  @include smartphone {
    width: 30%;
    margin-right: 5%;
    &:nth-child(3n) {
      margin-right: 0;
    }
    &:nth-child(n+4) {
      margin-top: 25px;
    }
  }
  @include screen {
    width: 23.3333%;
    max-width: 210px;
    margin-right: 2.2222%;
    &:nth-child(4n) {
      margin-right: 0;
    }
    &:nth-child(n+5) {
      margin-top: 35px;
    }
  }
  a {
    text-decoration: none;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: center;
    &:hover {
      figure {
        @include smartphone {
          transform: translateY(-10px);
        }
        @include screen {
          transform: translateY(-20px);
        }
      }
    }
    div {
      margin-top: 15px;
      h4,
      p {
        line-height: 1.4;
        text-align: center;
        @include screen {
          font-size: 1.6rem;
        }
      }
      h4 {
        font-family: $accentFont;
        margin-bottom: 10px;
      }
      p {
        font-family: $komorebi;
        span {
          @include smartphone {
            font-size: 1.8rem;
          }
          @include screen {
            font-size: 2.4rem;
          }
        }
      }
    }
  }
  */
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul li {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul li:nth-child(n+2) {
    margin-top: 15px;
  }
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul li::after {
    width: 0;
    height: 0;
    content: "";
    display: inline-block;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #3f3f3f;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 17px;
    margin: auto 0;
    right: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul li {
    width: 23.3333%;
    max-width: 210px;
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-right: 2.2222%;
  }
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul li:nth-child(4n) {
    margin-right: 0;
  }
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul li:nth-child(n+5) {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul li:hover figure {
    transform: translateY(-5px);
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul li:hover figure {
    transform: translateY(-20px);
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul li div {
    width: calc(70% - 15px);
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul li div {
    margin-top: 15px;
  }
}
.page--cover .cover__feature#feature03 .cover__feature__container .type ul li div h4,
.page--cover .cover__feature#feature03 .cover__feature__container .type ul li div p {
  line-height: 1.4;
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul li div h4,
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul li div p {
    font-size: 1.6rem;
    text-align: center;
  }
}
.page--cover .cover__feature#feature03 .cover__feature__container .type ul li div h4 {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-bottom: 10px;
}
.page--cover .cover__feature#feature03 .cover__feature__container .type ul li div p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul li div p span {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul li div p span {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature#feature03 .cover__feature__container .type ul li figure {
    width: 30%;
  }
}
.page--cover .cover__feature#feature03 .cover__feature__container .type ul li figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}
.page--cover .cover__feature#feature03 .cover__feature__container .note {
  border-radius: 4px;
  background: #fef3f8;
  padding: 20px;
  color: #ef4396;
}
.page--cover .cover__feature#feature03 .cover__feature__container .note--all {
  background: #ebf7fc;
  color: #34b3e5;
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature .mod__heading02 {
    margin-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature .mod__heading02 {
    margin-bottom: 100px;
  }
}
.page--cover .cover__feature__container {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature__container {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--cover .cover__feature__container {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--cover .cover__feature__container {
    padding: 0 80px;
  }
}
.page--cover .cover__feature__container p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature__container p {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature__container p:nth-of-type(n + 2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature__container p:nth-of-type(n + 2) {
    margin-top: 30px;
  }
}
.page--cover .cover__feature__container figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
  width: 100% !important;
  max-width: none !important;
}
.page--cover .cover__feature__container h3 {
  line-height: 1.6;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature__container h3 {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature__container h3 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature__container > h3 {
    margin: 25px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature__container > h3 {
    margin: 35px 0;
  }
}
.page--cover .cover__feature__container .two-column {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature__container .two-column {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature__container .two-column {
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 45px;
  }
  .page--cover .cover__feature__container .two-column .text,
  .page--cover .cover__feature__container .two-column figure {
    width: 47.2222%;
    max-width: 425px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--cover .cover__feature__container .two-column .text,
  .page--cover .cover__feature__container .two-column figure {
    max-width: none;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature__container .two-column .text p:first-of-type {
    line-height: 1.8;
  }
  .page--cover .cover__feature__container .two-column .text p:first-of-type::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .cover__feature__container .two-column .text ul {
    margin-top: 35px;
  }
}
.page--cover .cover__feature__container .two-column .text ul li {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
.page--cover .cover__feature__container .two-column .text ul li::before {
  content: "・";
}
@media only screen and (max-width: 768px) {
  .page--cover .cover__feature__container .two-column figure {
    width: 70%;
    margin: 0 auto 25px auto;
  }
}
.page--cover .mod__modal {
  position: relative;
  transition: none;
}
.page--cover .mod__modal__item {
  transition: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: none;
}
.page--cover .mod__modal__item > div {
  transition: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--cover .mod__modal__item > div {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .mod__modal__item > div {
    width: 100%;
    max-width: 800px;
    height: 100%;
    max-height: 800px;
  }
}
.page--cover .mod__modal__item__close {
  color: #fff;
  background-color: #3f3f3f;
  position: absolute;
  margin: 0 !important;
  border: none;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 769px) {
  .page--cover .mod__modal__item__close {
    top: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .mod__modal__item__close {
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
  }
}
.page--cover .mod__modal__item__close span {
  display: block;
  width: calc(100% - 10px);
  height: 1px;
  position: relative;
}
.page--cover .mod__modal__item__close span:before, .page--cover .mod__modal__item__close span:after {
  width: 100%;
  height: 1px;
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
}
.page--cover .mod__modal__item__close span:before {
  top: -8px;
  transform: translateY(8px) rotate(45deg);
}
.page--cover .mod__modal__item__close span:after {
  top: 8px;
  transform: translateY(-8px) rotate(-45deg);
}
.page--cover .mod__modal__item__slide {
  width: 80%;
  max-width: 450px;
  transition: none;
}
@media only screen and (max-width: 768px) {
  .page--cover .mod__modal__item__slide {
    width: 90%;
  }
}
.page--cover .mod__modal__item__slide li {
  transition: none;
}
.page--cover .mod__modal__item__slide li img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}
.page--cover .mod__modal__item__slide span {
  display: block;
  margin: 20px auto;
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.3;
}
@media only screen and (max-width: 768px) {
  .page--cover .mod__modal__item__slide span {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .mod__modal__item__slide span {
    font-size: 2.4rem;
  }
}
.page--cover .mod__modal__item__slide .slick-dots {
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  font-size: 0;
}
.page--cover .mod__modal__item__slide .slick-dots li {
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 20px 0;
  margin-right: 5px;
  cursor: pointer;
}
.page--cover .mod__modal__item__slide .slick-dots li:last-child {
  margin-right: 0;
}
.page--cover .mod__modal__item__slide .slick-dots li.slick-active button:before {
  background: #3f3f3f;
}
.page--cover .mod__modal__item__slide .slick-dots li button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  appearance: none;
  position: relative;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
}
.page--cover .mod__modal__item__slide .slick-dots li button:before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #ccc;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  .page--cover .mod__modal__item__slide .slick-dots li button:before {
    width: 10px;
    height: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .mod__modal__item__slide .slick-dots li button:before {
    width: 14px;
    height: 14px;
  }
}
.page--cover .mod__modal__item__slide .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  color: transparent;
  border-radius: 0;
  font-size: 0;
  border: none;
  appearance: none;
  background-size: contain;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page--cover .mod__modal__item__slide .slick-arrow {
    width: 25px;
    height: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .mod__modal__item__slide .slick-arrow {
    width: 40px;
    height: 41px;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .mod__modal__item__slide .slick-arrow.slick-next {
    right: 5px;
    background: url(../images/page/item/feature__slide__arrow-right-sp.png) no-repeat center center/contain;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .mod__modal__item__slide .slick-arrow.slick-next {
    right: -80px;
    background: url(../images/page/item/feature__slide__arrow-right.png) no-repeat center center/contain;
  }
}
@media only screen and (max-width: 768px) {
  .page--cover .mod__modal__item__slide .slick-arrow.slick-prev {
    left: 5px;
    background: url(../images/page/item/feature__slide__arrow-left-sp.png) no-repeat center center/contain;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cover .mod__modal__item__slide .slick-arrow.slick-prev {
    left: -80px;
    background: url(../images/page/item/feature__slide__arrow-left.png) no-repeat center center/contain;
  }
}
.page--cover .mod__modal__item__bg {
  width: 100%;
  height: 100%;
  background-color: rgba(31, 49, 52, 0.3);
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 0;
}/*# sourceMappingURL=cover.css.map */