@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}

img {
  width: 100%;
  vertical-align: bottom;
}
html {
  scroll-behavior: smooth;
}
/* フォント貼り付け用 */
* {
  font-family: "Noto Serif JP", serif;
}
/* ☆☆ここから余白 */
.yohaku50 {
  height: 50px;
}

.yohaku100 {
  height: 100px;
}
/* ☆ここまで余白 */

/* ☆☆ここからヘッダー */
header {
  height: 100vh;
  display: flex;

  position: relative;

  /*〇〇ここからヘッダーレフト*/
  .header-left {
    width: 35vw;
    position: relative;
    background-color: #fcf0b1;

    /* 〇〇ここからh1 */
    h1 {
      /* 〇〇ここから.logo */
      .logo {
        margin-top: 2vh;
        margin-left: 20px;
        max-width: 150px;
      }

      /* 〇〇ここから《スマホ》 */
      .logo {
        max-width: 15vw;
      }
      /* 〇ここまで《スマホ》 */

      /* 〇〇ここから《パソコン》 */
      @media screen and (min-width: 800px) {
        .logo {
          max-width: 140px;
        }
      }
      /* 〇ここまで《パソコン》 */

      /* 〇ここまで.logo */
    }
    /* 〇ここまでh1 */

    /* 〇〇ここからヘッダー左画像 */
    .header-left-img {
      /* margin-top: 5vh; */
      position: absolute;

      top: 90vh;
      translate: 0 -100%;

      margin: 0 0 0 20px;

      max-width: 30vw;
      min-width: 100px;
    }

    @media screen and (min-width: 800px) {
      .header-left-img {
        top: 50vh;
        translate: 0 -50%;
      }
    }
    /* 〇ここまでヘッダー左画像 */
  }

  /* 〇〇ここから《スマホ》 */
  @media screen and (max-width: 800px) {
    .header-left {
      background: none;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 50vw;
      .header-left-img img {
        min-width: 220px;
      }
    }
  }
  /* 〇ここまで《スマホ》 */

  /*〇ここまでヘッダーレフト*/

  /* 〇〇ここからヘッダーライト */
  .header-right {
    video {
      object-fit: cover;
    }

    /* 〇〇ここから《スマホ》 */
    video {
      width: 100%;
      height: 100vh;
    }
    /* 〇ここまで《スマホ》 */

    /* 〇〇ここから《パソコン》 */
    @media screen and (min-width: 800px) {
      video {
        width: 65vw;
        height: 90vh;
      }
    }
    /* 〇ここまで《パソコン》 */

    /* 〇〇ここからヘッダーライトキャンペーン */
    .header-right-campaign {
      position: absolute;
    }

    /* 〇〇ここから《スマホ》 */
    .header-right-campaign {
      width: 120px;
      height: 120px;

      right: 20px;
      bottom: 10vh;
    }
    /* 〇ここまで《スマホ》 */

    /* 〇〇ここから《パソコン》 */
    @media screen and (min-width: 800px) {
      .header-right-campaign {
        width: 150px;
        height: 150px;
      }
    }
    /* 〇ここまで《パソコン》 */

    /* 〇ここまでヘッダーライトキャンペーン */
  }
  /* 〇ここまでヘッダーライト */
}

/* ●●ここから《パソコン》 */
@media screen and (min-width: 800px) {
  header {
    height: 90vh;
  }
}
/* ●ここまで《パソコン》 */

/* ☆ここまでヘッダー */

/* ☆☆ここからメイン */
main {
  /* background-color: #ffffff; */
  background-image: url(../img/background-img1.png);
  background-attachment: fixed;
}
.wrap {
  width: 65vw;
  background-color: #f1ecdc;

  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .wrap {
    width: 100%;
    background-color: #fff4d0;
    margin: 0 auto;
    overflow: hidden;
  }
}
/* 〇〇ここからセクション１ */
.section1 {
  position: relative;

  /* 〇〇ここからセクション１の上の部分 */
  .text1 {
    font-size: 1.2vw;
    font-weight: 100;
    line-height: 2.5;
    width: 25vw;
    max-width: 1000px;
    margin: 0 auto;
    padding: 5vw 0 7vw 0;
  }

  .text2 {
    position: relative;
    text-align: center;
    margin-bottom: 8vw;

    .section1-momiji-gazou-left {
      width: 28vw;
      position: absolute;
      top: -17vw;
      left: -10vw;
      z-index: 7;
      img {
        transform: rotate(30deg);
      }
    }

    .section1-momiji-gazou-right {
      width: 28vw;
      position: absolute;
      top: -17vw;
      right: -10vw;
      z-index: 7;
      img {
        transform: rotate(-30deg);
      }
    }

    .circle {
      width: 45vw;
      height: 13vw;
      position: absolute;
      top: -5vw;
      left: 10vw;
      z-index: 8;
    }
  }
  /* 〇ここまでセクション１の上の部分 */

  /* 〇〇ここからセクション１の下の部分 */
  .section1-under {
    width: 57vw;
    display: flex;
    justify-content: center;
    gap: 2vw;
    margin: 0 auto 5vw;

    .section1-under-item {
      position: relative;
      text-align: center;
      .img {
        display: block;
        width: 22vw;
        height: 22vw;
      }
    }
  }
  /* 〇ここまでセクション１の下の部分 */

  /* 〇〇ここからセクション１のリンクボタン */
  .section1-under-link-btn {
    a {
      display: block;
      color: #fff;
      font-family: sans-serif;
      font-size: 1.3vw;
      background-color: rgb(250, 168, 61);
      text-align: center;
      margin: 3vw auto 8vw;
      width: 25vw;
      padding: 1.8vw 0vw;
      text-decoration: none;
      border-radius: 1vw;
      transition: 0.3s;
    }
  }
  .section1-under-link-btn a:hover {
    font-weight: bold;
    color: rgb(250, 168, 61);
    background-color: rgb(255, 255, 255);
  }
  /* 〇ここまでセクション１のリンクボタン */
}
/* ここからセクション１のモバイル */
@media screen and (max-width: 800px) {
  .section1 .text1 {
    font-size: 2vw;
    font-weight: 100;
    line-height: 2.5;
    width: 40vw;
    margin: 0 auto;
    padding: 8vw 0 8vw 0;
  }
  .section1-above .text2 {
    position: relative;
    text-align: center;
    margin-bottom: 15vw;

    .section1-momiji-gazou-left {
      width: 38vw;
      position: absolute;
      top: -24vw;
      left: -10vw;
      z-index: 7;
      img {
        transform: rotate(30deg);
      }
    }

    .section1-momiji-gazou-right {
      width: 38vw;
      position: absolute;
      top: -24vw;
      right: -10vw;
      z-index: 7;
      img {
        transform: rotate(-30deg);
      }
    }
    .circle {
      width: 65vw;
      position: absolute;
      top: -6vw;
      left: 16vw;
      z-index: 8;
    }
  }
  .section1 .section1-under {
    width: 80vw;
    display: flex;
    justify-content: center;
    gap: 2vw;
    margin: 0 auto 5vw;

    .section1-under-item {
      position: relative;
      text-align: center;
      .img {
        display: block;
        width: 22vw;
        height: 22vw;
      }
    }
  }
  .section1 .section1-under-link-btn {
    a {
      display: block;
      color: #fff;
      font-size: 2vw;
      background-color: rgb(250, 168, 61);
      text-align: center;
      margin: 3vw auto 15vw;
      width: 35vw;
      padding: 1.8vw 0vw;
      text-decoration: none;
      border-radius: 1vw;
    }
  }
}
/* ここまでセクション１のモバイル */
/* 〇ここまでセクション１ */

/* 〇〇ここからセクション２ */
.section2 {
  margin-bottom: 10vw;
  /* 〇〇ここからセクション２の上の部分 */
  .section2-above {
    position: relative;
    margin-left: 1vw;

    img {
      width: 44vw;
    }

    .section2-momiji-gazou-right {
      width: 25vw;
      position: absolute;
      top: -7vw;
      right: 2vw;
      z-index: 1;

      img {
        width: 25vw;
        height: 22vw;
        transform: rotate(30deg);
      }
    }
  }
  /* 〇ここまでセクション２の上の部分 */
}
/* 〇ここまでセクション２ */

/* 〇〇ここからセクション２の下の部分........................ */
.section2-under {
  display: flex;
}
/* 〇〇ここからセクション２の下の左の部分 */
.section2-under-left {
  display: flex;
  flex-wrap: wrap;
  gap: 1vw;
  margin: 1vw;
}
.section2-under-left-img.img1 {
  background-image: url(../img/section2-img/husimiinaritaisya.jpg);
  background-size: cover;
}
.section2-under-left-img.img2 {
  background-image: url(../img/section2-img/kimonojyosei.jpg);
  background-size: cover;
}
.section2-under-left-img.img3 {
  background-image: url(../img/section2-img/kouyoutojyosei.jpg);
  background-size: cover;
}
.section2-under-left-img.img4 {
  background-image: url(../img/section2-img/kyoutohaikei.jpeg);
  background-size: cover;
}
.section2-under-left-img {
  width: 18.5vw;
  height: 15vw;
  border-radius: 0.5vw;
  margin: 1vw 1vw 1vw;
  text-align: center;
  overflow: hidden;
  background-color: rgb(11, 196, 196);
}
.section2-under-left-p {
  padding: 0 1vw;
}
.section2-under-left-p p:nth-child(1) {
  font-size: 1.1vw;
  margin-bottom: 0.5vw;
  color: #a5a5a5;
}
.section2-under-left-p p:nth-child(2) {
  font-size: 1.4vw;
  margin-bottom: 0.5vw;
}
.section2-under-left-p p:nth-child(3) {
  font-size: 1vw;
  margin-bottom: 0.5vw;
}
.section2-under-left-item {
  border: 0.3vw solid #ffffff;
  width: 21vw;
  border-radius: 0.5vw;
}

/* 〇〇ここからセクション２の下のリンクボタン */
.section2-under-left-btn a {
  display: block;
  color: #fff;
  font-size: 1.3vw;
  font-family: sans-serif;
  background-color: rgb(250, 168, 61);
  text-align: center;
  margin: 3vw auto 0;
  width: 25vw;
  padding: 1.8vw 0vw;
  text-decoration: none;
  border-radius: 1vw;
  transition: 0.3s;
}
.section2-under-left-btn a:hover {
  font-weight: bold;
  color: rgb(250, 168, 61);
  background-color: #fff;
}
/* 〇ここまでセクション２の下のリンクボタン */
/* 〇ここまでセクション２の下の左の部分 */

/* 〇〇ここからセクション２の右の部分 */
/* 〇〇ここからセクション２の右のお知らせ欄 */
.section2-under-right-info {
  width: 19vw;
  height: fit-content;
  background-color: #fff;
  padding: 1vw;
  margin: 1vw 0.5vw 1vw 0;
}
.section2-under-right-info-midasi {
  font-size: 1.5vw;
  font-weight: 600;
  text-align: center;
}
.section2-under-right-info-date {
  font-size: 1.1vw;
  font-weight: 500;
  color: brown;
}
.section2-under-right-info-text {
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 1.3;
}
.section2-under-right-info-btn {
  display: block;
  color: #ffffff;
  font-size: 1vw;
  background-color: rgb(245, 180, 96);
  text-align: center;
  margin: 2vh 0 0 10vw;
  width: 7vw;
  padding: 0.5vh 1vw;
  text-decoration: none;
  border-radius: 0.5vw;
}
/* 〇ここまでセクション２の右のお知らせ欄 */
/* 〇〇ここからセクション２の右のバナー欄 */
.section2-under-right-banner-item {
  width: 19vw;
  background-color: rgb(245, 180, 96);
  text-align: center;
  margin: 1vw 1vw 1vw 0;
}
/* 〇ここまでセクション２の右のバナー欄 */
/* 〇ここまでセクション２の右の部分 */
/* 〇ここまでセクション２の下の部分 ..............................*/

/* 〇〇ここからセクション２のモバイル */
@media screen and (max-width: 800px) {
  .section2 {
    /* 〇〇ここからセクション２の上の部分 */
    margin-bottom: 20vw;
    .section2-above {
      position: relative;
      margin-left: 10vw;
      img {
        width: 78vw;
      }
      .section2-momiji-gazou-right {
        display: none;
      }
    }
    /* 〇ここまでセクション２の上の部分 */
  }
  /* 〇〇ここからセクション２の下 */
  .section2-under {
    display: block;
  }
  .section2-under-left {
    display: block;
  }
  .section2-under-left-img {
    height: 27vw;
    width: 40vw;
    margin: 1vw;
    text-align: center;
    overflow: hidden;
  }
  .section2-under-left-p {
    width: 32vw;
    margin: 6vw auto 0.5vw;
  }
  .section2-under-left-p p:nth-child(1) {
    font-size: 2vw;
    margin-bottom: 2vw;
  }
  .section2-under-left-p p:nth-child(2) {
    font-size: 2.5vw;
    margin-bottom: 1vw;
  }
  .section2-under-left-p p:nth-child(3) {
    font-size: 2vw;
    margin-bottom: 0.5vw;
  }
  .section2-under-left-item {
    display: flex;
    width: 80vw;
    height: 30vw;
    margin: 0 auto 2vw;
  }
  .section2-under-right {
    display: flex;
    justify-content: center;
    gap: 5vw;
  }
  /* 〇〇ここからセクション２の右のお知らせ欄 */
  .section2-under-right-info {
    width: 40vw;
    height: fit-content;
    padding: 3vw;
  }
  .section2-under-right-info-midasi {
    font-size: 3vw;
    font-weight: 600;
    text-align: center;
  }
  .section2-under-right-info-date {
    font-size: 1.8vw;
    font-weight: 500;
    color: brown;
  }
  .section2-under-right-info-text {
    font-size: 1.8vw;
    font-weight: 500;
    line-height: 1.3;
  }
  .section2-under-right-info-item {
    padding: 0.6vw 0.2vw;
  }
  .section2-under-right-info-btn {
    display: block;

    font-size: 1.3vw;

    text-align: center;
    margin: 2vw 0 0 13vw;
    width: 13vw;
    padding: 0.8vh 1vw;
    text-decoration: none;
    border-radius: 10px;
  }
  /* 〇ここまでセクション２の右のお知らせ欄 */
  /* 〇〇ここからセクション２のバナー欄 */
  .section2-under-right-banner-item {
    width: 35vw;
    background-color: rgb(245, 180, 96);
    text-align: center;
    margin: 2vw 1vw 2vw 0;
  }
  /* 〇ここまでセクション２のバナー欄 */
  /* 〇〇ここからセクション２の下の左のリンクボタン */
  .section2 .section2-under-left-btn a {
    display: block;
    font-size: 2.5vw;
    text-align: center;
    margin: 3vw auto 15vw;
    width: 35vw;
    padding: 1.8vw 0vw;
    text-decoration: none;
    border-radius: 1vw;
  }
  /* 〇ここまでセクション２の下の左のリンクボタン */
  /* 〇ここまでセクション２の下 */
}

/* 〇ここまでセクション２のモバイル */

/* 〇ここまでセクション２ */

/* 〇〇ここからセクション３ */
/* 〇〇ここからセクション３の上の部分 */
.section3 {
  position: relative;
  margin-bottom: 10vw;
}
.section3-above-right-img {
  width: 44vw;
  margin-right: 1vw;
}
.section3-above-right {
  p {
    font-size: 1.1vw;
    width: 44vw;
    margin-top: 1vw;
  }
}
.section3-above-left-coupon-div {
  width: 15vw;
  height: 12vw;
  margin-left: 2vw;
}
.section3-above {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2vw;
}
.section3-above-momiji-gazou {
  width: 25vw;
  height: 22vw;
  position: absolute;
  top: -4vh;
  left: 0;
  transform: rotate(-10deg);
}
/* 〇ここまでセクション３の上の部分 */
/* 〇〇ここからセクション３の下の部分 */
.section3-under-image-item {
  position: relative;
}
.section3-under-image {
  width: 18vw;
  height: 18vw;
  border-radius: 50%;
  border: solid 0.3vw #818080;
  padding-top: 10vw;
}
.section3-under-image.img1 {
  background-image: url(../img/section3-img/1gionsakai.png);
  background-size: cover;
}
.section3-under-image.img2 {
  background-image: url(../img/section3-img/2malebranch.png);
  background-size: cover;
}
.section3-under-image.img3 {
  background-image: url(../img/section3-img/3toraya.png);
  background-size: cover;
}
.section3-under-image.img4 {
  background-image: url(../img/section3-img/4endo.png);
  background-size: cover;
}
.section3-under-image.img5 {
  background-image: url(../img/section3-img/5akagakiya.png);
  background-size: cover;
}
.section3-under-image.img6 {
  background-image: url(../img/section3-img/6fudo.png);
  background-size: cover;
}
.section3-under-image-text {
  width: 15vw;
  height: 3vw;
  background-color: #e9e6e6;
  border-radius: 3vw;
  font-size: 1vw;
  text-align: center;
  position: absolute;
  padding-top: 0.8vw;
  top: 16vw;
  left: 1.7vw;
}
.section3-under-image-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2vw;
  justify-content: right;
  margin: 0 3.5vw 5vw 0;
}
/* 〇〇ここからセクション３の下のリンクボタン */
.section3-under-btn a {
  display: block;
  color: #fff;
  font-size: 1.3vw;
  font-family: sans-serif;
  background-color: rgb(250, 168, 61);
  text-align: center;
  margin: 3vw auto 8vw;
  width: 25vw;
  padding: 1.8vw 0vw;
  text-decoration: none;
  border-radius: 1vw;
  transition: 0.3s;
}
.section3-under-btn a:hover {
  font-weight: bold;
  color: rgb(250, 168, 61);
  background-color: #fff;
}
/* 〇ここまでセクション３の下のリンクボタン */
/* 〇ここまでセクション３の下の部分 */

/* 〇〇ここからセクション３モバイル */
@media screen and (max-width: 800px) {
  .section3 {
    margin-bottom: 20vw;
  }
  .section3-above-right-img {
    width: 78vw;
    margin-left: 10vw;
  }
  .section3-above-momiji-gazou {
    display: none;
  }
  .section3-above-left-coupon-div {
    display: none;
  }
  .section3-above-right {
    p {
      font-size: 2vw;
      margin: 2vh 0 0 10vw;
      width: 78vw;
    }
  }
  .section3-under {
    margin-bottom: 5vw;
  }
  .section3-under-image {
    width: 39vw;
    height: 32vw;
    border-radius: 50%;
    border: solid 0.3vw #514f4f;
    padding-top: 10vw;
  }
  .section3-under-image-container {
    display: flex;
    flex-wrap: wrap;
    gap: 3vw;
    justify-content: center;
    margin: 0 auto;
  }
  .section3-under-image-text {
    width: 27vw;
    height: 5vw;
    background-color: #e9e9e9;
    border-radius: 3vw;
    font-size: 1.9vw;
    text-align: center;
    position: absolute;
    padding-top: 1.1vw;
    top: 28vw;
    left: 6vw;
  }
  /* 〇〇ここからセクション３の下のリンクボタン */
  .section3 .section3-under-btn a {
    display: block;
    font-size: 2.5vw;
    text-align: center;
    margin: 3vw auto 15vw;
    width: 35vw;
    padding: 1.8vw 0vw;
    text-decoration: none;
    border-radius: 1vw;
  }
  /* 〇ここまでセクション３の下のリンクボタン */
}
/* 〇ここまでセクション３モバイル */

/* 〇ここまでセクション３ */

/* 〇〇ここからセクション４ */
.section4 {
  margin-bottom: 10vw;
}
/* 〇〇ここからセクション４の上イメージ  */
.section4-above {
  width: 46vw;
  line-height: 1.2;
  position: relative;
  z-index: 1;
  margin: 0 0 3vw 8vw;
}

/* 〇ここまでセクション４の上イメージ */
.section4-above-text {
  text-align: center;
  margin-bottom: 2vw;
  p {
    font-size: 1.4vw;
    font-family: sans-serif;
  }
}
/* 〇〇ここからセクション４の下 */
.section4-under {
  width: 46vw;
  margin: 0 auto;
}
.section4-under-gallery-img {
  width: 14vw;
  height: 14vw;
  overflow: hidden;
}
.section4-under-gallery-img img {
  transition: 0.8s;
}
.section4-under-gallery-img img:hover {
  transform: scale(1.2);
}
.section4-under-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5vw;
  margin-bottom: 4vw;
}
/* 〇〇ここからセクション４の下のリンクボタン */
.section4 .section4-under-btn a {
  display: block;
  color: #fff;
  font-size: 1.3vw;
  font-family: sans-serif;
  background-color: rgb(250, 168, 61);
  text-align: center;
  margin: 3vw auto 8vw;
  width: 25vw;
  padding: 2vw 0vw;
  text-decoration: none;
  border-radius: 1vw;
  transition: 0.3s;
}
.section4 .section4-under-btn a:hover {
  font-weight: bold;
  color: rgb(250, 168, 61);
  background-color: #fff;
}
/* 〇ここまでセクション４の下のリンクボタン */

/* ここまでセクション４の下*/
/* 〇〇ここからセクション４のモバイル */
@media screen and (max-width: 800px) {
  .section4-above {
    width: 85vw;
    position: relative;
    z-index: 1;
    margin: 0 0 2vw 5vw;
  }
  .section4-above-text {
    text-align: center;
    margin-bottom: 2vw;
    p {
      font-size: 2.2vw;
      font-family: sans-serif;
    }
  }
  .section4-under {
    width: 80vw;
    margin: 0 auto;
  }
  .section4-under-gallery-img {
    width: 26.3vw;
    height: 26.3vw;
    background-color: #b8aaaa;
  }
  .section4-under-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5vw;
    margin-bottom: 4vw;
  }
  .section4 .section4-under-btn a {
    display: block;
    color: #fff;
    font-size: 2.5vw;
    background-color: rgb(250, 168, 61);
    text-align: center;
    margin: 3vw auto 15vw;
    width: 35vw;
    padding: 1.8vw 0vw;
    text-decoration: none;
    border-radius: 1vw;
  }
}

/* 〇ここまでセクション４のモバイル */
/* 〇ここまでセクション４ */

/* 〇〇ここからセクション５ */
.section5 {
  display: flex;
  justify-content: center;
  gap: 2vw;
  align-items: center;
  margin: 0 auto;
  padding-bottom: 5vw;
}
/* 〇〇ここからセクション５の左 */
.section5-left {
  width: 25vw;
  .text1 {
    font-size: 1.5vw;
  }
  .text2 {
    font-size: 1vw;
  }
  .text3 {
    font-size: 1.3vw;
  }
  .text4 {
    font-size: 1.2vw;
    text-align: right;
  }
  .text5 {
    font-size: 1.2vw;
    text-align: right;
  }
}
/* 〇ここまでセクション５の左 */
/* 〇〇ここからセクション５の右 */
.section5 .section5-right iframe {
  width: 30vw;
  height: 20vw;
}
/* 〇ここまでセクション５の右 */
/* 〇〇ここからセクション５のモバイル */
@media screen and (max-width: 800px) {
  .section5-left {
    width: 35vw;
    .text1 {
      font-size: 3vw;
    }
    .text2 {
      font-size: 2vw;
    }
    .text3 {
      font-size: 2vw;
    }
    .text4 {
      font-size: 1.7vw;
      text-align: right;
    }
    .text5 {
      font-size: 1.7vw;
      text-align: right;
    }
  }
}
.section5-right iframe {
  width: 37vw;
  height: 20vw;
}
/* 〇ここまでセクション５のモバイル */
/* 〇ここまでセクション５ */
/* トップへ戻るボタン */
#top-fixde {
  position: fixed;
  bottom: 10vh;
  right: 3vw;
  visibility: hidden;
  transition: 0.9s;
  opacity: 0;
  z-index: 30;
  text-align: center;
  transform: translateY(5vw);
  a {
    display: block;
    img {
      width: 10vw;
    }
  }
}
#top-fixde.on {
  visibility: inherit;
  opacity: 0.9;
  transform: translateY(0vw);
}
@media screen and (max-width: 800px) {
  #top-fixde.on {
    visibility: hidden;
    opacity: 0.9;
    transform: translateY(0vw);
  }
}
/* ☆ここまでメイン */
/* 〇〇ここからフッター */
footer {
  height: 20vw;
  background-color: rgb(238, 171, 83);
  h2 {
    font-size: 2vw;
    text-align: center;
    color: #fff;
    padding: 1.5vw 0;
  }
  p {
    color: #fff;
    font-size: 0.8vw;
  }
  a {
    color: #fff;
  }
  hr {
    border: none; /*水平線の境界線を消す*/
    border-top-style: dotted; /*線の種類*/
    border-top-width: 2px; /*線の太さ*/
    border-top-color: #ffffff; /*線の色*/
    width: 10vw;
    margin-bottom: 1vw;
  }
  .footer-container {
    display: flex;
    gap: 7vw;
    margin: 0 0 4vw 24vw;
  }
  .date {
    margin-left: 5vw;
  }
  .copy {
    margin-top: 1vw;
    text-align: center;
  }
}

/* 〇ここまでフッター */