@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;700&family=Noto+Serif+JP&display=swap");
#rhythm-2025autumn {
  background: #eee1cc;
}

@-webkit-keyframes animation-key {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    -webkit-filter: none;
            filter: none;
  }
}

@keyframes animation-key {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    -webkit-filter: none;
            filter: none;
  }
}
#rhythm-2025autumn {
  font-family: "Noto Serif JP", serif;
  font-weight: 100;
  font-style: normal;
  color: #834e00;
  margin-left: auto;
  margin-right: auto;
}
#rhythm-2025autumn .fcEN {
  font-family: "EB Garamond", serif;
}
#rhythm-2025autumn img {
  max-width: 100%;
}
#rhythm-2025autumn .iv,
#rhythm-2025autumn .ivo,
#rhythm-2025autumn .inview {
  visibility: hidden;
}
#rhythm-2025autumn .fadeIn {
  opacity: 0;
  -webkit-animation: animation-key 0.8s ease-in 0.5s both;
          animation: animation-key 0.8s ease-in 0.5s both;
}
#rhythm-2025autumn .fadeInUp {
  opacity: 0;
  -webkit-transform: translate(0, 15px);
          transform: translate(0, 15px);
  -webkit-animation: animation-key 0.8s ease-in-out 0.5s both;
          animation: animation-key 0.8s ease-in-out 0.5s both;
}
#rhythm-2025autumn .fadeInLft {
  opacity: 0;
  -webkit-transform: translate(-25px, 0);
          transform: translate(-25px, 0);
  -webkit-animation: animation-key 0.8s ease-in-out 0.5s both;
          animation: animation-key 0.8s ease-in-out 0.5s both;
}
#rhythm-2025autumn .blur {
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-animation: animation-key 0.8s ease-in 0.5s both;
          animation: animation-key 0.8s ease-in 0.5s both;
}
#rhythm-2025autumn .c-outer {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#rhythm-2025autumn .c-inner {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
#rhythm-2025autumn p {
  margin: 0;
}
#rhythm-2025autumn a {
  color: #041f1e;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#rhythm-2025autumn a:hover {
  opacity: 0.7;
}
#rhythm-2025autumn .mv {
  width: 100%;
  text-align: center;
}
#rhythm-2025autumn .lead {
  width: 915px;
  margin: 92px auto 0;
  text-align: left;
}
#rhythm-2025autumn .lead__txt {
  font-size: 14px;
  line-height: 3;
  letter-spacing: 0.1em;
  margin-top: 35px;
  z-index: 1;
}
#rhythm-2025autumn .code__block {
  position: relative;
  margin: 0 auto;
}
#rhythm-2025autumn .code__back {
  position: absolute;
  margin: 0;
}
#rhythm-2025autumn .code__figure {
  position: relative;
  display: block;
  text-align: left;
  margin: 0;
  z-index: 1;
}
#rhythm-2025autumn .code__text {
  font-size: 14px;
  line-height: 1.71;
  font-weight: 200;
  letter-spacing: 0.05em;
  text-align: left;
}
#rhythm-2025autumn .code__credit {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  line-height: 2.57;
  font-weight: 200;
  letter-spacing: 0.05em;
  text-align: left;
  z-index: 2;
}
#rhythm-2025autumn .code__link {
  display: inline-block;
  font-size: 14px;
  line-height: 1.9;
  letter-spacing: 0.05em;
  color: inherit;
  margin-top: 0.5em;
  border-bottom: 1px solid #b07c5a;
}
#rhythm-2025autumn .code01 {
  margin-top: 463px;
}
#rhythm-2025autumn .code01__block.--01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-left: 170px;
  padding-right: 130px;
}
#rhythm-2025autumn .code01__block.--02 {
  margin-top: -136px;
  padding-left: 170px;
}
#rhythm-2025autumn .code01__block.--03 {
  margin-top: -25px;
  padding-right: 248px;
}
#rhythm-2025autumn .code01__figure.--01 {
  text-align: right;
}
#rhythm-2025autumn .code01__figure.--03 {
  text-align: right;
}
#rhythm-2025autumn .code01__back.--01 {
  top: -182px;
  right: 177px;
}
#rhythm-2025autumn .code01__back.--02 {
  bottom: -77px;
  right: 0;
}
#rhythm-2025autumn .code01__text {
  padding-top: 2em;
}
#rhythm-2025autumn .code01__credit {
  position: absolute;
  bottom: 17px;
  right: 474px;
}
#rhythm-2025autumn .code02 {
  margin-top: 440px;
}
#rhythm-2025autumn .code02__block.--01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 190px;
  padding-right: 270px;
}
#rhythm-2025autumn .code02__block.--02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: -107px;
  padding-left: 109px;
  padding-right: 215px;
}
#rhythm-2025autumn .code02__block.--03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -145px;
  padding-left: 397px;
}
#rhythm-2025autumn .code02__figure.--03 {
  margin-top: 360px;
}
#rhythm-2025autumn .code02__back.--01 {
  top: -84px;
  left: 108px;
}
#rhythm-2025autumn .code02__text {
  text-align: center;
  letter-spacing: 0;
  color: #fff;
  margin-top: -95px;
}
#rhythm-2025autumn .code02__credit {
  top: 21px;
  left: -33px;
}
#rhythm-2025autumn .code03 {
  margin-top: 396px;
}
#rhythm-2025autumn .code03__block.--01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 90px;
  padding-left: 108px;
}
#rhythm-2025autumn .code03__block.--02 {
  text-align: right;
  margin-top: -99px;
  padding-right: 60px;
}
#rhythm-2025autumn .code03__block.--03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 65px;
  margin-top: 20px;
  padding-left: 190px;
}
#rhythm-2025autumn .code03__figure.--02 {
  text-align: right;
  margin-right: 163px;
}
#rhythm-2025autumn .code03__figure.--03 {
  text-align: right;
  margin-top: 106px;
}
#rhythm-2025autumn .code03__back.--01 {
  top: 347px;
  left: 181px;
}
#rhythm-2025autumn .code03__text {
  margin-top: -65px;
}
#rhythm-2025autumn .code04 {
  margin-top: 420px;
}
#rhythm-2025autumn .code04__block.--01 {
  max-width: 1038px;
  margin: 0 auto;
}
#rhythm-2025autumn .code04__block.--02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 80px;
}
#rhythm-2025autumn .code04__block.--03 {
  margin-top: 85px;
  padding-left: 170px;
}
#rhythm-2025autumn .code04__back.--01 {
  top: -35px;
  left: 81px;
}
#rhythm-2025autumn .code04__text {
  text-align: right;
}
#rhythm-2025autumn .code05 {
  margin-top: 336px;
}
#rhythm-2025autumn .code05__block.--01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-left: 158px;
  padding-right: 95px;
}
#rhythm-2025autumn .code05__block.--02 {
  margin-top: -260px;
  padding-left: 158px;
}
#rhythm-2025autumn .code05__block.--03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 120px;
  margin-top: 165px;
  padding-left: 350px;
}
#rhythm-2025autumn .code05__back.--01 {
  top: 349px;
  right: 0;
}
#rhythm-2025autumn .code05__text {
  margin-top: -190px;
}
#rhythm-2025autumn .code06 {
  margin-top: 440px;
}
#rhythm-2025autumn .code06__block.--01 {
  padding-right: 112px;
}
#rhythm-2025autumn .code06__block.--02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 227px;
  margin-top: -75px;
  padding-left: 232px;
}
#rhythm-2025autumn .code06__block.--03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: -137px;
  padding-left: 130px;
  padding-right: 123px;
}
#rhythm-2025autumn .code06__figure.--01 {
  text-align: right;
}
#rhythm-2025autumn .code06__back.--01 {
  top: -168px;
  left: 0;
}
#rhythm-2025autumn .code06__back.--02 {
  top: 105px;
  right: 52px;
}
#rhythm-2025autumn .code06__text {
  text-align: center;
  margin-top: -60px;
}
#rhythm-2025autumn .code06__credit {
  bottom: -23px;
}
#rhythm-2025autumn .foot {
  color: #fff;
  background: #b07c5a;
  margin-top: 724px;
  padding-top: 115px;
  padding-bottom: 95px;
  text-align: center;
}
#rhythm-2025autumn .foot__inner {
  margin: 0 auto;
}
#rhythm-2025autumn .foot__logo {
  width: 422px;
  margin: 0 auto;
}
#rhythm-2025autumn .foot__title {
  margin-top: 40px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.1em;
}
#rhythm-2025autumn .foot__staff {
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.05em;
  margin-top: 38px;
}
#rhythm-2025autumn .foot__note {
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  margin: 71px 0 48px;
}
#rhythm-2025autumn .foot__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  width: 432px;
  height: 50px;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1;
  color: #b07c5a;
  background: #eee;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin: 0 auto;
}
#rhythm-2025autumn .foot__btn:hover {
  opacity: 0.8;
}