@charset "UTF-8";
@font-face {
  font-family: "zen-kaku-gothic-new";
  src: url("path-to-font.woff2") format("woff2");
  unicode-range: U+0000-FFFF;
}
/* color
===================================================== */
/* 共通
===================================================== */
html,
body {
  font-family: YakuHanJPs, "dnp-shuei-gothic-gin-std", "Hiragino Sans", "Yu Gothic", "YuGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  font-size: 16px;
  letter-spacing: 0.04em;
  margin: 0 auto;
  background-color: transparent;
  color: #203340;
  background-color: #D9D2C7;
  position: relative;
}

body {
  overflow-x: hidden;
  position: relative;
}

img,
video {
  width: 100%;
  display: block;
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .pcNone {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}
/* vw計算(pc用)
===================================================== */
/* vw変換(SP用)
===================================================== */
#autumn_switch {
  background-color: #D9D2C7;
  line-height: 1;
  /* a
  ===================================================== */
}
#autumn_switch a {
  display: block;
  text-decoration: none;
  transition: all 0.6s;
  color: #203340;
}
#autumn_switch a:hover {
  opacity: 0.6;
  transition: all 0.6s;
  cursor: pointer;
}
#autumn_switch a[href=""] {
  pointer-events: none;
}
#autumn_switch {
  /* font
  ===================================================== */
}
#autumn_switch .en_1 {
  font-family: YakuHanMPs, "norman-variable", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
  font-weight: 400;
  font-style: normal;
}
#autumn_switch .en_2 {
  font-family: YakuHanJPs, "ff-din-paneuropean", "Yu Gothic", "YuGothic", "Hiragino Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
}
#autumn_switch .ja_1 {
  font-family: YakuHanMPs, "zen-old-mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
  font-weight: 400;
  font-style: normal;
}
#autumn_switch .ja_2 {
  font-family: YakuHanJPs, "dnp-shuei-gothic-gin-std", "Yu Gothic", "YuGothic", "Hiragino Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#autumn_switch {
  /* loading
  ===================================================== */
}
#autumn_switch .loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100svh;
  background-color: #D9D2C7;
  text-align: center;
}
#autumn_switch .speed0 {
  opacity: 0.1;
}
#autumn_switch .speed1,
#autumn_switch .speed2,
#autumn_switch .speed3 {
  opacity: 0;
  visibility: hidden;
}
#autumn_switch {
  /* 共通
  ===================================================== */
}
#autumn_switch .line1 {
  width: 100%;
  background-color: #ffffff;
  height: 1px;
  opacity: 0.4;
}
#autumn_switch .line2 {
  width: 100%;
  background-color: #203340;
  height: 1px;
}
#autumn_switch {
  /* 流れる文字
  ========================================================= */
}
#autumn_switch .loop_area {
  width: 100%;
  overflow: hidden;
  padding-bottom: 2.6666666667vw;
  margin-bottom: -4vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .loop_area {
    padding-bottom: 1.0416666667vw;
    margin-bottom: -1.5625vw;
  }
}
@keyframes loop_left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
#autumn_switch .loop_area .loop_wrap {
  display: flex;
}
#autumn_switch .loop_area .loop_wrap .loop_left {
  animation: loop_left 20s infinite linear 2s both;
  display: flex;
  margin: 0;
  padding: 0;
}
#autumn_switch .loop_area .loop_wrap .loop_left .loop_txt {
  letter-spacing: 0;
  white-space: nowrap;
  font-size: 16.5333333333vw;
  color: #dedcd4;
}
@media screen and (min-width: 769px) {
  #autumn_switch .loop_area .loop_wrap .loop_left .loop_txt {
    font-size: 6.4583333333vw;
  }
}
#autumn_switch {
  /* fv
  ===================================================== */
}
#autumn_switch .head_contents {
  padding-top: 40px;
}
@media screen and (min-width: 769px) {
  #autumn_switch .head_contents {
    padding-top: 50px;
  }
}
#autumn_switch .fv {
  position: relative;
  width: 100vw;
  height: 176vw;
  overflow: hidden;
  margin-bottom: 16vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv {
    width: min(90vw, 1440px);
    height: min(49.375vw, 790px);
    margin: 0 auto min(3.75vw, 60px);
  }
}
#autumn_switch .fv .fv_block {
  position: absolute;
}
#autumn_switch .fv .frame2 {
  opacity: 0;
  position: absolute;
  inset: 0;
  /* 2枚目以降だけアニメで出し入れする */
}
#autumn_switch .fv .fv_img1 {
  width: 50.6666666667vw;
  top: 82.6666666667vw;
  left: 3.4666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_img1 {
    width: min(23.75vw, 380px);
    top: min(4.375vw, 70px);
    left: min(23.3125vw, 373px);
  }
}
#autumn_switch .fv .fv_img2 {
  width: 50.6666666667vw;
  top: 3.4666666667vw;
  left: 3.4666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_img2 {
    width: min(16.25vw, 260px);
    top: min(18.125vw, 290px);
    left: min(6.1875vw, 99px);
  }
}
#autumn_switch .fv .fv_img3 {
  width: 48vw;
  top: 1.8666666667vw;
  right: -1.8666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_img3 {
    width: min(21.5625vw, 345px);
    top: min(1.6875vw, 27px);
    right: min(3.875vw, 62px);
  }
}
#autumn_switch .fv .fv_img4 {
  width: 40vw;
  top: 56vw;
  right: 3.2vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_img4 {
    width: min(17.5vw, 280px);
    top: min(4.375vw, 70px);
    right: min(24.5625vw, 393px);
  }
}
#autumn_switch .fv .fv_img5 {
  width: 40vw;
  top: 106.6666666667vw;
  right: 3.2vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_img5 {
    width: min(17.5vw, 280px);
    top: min(27.75vw, 444px);
    right: min(24.5625vw, 393px);
  }
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_img6 {
    width: min(17.5vw, 280px);
    top: min(22.75vw, 364px);
    right: min(6.1875vw, 99px);
  }
}
#autumn_switch .fv .fv_txt1 {
  top: 41.6vw;
  left: 4.5333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_txt1 {
    top: min(3.9375vw, 63px);
    left: min(6.1875vw, 99px);
  }
}
#autumn_switch .fv .fv_txt1 p:nth-child(1) {
  font-size: 12.8vw;
  line-height: 1.125;
  margin-bottom: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_txt1 p:nth-child(1) {
    font-size: min(4.25vw, 68px);
    line-height: 1.1470588235;
    margin-bottom: min(1.125vw, 18px);
  }
}
#autumn_switch .fv .fv_txt1 p:nth-child(2) {
  font-size: 2.1333333333vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_txt1 p:nth-child(2) {
    font-size: min(0.625vw, 10px);
    line-height: 1.4;
  }
}
#autumn_switch .fv .fv_txt2 {
  clip-path: inset(-50% 100% -50% 0%);
  top: 146.1333333333vw;
  left: 3.2vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_txt2 {
    top: min(35.625vw, 570px);
    left: min(6.1875vw, 99px);
  }
}
#autumn_switch .fv .fv_txt2 h1 {
  font-size: 16vw;
  line-height: 0.75;
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_txt2 h1 {
    font-size: min(4.8125vw, 77px);
    line-height: 1;
  }
}
#autumn_switch .fv .fv_txt2 h1 .fv_txt2-1 {
  font-size: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_txt2 h1 .fv_txt2-1 {
    font-size: min(3.5vw, 56px);
  }
}
#autumn_switch .fv .fv_txt2 h1 .fv_txt2-2 {
  font-size: 8vw;
  position: relative;
  padding-bottom: 1.3333333333vw;
  vertical-align: 0.2em;
  letter-spacing: -0.04em;
  margin-left: -0.5333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_txt2 h1 .fv_txt2-2 {
    font-size: min(3.5vw, 56px);
    padding-bottom: min(0vw, 0px);
    vertical-align: 0em;
    letter-spacing: -0.04em;
    margin-left: max(-0.125vw, -2px);
  }
}
#autumn_switch .fv .fv_txt2 h1 .fv_txt2-2::after {
  content: "";
  width: 97%;
  height: 1px;
  background-color: #203340;
  position: absolute;
  left: 2%;
  bottom: 0;
}
#autumn_switch .fv .fv_txt2 h1 .fv_txt2-3 {
  font-size: 14.9333333333vw;
  margin-left: 1.6vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_txt2 h1 .fv_txt2-3 {
    font-size: min(4.8125vw, 77px);
    margin-left: min(0.375vw, 6px);
  }
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_txt2 .fv_txt2_deco1 {
    position: absolute;
    width: min(11.3125vw, 181px);
    top: min(1.5625vw, 25px);
    right: min(0.3125vw, 5px);
  }
}
#autumn_switch .fv .fv_txt2 .fv_txt2_deco2 {
  position: absolute;
  width: 19.7333333333vw;
  top: -8vw;
  left: 32vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_txt2 .fv_txt2_deco2 {
    width: min(5.625vw, 90px);
    top: max(-1.875vw, -30px);
    left: min(30.75vw, 492px);
  }
}
@media screen and (min-width: 769px) {
  #autumn_switch .fv .fv_txt3 {
    width: min(1.360625vw, 21.77px);
    right: min(0.625vw, 10px);
    top: min(19.75vw, 316px);
  }
}
#autumn_switch .lead {
  font-size: 3.7333333333vw;
  line-height: 1.8571428571;
  text-align: center;
  letter-spacing: 0.08em;
  margin-bottom: 16vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .lead {
    font-size: min(0.9375vw, 15px);
    line-height: 2.5;
    margin-bottom: min(7.5vw, 120px);
  }
}
#autumn_switch .lead p + p {
  margin-top: 3.2vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .lead p + p {
    margin-top: 0;
  }
}
#autumn_switch {
  /* flex
  ===================================================== */
}
@media screen and (min-width: 769px) {
  #autumn_switch .pc_flex {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-top: -0.6944444444vw;
  }
}
#autumn_switch {
  /* nav
  ===================================================== */
}
#autumn_switch .nav {
  position: relative;
}
#autumn_switch .nav_bg_sp {
  width: 100%;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_bg .nav_bg_pc {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 38.1944444444vw;
    filter: blur(3px);
  }
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_bg .nav_bg_pc img {
    position: absolute;
    top: -10%;
    left: 0;
    width: 110%;
    /* 動かす分(20%)だけ余分に大きくしておく */
    object-fit: cover;
  }
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 69.4444444444vw;
    height: 20.4861111111vw;
  }
}
#autumn_switch .nav_list li {
  position: absolute;
}
#autumn_switch .nav_list li p {
  font-size: 9.3333333333vw;
  position: absolute;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_list li p {
    font-size: 2.6388888889vw;
  }
}
#autumn_switch .nav_list li img {
  box-shadow: 0.2666666667vw 0.2666666667vw 0.8vw 0px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_list li img {
    box-shadow: 0.0694444444vw 0.0694444444vw 0.2083333333vw 0px rgba(0, 0, 0, 0.1);
  }
}
#autumn_switch .nav_list li a {
  position: relative;
  z-index: 1;
}
#autumn_switch .nav_list li:nth-child(1) {
  width: 41.3333333333vw;
  top: 22.4vw;
  left: 7.2vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_list li:nth-child(1) {
    width: 11.8402777778vw;
    top: auto;
    bottom: 0;
    left: 0vw;
  }
}
#autumn_switch .nav_list li:nth-child(1) p {
  top: -4.2666666667vw;
  left: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_list li:nth-child(1) p {
    top: -1.3888888889vw;
    left: 0.4513888889vw;
  }
}
#autumn_switch .nav_list li:nth-child(2) {
  width: 37.3333333333vw;
  top: 50.9333333333vw;
  right: 7.2vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_list li:nth-child(2) {
    width: 10.6944444444vw;
    top: auto;
    right: auto;
    left: 14.8263888889vw;
    bottom: 0;
  }
}
#autumn_switch .nav_list li:nth-child(2) p {
  top: -4.2666666667vw;
  right: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_list li:nth-child(2) p {
    top: -1.3888888889vw;
    right: 0.4513888889vw;
  }
}
#autumn_switch .nav_list li:nth-child(3) {
  width: 45.3333333333vw;
  top: 73.6vw;
  left: 3.2vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_list li:nth-child(3) {
    width: 12.9861111111vw;
    top: auto;
    left: 27.6041666667vw;
    bottom: 0;
  }
}
#autumn_switch .nav_list li:nth-child(3) p {
  top: -4.2666666667vw;
  left: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_list li:nth-child(3) p {
    top: -1.3888888889vw;
    left: 0.4513888889vw;
  }
}
#autumn_switch .nav_list li:nth-child(4) {
  width: 45.3333333333vw;
  top: 107.2vw;
  right: 3.2vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_list li:nth-child(4) {
    width: 12.9861111111vw;
    top: auto;
    right: 13.7847222222vw;
    bottom: 2.3819444444vw;
  }
}
#autumn_switch .nav_list li:nth-child(4) p {
  top: -4.2666666667vw;
  left: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_list li:nth-child(4) p {
    top: -1.3888888889vw;
    left: 0.4513888889vw;
  }
}
#autumn_switch .nav_list li:nth-child(5) {
  width: 37.3333333333vw;
  top: 120.2666666667vw;
  left: 7.2vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_list li:nth-child(5) {
    width: 10.6944444444vw;
    top: auto;
    bottom: 0;
    left: auto;
    right: 1.0069444444vw;
  }
}
#autumn_switch .nav_list li:nth-child(5) p {
  bottom: 2.6666666667vw;
  left: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_list li:nth-child(5) p {
    bottom: 0.6944444444vw;
    left: 0.4513888889vw;
  }
}
#autumn_switch .nav_ttl {
  position: absolute;
  top: 24.8vw;
  right: 8vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_ttl {
    top: -0.3472222222vw;
    right: auto;
    left: 0.3472222222vw;
  }
}
#autumn_switch .nav_ttl img {
  width: 26.9333333333vw;
  margin-bottom: 2.1333333333vw;
  padding-right: 1.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_ttl img {
    width: 9.2083333333vw;
    margin-bottom: 0.5555555556vw;
    padding-right: 0;
  }
}
#autumn_switch .nav_ttl p {
  font-size: 8vw;
  text-align: right;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_ttl p {
    font-size: 2.75vw;
    text-align: left;
  }
}
#autumn_switch .nav_txt {
  position: absolute;
  width: 37.3333333333vw;
  top: 155.2vw;
  right: 6.4vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .nav_txt {
    width: 12.5694444444vw;
    top: 2.3611111111vw;
    right: 0.9583333333vw;
  }
}
#autumn_switch {
  /* main
  ===================================================== */
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents {
    width: 62.5vw;
  }
}
#autumn_switch .main_contents .main_block {
  margin-bottom: 16vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .main_block {
    width: 38.8888888889vw;
    margin: 0 auto 8.3333333333vw;
  }
}
#autumn_switch .main_contents .main_ttl {
  width: 93.3333333333vw;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .main_ttl {
    width: 38.8888888889vw;
  }
}
#autumn_switch .main_contents .main_ttl .ttl_head {
  font-size: 3.7333333333vw;
  letter-spacing: 0;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .main_ttl .ttl_head {
    font-size: 1.4583333333vw;
  }
}
#autumn_switch .main_contents .main_ttl .ttl_head_flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#autumn_switch .main_contents .main_ttl .ttl_head_left p:nth-child(1) {
  margin-bottom: 2.1333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .main_ttl .ttl_head_left p:nth-child(1) {
    margin-bottom: 0.5555555556vw;
  }
}
#autumn_switch .main_contents .main_ttl .ttl_head_left p:nth-child(2) {
  font-size: 1.3333333333vw;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .main_ttl .ttl_head_left p:nth-child(2) {
    font-size: 0.4861111111vw;
    line-height: 1.4285714286;
  }
}
#autumn_switch .main_contents .main_ttl .contents_ttl {
  text-align: center;
  margin-top: -13.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .main_ttl .contents_ttl {
    margin-top: -4.1666666667vw;
  }
}
#autumn_switch .main_contents .main_ttl .contents_ttl_num {
  font-size: 24.5333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .main_ttl .contents_ttl_num {
    font-size: 9.5833333333vw;
  }
}
#autumn_switch .main_contents .main_ttl .contents_ttl_en {
  font-size: 16vw;
  line-height: 1.1333333333;
  margin-bottom: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .main_ttl .contents_ttl_en {
    font-size: 5.9722222222vw;
    margin-bottom: 2.0833333333vw;
  }
}
#autumn_switch .main_contents .main_ttl .contents_ttl_ja {
  font-size: 4.1333333333vw;
  letter-spacing: 0.14em;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .main_ttl .contents_ttl_ja {
    font-size: 1.3888888889vw;
  }
}
#autumn_switch .main_contents .main_img {
  width: 100vw;
  margin: -1.6vw auto 0;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .main_img {
    width: 100%;
    margin: 2.7777777778vw auto 0;
  }
}
#autumn_switch .main_contents .main_txt {
  background-color: #203340;
  color: #ffffff;
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 4.8vw 0 5.8666666667vw;
  margin: -0.2666666667vw auto 6.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .main_txt {
    padding: 1.3888888889vw 0 1.8055555556vw;
    margin: -0.0694444444vw auto 2.7777777778vw;
  }
}
#autumn_switch .main_contents .main_txt p {
  font-size: 4.5333333333vw;
  line-height: 1.7647058824;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .main_txt p {
    font-size: 1.3888888889vw;
  }
}
#autumn_switch .main_contents .notice {
  font-size: 2.4vw;
  margin-bottom: 2.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .notice {
    font-size: 0.6944444444vw;
    margin-bottom: 1.0416666667vw;
  }
}
#autumn_switch .main_contents .line1 {
  width: 86.6666666667vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .line1 {
    width: 48.6111111111vw;
  }
}
#autumn_switch .main_contents .other {
  padding: 14.9333333333vw 0 21.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .other {
    padding: 5.8333333333vw 0 8.3333333333vw;
  }
}
#autumn_switch .main_contents .other_ttl {
  text-align: center;
  margin-bottom: 8vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .other_ttl {
    margin-bottom: 2.7777777778vw;
  }
}
#autumn_switch .main_contents .other_ttl p:nth-child(1) {
  font-size: 11.7333333333vw;
  margin-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .other_ttl p:nth-child(1) {
    font-size: 3.75vw;
    margin-bottom: 1.3888888889vw;
  }
}
#autumn_switch .main_contents .other_ttl p:nth-child(2) {
  font-size: 3.7333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .other_ttl p:nth-child(2) {
    font-size: 0.9722222222vw;
  }
}
#autumn_switch .main_contents .other_item_wrap {
  width: 100%;
  margin-bottom: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .other_item_wrap {
    width: 48.6111111111vw;
    margin: 0 auto;
    margin-bottom: 2.7777777778vw;
  }
}
#autumn_switch .main_contents .other_item_wrap .item_list {
  margin-bottom: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .other_item_wrap .item_list {
    margin-bottom: 1.3888888889vw;
  }
}
#autumn_switch .main_contents .other .all_btn a {
  width: 36.2666666667vw;
  margin: 0 auto;
  line-height: 9.0666666667vw;
  padding-bottom: 1.0666666667vw;
  font-size: 4.8vw;
  text-align: center;
  background-color: #203340;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .other .all_btn a {
    width: 14.1666666667vw;
    line-height: 3.5416666667vw;
    padding-bottom: 0.4166666667vw;
    font-size: 1.4583333333vw;
  }
}
#autumn_switch .main_contents .other .all_btn a img {
  display: inline;
  width: 1.6vw;
  transform: translateY(-100%);
  margin-left: 4vw;
  margin-right: -2.6666666667vw;
  transition: all 0.6s;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .other .all_btn a img {
    width: 0.625vw;
    margin-left: 1.3888888889vw;
    margin-right: -1.0416666667vw;
    transform: translateY(-100%);
  }
}
#autumn_switch .main_contents .other .all_btn a:hover {
  opacity: 1;
}
#autumn_switch .main_contents .other .all_btn a:hover img {
  transform: translate(50%, -100%);
  transition: all 0.6s;
}
#autumn_switch .main_contents #section1 {
  background-color: #D2CCC1;
  padding: 9.6vw 0 0;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section1 {
    padding: 6.9444444444vw 0 0;
  }
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section1 .main_ttl .contents_ttl_num {
    margin-bottom: 1.0416666667vw;
  }
}
#autumn_switch .main_contents #section1 .sub_block1 {
  width: 80vw;
  margin: 0 auto 21.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section1 .sub_block1 {
    width: 31.25vw;
    margin: 0 auto 9.7222222222vw;
  }
}
#autumn_switch .main_contents #section1 .sub_block1_img {
  margin-bottom: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section1 .sub_block1_img {
    margin-bottom: 2.0833333333vw;
  }
}
#autumn_switch .main_contents #section1 .sub_block2 {
  width: 100vw;
  position: relative;
  margin: 0 auto 16vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section1 .sub_block2 {
    width: 46.5277777778vw;
    margin: 0 auto 6.25vw;
  }
}
#autumn_switch .main_contents #section1 .sub_block2 > * {
  position: relative;
}
#autumn_switch .main_contents #section1 .sub_block2_sticky {
  width: 100vw;
  margin-bottom: 29.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section1 .sub_block2_sticky {
    width: 46.5277777778vw;
    margin: 0 auto;
    margin-bottom: 11.4583333333vw;
  }
}
#autumn_switch .main_contents #section1 .sub_block2_img {
  box-sizing: content-box;
  width: 80vw;
  position: sticky;
  top: 26.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section1 .sub_block2_img {
    width: 31.25vw;
    top: 10.4166666667vw;
  }
}
#autumn_switch .main_contents #section1 .sub_block2_bg {
  width: 100vw;
  position: absolute;
  top: -10.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section1 .sub_block2_bg {
    width: 46.5277777778vw;
    top: -4.1666666667vw;
  }
}
#autumn_switch .main_contents #section1 .sub_block2 .st_item1_img {
  box-sizing: content-box;
  position: relative;
  width: 80vw;
  padding-left: 16vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section1 .sub_block2 .st_item1_img {
    width: 31.25vw;
    padding-left: 10.1875vw;
  }
}
#autumn_switch .main_contents #section1 .sub_block2 .st_item1_img img {
  box-shadow: 0.3733333333vw 0.3733333333vw 1.4933333333vw 0px rgba(115, 97, 76, 0.25);
}
#autumn_switch .main_contents #section1 .sub_block2 .st_item2 {
  padding-left: 4vw;
  margin-top: 53.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section1 .sub_block2 .st_item2 {
    margin-top: 13.8888888889vw;
    padding-left: 5.5555555556vw;
  }
}
#autumn_switch .main_contents #section1 .sub_block2 .st_item2 img {
  transform: translateY(10.6666666667vw) rotate(4deg);
  box-shadow: 0.3733333333vw 0.3733333333vw 1.4933333333vw 0px rgba(115, 97, 76, 0.25);
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section1 .sub_block2 .st_item2 img {
    transform: translateY(3.4722222222vw) rotate(4deg);
  }
}
#autumn_switch .main_contents #section1 .sub_block2 .st_item3 {
  left: 9.8666666667vw;
  margin-top: 53.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section1 .sub_block2 .st_item3 {
    margin-top: 13.8888888889vw;
    padding-left: 6.25vw;
  }
}
#autumn_switch .main_contents #section1 .sub_block2 .st_item3 img {
  transform: translateY(21.3333333333vw);
  box-shadow: 0.3733333333vw 0.3733333333vw 1.4933333333vw 0px rgba(115, 97, 76, 0.25);
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section1 .sub_block2 .st_item3 img {
    transform: translateY(6.9444444444vw);
  }
}
#autumn_switch .main_contents #section1 .sub_block2 .credit_list {
  width: 80vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section1 .sub_block2 .credit_list {
    width: 31.25vw;
  }
}
#autumn_switch .main_contents #section2 {
  background-color: #C9C4B9;
  padding: 9.6vw 0 0;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section2 {
    padding: 6.9444444444vw 0 0;
  }
}
#autumn_switch .main_contents #section2 .main_ttl .contents_ttl_num {
  margin-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section2 .main_ttl .contents_ttl_num {
    margin-bottom: 1.5625vw;
  }
}
#autumn_switch .main_contents #section2 .sub_block1 {
  width: 69.3333333333vw;
  margin: 0 5.3333333333vw 10.6666666667vw auto;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section2 .sub_block1 {
    width: 27.0833333333vw;
    margin: 0 11.6666666667vw 5.5555555556vw auto;
  }
}
#autumn_switch .main_contents #section2 .sub_block1_img {
  margin-bottom: 3.7333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section2 .sub_block1_img {
    margin-bottom: 1.4583333333vw;
  }
}
#autumn_switch .main_contents #section2 .sub_block2 {
  width: 69.3333333333vw;
  margin: 0 auto 10.6666666667vw 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section2 .sub_block2 {
    width: 27.0833333333vw;
    margin: 0 auto 5.5555555556vw 11.6666666667vw;
  }
}
#autumn_switch .main_contents #section2 .sub_block2_img {
  margin-bottom: 3.7333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section2 .sub_block2_img {
    margin-bottom: 1.4583333333vw;
  }
}
#autumn_switch .main_contents #section2 .sub_block3 {
  width: 100vw;
  margin-bottom: 24vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section2 .sub_block3 {
    width: 45.8333333333vw;
    margin: 0 auto 6.9444444444vw;
  }
}
#autumn_switch .main_contents #section2 .sub_block3_img {
  position: relative;
}
#autumn_switch .main_contents #section2 .sub_block3_img .img_box {
  position: relative;
  width: 80vw;
  margin: 0 auto 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section2 .sub_block3_img .img_box {
    width: 31.25vw;
    margin: 0 auto 2.7777777778vw;
  }
}
#autumn_switch .main_contents #section2 .sub_block3_img .img_box img:nth-child(2) {
  transform: translateY(-1px);
}
#autumn_switch .main_contents #section2 .sub_block3_img .txt_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -80%);
  display: flex;
  justify-content: space-between;
  width: 76vw;
  color: #ffffff;
  font-size: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section2 .sub_block3_img .txt_box {
    width: 29.6875vw;
    font-size: 2.0833333333vw;
  }
}
#autumn_switch .main_contents #section2 .sub_block3_img .img_bg {
  width: 94.6666666667vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section2 .sub_block3_img .img_bg {
    width: 45.8333333333vw;
  }
}
#autumn_switch .main_contents #section2 .sub_block3 .credit_list {
  width: 80vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section2 .sub_block3 .credit_list {
    width: 31.25vw;
  }
}
#autumn_switch .main_contents #section2 .sub_block4 {
  width: 100vw;
  margin: 0 auto 16vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section2 .sub_block4 {
    width: 44.4444444444vw;
    margin: 0 auto 6.9444444444vw;
  }
}
#autumn_switch .main_contents #section2 .sub_block4_img {
  width: 100vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section2 .sub_block4_img {
    width: 44.4444444444vw;
  }
}
#autumn_switch .main_contents #section2 .sub_block4_img img {
  width: 141.3333333333vw;
  margin-left: -20.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section2 .sub_block4_img img {
    width: 100%;
    margin-left: 0;
  }
}
#autumn_switch .main_contents #section2 .sub_block4 .txt_box {
  display: flex;
  justify-content: space-between;
  width: 92vw;
  margin: 0 auto;
  position: absolute;
  top: -3.2vw;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section2 .sub_block4 .txt_box {
    width: 41.6666666667vw;
    top: -1.0416666667vw;
  }
}
#autumn_switch .main_contents #section3 {
  background-color: #D2CCC1;
  padding: 9.6vw 0 0;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section3 {
    padding: 6.9444444444vw 0 0;
  }
}
#autumn_switch .main_contents #section3 .main_ttl .contents_ttl_en {
  margin-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section3 .main_ttl .contents_ttl_en {
    margin-bottom: 2.0833333333vw;
  }
}
#autumn_switch .main_contents #section3 .sub_block1 {
  width: 80vw;
  margin: 0 auto 16vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section3 .sub_block1 {
    width: 31.25vw;
    margin: 0 auto 6.9444444444vw;
  }
}
#autumn_switch .main_contents #section3 .sub_block1_img {
  margin-bottom: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section3 .sub_block1_img {
    margin-bottom: 2.0833333333vw;
  }
}
#autumn_switch .main_contents #section3 .sub_block2 {
  width: 100vw;
  overflow: hidden;
  margin-bottom: 24vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section3 .sub_block2 {
    width: 45.8333333333vw;
    margin: 0 auto 6.9444444444vw;
  }
}
#autumn_switch .main_contents #section3 .sub_block2_img {
  position: relative;
}
#autumn_switch .main_contents #section3 .sub_block2_img .img_box {
  position: relative;
  margin: 0 auto 6.4vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section3 .sub_block2_img .img_box {
    margin: 0 auto 2.7777777778vw;
  }
}
#autumn_switch .main_contents #section3 .sub_block2_img .img_box img:nth-child(1) {
  width: 58.6666666667vw;
  margin: 0 1.3333333333vw -13.3333333333vw auto;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section3 .sub_block2_img .img_box img:nth-child(1) {
    width: 22.9166666667vw;
    margin: 0 3.9583333333vw -5.4166666667vw auto;
  }
}
#autumn_switch .main_contents #section3 .sub_block2_img .img_box img:nth-child(2) {
  width: 65.6vw;
  margin-left: 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section3 .sub_block2_img .img_box img:nth-child(2) {
    width: 25.625vw;
    margin-left: 3.75vw;
  }
}
#autumn_switch .main_contents #section3 .sub_block2_img .txt_box {
  position: absolute;
  top: 35.6266666667vw;
  left: 6.9333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section3 .sub_block2_img .txt_box {
    top: 13.8888888889vw;
    left: 6.1458333333vw;
  }
}
#autumn_switch .main_contents #section3 .sub_block2_img .txt_box p:nth-child(1) {
  width: 34.6666666667vw;
  margin-bottom: 2.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section3 .sub_block2_img .txt_box p:nth-child(1) {
    width: 13.5416666667vw;
    margin-bottom: 1.0416666667vw;
  }
}
#autumn_switch .main_contents #section3 .sub_block2_img .txt_box p:nth-child(2) {
  font-size: 1.8666666667vw;
  line-height: 1.5714285714;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section3 .sub_block2_img .txt_box p:nth-child(2) {
    font-size: 0.7291666667vw;
  }
}
#autumn_switch .main_contents #section3 .sub_block2_img .img_bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#autumn_switch .main_contents #section3 .sub_block2_img .img_bg img {
  width: 138.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section3 .sub_block2_img .img_bg img {
    width: 45.8333333333vw;
  }
}
#autumn_switch .main_contents #section3 .sub_block2 .credit_list {
  width: 80vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section3 .sub_block2 .credit_list {
    width: 31.25vw;
  }
}
#autumn_switch .main_contents #section4 {
  background-color: #C9C4B9;
  padding: 9.6vw 0 0;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 {
    overflow: visible;
    padding: 6.9444444444vw 0 0;
  }
}
#autumn_switch .main_contents #section4 .main_ttl .contents_ttl_num {
  margin-bottom: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .main_ttl .contents_ttl_num {
    margin-bottom: 2.0833333333vw;
  }
}
#autumn_switch .main_contents #section4 .main_ttl .contents_ttl_en {
  margin-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .main_ttl .contents_ttl_en {
    margin-bottom: 1.5625vw;
  }
}
#autumn_switch .main_contents #section4 .sub_block1 {
  width: 85.3333333333vw;
  margin: 0 0 21.3333333333vw auto;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .sub_block1 {
    width: 33.3333333333vw;
    margin: 0 11.6666666667vw 8.3333333333vw auto;
  }
}
#autumn_switch .main_contents #section4 .sub_block1_img {
  margin-bottom: 6.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .sub_block1_img {
    margin-bottom: 2.6041666667vw;
  }
}
#autumn_switch .main_contents #section4 .sub_block1 .credit_list {
  width: 74.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .sub_block1 .credit_list {
    width: 29.1666666667vw;
    margin: 0 auto;
  }
}
#autumn_switch .main_contents #section4 .sub_block2 {
  width: 85.3333333333vw;
  margin: 0 auto 21.3333333333vw 0;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .sub_block2 {
    width: 33.3333333333vw;
    margin: 0 auto 8.3333333333vw 11.6666666667vw;
  }
}
#autumn_switch .main_contents #section4 .sub_block2_img {
  margin-bottom: 6.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .sub_block2_img {
    margin-bottom: 2.6041666667vw;
  }
}
#autumn_switch .main_contents #section4 .sub_block2 .credit_list {
  width: 74.6666666667vw;
  margin-left: 6.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .sub_block2 .credit_list {
    width: 29.1666666667vw;
    margin: 0 auto;
  }
}
#autumn_switch .main_contents #section4 .sub_block3 {
  width: 100vw;
  margin-bottom: 16vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .sub_block3 {
    width: 45.8333333333vw;
    margin: 0 auto 8.3333333333vw;
  }
}
#autumn_switch .main_contents #section4 .sub_block3_img {
  position: relative;
}
#autumn_switch .main_contents #section4 .sub_block3_img .img_box {
  width: 84vw;
  margin: 0 auto 19.2vw;
  padding-top: 28.8vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .sub_block3_img .img_box {
    width: 31.9444444444vw;
    margin: 0 auto 5.5555555556vw;
    padding-top: 8.9583333333vw;
  }
}
#autumn_switch .main_contents #section4 .sub_block3_img .img_box_1 {
  width: 74.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .sub_block3_img .img_box_1 {
    width: 29.1666666667vw;
  }
}
#autumn_switch .main_contents #section4 .sub_block3_img .img_box_2 {
  width: 74.6666666667vw;
  height: auto;
  position: absolute;
  top: 40vw;
  left: 17.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .sub_block3_img .img_box_2 {
    width: 29.1666666667vw;
    top: 11.7361111111vw;
    left: 9.7222222222vw;
  }
}
#autumn_switch .main_contents #section4 .sub_block3_img .txt_box {
  position: absolute;
  top: 13.3333333333vw;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: #dedcd4;
  font-size: 16.5333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .sub_block3_img .txt_box {
    font-size: 7.2916666667vw;
    top: 2.7777777778vw;
    width: 43.75vw;
    margin: 0 auto;
  }
}
#autumn_switch .main_contents #section4 .sub_block3_img .img_bg {
  width: 100vw;
  margin: 0 auto;
  opacity: 0.8;
  position: absolute;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .sub_block3_img .img_bg {
    width: 45.8333333333vw;
  }
}
#autumn_switch .main_contents #section4 .sub_block3 .credit_list {
  width: 80vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .sub_block3 .credit_list {
    width: 31.25vw;
  }
}
#autumn_switch .main_contents #section4 .sub_block4 {
  width: 85.3333333333vw;
  margin: 0 auto 16vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .sub_block4 {
    width: 33.3333333333vw;
    margin: 0 auto 8.3333333333vw;
  }
}
#autumn_switch .main_contents #section4 .sub_block4_img {
  margin-bottom: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section4 .sub_block4_img {
    margin-bottom: 2.0833333333vw;
  }
}
#autumn_switch .main_contents #section5 {
  background-color: #D2CCC1;
  padding: 9.6vw 0 0;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 {
    padding: 6.9444444444vw 0 0;
  }
}
#autumn_switch .main_contents #section5 .main_ttl .contents_ttl_num {
  margin-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .main_ttl .contents_ttl_num {
    margin-bottom: 1.5625vw;
  }
}
#autumn_switch .main_contents #section5 .main_ttl .contents_ttl_en {
  margin-bottom: 4vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .main_ttl .contents_ttl_en {
    margin-bottom: 1.5625vw;
  }
}
#autumn_switch .main_contents #section5 .sub_block1 {
  width: 100vw;
  margin-bottom: 14.6666666667vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block1 {
    width: 45.1388888889vw;
    margin: 0 auto 5.5555555556vw;
    overflow: visible;
  }
}
#autumn_switch .main_contents #section5 .sub_block1_img {
  position: relative;
}
#autumn_switch .main_contents #section5 .sub_block1_img .img_box {
  position: relative;
  width: 80vw;
  margin: 0 auto 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block1_img .img_box {
    width: 31.25vw;
    margin: 0 auto 2.7777777778vw;
  }
}
#autumn_switch .main_contents #section5 .sub_block1_img .img_box img:nth-child(2) {
  transform: translateY(-1px);
}
#autumn_switch .main_contents #section5 .sub_block1_img .txt_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -80%);
  display: flex;
  justify-content: space-between;
  width: 76vw;
  color: #ffffff;
  font-size: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block1_img .txt_box {
    width: 29.6875vw;
    font-size: 2.0833333333vw;
  }
}
#autumn_switch .main_contents #section5 .sub_block1_img .img_bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-53.5%, -50%);
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block1_img .img_bg {
    transform: translate(-50%, -50%);
  }
}
#autumn_switch .main_contents #section5 .sub_block1_img .img_bg img {
  width: 138.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block1_img .img_bg img {
    width: 45.1388888889vw;
  }
}
#autumn_switch .main_contents #section5 .sub_block1 .credit_list {
  width: 80vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block1 .credit_list {
    width: 31.25vw;
  }
}
#autumn_switch .main_contents #section5 .sub_block2 {
  position: relative;
  width: 69.3333333333vw;
  margin: 0 5.3333333333vw 10.6666666667vw auto;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block2 {
    width: 27.0833333333vw;
    margin: 0 11.6666666667vw 5.5555555556vw auto;
  }
}
#autumn_switch .main_contents #section5 .sub_block2_img {
  margin-bottom: 3.7333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block2_img {
    margin-bottom: 1.4583333333vw;
  }
}
#autumn_switch .main_contents #section5 .sub_block3 {
  width: 69.3333333333vw;
  margin: 0 auto 13.3333333333vw 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block3 {
    width: 27.0833333333vw;
    margin: 0 auto 5.5555555556vw 11.6666666667vw;
  }
}
#autumn_switch .main_contents #section5 .sub_block3_img {
  margin-bottom: 3.7333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block3_img {
    margin-bottom: 1.4583333333vw;
  }
}
#autumn_switch .main_contents #section5 .sub_block4 {
  width: 100vw;
  margin: 0 auto 16vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block4 {
    width: 40.2777777778vw;
    margin: 0 auto 8.3333333333vw;
  }
}
#autumn_switch .main_contents #section5 .sub_block4_img {
  position: relative;
  width: 100vw;
  overflow: hidden;
  padding-top: 18.1333333333vw;
  margin-bottom: 8vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block4_img {
    width: 40.2777777778vw;
    overflow: visible;
    padding-top: 7.6388888889vw;
    margin-bottom: 2.7777777778vw;
  }
}
#autumn_switch .main_contents #section5 .sub_block4_img .img_bg {
  position: absolute;
  width: 112.5333333333vw;
  top: 0;
  left: -10.2666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block4_img .img_bg {
    width: 43.75vw;
    left: -3.4722222222vw;
  }
}
#autumn_switch .main_contents #section5 .sub_block4_img .img_bg img {
  opacity: 0.6;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block4_img .img_bg img {
    opacity: 0.4;
  }
}
#autumn_switch .main_contents #section5 .sub_block4_img .img_box {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
#autumn_switch .main_contents #section5 .sub_block4_img .img_box img:nth-child(1) {
  width: 36.2666666667vw;
  margin-left: -2.9333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block4_img .img_box img:nth-child(1) {
    width: 14.1666666667vw;
    margin-left: 0;
  }
}
#autumn_switch .main_contents #section5 .sub_block4_img .img_box img:nth-child(2) {
  width: 58.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block4_img .img_box img:nth-child(2) {
    width: 22.9166666667vw;
  }
}
#autumn_switch .main_contents #section5 .sub_block4_img .txt_box {
  width: 44.8vw;
  position: absolute;
  top: 23.2vw;
  left: 4.1333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block4_img .txt_box {
    width: 12.5vw;
    top: 9.9305555556vw;
    left: 1.3020833333vw;
  }
}
#autumn_switch .main_contents #section5 .sub_block4 .credit_list {
  width: 80vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents #section5 .sub_block4 .credit_list {
    width: 31.25vw;
  }
}
#autumn_switch .main_contents {
  /* クレジットここから
  ===================================================== */
}
#autumn_switch .main_contents .creditAjax a:has(.nolink) {
  pointer-events: none;
}
#autumn_switch .main_contents .creditAjax p {
  font-size: 2.8vw;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .creditAjax p {
    font-size: 0.8402777778vw;
  }
}
#autumn_switch .main_contents .creditAjax .item_img {
  margin-bottom: 1.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .creditAjax .item_img {
    margin-bottom: 0.3819444444vw;
  }
}
#autumn_switch .main_contents .creditAjax .brand_name {
  line-height: 1.3333333333;
  white-space: pre-line;
  margin-bottom: 0.5333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .creditAjax .brand_name {
    margin-bottom: 0.1527777778vw;
  }
}
#autumn_switch .main_contents .creditAjax .item_name {
  margin-bottom: 0.8vw;
  line-height: 1.3333333333;
  white-space: pre-line;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .creditAjax .item_name {
    margin-bottom: 0.3819444444vw;
  }
}
#autumn_switch .main_contents .creditAjax .creditAjax_price {
  margin-bottom: 1.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .creditAjax .creditAjax_price {
    margin-bottom: 0.2083333333vw;
  }
}
#autumn_switch .main_contents .creditAjax {
  /* Ajaxで価格を表示する際のスタイル
  ===================================================== */
}
#autumn_switch .main_contents .creditAjax .creditAjax_price__proper::before,
#autumn_switch .main_contents .creditAjax .creditAjax_price__sale::before {
  content: "¥";
}
#autumn_switch .main_contents .creditAjax .creditAjax_price__sale {
  color: red;
  margin-left: 0.5333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .creditAjax .creditAjax_price__sale {
    margin-left: 0.1527777778vw;
  }
}
#autumn_switch .main_contents .creditAjax .creditAjax_price__off {
  color: red;
  font-size: 0.8em;
  margin-top: 0.5333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .creditAjax .creditAjax_price__off {
    margin-top: 0.1527777778vw;
  }
}
#autumn_switch .main_contents .creditAjax .creditAjax_price__off::before {
  content: "(";
}
#autumn_switch .main_contents .creditAjax .creditAjax_price__off::after {
  content: ")";
}
#autumn_switch .main_contents .creditAjax .creditAjax__saleOn .creditAjax_price__proper {
  text-decoration: line-through;
}
#autumn_switch .main_contents .creditAjax .buy_btn {
  font-size: 2.9333333333vw;
  line-height: 1;
  letter-spacing: 0.08em;
  background-color: #203340;
  color: #ffffff;
  display: block;
  padding: 0.8vw 2.1333333333vw 1.0666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .creditAjax .buy_btn {
    font-size: 0.8333333333vw;
    padding: 0.2291666667vw 0.6111111111vw 0.3055555556vw;
  }
}
#autumn_switch .main_contents .creditAjax .shop,
#autumn_switch .main_contents .creditAjax .com {
  font-size: 2.4vw;
  background-color: #b7b7b7;
  color: #203340;
  padding: 0.2666666667vw 2.1333333333vw;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .creditAjax .shop,
  #autumn_switch .main_contents .creditAjax .com {
    font-size: 0.7638888889vw;
    padding: 0.0694444444vw 0.5555555556vw;
  }
}
#autumn_switch .main_contents .list_wrap a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .list_wrap a {
    gap: 1.1458333333vw;
  }
}
#autumn_switch .main_contents .list_wrap a .item_img {
  width: 13.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .list_wrap a .item_img {
    width: 4.1666666667vw;
  }
}
#autumn_switch .main_contents .list_wrap a .item_info {
  width: 100%;
}
#autumn_switch .main_contents .list_wrap a .price_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#autumn_switch .main_contents .list_wrap li + li {
  margin-top: 1.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .list_wrap li + li {
    margin-top: 0.3819444444vw;
  }
}
#autumn_switch .main_contents .credit1 {
  width: 85.3333333333vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .credit1 {
    width: 27.7777777778vw;
  }
}
#autumn_switch .main_contents {
  /* 自動取得中身 ===================================================== */
}
#autumn_switch .main_contents .item_list.swiper-wrapper {
  font-size: 2.4vw;
  letter-spacing: 0.06em;
  padding-bottom: 1.3333333333vw;
  color: #203340;
  word-break: break-all;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .item_list.swiper-wrapper {
    font-size: 0.8333333333vw;
    padding-bottom: 0.3472222222vw;
  }
}
#autumn_switch .main_contents .item_list.swiper-wrapper a {
  position: relative;
  color: inherit;
}
#autumn_switch .main_contents .item_list.swiper-wrapper img {
  margin-bottom: 1.3333333333vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .item_list.swiper-wrapper img {
    margin-bottom: 0.6944444444vw;
  }
}
#autumn_switch .main_contents .item_list.swiper-wrapper li a p:first-child {
  position: relative;
}
#autumn_switch .main_contents .item_list.swiper-wrapper p.photo {
  position: relative;
}
#autumn_switch .main_contents .item_list.swiper-wrapper .price.salecolor {
  display: inline;
  color: #d61d1d !important;
}
#autumn_switch .main_contents .item_list.swiper-wrapper .text-red {
  display: inline;
  color: #d61d1d;
  padding-left: 3px;
}
#autumn_switch .main_contents .item_list.swiper-wrapper .price .tt02 {
  display: inline;
  color: #d61d1d !important;
  font-size: 0.8em;
}
#autumn_switch .main_contents .item_list.swiper-wrapper .salecolor + .price {
  display: inline;
  color: #d61d1d;
}
#autumn_switch .main_contents .item_list.swiper-wrapper li a p:first-child img + span {
  background-color: #d61d1d;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 0.9em;
  padding: 2px 4px;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .item_list.swiper-wrapper li a p:first-child img + span {
    padding: 4px 8px 3px 10px;
  }
}
#autumn_switch .main_contents .item_list.swiper-wrapper p.photo span {
  background-color: #d61d1d;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 0.9em;
  padding: 2px 4px;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .item_list.swiper-wrapper p.photo span {
    padding: 4px 8px 3px 10px;
  }
}
#autumn_switch .main_contents .item_list.swiper-wrapper .top_item_fav_btn,
#autumn_switch .main_contents .item_list.swiper-wrapper .new_ico {
  display: none;
}
#autumn_switch .main_contents .item_list.swiper-wrapper .timesale_ico {
  display: none;
}
#autumn_switch .main_contents .item_list.swiper-wrapper .ico_box + p {
  margin-bottom: 0.8vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .item_list.swiper-wrapper .ico_box + p {
    margin-bottom: 0.2291666667vw;
  }
}
#autumn_switch .main_contents .item_list.swiper-wrapper .textOverflow,
#autumn_switch .main_contents .item_list.swiper-wrapper .label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 1.3333333333vw;
  line-height: 1.4444444444;
}
@media screen and (min-width: 769px) {
  #autumn_switch .main_contents .item_list.swiper-wrapper .textOverflow,
  #autumn_switch .main_contents .item_list.swiper-wrapper .label {
    margin-bottom: 0.3819444444vw;
  }
}
#autumn_switch .main_contents {
  /* クレジットここまで
  ===================================================== */
}
#autumn_switch {
  /* right
  ===================================================== */
}
@media screen and (min-width: 769px) {
  #autumn_switch .left_contents {
    position: sticky;
    width: 37.5vw;
    height: 100svh;
    background-color: #D9D2C7;
    display: grid;
    place-items: center;
    top: 50px;
    left: 0;
  }
}
#autumn_switch .left_contents .left_wrap {
  width: 25.4166666667vw;
  height: 100svh;
  display: grid;
}
#autumn_switch .left_contents_ttl {
  padding-top: 7.6388888889vw;
  margin: 0 0 0 0;
}
#autumn_switch .left_contents_ttl p:nth-child(1) {
  font-size: 1.1111111111vw;
  margin-bottom: 0.6944444444vw;
  letter-spacing: 0.14em;
}
#autumn_switch .left_contents_ttl p:nth-child(2) {
  font-size: 4.4791666667vw;
  line-height: 1.1240310078;
  margin-bottom: 1.1111111111vw;
}
#autumn_switch .left_contents_ttl p:nth-child(3) {
  font-size: 0.7152777778vw;
  line-height: 1.5048543689;
}
#autumn_switch .left_contents_menu {
  display: flex;
  align-items: center;
  gap: 2.7777777778vw;
  margin: auto 0 0 0;
  padding-bottom: 10.4166666667vw;
}
#autumn_switch .left_contents_img {
  position: relative;
}
#autumn_switch .left_contents_img .num {
  position: absolute;
  font-size: 2.4305555556vw;
  top: 0;
  left: 0;
  z-index: 10;
}
#autumn_switch .left_contents_img .img_box {
  position: relative;
  width: 11.1111111111vw;
  height: 13.8888888889vw;
}
#autumn_switch .left_contents_img .img_box .layer {
  position: absolute;
}
#autumn_switch .left_contents_img .img_box img {
  border-radius: 100vw;
}
#autumn_switch .left_contents .current-list {
  font-size: 1.3194444444vw;
  line-height: 1.2;
}
#autumn_switch .left_contents .current-list li + li {
  margin-top: 1.1111111111vw;
}
#autumn_switch .left_contents .current-list li.is-current a {
  color: var(--muted);
  opacity: 0.55;
  pointer-events: none;
  cursor: default;
}
#autumn_switch {
  /* footer
  ===================================================== */
}
#autumn_switch .staff_credit {
  position: relative;
}
@media screen and (min-width: 769px) {
  #autumn_switch .staff_credit {
    padding: 8.3333333333vw 0;
  }
}
#autumn_switch .staff_credit .credit_wrap {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 122.6666666667vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .staff_credit .credit_wrap {
    width: 83.3333333333vw;
    height: 27.7777777778vw;
    margin: 0 auto;
  }
}
#autumn_switch .staff_credit .credit_wrap .credit_bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#autumn_switch .staff_credit .credit_wrap .credit_bg img {
  width: 100vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .staff_credit .credit_wrap .credit_bg img {
    width: 75vw;
    object-fit: contain;
  }
}
#autumn_switch .staff_credit .credit_wrap .credit_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#autumn_switch .staff_credit .credit_wrap .credit_box p {
  color: #ffffff;
  text-align: center;
}
#autumn_switch .staff_credit .credit_wrap .credit_box p:nth-child(1) {
  font-size: 12.8vw;
  margin-bottom: 8vw;
}
@media screen and (min-width: 769px) {
  #autumn_switch .staff_credit .credit_wrap .credit_box p:nth-child(1) {
    font-size: 3.6666666667vw;
    margin-bottom: 2.0833333333vw;
  }
}
#autumn_switch .staff_credit .credit_wrap .credit_box p:nth-child(2) {
  font-size: 2.6666666667vw;
  line-height: 2.4;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  #autumn_switch .staff_credit .credit_wrap .credit_box p:nth-child(2) {
    font-size: 0.7638888889vw;
  }
}
#autumn_switch .staff_credit .credit_wrap .credit_txt {
  position: absolute;
  width: 32.8vw;
  bottom: 6.2666666667vw;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 769px) {
  #autumn_switch .staff_credit .credit_wrap .credit_txt {
    width: 10.625vw;
    bottom: 2.7777777778vw;
  }
}
#autumn_switch {
  /* スライド調整
  ===================================================== */
}
#autumn_switch .swiper-container {
  width: 100%;
  overflow: hidden;
}
#autumn_switch .swiper-wrapper {
  width: 100%;
  height: auto !important;
}
#autumn_switch .swiper-slide {
  width: 100%;
  box-sizing: border-box;
}
#autumn_switch .swiper-slide img {
  max-width: 100%;
  display: block;
}
#autumn_switch .slide_loop {
  overflow: hidden;
}
#autumn_switch .slide_loop {
  opacity: 0;
  transition: opacity 0.6s ease;
}
#autumn_switch .slide_loop.swiper-ready {
  opacity: 1;
}
#autumn_switch .slide_loop .swiper-wrapper {
  height: auto !important;
  transition-timing-function: linear !important;
}
#autumn_switch .scrollbar_wrap {
  padding: 2.6666666667vw 0;
}
@media screen and (min-width: 769px) {
  #autumn_switch .scrollbar_wrap {
    padding: 0.6944444444vw 0;
  }
}
#autumn_switch .scrollbar_wrap .swiper-scrollbar {
  position: relative;
  background: #ffffff 40 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 64vw !important;
  height: 3px !important;
}
@media screen and (min-width: 769px) {
  #autumn_switch .scrollbar_wrap .swiper-scrollbar {
    width: 16.6666666667vw !important;
  }
}
#autumn_switch .scrollbar_wrap .swiper-scrollbar-drag {
  background: #203340 !important;
  height: 3px !important;
  position: absolute;
  top: 0% !important;
}
@media screen and (min-width: 769px) {
  #autumn_switch .scrollbar_wrap .swiper-scrollbar-drag {
    cursor: pointer;
  }
}
#autumn_switch {
  /* フェード調整
  ===================================================== */
}
#autumn_switch .txt_tate {
  overflow: hidden;
}
#autumn_switch .txt_yoko {
  overflow: hidden;
}
#autumn_switch {
  /* totop
  ===================================================== */
}
#autumn_switch .totop {
  width: 5.3333333333vw;
  position: fixed;
  bottom: 5.3333333333vw;
  right: 5.3333333333vw;
  z-index: 100;
  opacity: 1;
}
@media screen and (min-width: 769px) {
  #autumn_switch .totop {
    width: min(1.875vw, 30px);
    bottom: min(1.875vw, 30px);
    right: min(1.875vw, 30px);
  }
}
#autumn_switch {
  /* vue改行指定
  ===================================================== */
}
#autumn_switch .main_txt span {
  display: block;
}
#autumn_switch h2.contents_ttl_en span {
  display: block;
}
@media screen and (min-width: 769px) {
  #autumn_switch h2.contents_ttl_en span {
    display: inline;
  }
}

/* アニメーション
===================================================== */
@keyframes crossfade {
  0% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.fv_img3 .frame2,
.fv_img5 .frame2 {
  animation: crossfade 9s infinite;
  animation-delay: 1.5s;
}

.fv_img1 .frame2,
.fv_img6 .frame2 {
  animation: crossfade 9s infinite;
  animation-delay: 3s;
}

.fv_img2 .frame2,
.fv_img4 .frame2 {
  animation: crossfade 9s infinite;
  animation-delay: 4.5s;
}/*# sourceMappingURL=style.css.map */