@charset "UTF-8";
/* resset.dev • v5.0.2 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
  color: inherit; /* Correct border color in Firefox. */
}

details,
main {
  display: block; /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit; /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0; /* Remove text indentation in Chrome, Edge, and Safari */
}

iframe {
  border-style: none;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
  width: 100%;
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

ol, ul, li {
  list-style-type: none;
}

a {
  text-decoration: none;
}

body.noscroll {
  overflow: hidden;
}

.yamaasobu-wrapper {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
  font-weight: 400;
  font-style: normal;
  background-size: 400px;
  background-repeat: repeat;
  background-image: url(../img/bg.png);
}

.yamaasobu {
  background-image: url(../img/bg_sp.gif);
  background-size: 100%;
  background-repeat: repeat-y;
}
@media screen and (min-width: 769px) {
  .yamaasobu {
    background-image: url(../img/bg_pc.gif);
  }
}

.zen_r {
  font-family: zen-kaku-gothic-new, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zen_m {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.zen_b {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.zen_black {
  font-family: input-mono-compressed, monospace;
  font-weight: 800;
  font-style: normal;
}

.sic {
  font-family: sichandich, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.input {
  font-family: "input-mono", monospace;
  font-weight: 400;
  font-style: normal;
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
@keyframes loop3 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-110%);
  }
}
@keyframes loop4 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-210%);
  }
}
@keyframes loop5 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-105%);
  }
}
@keyframes loop6 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-205%);
  }
}
.sp {
  display: block;
}
@media screen and (min-width: 769px) {
  .sp {
    display: none;
  }
}

.pc {
  display: none;
}
@media screen and (min-width: 769px) {
  .pc {
    display: block;
  }
}

@keyframes furafura {
  0%, 100% {
    transform: translateY(7px);
  }
  50% {
    transform: translateY(-7px);
  }
}
@keyframes furafura_2 {
  0%, 100% {
    transform: translateY(-7px);
  }
  50% {
    transform: translateY(7px);
  }
}
@keyframes wiggle {
  0% {
    transform: skewX(0) skewY(0) translateY(1px);
  }
  17% {
    transform: skewX(0.3deg) skewY(0.1deg) translate(-1px, -1px);
  }
  20% {
    transform: skewX(-0.3deg) skewY(-0.1deg) translate(1px);
  }
  32% {
    transform: skewX(0.3deg) skewY(0deg) translate(0);
  }
  48% {
    transform: skewX(0deg) skewY(0deg) translate(0);
  }
  63% {
    transform: skewX(-0.3deg) skewY(-0.1deg) translate(1px);
  }
  79% {
    transform: skewX(-0.1deg) skewY(0.1deg) translateY(-1px);
  }
  90% {
    transform: skewX(-0.3deg) skewY(-0.1deg) translate(1px);
  }
  100% {
    transform: skewX(0deg) skewY(0deg) translate(0);
  }
}
@keyframes text-kata {
  0% {
    opacity: 0;
    transform: rotate(-8deg) translate(-3px, 0);
  }
  34% {
    opacity: 1;
    transform: rotate(-8deg) translate(-3px, 0);
  }
  35% {
    opacity: 1;
    transform: rotate(-1deg) translate(0, -2px);
  }
  69% {
    opacity: 1;
    transform: rotate(-1deg) translate(0, -2px);
  }
  70% {
    opacity: 1;
    transform: rotate(1deg) translate(0, -1px);
  }
  99% {
    opacity: 1;
    transform: rotate(1deg) translate(0, -1px);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg) translate(0, 0);
  }
}
.opening-wrapper {
  background-size: 400px;
  background-repeat: repeat;
  background-image: url(../img/bg.png);
}

.opening {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  background-image: url(../img/bg_sp.gif);
  background-size: 100%;
  background-repeat: repeat-y;
  z-index: 1500;
  width: 100%;
  height: 100svh;
  text-align: center;
  letter-spacing: 0.05em;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .opening {
    background-image: url(../img/bg_pc.gif);
  }
}

.op-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.red {
  color: #DD2F0E;
}

.op-ja {
  font-size: 4.2666666667vw;
  line-height: 1.5;
  padding-top: 60.1333333333%;
  overflow: hidden;
}
.op-ja span {
  font-weight: bold;
}
.op-ja .upin {
  display: inline-block;
  transform: translateY(100px);
  transition: transform 0.5s ease;
}
.op-ja .red {
  opacity: 0;
}
.op-ja .red:nth-child(1) {
  animation-delay: 0.5s;
}
.op-ja .red:nth-child(2) {
  animation-delay: 0.6s;
}
.op-ja .red:nth-child(3) {
  animation-delay: 0.7s;
}
.op-ja .red:nth-child(4) {
  animation-delay: 0.8s;
}
.op-ja .red:nth-child(5) {
  animation-delay: 0.9s;
}
.op-ja .red:nth-child(6) {
  animation-delay: 1s;
}
.op-ja .red:nth-child(7) {
  animation-delay: 1.1s;
}
.op-ja .red:nth-child(8) {
  animation-delay: 1.2s;
}
@media screen and (min-width: 769px) {
  .op-ja {
    font-size: 1vw;
    padding-top: 24.7142857143%;
    line-height: 1;
  }
}
.op-ja.show .upin {
  transform: translateY(0px);
}
.op-ja.show .red {
  animation-name: opening;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}

.op-en {
  font-size: 2.9333333333vw;
  line-height: 1.5;
  padding-top: 5.3333333333%;
  overflow: hidden;
  font-family: zen-kaku-gothic-new, sans-serif;
  font-weight: 700;
}
.op-en span {
  font-family: zen-kaku-gothic-new, sans-serif;
  font-weight: 700;
}
.op-en .upin {
  display: inline-block;
  transform: translateY(100px);
  transition: transform 0.5s ease;
}
.op-en .red {
  opacity: 0;
}
.op-en .red:nth-child(1) {
  animation-delay: 0.53s;
}
.op-en .red:nth-child(2) {
  animation-delay: 0.57s;
}
.op-en .red:nth-child(3) {
  animation-delay: 0.61s;
}
.op-en .red:nth-child(4) {
  animation-delay: 0.65s;
}
.op-en .red:nth-child(5) {
  animation-delay: 0.69s;
}
.op-en .red:nth-child(6) {
  animation-delay: 0.73s;
}
.op-en .red:nth-child(7) {
  animation-delay: 0.77s;
}
.op-en .red:nth-child(8) {
  animation-delay: 0.81s;
}
.op-en .red:nth-child(9) {
  animation-delay: 0.85s;
}
.op-en .red:nth-child(10) {
  animation-delay: 0.89s;
}
.op-en .red:nth-child(11) {
  animation-delay: 0.93s;
}
.op-en .red:nth-child(12) {
  animation-delay: 0.97s;
}
.op-en .red:nth-child(13) {
  animation-delay: 1.01s;
}
.op-en .red:nth-child(14) {
  animation-delay: 1.05s;
}
.op-en .red:nth-child(15) {
  animation-delay: 1.09s;
}
.op-en .red:nth-child(16) {
  animation-delay: 1.13s;
}
.op-en .red:nth-child(17) {
  animation-delay: 1.17s;
}
.op-en .red:nth-child(18) {
  animation-delay: 1.21s;
}
.op-en .red:nth-child(19) {
  animation-delay: 1.25s;
}
.op-en .red:nth-child(20) {
  animation-delay: 1.29s;
}
.op-en .red:nth-child(21) {
  animation-delay: 1.33s;
}
.op-en .red:nth-child(22) {
  animation-delay: 1.37s;
}
.op-en .red:nth-child(23) {
  animation-delay: 1.41s;
}
.op-en .red:nth-child(24) {
  animation-delay: 1.45s;
}
.op-en .red:nth-child(25) {
  animation-delay: 1.49s;
}
@media screen and (min-width: 769px) {
  .op-en {
    font-size: 1vw;
    padding-top: 1.0714285714%;
    line-height: 1.4;
  }
}
.op-en.show .upin {
  transform: translateY(0px);
}
.op-en.show .red {
  animation-name: opening;
  animation-duration: 0.03s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}

.op-map-wrap {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  transform: translate(-50%, 300%);
  transition: transform 1.5s cubic-bezier(0.83, 0, 0.17, 1);
  line-height: 0;
}
.op-map-wrap.show {
  transform: translate(-50%, 0);
}
.op-map-wrap.show .op-people, .op-map-wrap.show .op-people2 {
  opacity: 1;
}
.op-map-wrap.show .op-cloud, .op-map-wrap.show .op-sun {
  transform: translateY(0);
}
.op-map-wrap.show .op-rain {
  opacity: 1;
  transform: translateX(0);
}
@media screen and (min-width: 769px) {
  .op-map-wrap {
    width: 50%;
  }
}
.op-map-wrap div {
  line-height: 0;
  position: absolute;
}
.op-map-wrap .op-map {
  position: relative;
  z-index: 10;
}

.op-sun {
  top: 0;
  left: 0;
  width: 8.188%;
  margin-left: 39.5533333333%;
  z-index: 5;
  transform: translateY(200%);
  transition: transform 0.7s 1.8s linear;
}
.op-sun img {
  animation: rotate-forever 10s linear infinite;
}

.op-rain {
  top: 0;
  left: 0;
  width: 21.7413333333%;
  margin-top: 18.7453333333%;
  margin-left: 4.964%;
  z-index: 5;
  transform: translateX(130%);
  opacity: 0;
  transition: transform 0.7s 1.8s linear, opacity 0.1s 1.8s ease;
}

.op-cloud {
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateY(300%);
  transition: transform 1s 1.3s linear;
  z-index: 20;
  display: none;
}
@media screen and (min-width: 769px) {
  .op-cloud {
    display: block;
  }
}

.op-people {
  top: 0;
  right: 0;
  width: 13.2706666667%;
  margin-top: 11.968%;
  margin-right: 39.412%;
  opacity: 0;
  z-index: 15;
  transition: opacity 0.7s 1.5s linear;
}
.op-people img {
  animation: aruku 2.5s linear infinite;
}

.op-people2 {
  bottom: 0;
  right: 0;
  width: 9.176%;
  margin-right: 19.788%;
  opacity: 0;
  z-index: 20;
  transition: opacity 0.7s 1.5s linear;
}
.op-people2 img {
  animation: aruku 2.3s linear infinite;
}

@keyframes opening {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.sp-op-cloud1, .sp-op-cloud2 {
  position: absolute;
  top: 0;
  width: 100%;
  display: block;
}
@media screen and (min-width: 769px) {
  .sp-op-cloud1, .sp-op-cloud2 {
    display: none;
  }
}

.opening.show .sp-op-cloud1, .opening.show .sp-op-cloud2 {
  transform: translateX(0);
}

.sp-op-cloud1 {
  left: 0;
  margin-top: 5%;
  transform: translateX(-200%);
  transition: transform 1.5s 0.5s linear;
}
.sp-op-cloud1 img {
  animation: furafura 8s linear infinite;
}

.sp-op-cloud2 {
  right: 0;
  margin-top: 30%;
  transform: translateX(200%);
  transition: transform 1.5s linear;
}
.sp-op-cloud2 img {
  animation: furafura_2 8s linear infinite;
}

.yamaasobu_mv {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.yamaasobu_mv .mv_word-wrap {
  margin-top: 6.6666666667%;
  text-align: center;
}
.yamaasobu_mv .mv_word-wrap .subttl {
  font-size: 4.8vw;
  font-weight: bold;
  overflow: hidden;
  line-height: 1.5;
}
.yamaasobu_mv .mv_word-wrap .subttl span {
  font-family: zen-kaku-gothic-new, sans-serif;
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  transform: translateY(100px);
  transition: transform 0.4s linear;
}
.yamaasobu_mv .mv_word-wrap .subttl.show.subttl_above span {
  transform: translateY(0);
}
.yamaasobu_mv .mv_word-wrap .subttl.show.subttl_bottom span {
  transform: translateY(0);
  transition-delay: 0.4s;
}
@media screen and (min-width: 769px) {
  .yamaasobu_mv .mv_word-wrap {
    margin-top: 3.5714285714%;
  }
  .yamaasobu_mv .mv_word-wrap .subttl {
    font-size: min(1.7142857143vw, 24px);
  }
}

.ttl {
  font-size: 13.3333333333vw;
  text-align: center;
  line-height: 1;
  margin-top: 4%;
  letter-spacing: -0.3em;
}
.ttl span {
  letter-spacing: 0;
  display: inline-block;
  opacity: 0;
  transform: rotate(-8deg) translate(-3px, 0);
}
.ttl span:nth-of-type(2) {
  animation-delay: 0.3s;
}
.ttl span:nth-of-type(3) {
  animation-delay: 0.6s;
}
.ttl.show span {
  animation-name: text-kata;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
@media screen and (min-width: 769px) {
  .ttl {
    font-size: min(7.1428571429vw, 100px);
    margin: 0 auto;
    margin-top: 1.7142857143%;
  }
}

.three_bu-wrap {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: space-between;
  width: 52%;
  position: relative;
  overflow: hidden;
  transform: scale(0, 1);
  transition: transform 0.7s cubic-bezier(0.83, 0, 0.17, 1);
  margin: 0 auto;
  margin-top: 4%;
}
.three_bu-wrap .side {
  font-size: 6.6666666667vw;
}
@media screen and (min-width: 769px) {
  .three_bu-wrap {
    width: 18.5714285714%;
    max-width: 260px;
    margin: 0 auto;
    margin-top: 1.4285714286%;
  }
  .three_bu-wrap .side {
    font-size: min(2.1428571429vw, 30px);
  }
}
.three_bu-wrap.show {
  transform: scale(1, 1);
}
.three_bu-wrap.show .rotating-text {
  opacity: 1;
}

.rotating-text {
  font-size: 4vw;
  color: #000;
  opacity: 0;
  transition: opacity 0.5s 0.7s ease;
}
.rotating-text p {
  display: inline-flex;
  margin: 0;
  vertical-align: top;
  justify-content: center;
}
.rotating-text p .word {
  position: absolute;
  display: flex;
  opacity: 0;
}
.rotating-text p .word .letter {
  transform-origin: center center 25px;
}
.rotating-text p .word .letter.out {
  transform: rotateX(90deg);
  transition: 0.32s cubic-bezier(0.6, 0, 0.7, 0.2);
}
.rotating-text p .word .letter.in {
  transition: 0.38s ease;
}
.rotating-text p .word .letter.behind {
  transform: rotateX(-90deg);
}
@media screen and (min-width: 769px) {
  .rotating-text {
    font-size: min(1.4285714286vw, 20px);
  }
}

.mv-swiper {
  width: 89.3333333333%;
  text-align: center;
  padding-bottom: 0% !important;
  margin: 0 auto;
  margin-top: 9.4666666667%;
}
@media screen and (min-width: 769px) {
  .mv-swiper {
    position: relative;
    padding-bottom: 5.066667% !important;
    width: 77.2857142857%;
    max-width: 1082px;
    margin: 0 auto;
    margin-top: 2.1428571429%;
  }
}
.mv-swiper a {
  color: #000;
}
.mv-swiper .item_ph {
  margin: 0 auto;
  transform: translateY(120px) rotate(-45deg);
  opacity: 0;
  transition: transform 0.8s linear, opacity 0.3s ease;
  width: 66.6666666667%;
}
@media screen and (min-width: 769px) {
  .mv-swiper .item_ph {
    width: 36.9685767098%;
    max-width: 400px;
  }
}
.mv-swiper.show .mv-swiper-text-wrap,
.mv-swiper.show .swiper-pagination,
.mv-swiper.show .swiper-button-prev,
.mv-swiper.show .swiper-button-next {
  opacity: 1;
}
.mv-swiper.show .item_ph {
  transform: translateY(0) rotate(0deg);
  opacity: 1;
}
.mv-swiper .mv-swiper-text-wrap {
  opacity: 0;
  transition: opacity 0.5s 2s ease;
}
.mv-swiper .mv-swiper-text-wrap .mv_swiper-ttl {
  margin-top: 8%;
  font-size: 5.3333333333vw;
  line-height: 1;
}
.mv-swiper .mv-swiper-text-wrap .mv_swiper-text {
  margin-top: 4%;
  line-height: 1.5;
  font-size: 3.2vw;
}
@media screen and (min-width: 769px) {
  .mv-swiper .mv-swiper-text-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .mv-swiper .mv-swiper-text-wrap .mv_swiper-ttl {
    text-align: left;
    font-size: min(1.7142857143vw, 24px);
  }
  .mv-swiper .mv-swiper-text-wrap .mv_swiper-text {
    text-align: left;
    font-size: min(1.1428571429vw, 16px);
  }
}
.mv-swiper .swiper-pagination {
  opacity: 0;
  transition: opacity 0.5s 2s ease;
  bottom: 0 !important;
  font-size: 4.2666666667vw;
  letter-spacing: 0;
  margin-top: 0.5em;
  position: static;
}
@media screen and (min-width: 769px) {
  .mv-swiper .swiper-pagination {
    bottom: unset !important;
    position: absolute;
    top: 0;
    left: unset;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 17%;
    margin-right: 11.6451016636%;
    font-size: min(1.2857142857vw, 18px);
    letter-spacing: -0.15em;
  }
}
.mv-swiper .swiper-button-prev,
.mv-swiper .swiper-button-next {
  opacity: 0;
  transition: opacity 0.5s 2s ease;
  top: 29% !important;
}
@media screen and (min-width: 769px) {
  .mv-swiper .swiper-button-prev,
  .mv-swiper .swiper-button-next {
    top: 0 !important;
    height: 32px;
    right: 0 !important;
    left: unset !important;
    margin-top: 16.6358595194%;
    width: 4.8059149723%;
    max-width: 52px;
  }
}
@media screen and (min-width: 769px) {
  .mv-swiper .swiper-button-next {
    margin-right: 4.8059149723%;
  }
}
@media screen and (min-width: 769px) {
  .mv-swiper .swiper-button-prev {
    margin-right: 18.022181146%;
  }
}
.mv-swiper .swiper-button-prev::after,
.mv-swiper .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 47.5px;
  width: 22.5px;
  margin: auto;
  display: block !important;
  opacity: 1 !important;
}
@media screen and (min-width: 769px) {
  .mv-swiper .swiper-button-prev::after,
  .mv-swiper .swiper-button-next::after {
    height: 100%;
    width: 100%;
  }
}
.mv-swiper .swiper-button-prev::after {
  left: 0;
  background-image: url(../img/prev.png);
}
@media screen and (min-width: 769px) {
  .mv-swiper .swiper-button-prev::after {
    right: 0 !important;
    background-image: url(../img/mv-prev.png);
    transition: all 0.3s ease;
  }
}
@media screen and (min-width: 769px) {
  .mv-swiper .swiper-button-prev:hover::after {
    background-image: url(../img/mv-prev-hover.png);
  }
}
.mv-swiper .swiper-button-next::after {
  right: 0;
  background-image: url(../img/next.png);
}
@media screen and (min-width: 769px) {
  .mv-swiper .swiper-button-next::after {
    background-image: url(../img/mv-next.png);
    transition: all 0.3s ease;
  }
}
@media screen and (min-width: 769px) {
  .mv-swiper .swiper-button-next:hover::after {
    background-image: url(../img/mv-next-hover.png);
  }
}

.mv_line {
  width: 84%;
  margin: 0 auto;
  margin-top: 23.6%;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .mv_line {
    width: 90%;
    margin: 0 auto;
  }
}
.mv_line .line-wrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
}
.mv_line .line-wrap:first-of-type {
  animation: loop 40s -20s linear infinite;
}
.mv_line .line-wrap:last-of-type {
  animation: loop2 40s linear infinite;
}
@media screen and (min-width: 769px) {
  .mv_line .line-wrap:first-of-type {
    animation: loop 50s -25s linear infinite;
  }
  .mv_line .line-wrap:last-of-type {
    animation: loop2 50s linear infinite;
  }
}
.mv_line .line-txt {
  white-space: nowrap;
  line-height: 1.5;
  font-family: zen-kaku-gothic-new, sans-serif;
  font-weight: 700;
}
.mv_line .line-txt span {
  font-family: zen-kaku-gothic-new, sans-serif;
  font-weight: 700;
  color: #DD2F0E;
  font-weight: bold;
}
.mv_line .line-ja {
  line-height: 1;
  font-weight: bold;
  font-size: 5.3333333333vw;
  letter-spacing: 0.01em;
}
.mv_line .line-ja .bound {
  display: inline-block;
  animation: 3s bound ease-in infinite alternate;
}
.mv_line .line-ja .bound:nth-child(1) {
  animation-delay: 0s;
}
.mv_line .line-ja .bound:nth-child(2) {
  animation-delay: 0.2s;
}
.mv_line .line-ja .bound:nth-child(3) {
  animation-delay: 0.4s;
}
.mv_line .line-ja .bound:nth-child(4) {
  animation-delay: 0.6s;
}
.mv_line .line-ja .bound:nth-child(5) {
  animation-delay: 0.8s;
}
@media screen and (min-width: 769px) {
  .mv_line .line-ja {
    font-size: min(2.8571428571vw, 40px);
  }
}
.mv_line .line-en {
  text-align: center;
  padding-right: 5px;
  font-size: 3.2vw;
  font-weight: bold;
  letter-spacing: 0.01em;
}
.mv_line .line-en .bound {
  display: inline-block;
  animation: 3s bound ease-in infinite alternate;
}
.mv_line .line-en .bound:nth-child(1) {
  animation-delay: 0s;
}
.mv_line .line-en .bound:nth-child(2) {
  animation-delay: 0.2s;
}
.mv_line .line-en .bound:nth-child(3) {
  animation-delay: 0.4s;
}
.mv_line .line-en .bound:nth-child(4) {
  animation-delay: 0.6s;
}
.mv_line .line-en .bound:nth-child(5) {
  animation-delay: 0.8s;
}
.mv_line .line-en .bound:nth-child(6) {
  animation-delay: 1s;
}
.mv_line .line-en .bound:nth-child(7) {
  animation-delay: 1.2s;
}
@media screen and (min-width: 769px) {
  .mv_line .line-en {
    font-size: min(1.7142857143vw, 24px);
  }
}

@keyframes bound {
  0%, 20%, 40%, 100% {
    transform: translateY(0);
  }
  10%, 30% {
    transform: translateY(-7px);
  }
}
@keyframes bound-2 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(3px);
  }
}
/***************************************************
 * Generated by SVG Artista on 6/6/2025, 5:10:47 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 900.4954833984px;
    stroke-dasharray: 450.2477416992px;
  }
  100% {
    stroke-dashoffset: 450.2477416992px;
    stroke-dasharray: 450.2477416992px;
  }
}
@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 2500.7185058594px;
    stroke-dasharray: 1250.3592529297px;
  }
  100% {
    stroke-dashoffset: 1250.3592529297px;
    stroke-dasharray: 1250.3592529297px;
  }
}
@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 2016.3748779297px;
    stroke-dasharray: 1008.1874389648px;
  }
  100% {
    stroke-dashoffset: 1008.1874389648px;
    stroke-dasharray: 1008.1874389648px;
  }
}
.yamaasobu-map {
  margin-top: 6.6666666667%;
  position: relative;
  width: 100%;
  background-image: url(../img/sp_map-bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .yamaasobu-map {
    margin-top: 7.1428571429%;
    background-image: url(../img/pc_map-bg.png);
  }
}

.map-wrap {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
}
.map-wrap .map-image {
  line-height: 0;
  position: relative;
  margin: 0 auto;
  margin-top: 6.6666666667%;
  width: 160%;
}
.map-wrap .map-num {
  position: absolute;
  width: 7.3333333333%;
  z-index: 100;
  line-height: 0;
  cursor: pointer;
}
.map-wrap .map-num .red-num {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.map-wrap .map-num .black-num {
  position: relative;
  z-index: 10;
  opacity: 1;
  transition: all 0.3s ease;
}
.map-wrap .map-num .black-num:hover {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .map-wrap {
    overflow-y: visible;
    overflow-x: visible;
  }
  .map-wrap .map-image {
    width: 60.7385714286%;
  }
  .map-wrap .map-num {
    width: 4.9392007903%;
  }
}

.swipe-icon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 500;
  width: 26.6666666667%;
  margin-top: 180%;
  display: block;
  opacity: 0;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .swipe-icon {
    display: none;
  }
}
.swipe-icon .swipe-arrow {
  width: 100%;
  line-height: 0;
}
.swipe-icon .swipe-hand {
  width: 62.5%;
  margin: -10px auto 0;
  transform: rotate(0);
  transform-origin: bottom center;
}

.yamaasobu-section.on .swipe-icon {
  animation: swiper-icon 3s 0.3s ease;
}
.yamaasobu-section.on .swipe-icon .swipe-hand {
  animation: swiper-hand 5s 0.3s ease;
}

@keyframes swiper-icon {
  0% {
    opacity: 0;
  }
  10%, 90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes swiper-hand {
  0%, 10%, 100% {
    transform: rotate(0);
  }
  20%, 40%, 60%, 80% {
    transform: rotate(10deg);
  }
  30%, 50%, 70%, 90% {
    transform: rotate(-10deg);
  }
}
.cloud {
  position: absolute;
  width: 100%;
  left: 0;
  pointer-events: none;
  z-index: 20;
}
.cloud.cloud-a {
  top: 0;
}
.cloud.cloud-a img {
  animation: furafura 12s linear infinite;
}
.cloud.cloud-b {
  bottom: 0;
}
.cloud.cloud-b img {
  animation: furafura_2 12s linear infinite;
}

.yamaasobu-map.move .map-text .map-ttl::after {
  opacity: 1;
}
.yamaasobu-map.move .map-text .map-ttl span {
  animation: text-kata 0.5s forwards;
}
.yamaasobu-map.move .map-text .sec-subttl {
  opacity: 1;
  transform: rotate(-5deg);
}
.yamaasobu-map.move .map-text .sec-lead {
  opacity: 1;
}
.yamaasobu-map .map-text {
  text-align: center;
  color: #fff;
  padding-top: 23.3333333333%;
}
.yamaasobu-map .map-text .map-ttl {
  font-size: 16vw;
  text-align: center;
  position: relative;
  display: table;
  margin: 0 auto;
  line-height: 1;
}
.yamaasobu-map .map-text .map-ttl span {
  display: inline-block;
  opacity: 0;
  transform: rotate(-10deg) translate(-3px, 0);
}
.yamaasobu-map .map-text .map-ttl span:nth-of-type(2) {
  animation-delay: 0.3s;
}
.yamaasobu-map .map-text .map-ttl span:nth-of-type(3) {
  animation-delay: 0.6s;
}
.yamaasobu-map .map-text .map-ttl::after {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: wiggle;
  content: attr(data-text);
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0;
  transition: opacity 0.5s 1s ease;
}
.yamaasobu-map .map-text .sec-subttl {
  margin-top: 6.6666666667%;
  line-height: 1;
  font-size: 3.7333333333vw;
  font-weight: bold;
  opacity: 0;
  transform: rotate(0);
  transition: transform 0.4s 1.2s cubic-bezier(0.68, -0.6, 0.32, 1.6), opacity 0.2s 1s ease;
}
.yamaasobu-map .map-text .sec-lead {
  font-weight: bold;
  margin: 0;
  margin-top: 6.6666666667%;
  line-height: 1.5;
  font-size: 4vw;
  opacity: 0;
  transition: opacity 0.5s 1.5s ease;
}
@media screen and (min-width: 769px) {
  .yamaasobu-map .map-text {
    padding-top: 0;
  }
  .yamaasobu-map .map-text .map-ttl {
    position: absolute;
    top: 0;
    left: 0;
    font-size: min(8.5714285714vw, 120px);
    margin: 0;
    margin-top: 17.8571428571%;
    margin-left: 6.4285714286%;
    display: block;
  }
  .yamaasobu-map .map-text .sec-subttl {
    position: absolute;
    top: 0;
    left: 0;
    font-size: min(1.4285714286vw, 20px);
    margin-top: 29.2857142857%;
    margin-left: 3.5714285714%;
  }
  .yamaasobu-map .map-text .sec-lead {
    position: absolute;
    font-size: min(1.4285714286vw, 20px);
    right: 0;
    bottom: 0;
    margin: 0;
    margin-top: 0;
    margin-bottom: 22.1428571429%;
    margin-right: 1.7857142857%;
    z-index: 50;
    text-align: left;
    letter-spacing: 0.19em;
  }
}

.map-num_1 {
  bottom: 0;
  left: 0;
  margin: 0;
  margin-bottom: 34.7208333333%;
  margin-left: 26.9166666667%;
}
@media screen and (min-width: 769px) {
  .map-num_1 {
    margin: 0;
    margin-bottom: 36.456005833%;
    margin-left: 28.5768045723%;
  }
}

.map-num_2 {
  bottom: 0;
  right: 0;
  margin-bottom: 55.2208333333%;
  margin-right: 6.3333333333%;
}
@media screen and (min-width: 769px) {
  .map-num_2 {
    margin: 0;
    margin-bottom: 54.2136086742%;
    margin-right: 6.3504010161%;
  }
}

.map-num_3 {
  top: 0;
  right: 0;
  margin: 0;
  margin-top: 48.8333333333%;
  margin-right: 38.0833333333%;
}
@media screen and (min-width: 769px) {
  .map-num_3 {
    margin: 0;
    margin-top: 51.9792083167%;
    margin-right: 38.337606134%;
  }
}

.map-num_4 {
  top: 0;
  right: 0;
  margin: 0;
  margin-top: 41.25%;
  margin-right: 26.9166666667%;
}
@media screen and (min-width: 769px) {
  .map-num_4 {
    margin: 0;
    margin-top: 44.100007056%;
    margin-right: 27.7536044406%;
  }
}

.map-num_5 {
  bottom: 0;
  left: 0;
  margin: 0;
  margin-bottom: 27.5541666667%;
  margin-left: 43.25%;
}
@media screen and (min-width: 769px) {
  .map-num_5 {
    margin: 0;
    margin-bottom: 28.2240045158%;
    margin-left: 45.5112072818%;
  }
}

.map-num_6 {
  bottom: 0;
  right: 0;
  margin: 0;
  margin-bottom: 36.1375%;
  margin-right: 32.0833333333%;
}
@media screen and (min-width: 769px) {
  .map-num_6 {
    margin: 0;
    margin-bottom: 37.3968059835%;
    margin-right: 32.9280052685%;
  }
}

.map-num_7 {
  top: 0;
  left: 0;
  margin: 0;
  margin-top: 20%;
  margin-left: 46.0833333333%;
}
@media screen and (min-width: 769px) {
  .map-num_7 {
    margin: 0;
    margin-top: 20.1096032175%;
    margin-left: 47.0400075264%;
  }
}

.map-num_8 {
  top: 0;
  left: 0;
  margin: 0;
  margin-top: 36.4166666667%;
  margin-left: 14.9166666667%;
}
@media screen and (min-width: 769px) {
  .map-num_8 {
    margin: 0;
    margin-top: 36.8088058894%;
    margin-left: 17.6400028224%;
  }
}

.map-num_9 {
  bottom: 0;
  left: 0;
  margin: 0;
  margin-bottom: 47.6375%;
  margin-left: 27.9166666667%;
}
@media screen and (min-width: 769px) {
  .map-num_9 {
    margin: 0;
    margin-bottom: 48.2160077146%;
    margin-left: 28.4592045535%;
  }
}

.map-num_10 {
  bottom: 0;
  left: 0;
  margin: 0;
  margin-bottom: 51.3875%;
  margin-left: 5.4166666667%;
}
@media screen and (min-width: 769px) {
  .map-num_10 {
    margin: 0;
    margin-bottom: 50.9208081473%;
    margin-left: 6.9384011101%;
  }
}

.map-num_11 {
  top: 0;
  left: 0;
  margin: 0;
  margin-top: 36.4166666667%;
  margin-left: 14.9166666667%;
}
@media screen and (min-width: 769px) {
  .map-num_11 {
    margin: 0;
    margin-top: 36.8088058894%;
    margin-left: 17.6400028224%;
  }
}

.map-num_12 {
  bottom: 0;
  left: 0;
  margin: 0;
  margin-bottom: 51.3875%;
  margin-left: 5.4166666667%;
}
@media screen and (min-width: 769px) {
  .map-num_12 {
    margin: 0;
    margin-bottom: 50.9208081473%;
    margin-left: 6.9384011101%;
  }
}

.map-num_13 {
  bottom: 0;
  right: 0;
  margin: 0;
  margin-bottom: 12.6666666667%;
  margin-right: 30.5833333333%;
}
@media screen and (min-width: 769px) {
  .map-num_13 {
    margin: 0;
    margin-bottom: 11.7600018816%;
    margin-right: 32.9280052685%;
  }
}

.people {
  position: absolute;
  line-height: 0;
}

.people1-a {
  bottom: 0;
  left: 0;
  width: 5.6466666667%;
  margin: 0;
  margin-bottom: 25.8825%;
  margin-left: 22.235%;
}
@media screen and (min-width: 769px) {
  .people1-a {
    width: 5.6470588235%;
    margin: 0;
    margin-bottom: 25.8823529412%;
    margin-left: 22.2352941176%;
  }
}

.people1-b {
  bottom: 0;
  left: 0;
  width: 5.6466666667%;
  margin: 0;
  margin-bottom: 25.1766666667%;
  margin-left: 27.8825%;
}
@media screen and (min-width: 769px) {
  .people1-b {
    width: 5.6470588235%;
    margin: 0;
    margin-bottom: 25.1764705882%;
    margin-left: 27.8823529412%;
  }
}
.people1-b img {
  animation: aruku 3.3s linear infinite;
  transform-origin: bottom center;
}

.people2-a {
  bottom: 0;
  right: 0;
  width: 5.6466666667%;
  margin: 0;
  margin-bottom: 45.1766666667%;
  margin-right: 13.1766666667%;
  animation: pyon 5s linear infinite;
}
@media screen and (min-width: 769px) {
  .people2-a {
    width: 5.6470588235%;
    margin: 0;
    margin-bottom: 45.1764705882%;
    margin-right: 13.1764705882%;
  }
}

.people2-b {
  bottom: 0;
  right: 0;
  width: 4.1175%;
  margin: 0;
  margin-bottom: 42.3533333333%;
  margin-right: 9.5291666667%;
  animation: pyon 5s 2.5s linear infinite;
}
@media screen and (min-width: 769px) {
  .people2-b {
    width: 4.1176470588%;
    margin: 0;
    margin-bottom: 42.3529411765%;
    margin-right: 9.5294117647%;
  }
}

.people3-a {
  bottom: 0;
  right: 0;
  width: 6.1175%;
  margin: 0;
  margin-bottom: 56.7058333333%;
  margin-right: 46.5591666667%;
}
@media screen and (min-width: 769px) {
  .people3-a {
    width: 5.6470588235%;
    margin: 0;
    margin-bottom: 56.7058823529%;
    margin-right: 49.0588235294%;
  }
}
.people3-a img {
  animation: pyon 3s linear infinite;
}

.people3-b {
  bottom: 0;
  right: 0;
  width: 5.0591666667%;
  margin: 0;
  margin-bottom: 49.1766666667%;
  margin-right: 38.1175%;
  animation: pyon2 2s ease infinite;
}
@media screen and (min-width: 769px) {
  .people3-b {
    width: 4.1176470588%;
    margin: 0;
    margin-bottom: 49.1764705882%;
    margin-right: 38.1176470588%;
  }
}

.people3-c {
  bottom: 0;
  right: 0;
  width: 4.3533333333%;
  margin: 0;
  margin-bottom: 46.5883333333%;
  margin-right: 34.235%;
  animation: pyon2 2s ease infinite;
}
@media screen and (min-width: 769px) {
  .people3-c {
    width: 4.1176470588%;
    margin: 0;
    margin-bottom: 46.5882352941%;
    margin-right: 34.2352941176%;
  }
}

.people4-a {
  top: 0;
  right: 0;
  width: 3.6466666667%;
  margin: 0;
  margin-top: 25.2925%;
  margin-right: 24.8233333333%;
}
@media screen and (min-width: 769px) {
  .people4-a {
    width: 3.6470588235%;
    margin: 0;
    margin-top: 25.2941176471%;
    margin-right: 24.8235294118%;
  }
}
.people4-a img {
  animation: noboru 40s linear infinite;
}

.people4-b {
  top: 0;
  right: 0;
  width: 4.3533333333%;
  margin: 0;
  margin-top: 28.9408333333%;
  margin-right: 28.1175%;
}
@media screen and (min-width: 769px) {
  .people4-b {
    width: 4.3529411765%;
    margin: 0;
    margin-top: 28.9411764706%;
    margin-right: 28.1176470588%;
  }
}
.people4-b img {
  animation: noboru 40s linear infinite;
}

.people4-c {
  top: 0;
  right: 0;
  animation: aruku2 3s linear infinite;
  width: 5.5291666667%;
  margin: 0;
  margin-top: 37.0591666667%;
  margin-right: 20.235%;
}
@media screen and (min-width: 769px) {
  .people4-c {
    width: 5.5294117647%;
    margin: 0;
    margin-top: 37.0588235294%;
    margin-right: 20.2352941176%;
  }
}
.people4-c img {
  animation: noboru2 40s linear infinite;
}

.people4-d {
  top: 0;
  right: 0;
  animation: aruku2 3s linear infinite;
  width: 5.6466666667%;
  margin: 0;
  margin-top: 38.7058333333%;
  margin-right: 15.1766666667%;
}
@media screen and (min-width: 769px) {
  .people4-d {
    width: 5.6470588235%;
    margin: 0;
    margin-top: 38.7058823529%;
    margin-right: 15.1764705882%;
  }
}
.people4-d img {
  animation: noboru2 40s linear infinite;
}

.people5-a {
  bottom: 0;
  right: 0;
  animation: aruku2 3s linear infinite;
  width: 5.0591666667%;
  margin: 0;
  margin-bottom: 20%;
  margin-right: 43.4116666667%;
}
@media screen and (min-width: 769px) {
  .people5-a {
    width: 5.0588235294%;
    margin: 0;
    margin-bottom: 20%;
    margin-right: 43.4117647059%;
  }
}
.people5-a img {
  animation: kaidan2 50s linear infinite;
}

.people5-b {
  bottom: 0;
  right: 0;
  animation: aruku2 3s linear infinite;
  width: 3.6466666667%;
  margin: 0;
  margin-bottom: 20.3533333333%;
  margin-right: 47.6475%;
}
@media screen and (min-width: 769px) {
  .people5-b {
    width: 3.6470588235%;
    margin: 0;
    margin-bottom: 20.3529411765%;
    margin-right: 47.6470588235%;
  }
}
.people5-b img {
  animation: kaidan 50s linear infinite;
}

.people6-a {
  bottom: 0;
  right: 0;
  width: 4.25%;
  margin: 0;
  margin-bottom: 40.0541666667%;
  margin-right: 46.3333333333%;
}
@media screen and (min-width: 769px) {
  .people6-a {
    width: 4.2352941176%;
    margin: 0;
    margin-bottom: 40.1176470588%;
    margin-right: 46.3529411765%;
  }
}

.people6-b {
  bottom: 0;
  right: 0;
  width: 4.235%;
  margin: 0;
  margin-bottom: 38.9408333333%;
  margin-right: 41.2941666667%;
}
@media screen and (min-width: 769px) {
  .people6-b {
    width: 4.2352941176%;
    margin: 0;
    margin-bottom: 38.9411764706%;
    margin-right: 41.2941176471%;
  }
}
.people6-b img {
  animation: aruku 3s linear infinite;
  transform-origin: bottom center;
}

.people6-c {
  bottom: 0;
  right: 0;
  animation: pyon2 1.01s ease infinite;
  width: 5.5291666667%;
  margin: 0;
  margin-bottom: 36.7058333333%;
  margin-right: 26.7058333333%;
}
@media screen and (min-width: 769px) {
  .people6-c {
    width: 5.5294117647%;
    margin: 0;
    margin-bottom: 36.7058823529%;
    margin-right: 26.7058823529%;
  }
}
.people6-c img {
  animation: hashiru 7s linear infinite;
}

.people6-d {
  bottom: 0;
  right: 0;
  animation: pyon2 1s ease infinite;
  width: 5.765%;
  margin: 0;
  margin-bottom: 36.1175%;
  margin-right: 22.235%;
}
@media screen and (min-width: 769px) {
  .people6-d {
    width: 5.7647058824%;
    margin: 0;
    margin-bottom: 36.1176470588%;
    margin-right: 22.2352941176%;
  }
}
.people6-d img {
  animation: hashiru 7s linear infinite;
}

.people7-a {
  top: 0;
  right: 0;
  width: 6.235%;
  margin: 0;
  margin-top: 11.5291666667%;
  margin-right: 46%;
}
@media screen and (min-width: 769px) {
  .people7-a {
    width: 6.2352941176%;
    margin: 0;
    margin-top: 11.5294117647%;
    margin-right: 46%;
  }
}
.people7-a img {
  animation: aruku 3s linear infinite;
}

.people7-b {
  top: 0;
  right: 0;
  width: 5.0591666667%;
  margin: 0;
  margin-top: 15.1766666667%;
  margin-right: 41.01%;
}
@media screen and (min-width: 769px) {
  .people7-b {
    width: 5.0588235294%;
    margin: 0;
    margin-top: 15.1764705882%;
    margin-right: 41.2941176471%;
  }
}
.people7-b img {
  animation: aruku 3.3s linear infinite;
}

.people8-a {
  top: 0;
  left: 0;
  width: 6.9408333333%;
  margin: 0;
  margin-top: 35.765%;
  margin-left: 22.235%;
}
@media screen and (min-width: 769px) {
  .people8-a {
    width: 6.9411764706%;
    margin: 0;
    margin-top: 35.7647058824%;
    margin-left: 22.2352941176%;
  }
}
.people8-a img {
  animation: pyon2 2s cubic-bezier(0.55, 0, 1, 0.45) infinite;
}

.people9-a {
  bottom: 0;
  left: 0;
  width: 4.235%;
  margin: 0;
  margin-bottom: 54.4708333333%;
  margin-left: 23.5291666667%;
  animation: pyon2 4s cubic-bezier(0.68, -0.6, 0.32, 1.6) infinite;
}
@media screen and (min-width: 769px) {
  .people9-a {
    width: 4.2352941176%;
    margin: 0;
    margin-bottom: 54.4705882353%;
    margin-left: 23.5294117647%;
  }
}

.people9-b {
  bottom: 0;
  left: 0;
  width: 4.7058333333%;
  margin: 0;
  margin-bottom: 48.8233333333%;
  margin-left: 18.4708333333%;
  animation: pyon2 4s cubic-bezier(0.68, -0.6, 0.32, 1.6) infinite;
}
@media screen and (min-width: 769px) {
  .people9-b {
    width: 4.7058823529%;
    margin: 0;
    margin-bottom: 48.8235294118%;
    margin-left: 18.4705882353%;
  }
}

.people10-a {
  bottom: 0;
  left: 0;
  width: 6.1175%;
  margin: 0;
  margin-bottom: 42.1175%;
  margin-left: 9.0591666667%;
}
@media screen and (min-width: 769px) {
  .people10-a {
    width: 6.1176470588%;
    margin: 0;
    margin-bottom: 42.1176470588%;
    margin-left: 9.0588235294%;
  }
}
.people10-a img {
  transform-origin: top center;
  animation: aruku 3s linear infinite;
}

.people10-b {
  bottom: 0;
  left: 0;
  width: 3.6466666667%;
  margin: 0;
  margin-bottom: 38.3533333333%;
  margin-left: 16.1175%;
}
@media screen and (min-width: 769px) {
  .people10-b {
    width: 3.6470588235%;
    margin: 0;
    margin-bottom: 38.3529411765%;
    margin-left: 16.1176470588%;
  }
}

.ski-a {
  top: 0;
  left: 0;
  width: 8.4166666667%;
  animation: pyon 15s linear infinite;
  margin: 0;
  margin-top: 22.5833333333%;
  margin-left: 23.3333333333%;
}
@media screen and (min-width: 769px) {
  .ski-a {
    width: 8.7058823529%;
    margin: 0;
    margin-top: 22.3529411765%;
    margin-left: 23.2941176471%;
  }
}
.ski-a img {
  animation: aruku 2s linear infinite;
}

.ski-b {
  top: 0;
  left: 0;
  width: 7.5833333333%;
  margin: 0;
  margin-top: 6.3333333333%;
  margin-left: 34.9166666667%;
}
@media screen and (min-width: 769px) {
  .ski-b {
    width: 7.7647058824%;
    margin: 0;
    margin-top: 8.2352941176%;
    margin-left: 34.1176470588%;
  }
}
.ski-b img {
  animation: aruku 3.3s linear infinite;
}

.ski-c {
  top: 0;
  left: 0;
  width: 4.25%;
  margin: 0;
  margin-top: 16.5%;
  margin-left: 43.8333333333%;
}
@media screen and (min-width: 769px) {
  .ski-c {
    width: 4.3529411765%;
    margin: 0;
    margin-top: 17.2941176471%;
    margin-left: 43.8823529412%;
  }
}
.ski-c img {
  transform-origin: bottom center;
  animation: aruku 4s linear infinite;
}

.ski-d {
  top: 0;
  left: 0;
  width: 7.1666666667%;
  animation: pyon 10s linear infinite;
  margin: 0;
  margin-top: 10.5833333333%;
  margin-left: 48.75%;
}
@media screen and (min-width: 769px) {
  .ski-d {
    width: 7.1764705882%;
    margin: 0;
    margin-top: 10.5882352941%;
    margin-left: 48.9411764706%;
  }
}
.ski-d img {
  animation: aruku 1s linear infinite;
}

.ski-e {
  top: 0;
  right: 0;
  width: 8.3333333333%;
  margin: 0;
  margin-top: 21.6666666667%;
  margin-right: 42%;
}
@media screen and (min-width: 769px) {
  .ski-e {
    width: 8.4705882353%;
    margin: 0;
    margin-top: 22.3529411765%;
    margin-right: 41.7647058824%;
  }
}
.ski-e img {
  animation: aruku 3.3s linear infinite;
}

.ski-e {
  top: 0;
  right: 0;
  width: 8.3333333333%;
  margin: 0;
  margin-top: 21.6666666667%;
  margin-right: 42%;
}
@media screen and (min-width: 769px) {
  .ski-e {
    width: 8.4705882353%;
    margin: 0;
    margin-top: 22.3529411765%;
    margin-right: 41.7647058824%;
  }
}
.ski-e img {
  animation: aruku 3.3s linear infinite;
}

.training-a {
  bottom: 0;
  right: 0;
  width: 5.5%;
  margin: 0;
  margin-bottom: 3.3333333333%;
  margin-right: 34.4166666667%;
}
@media screen and (min-width: 769px) {
  .training-a {
    width: 5.8823529412%;
    margin: 0;
    margin-bottom: 2.9411764706%;
    margin-right: 34.1176470588%;
  }
}
.training-a img {
  animation: aruku 2s linear infinite;
}

.training-b {
  bottom: 0;
  right: 0;
  width: 5.4166666667%;
  margin: 0;
  margin-bottom: 7.5%;
  margin-right: 27.4166666667%;
}
@media screen and (min-width: 769px) {
  .training-b {
    width: 5.6470588235%;
    margin: 0;
    margin-bottom: 7.0588235294%;
    margin-right: 27.6470588235%;
  }
}
.training-b img {
  transform-origin: right bottom;
  animation: aruku 4.3s linear infinite;
}

.sun {
  top: 0;
  left: 0;
  transform: rotate(0deg);
  animation: rotate-forever 10s linear infinite;
  width: 6.8233333333%;
  margin: 0;
  margin-left: 41.2941666667%;
}
@media screen and (min-width: 769px) {
  .sun {
    width: 6.8235294118%;
    margin: 0;
    margin-left: 41.2941176471%;
  }
}

.snow {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 6.80275%;
  z-index: 50;
  pointer-events: none;
  margin: 0;
  margin-left: 41.2941666667%;
}
@media screen and (min-width: 769px) {
  .snow {
    width: 74.4705882353%;
    margin: 0;
    margin-right: 41.2941176471%;
  }
}

@keyframes rotate-forever {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    /* 360度回転 */
  }
}
@keyframes pyon {
  0%, 20%, 40%, 60%, 100% {
    transform: translateY(0px);
  }
  10%, 30%, 50% {
    transform: translateY(-6px);
  }
}
@keyframes pyon2 {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-2px);
  }
}
@keyframes aruku {
  0%, 100% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
}
@keyframes aruku2 {
  0%, 100% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
  }
}
@keyframes hashiru {
  0% {
    transform: translateX(0) scaleX(1);
  }
  50% {
    transform: translateX(20px) scaleX(1);
  }
  52% {
    transform: translateX(20px) scaleX(-1);
  }
  98% {
    transform: translateX(0) scaleX(-1);
  }
  100% {
    transform: translateX(0) scaleX(1);
  }
}
@keyframes noboru {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(0px, -3px);
  }
  20% {
    transform: translate(-2px, -6px);
  }
  30% {
    transform: translate(-3px, -9px);
  }
  40% {
    transform: translate(-1px, -13px);
  }
  50% {
    transform: translate(0px, -18px);
  }
  60% {
    transform: translate(3px, -21px);
  }
  70% {
    transform: translate(6px, -24px);
  }
  80% {
    transform: translate(9px, -28px);
  }
  90% {
    transform: translate(11px, -31px);
  }
  100% {
    transform: translate(16px, -36px);
  }
}
@keyframes noboru2 {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(-3px, -3px);
  }
  20% {
    transform: translate(-7px, -5px);
  }
  30% {
    transform: translate(-17px, -8px);
  }
  40% {
    transform: translate(-20px, -11px);
  }
  50% {
    transform: translate(-30px, -16px);
  }
  60% {
    transform: translate(-33px, -22px);
  }
  70% {
    transform: translate(-34px, -25px);
  }
  80% {
    transform: translate(-34px, -31px);
  }
  90% {
    transform: translate(-39px, -33px);
  }
  100% {
    transform: translate(-43px, -38px);
  }
}
@keyframes kaidan {
  0% {
    transform: translate(0px, 0px);
  }
  5% {
    transform: translate(-10px, 0px);
  }
  10% {
    transform: translate(-20px, -4px);
  }
  15% {
    transform: translate(-30px, -14px);
  }
  20% {
    transform: translate(-40px, -18px);
  }
  25% {
    transform: translate(-50px, -25px);
  }
  30% {
    transform: translate(-60px, -30px);
  }
  35% {
    transform: translate(-65px, -37px) scaleX(1);
  }
  40% {
    transform: translate(-68px, -40px) scaleX(1);
  }
  42% {
    transform: translate(-68px, -40px) scaleX(-1);
  }
  50% {
    transform: translate(-68px, -40px) scaleX(-1);
  }
  55% {
    transform: translate(-65px, -36px) scaleX(-1);
  }
  60% {
    transform: translate(-60px, -27px) scaleX(-1);
  }
  65% {
    transform: translate(-50px, -26px) scaleX(-1);
  }
  70% {
    transform: translate(-40px, -18px) scaleX(-1);
  }
  75% {
    transform: translate(-30px, -14px) scaleX(-1);
  }
  80% {
    transform: translate(-10px, -4px) scaleX(-1);
  }
  85% {
    transform: translate(-5px, 0px) scaleX(-1);
  }
  90% {
    transform: translate(0px, 0px) scaleX(-1);
  }
  92% {
    transform: translate(0px, 0px) scaleX(1);
  }
  100% {
    transform: translate(0px, 0px) scaleX(1);
  }
}
@keyframes kaidan2 {
  0% {
    transform: translate(0px, 0px);
  }
  5% {
    transform: translate(-10px, -1px);
  }
  10% {
    transform: translate(-20px, -2px);
  }
  15% {
    transform: translate(-30px, -2px);
  }
  20% {
    transform: translate(-40px, -6px);
  }
  25% {
    transform: translate(-50px, -12px);
  }
  30% {
    transform: translate(-55px, -21px);
  }
  35% {
    transform: translate(-60px, -25px);
  }
  40% {
    transform: translate(-65px, -25px) scaleX(1);
  }
  45% {
    transform: translate(-70px, -30px) scaleX(1);
  }
  47% {
    transform: translate(-70px, -30px) scaleX(-1);
  }
  50% {
    transform: translate(-65px, -25px) scaleX(-1);
  }
  55% {
    transform: translate(-60px, -25px) scaleX(-1);
  }
  60% {
    transform: translate(-55px, -21px) scaleX(-1);
  }
  65% {
    transform: translate(-50px, -12px) scaleX(-1);
  }
  70% {
    transform: translate(-40px, -6px) scaleX(-1);
  }
  75% {
    transform: translate(-30px, -2px) scaleX(-1);
  }
  80% {
    transform: translate(-20px, -4px) scaleX(-1);
  }
  85% {
    transform: translate(-10px, -1px) scaleX(-1);
  }
  87% {
    transform: translate(0px, 0px) scaleX(1);
  }
  100% {
    transform: translate(0px, 0px) scaleX(1);
  }
}
.yamaasobu-how {
  margin-top: 13.3333333333%;
}
.yamaasobu-how.move .how-text .how_line {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.yamaasobu-how.move .how-text .how-ttl::after {
  opacity: 1;
}
.yamaasobu-how.move .how-text .how-ttl span {
  animation: text-kata 0.5 0.5s forwards;
}
.yamaasobu-how.move .how-text .sec-subttl {
  opacity: 1;
  transform: rotate(-5deg);
}
.yamaasobu-how.move .how-lead-wrap .sec-lead {
  opacity: 1;
}
.yamaasobu-how.move .how-lead-wrap .comment {
  opacity: 1;
  transform: scale(1, 1);
}
.yamaasobu-how .how-text {
  line-height: 1;
}
.yamaasobu-how .how-text .how-ttl {
  letter-spacing: 0;
  font-size: 16vw;
  text-align: center;
  position: relative;
  display: table;
  margin: 0 auto;
  z-index: 20;
}
.yamaasobu-how .how-text .how-ttl span {
  letter-spacing: 0;
  display: inline-block;
  opacity: 0;
  transform: rotate(-8deg) translate(-3px, 0);
}
.yamaasobu-how .how-text .how-ttl span:nth-of-type(2) {
  animation-delay: 0.3s;
}
.yamaasobu-how .how-text .how-ttl span:nth-of-type(3) {
  animation-delay: 0.6s;
}
.yamaasobu-how .how-text .how-ttl::after {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: wiggle;
  content: attr(data-text);
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0;
  transition: opacity 0.5s 1.5s ease;
}
.yamaasobu-how .how-text .sec-subttl {
  font-weight: 600;
  margin-top: 8.5333333333%;
  font-size: 3.4666666667vw;
  text-align: center;
  opacity: 0;
  transform: rotate(0);
  transition: transform 0.4s 1.2s cubic-bezier(0.68, -0.6, 0.32, 1.6), opacity 0.2s 1s ease;
}
.yamaasobu-how .how-text .how_line {
  width: 91.6666666667%;
  -webkit-clip-path: inset(0 0 0 100%);
          clip-path: inset(0 0 0 100%);
  transition: -webkit-clip-path 1s linear;
  transition: clip-path 1s linear;
  transition: clip-path 1s linear, -webkit-clip-path 1s linear;
  z-index: 10;
  margin: 0 auto;
  margin-right: 0;
  margin-top: -6%;
}
@media screen and (min-width: 769px) {
  .yamaasobu-how {
    margin-top: 7.1428571429%;
    position: relative;
  }
  .yamaasobu-how .how-text .how-ttl {
    font-size: min(8.5714285714vw, 120px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    margin: 0 auto;
    margin-right: 9.0714285714%;
  }
  .yamaasobu-how .how-text .sec-subttl {
    font-size: min(1.4285714286vw, 20px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-right: 7%;
    margin-top: 2.8571428571%;
  }
  .yamaasobu-how .how-text .how_line {
    position: absolute;
    width: 42.8571428571%;
    max-width: 600px;
    right: 0;
    top: 0;
    margin: 0 auto;
    margin-right: 0;
    margin-top: -1.1428571429%;
  }
}
.yamaasobu-how .how-lead-wrap {
  text-align: center;
  position: relative;
  padding: 0;
  padding-bottom: 10.6666666667%;
}
.yamaasobu-how .how-lead-wrap .comment {
  width: 42.6666666667%;
  line-height: 0;
  transform-origin: bottom left;
  transform: scale(0, 0);
  opacity: 0;
  transition: transform 0.6s 1.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s 1.3s ease;
  margin: 0 auto;
  margin-top: -2.6666666667%;
  margin-right: 8.06%;
}
@media screen and (min-width: 769px) {
  .yamaasobu-how .how-lead-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    padding-bottom: 0;
    padding-top: 4.5%;
    padding-left: 7.1428571429%;
  }
  .yamaasobu-how .how-lead-wrap .comment {
    width: 12.1428571429%;
    max-width: 170px;
    margin: 0 auto;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
  }
}
.yamaasobu-how .how-lead-wrap .sec-lead {
  font-size: 4vw;
  font-weight: 600;
  margin-top: 4%;
  opacity: 0;
  transition: opacity 0.5s 1.2s ease;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .yamaasobu-how .how-lead-wrap .sec-lead {
    font-size: min(1.4285714286vw, 20px);
    text-align: left;
    margin-top: 2.1428571429%;
  }
}

.yamaasobu-do {
  margin-top: 13.3333333333%;
}
.yamaasobu-do.move .do-text .do_line {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.yamaasobu-do.move .do-text .do-ttl::after {
  opacity: 1;
}
.yamaasobu-do.move .do-text .do-ttl span {
  animation: text-kata 0.5 0.5s forwards;
}
.yamaasobu-do.move .do-text .sec-subttl {
  opacity: 1;
  transform: rotate(-5deg);
}
.yamaasobu-do.move .do-lead-wrap .sec-lead {
  opacity: 1;
}
.yamaasobu-do.move .do-lead-wrap .comment {
  opacity: 1;
  transform: scale(1, 1);
}
@media screen and (min-width: 769px) {
  .yamaasobu-do {
    margin-top: 10.7142857143%;
    position: relative;
  }
}
.yamaasobu-do .do-text {
  line-height: 1;
}
.yamaasobu-do .do-text .do-ttl {
  letter-spacing: 0;
  font-size: 16vw;
  text-align: center;
  position: relative;
  display: table;
  margin: 0 auto;
  z-index: 20;
}
.yamaasobu-do .do-text .do-ttl span {
  letter-spacing: 0;
  display: inline-block;
  opacity: 0;
  transform: rotate(-8deg) translate(-3px, 0);
}
.yamaasobu-do .do-text .do-ttl span:nth-of-type(2) {
  animation-delay: 0.3s;
}
.yamaasobu-do .do-text .do-ttl::after {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: wiggle;
  content: attr(data-text);
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0;
  transition: opacity 0.5s 1.5s ease;
}
.yamaasobu-do .do-text .sec-subttl {
  font-weight: 600;
  margin-top: 8.5333333333%;
  font-size: 3.4666666667vw;
  text-align: center;
  transform: rotate(0);
  display: block;
  opacity: 0;
  transform: rotate(0);
  transition: transform 0.4s 1.2s cubic-bezier(0.68, -0.6, 0.32, 1.6), opacity 0.2s 1s ease;
}
.yamaasobu-do .do-text .do_line {
  width: 92%;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: -webkit-clip-path 1s linear;
  transition: clip-path 1s linear;
  transition: clip-path 1s linear, -webkit-clip-path 1s linear;
  z-index: 10;
  margin: 0 auto;
  margin-left: 0;
  margin-top: -2.8%;
}
@media screen and (min-width: 769px) {
  .yamaasobu-do .do-text .do-ttl {
    font-size: min(8.5714285714vw, 120px);
    text-align: left;
    margin-left: 10%;
    display: block;
  }
  .yamaasobu-do .do-text .sec-subttl {
    margin-top: 2.8571428571%;
    margin-left: 7.1428571429%;
    font-size: min(1.4285714286vw, 20px);
    text-align: left;
    display: inline-block;
  }
  .yamaasobu-do .do-text .do_line {
    width: 42.8571428571%;
    max-width: 600px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    margin-left: 0;
    margin-top: 0;
  }
}
.yamaasobu-do .do-lead-wrap {
  text-align: center;
  position: relative;
  padding: 0;
  padding-bottom: 10.6666666667%;
}
.yamaasobu-do .do-lead-wrap .comment {
  width: 42.6666666667%;
  line-height: 0;
  transform-origin: bottom left;
  transform: scale(0, 0);
  opacity: 0;
  transition: transform 0.6s 1.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s 1.3s ease;
  margin: 0 auto;
  margin-top: -2.6666666667%;
  margin-left: 8%;
}
@media screen and (min-width: 769px) {
  .yamaasobu-do .do-lead-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    padding-bottom: 0;
    padding-top: 4.4285714286%;
    padding-right: 7.1428571429%;
  }
  .yamaasobu-do .do-lead-wrap .comment {
    width: 41.2621359223%;
    max-width: 170px;
    margin: 0 auto;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
  }
}
.yamaasobu-do .do-lead-wrap .sec-lead {
  font-size: 4vw;
  font-weight: 600;
  margin-top: 4%;
  opacity: 0;
  line-height: 1.5;
  transition: opacity 0.5s 1.2s ease;
}
@media screen and (min-width: 769px) {
  .yamaasobu-do .do-lead-wrap .sec-lead {
    font-size: min(1.4285714286vw, 20px);
    text-align: left;
    margin-top: 4.854368932%;
  }
}

@media screen and (min-width: 769px) {
  .how-text, .do-text {
    margin-bottom: 8%;
  }
}

.how-swiper, .do-swiper {
  padding-top: 5.3333333333% !important;
}
.how-swiper .swiper-slide, .do-swiper .swiper-slide {
  border-radius: 5px;
  border: solid 1px #000;
  transition: transform 0.2s linear;
  transform: translateY(0) rotate(0);
  background: #fff;
}
.how-swiper .swiper-slide.swiper-slide-active, .do-swiper .swiper-slide.swiper-slide-active {
  transform: translateY(-3%) rotate(0);
  transition: transform 0.2s linear;
}
.how-swiper .swiper-slide.swiper-slide-active .howdo-pagenation, .do-swiper .swiper-slide.swiper-slide-active .howdo-pagenation {
  opacity: 1;
}
.how-swiper .swiper-slide.swiper-slide-active .how-swiper-wrap .swiper-date, .how-swiper .swiper-slide.swiper-slide-active .do-swiper-wrap .swiper-date, .do-swiper .swiper-slide.swiper-slide-active .how-swiper-wrap .swiper-date, .do-swiper .swiper-slide.swiper-slide-active .do-swiper-wrap .swiper-date {
  animation: tenmetsu 2s ease forwards;
}
.how-swiper .swiper-slide:hover.swiper-slide-active, .do-swiper .swiper-slide:hover.swiper-slide-active {
  transform-origin: center center;
  transform: translateY(-3%) rotate(-1deg);
}
.how-swiper .swiper-slide a, .do-swiper .swiper-slide a {
  color: #000;
}
@media screen and (min-width: 769px) {
  .how-swiper, .do-swiper {
    padding-top: 5.7142857143% !important;
  }
  .how-swiper .swiper-slide a, .do-swiper .swiper-slide a {
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: space-between;
  }
  .how-swiper .swiper-slide.swiper-slide-active, .do-swiper .swiper-slide.swiper-slide-active {
    transform: translateY(-5%);
  }
}

.howdo-pagenation {
  line-height: 1;
  padding: 6.6666666667% 0;
  text-align: center;
  letter-spacing: 0.5em;
  font-size: 4.2666666667vw;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 769px) {
  .howdo-pagenation {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.2857142857vw;
    padding: 5.5555555556% 0 0 5.5555555556%;
  }
}

.howdo-photo {
  width: 71.4285714286%;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .howdo-photo {
    width: 41.6666666667%;
    margin: 5.5555555556% 5.5555555556% 5.5555555556% 0;
  }
}
.howdo-photo img {
  border-radius: 6px;
}

.how-swiper-wrap, .do-swiper-wrap {
  position: relative;
  width: 80.9523809524%;
  margin: 0 auto;
  margin-top: 7.9365079365%;
}
.how-swiper-wrap .swiper-ttl, .do-swiper-wrap .swiper-ttl {
  line-height: 1;
  font-weight: 600;
  font-size: 4.5333333333vw;
}
.how-swiper-wrap .swiper-date, .do-swiper-wrap .swiper-date {
  line-height: 1;
  font-weight: 600;
  color: #DD2F0E;
  margin-top: 5.8823529412%;
  font-size: 3.2vw;
  opacity: 1;
}
.how-swiper-wrap .swiper-text, .do-swiper-wrap .swiper-text {
  margin-top: 5.8823529412%;
  padding-bottom: 15.6862745098%;
  font-size: 3.7333333333vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .how-swiper-wrap, .do-swiper-wrap {
    width: 41.6666666667%;
    max-width: 400px;
    margin: 0;
    margin-left: 5.5555555556%;
    letter-spacing: 0.15em;
  }
  .how-swiper-wrap .swiper-ttl, .do-swiper-wrap .swiper-ttl {
    font-size: min(1.4285714286vw, 20px);
  }
  .how-swiper-wrap .swiper-date, .do-swiper-wrap .swiper-date {
    font-size: 1vw;
    margin-top: 5.3333333333%;
  }
  .how-swiper-wrap .swiper-text, .do-swiper-wrap .swiper-text {
    font-size: min(1.1428571429vw, 16px);
    padding-bottom: 0;
    margin-top: 13.3333333333%;
  }
}

.how-swiper .swiper-button-prev,
.how-swiper .swiper-button-next, .do-swiper .swiper-button-prev,
.do-swiper .swiper-button-next {
  top: 52% !important;
  height: 36px !important;
  width: 52px !important;
}
@media screen and (min-width: 769px) {
  .how-swiper .swiper-button-prev,
  .how-swiper .swiper-button-next, .do-swiper .swiper-button-prev,
  .do-swiper .swiper-button-next {
    width: 7.4285714286% !important;
    max-width: 104px;
    height: 64px !important;
  }
}
.how-swiper .swiper-button-prev::after,
.how-swiper .swiper-button-next::after, .do-swiper .swiper-button-prev::after,
.do-swiper .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "" !important;
  width: 100%;
  height: 100%;
  margin: auto;
  display: block !important;
  opacity: 1 !important;
}
.how-swiper .swiper-button-prev, .do-swiper .swiper-button-prev {
  left: 5%;
}
.how-swiper .swiper-button-prev::after, .do-swiper .swiper-button-prev::after {
  background-image: url(../img/w_prev.png);
}
@media screen and (min-width: 769px) {
  .how-swiper .swiper-button-prev, .do-swiper .swiper-button-prev {
    left: 13%;
  }
  .how-swiper .swiper-button-prev::after, .do-swiper .swiper-button-prev::after {
    background-image: url(../img/pc-w-prev.png);
    transition: all 0.3s ease;
  }
}
@media screen and (min-width: 769px) {
  .how-swiper .swiper-button-prev:hover::after, .do-swiper .swiper-button-prev:hover::after {
    background-image: url(../img/pc-howdo-prev.png);
  }
}
.how-swiper .swiper-button-next, .do-swiper .swiper-button-next {
  right: 3%;
}
.how-swiper .swiper-button-next::after, .do-swiper .swiper-button-next::after {
  background-image: url(../img/w_next.png);
}
@media screen and (min-width: 769px) {
  .how-swiper .swiper-button-next, .do-swiper .swiper-button-next {
    right: 12%;
  }
  .how-swiper .swiper-button-next::after, .do-swiper .swiper-button-next::after {
    background-image: url(../img/pc-w-next.png);
    transition: all 0.3s ease;
  }
}
@media screen and (min-width: 769px) {
  .how-swiper .swiper-button-next:hover::after, .do-swiper .swiper-button-next:hover::after {
    background-image: url(../img/pc-howdo-next.png);
  }
}

.new-article {
  position: absolute;
  width: 50.5px;
  top: 0;
  left: 0;
  margin: 0;
  margin-top: 23.6923076923%;
  margin-left: 9.2307692308%;
}
.new-article p {
  position: absolute;
  display: block;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 5.3333333333vw;
  line-height: 1;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .new-article {
    width: 13.6%;
    max-width: 55px;
    margin: 0;
    margin-top: -13.3333333333%;
  }
  .new-article p {
    font-size: min(1.4285714286vw, 20px);
  }
}

@keyframes tenmetsu {
  0%, 20%, 40%, 100% {
    opacity: 1;
  }
  10%, 30% {
    opacity: 0;
  }
}
.yamaasobu-field {
  overflow: hidden;
  color: #fff;
  background-repeat: repeat;
  position: relative;
  background-image: url(../img/sp_field-bg.png);
  background-repeat: no-repeat;
  margin-top: 13.3333333333%;
  background-size: 100%;
  background-size: cover;
  padding-bottom: calc(100 / 750 * 100vw);
}
.yamaasobu-field .swiper-slide {
  max-width: 492px;
}
.yamaasobu-field .swiper-slide a {
  color: #fff;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.yamaasobu-field .swiper-slide:hover a {
  opacity: 0.7;
}
.yamaasobu-field .swiper-initialized .swiper-slide {
  max-width: none;
}
.yamaasobu-field.move .fieldttl::after {
  opacity: 1;
}
.yamaasobu-field.move .fieldttl span {
  animation: text-kata 0.5 0.5s forwards;
}
.yamaasobu-field.move .field-subttl {
  opacity: 1;
  transform: rotate(-5deg);
}
.yamaasobu-field.move .field-txt {
  opacity: 1;
}
.yamaasobu-field .fieldttl {
  letter-spacing: 0;
  padding-top: 17.3333333333%;
  font-size: 10.6666666667vw;
  text-align: center;
  line-height: 1;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.yamaasobu-field .fieldttl span {
  letter-spacing: 0;
  display: inline-block;
  opacity: 0;
  transform: rotate(-8deg) translate(-3px, 0);
}
.yamaasobu-field .fieldttl span:nth-child(1) {
  animation-delay: 0.3s;
}
.yamaasobu-field .fieldttl span:nth-child(2) {
  animation-delay: 0.4s;
}
.yamaasobu-field .fieldttl span:nth-child(3) {
  animation-delay: 0.5s;
}
.yamaasobu-field .fieldttl span:nth-child(4) {
  animation-delay: 0.6s;
}
.yamaasobu-field .fieldttl span:nth-child(5) {
  animation-delay: 0.7s;
}
.yamaasobu-field .fieldttl span:nth-child(6) {
  animation-delay: 0.8s;
}
.yamaasobu-field .fieldttl span:nth-child(7) {
  animation-delay: 0.9s;
}
.yamaasobu-field .fieldttl span:nth-child(8) {
  animation-delay: 1s;
}
.yamaasobu-field .fieldttl span:nth-child(9) {
  animation-delay: 1.1s;
}
.yamaasobu-field .fieldttl span:nth-child(10) {
  animation-delay: 1.2s;
}
.yamaasobu-field .fieldttl span:nth-child(11) {
  animation-delay: 1.3s;
}
.yamaasobu-field .fieldttl span:nth-child(12) {
  animation-delay: 1.4s;
}
.yamaasobu-field .fieldttl::after {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: wiggle;
  content: attr(data-text);
  left: 0;
  position: absolute;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.5s 1.5s ease;
}
.yamaasobu-field .field-subttl {
  font-weight: 600;
  margin-top: 6.6666666667%;
  text-align: center;
  font-size: 3.7333333333vw;
  opacity: 0;
  transform: rotate(0);
  transition: transform 0.4s 1.2s cubic-bezier(0.68, -0.6, 0.32, 1.6), opacity 0.2s 1s ease;
}
.yamaasobu-field .field-txt {
  width: 84%;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.5s 1.4s ease;
  margin: 0 auto;
  margin-top: 6%;
  text-align: center;
  font-size: 4vw;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .yamaasobu-field {
    margin-top: 6.4285714286%;
    padding-bottom: 80px;
    background-image: url(../img/pc_field-bg.png);
  }
  .yamaasobu-field .fieldttl {
    padding-top: 9.2857142857%;
    font-size: min(4.2857142857vw, 60px);
    text-align: left;
    margin: 0;
    margin-left: 7.1428571429%;
  }
  .yamaasobu-field .field-subttl {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 11.7142857143%;
    margin-left: 33.7142857143%;
    font-size: min(1.4285714286vw, 20px);
    font-weight: 600;
  }
  .yamaasobu-field .field-txt {
    font-size: min(1.4285714286vw, 20px);
    width: 50%;
    text-align: left;
    padding-left: 7.1428571429%;
    margin: 0 auto;
    margin-top: 2.5%;
    margin-left: 0;
  }
}

.field-swiper {
  overflow: visible !important;
  margin: 0;
  margin-top: 13.3333333333% !important;
  margin-left: 0 !important;
  padding: 0;
  padding-top: 0 !important;
  padding-left: 0 !important;
}
.field-swiper .field-side {
  position: absolute;
  width: 25px;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .field-swiper {
    margin: 0;
    margin-top: -3.2857142857% !important;
    margin-left: auto !important;
    padding: 0;
    padding-top: 6.0714285714% !important;
    padding-left: 0 !important;
  }
}
.field-swiper .field-photo {
  line-height: 0;
}
.field-swiper .field-photo img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}
.field-swiper .field-swiper-wrap .swiper-ttl {
  font-size: 4.8vw;
  font-weight: 600;
  line-height: 1.5;
  margin-top: 8%;
}
.field-swiper .field-swiper-wrap .swiper-text {
  font-size: 3.7333333333vw;
  margin-top: 4%;
  font-feature-settings: "palt";
  line-height: 1.5;
}
.field-swiper .field-swiper-wrap .swiper-date {
  font-size: 2.6666666667vw;
  line-height: 1.5;
  margin-top: 2px;
}
@media screen and (min-width: 769px) {
  .field-swiper .field-swiper-wrap .swiper-ttl {
    font-size: 1.2857142857vw;
    margin-top: 30px;
  }
  .field-swiper .field-swiper-wrap .swiper-date {
    font-size: min(0.8571428571vw, 12px);
    line-height: 1;
    margin-top: 5px;
  }
  .field-swiper .field-swiper-wrap .swiper-text {
    font-size: 1vw;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .field-swiper .swiper-button-prev,
  .field-swiper .swiper-button-next {
    margin-top: 0 !important;
    top: calc(227 / 750 * 100vw) !important;
    width: calc(55 / 750 * 100vw) !important;
    height: calc(95 / 750 * 100vw) !important;
    aspect-ratio: 55/95 !important;
  }
}
@media screen and (min-width: 769px) {
  .field-swiper .swiper-button-prev,
  .field-swiper .swiper-button-next {
    width: 3.7142857143% !important;
    max-width: 52px;
    height: 32px !important;
    top: 0 !important;
    margin-top: 0 !important;
  }
}
.field-swiper .swiper-button-prev::after,
.field-swiper .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: 100%;
  height: 100%;
  margin: auto;
  display: block !important;
  opacity: 1 !important;
}
.field-swiper .swiper-button-prev {
  left: calc(30 / 750 * 100vw) !important;
}
@media screen and (min-width: 769px) {
  .field-swiper .swiper-button-prev {
    left: unset !important;
    right: 0 !important;
    margin-left: unset !important;
    margin-right: 17.7142857143%;
  }
}
.field-swiper .swiper-button-prev::after {
  background-image: url(../img/f-prev.png);
}
@media screen and (min-width: 769px) {
  .field-swiper .swiper-button-prev::after {
    background-image: url(../img/pc-field-prev.png);
    transition: all 0.3s ease;
  }
}
@media screen and (min-width: 769px) {
  .field-swiper .swiper-button-prev:hover::after {
    background-image: url(../img/pc-field-prev_hover.png);
  }
}
.field-swiper .swiper-button-next {
  right: calc(30 / 750 * 100vw) !important;
}
@media screen and (min-width: 769px) {
  .field-swiper .swiper-button-next {
    right: 0 !important;
    margin-right: 7.1428571429%;
  }
}
.field-swiper .swiper-button-next::after {
  background-image: url(../img/f-next.png);
}
@media screen and (min-width: 769px) {
  .field-swiper .swiper-button-next::after {
    background-image: url(../img/pc-field-next.png);
    transition: all 0.3s ease;
  }
}
@media screen and (min-width: 769px) {
  .field-swiper .swiper-button-next:hover::after {
    background-image: url(../img/pc-field-next_hover.png);
  }
}
.field-swiper .swiper-pagination {
  font-size: 6.6666666667vw !important;
  top: 0 !important;
  left: 0 !important;
  right: unset !important;
  bottom: unset !important;
  line-height: 1 !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin-left: 10.6666666667% !important;
  letter-spacing: 0;
}
@media screen and (min-width: 769px) {
  .field-swiper .swiper-pagination {
    left: unset !important;
    right: 0 !important;
    font-size: 1.2857142857vw !important;
    margin-left: unset !important;
    margin-right: 12.2857142857% !important;
    margin-top: 0.2142857143% !important;
  }
}
@media screen and (max-width: 768px) {
  .field-swiper .swiper-pagination {
    transform: translatey(-50%);
    left: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.1) !important;
  }
}

.yamaasobu-field-swiper-title {
  margin: calc(60 / 750 * 100vw) 0;
  font-family: zen-kaku-gothic-new, sans-serif;
  font-size: calc(40 / 750 * 100vw);
  font-weight: 700;
  line-height: 1.3333333333;
  min-height: 2.7em;
  color: #FFF;
}
@media screen and (min-width: 769px) {
  .yamaasobu-field-swiper-title {
    margin: 1.3888888889em 0;
    font-size: min(18 / 1400 * 100vw, 18px);
  }
}

.yamaasobu-field-swiper-desc {
  color: #FFF;
  font-family: zen-kaku-gothic-new, sans-serif;
  font-size: calc(28 / 750 * 100vw);
  font-weight: 500;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 769px) {
  .yamaasobu-field-swiper-desc {
    font-size: min(14 / 1400 * 100vw, 14px);
  }
}

.yamaasobu-field-viewall2 {
  margin-top: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 769px) {
  .yamaasobu-field-viewall2 {
    margin-top: 0;
  }
}
.yamaasobu-field-viewall2 a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  gap: 0 calc(20 / 750 * 100vw);
  font-family: zen-kaku-gothic-new, sans-serif;
  font-size: calc(32 / 750 * 100vw);
  font-weight: 500;
  line-height: 1;
  color: #fff !important;
}
@media screen and (min-width: 769px) {
  .yamaasobu-field-viewall2 a {
    gap: 0 0.8333333333em;
    font-size: min(24 / 1400 * 100vw, 24px);
    transition: opacity 0.3s ease;
  }
  .yamaasobu-field-viewall2 a:hover {
    opacity: 0.7;
  }
}
.yamaasobu-field-viewall2 span {
  padding-bottom: 0.2em;
}
.yamaasobu-field-viewall2 i {
  position: relative;
  aspect-ratio: 1/1;
  width: calc(45 / 750 * 100vw);
  display: block;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 50%;
}
@media screen and (min-width: 769px) {
  .yamaasobu-field-viewall2 i {
    width: 1.875em;
  }
}
.yamaasobu-field-viewall2 i:before {
  position: absolute;
  z-index: 2;
  top: 35%;
  left: 30%;
  width: 30%;
  aspect-ratio: 1/1;
  transform: rotate(45deg);
  border-top: 1px solid #AEB5B1;
  border-right: 1px solid #AEB5B1;
  content: "";
  display: block;
  transition: ease all 0.3s;
}

@media screen and (min-width: 769px) {
  .yamaasobu-swiper-util {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 60px;
  }
  .yamaasobu-swiper-util .swiper-pagination,
  .yamaasobu-swiper-util .swiper-button-next,
  .yamaasobu-swiper-util .swiper-button-prev {
    margin: 0 !important;
    position: static;
  }
}

@media screen and (min-width: 769px) {
  .field-txt-wrapper {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: flex-end;
    padding: 0 7.1428571429%;
  }
  .field-txt-wrapper .field-txt {
    padding: 0;
  }
}

.field-viewall {
  cursor: pointer;
  text-align: center;
  font-size: 6.6666666667vw;
  margin-top: 4%;
  padding-bottom: 13%;
  line-height: 1;
}
.field-viewall a {
  font-family: zen-kaku-gothic-new, sans-serif;
  font-weight: 700;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .field-viewall {
    font-size: min(2vw, 28px);
    margin-top: 7.5%;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1650px) {
  .field-viewall {
    margin-top: 8%;
    padding-bottom: 80px;
  }
}

.weather-wrap {
  overflow: hidden;
  margin: 0 auto;
  margin-top: 10.9333333333%;
  width: 84%;
  display: flex;
  align-self: center;
  vertical-align: middle;
}
@media screen and (min-width: 769px) {
  .weather-wrap {
    margin: 0 auto;
    margin-top: 3.5714285714%;
    width: 90%;
  }
}

.sunny-icon {
  width: 37.605px;
}

.rain-icon {
  width: 35px;
}

.cloud-icon {
  width: 60px;
}

.snow-icon {
  width: 38px;
}

.weather-info {
  display: flex;
  align-self: center;
  vertical-align: middle;
}
.weather-info:first-of-type {
  animation: loop3 50s -25s linear infinite;
}
.weather-info:last-of-type {
  animation: loop4 50s linear infinite;
}

.short-weather {
  width: 210px !important;
}
@media screen and (min-width: 1650px) {
  .short-weather {
    width: 250px !important;
  }
}

.area-weather-wrap {
  width: 237px;
  font-family: sichandich, sans-serif;
  white-space: nowrap;
}
@media screen and (min-width: 1650px) {
  .area-weather-wrap {
    width: 300px;
  }
}
.area-weather-wrap .area-weather {
  display: flex;
  align-items: center;
  vertical-align: middle;
}
.area-weather-wrap .weather-icon {
  line-height: 0;
  margin-right: 9px;
}
@media screen and (min-width: 769px) {
  .area-weather-wrap .weather-icon {
    margin-right: 15px;
  }
}

.weather-info {
  display: flex;
  align-items: center;
  vertical-align: middle;
  white-space: preserve nowrap;
  gap: 27px;
  font-size: 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  .weather-info {
    font-size: 1.4285714286vw;
  }
}

.weather-txt {
  white-space: nowrap;
  letter-spacing: 0;
}
.weather-txt span {
  letter-spacing: 0;
  padding-right: 10px;
  margin-right: 10px;
  border-right: solid 1px #000;
}

@keyframes loop3 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-105%);
  }
}
@keyframes loop4 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-205%);
  }
}
.totop {
  position: absolute;
  margin-top: -16%;
  width: 12.8%;
  margin-left: 43.6%;
  transform: scale(0, 0);
  opacity: 0;
  top: 0;
  left: 0;
  transition: transform 0.6s 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s 0.5s ease;
}
@media screen and (min-width: 769px) {
  .totop {
    margin-top: -6.0714285714%;
    width: 4%;
    margin-left: 47.2857142857%;
  }
}

.footer-people {
  top: 0;
  left: 0;
  line-height: 0;
  width: 13.2826666667%;
  margin-top: -9.3173333333%;
  margin-left: 43.4666666667%;
  position: absolute;
  z-index: 15;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.footer-people img {
  animation: pyon 3s linear infinite;
}
@media screen and (min-width: 769px) {
  .footer-people {
    width: 4.2692857143%;
    margin-top: -4.0714285714%;
    margin-left: 47.8571428571%;
  }
}

.footer.move .totop {
  opacity: 1;
  transform: scale(1, 1);
}
.footer.move .footer-map-p {
  opacity: 1;
}
.footer.move .footer-people {
  opacity: 1;
}

.footer {
  margin-top: 24%;
  padding-top: 25.2%;
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(../img/sp-foot-bg.png);
}
.footer .footer-anchor-list {
  display: flex;
  align-items: center;
  vertical-align: middle;
  width: 83.7333333333%;
  margin: 0 auto;
  justify-content: space-between;
  font-size: 5.3333333333vw;
}
.footer .footer-anchor-list li {
  opacity: 0;
  transition: opacity 1s ease;
}
.footer .footer-anchor-list a {
  font-weight: 400;
  white-space: nowrap;
  color: #fff;
  line-height: 1;
  display: block;
}
.footer .footer-anchor-list .anchor_how a {
  transform: rotate(0deg);
  transition: transform 0.5s 1.5s ease;
}
.footer .footer-anchor-list .anchor_field a {
  transform: rotate(0deg);
  transition: transform 0.5s 1.5s ease;
}
.footer.move .footer-anchor-list li {
  opacity: 1;
}
.footer.move .anchor_how a {
  transform: rotate(5deg);
}
.footer.move .anchor_field a {
  transform: rotate(-5deg);
}
.footer.move .footer-ill .footer-map {
  transform: translateY(0);
}
.footer.move .footer_p {
  opacity: 1;
}
.footer .footer-ttl-wrap .footer-subttl {
  font-weight: 600;
  font-size: 4vw;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  margin-top: 13.4666666667%;
  white-space: nowrap;
}
.footer .footer-ttl-wrap .footer-ttl {
  width: 49.0666666667%;
  margin: 0 auto;
  margin-top: 2.6666666667%;
  line-height: 0;
}
.footer .footer-ill {
  position: relative;
  width: 100%;
  line-height: 0;
  margin-top: 6.6666666667%;
}
@media screen and (min-width: 769px) {
  .footer {
    margin-top: 10.7142857143%;
    padding-top: 0;
    background-image: url(../img/pc-foot-bg.png);
  }
  .footer .footer-anchor-list {
    position: absolute;
    z-index: 2;
    top: 60%;
    transform: translateY(-50%);
    right: 0;
    display: block;
    width: 11.8085714286%;
    margin: 0;
    margin-right: 8.5714285714%;
    font-size: min(2.1428571429vw, 30px);
  }
  .footer .footer-anchor-list li {
    letter-spacing: 0;
  }
  .footer .footer-anchor-list li:nth-child(n+2) {
    margin-top: 18.1466247278%;
  }
  .footer .footer-ttl-wrap {
    position: absolute;
    z-index: 2;
    top: 63%;
    transform: translateY(-50%);
    left: 0;
    width: 13.1428571429%;
    margin: 0;
    margin-left: 8.5714285714%;
  }
  .footer .footer-ttl-wrap .footer-subttl {
    letter-spacing: 0.2em;
    font-size: min(2.1333333333vw, 16px);
    line-height: 1.625;
    margin-top: 0;
  }
  .footer .footer-ttl-wrap .footer-ttl {
    width: 100%;
    max-width: 184px;
    margin: 0 auto;
    margin-top: 5.4347826087%;
  }
  .footer .footer-ill {
    width: 36.2142857143%;
    max-width: 507px;
    line-height: 0;
    margin: 0 auto;
    padding-top: 12.8571428571%;
    overflow: hidden;
  }
  .footer .footer-ill .footer-map {
    transform: translateY(300%);
    transition: transform 2s linear;
  }
}

.footer_p {
  position: absolute;
  width: 17.6%;
  bottom: 0;
  right: 0;
  margin-right: 35.3333333333%;
  margin-bottom: 9.3333333333%;
  animation: aruku 3s ease infinite;
  line-height: 0;
  opacity: 0;
  transition: opacity 1s 2s linear;
}
@media screen and (min-width: 769px) {
  .footer_p {
    width: 18.540433925%;
    max-width: 94px;
    margin-right: 36.4891518738%;
    margin-bottom: 9.8619329389%;
  }
}

.yamaasobu_modal_bg {
  position: fixed;
  width: 95%;
  height: 95%;
  display: block;
  content: "";
  z-index: 5000;
  display: none;
  pointer-events: none;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 15px;
}
@media screen and (min-width: 769px) {
  .yamaasobu_modal_bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    transform: translate(0);
  }
}
.yamaasobu_modal_bg.open {
  pointer-events: visible;
}

.modal_close {
  cursor: pointer;
  position: fixed;
  z-index: 600;
  width: 22.6666666667%;
  top: 0;
  right: 0;
  border: solid 1px #DBDBDB;
  background: #fff;
  border-radius: 50px;
  display: flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  padding: 2.6666666667% 0;
  margin: 0;
  margin-top: 8%;
  margin-right: 8%;
}
.modal_close p {
  font-size: 3.2vw;
  line-height: 1;
}
.modal_close .close-btn {
  width: 10px;
  line-height: 0;
  margin-left: 5px;
  transform: rotate(0);
  transition: transform 0.5s ease;
}
.modal_close:hover .close-btn {
  transform: rotate(180deg);
}
@media screen and (min-width: 769px) {
  .modal_close {
    width: 7.1428571429%;
    max-width: 100px;
    padding: 10px 0;
    margin: 0;
    margin-top: 3.5714285714%;
    margin-right: 7.1428571429%;
  }
  .modal_close p {
    font-size: min(1vw, 14px);
  }
  .modal_close .close-btn {
    width: 14%;
    max-width: 14px;
  }
}

.yamaasobu_modal_list {
  position: relative;
  width: 100%;
  height: 100%;
}
.yamaasobu_modal_list .yamaasobu_modal_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  opacity: 0;
  pointer-events: none;
  transform: opacity 0.8s ease;
  padding-bottom: 50px;
}
.yamaasobu_modal_list .yamaasobu_modal_content.show {
  opacity: 1;
  pointer-events: visible;
}
@media screen and (min-width: 769px) {
  .yamaasobu_modal_list .yamaasobu_modal_content {
    display: flex;
    align-items: flex-start;
    vertical-align: baseline;
    justify-content: space-around;
  }
}

@media screen and (min-width: 769px) {
  .yamaasobu_modal_inner {
    width: 37.8571428571%;
    margin-top: 12.8571428571%;
  }
}

.reccomend_item-line {
  margin: 0 auto;
  margin-top: 21.3333333333%;
  overflow: hidden;
  width: 85%;
  font-weight: 600;
}
.reccomend_item-line .reccomend_item-inner {
  display: flex;
  vertical-align: middle;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
}
.reccomend_item-line .reccomend_item-inner .reccomend_item {
  display: flex;
  vertical-align: middle;
  align-items: center;
  flex-wrap: nowrap;
}
.reccomend_item-line .reccomend_item-inner .reccomend_item:first-of-type {
  animation: loop5 50s -25s linear infinite;
}
.reccomend_item-line .reccomend_item-inner .reccomend_item:last-of-type {
  animation: loop6 50s linear infinite;
}
.reccomend_item-line .reccomend_item-inner .reccomend_item {
  gap: 10px;
}
.reccomend_item-line .reccomend_item-inner .reccomend_item p {
  font-size: 4.8vw;
  line-height: 1;
  white-space: nowrap;
}
.reccomend_item-line .reccomend_item-inner .reccomend_item .arrow {
  width: 15px;
  line-height: 0;
}
@media screen and (min-width: 769px) {
  .reccomend_item-line {
    margin: 0 auto;
    width: 80%;
  }
  .reccomend_item-line .reccomend_item-inner .reccomend_item p {
    font-size: min(1.4285714286vw, 20px);
  }
  .reccomend_item-line .reccomend_item-inner .reccomend_item .arrow {
    width: 15px;
  }
}

.modal-head .map-point-num {
  font-size: 10.6666666667vw;
  color: #DD2F0E;
  line-height: 1;
  padding: 0;
  padding-top: 16%;
  padding-left: 16%;
}
.modal-head .map-point-ill {
  position: relative;
  line-height: 0;
  width: 53.3333333333%;
  margin: 0 auto;
  margin-top: 4%;
}
.modal-head .map-point-ill .point-img {
  border: solid 1px #000;
  border-radius: 50%;
}
.modal-head .situation_ja, .modal-head .situation_en {
  color: #DD2F0E;
  line-height: 1;
  text-align: center;
  display: block;
}
.modal-head .situation_ja {
  font-size: 4.8vw;
  margin-top: 6.6666666667%;
}
.modal-head .situation_en {
  font-size: 3.2vw;
  margin-top: 2.6666666667%;
}
.modal-head .map-posint-txt {
  line-height: 1.5;
  width: 84%;
  font-size: 3.7333333333vw;
  line-height: 42/28;
  margin: 0 auto;
  margin-top: 6.6666666667%;
}
.modal-head .map-posint-txt a {
  color: #000;
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .modal-head {
    position: -webkit-sticky;
    position: sticky;
    top: 14.2857142857%;
    width: 21.4285714286%;
    max-width: 400px;
  }
  .modal-head .map-point-num {
    font-size: min(3.5714285714vw, 50px);
    color: #DD2F0E;
    line-height: 1;
    padding: 0;
  }
  .modal-head .map-point-ill {
    width: 66.6666666667%;
    margin: 0 auto;
  }
  .modal-head .situation_ja {
    font-size: min(1.4285714286vw, 20px);
    margin-top: 13.6666666667%;
  }
  .modal-head .situation_en {
    font-size: min(0.8571428571vw, 12px);
    margin-top: 3.3333333333%;
  }
  .modal-head .map-posint-txt {
    width: 100%;
    font-size: min(1.1428571429vw, 16px);
    line-height: 1.5;
    margin: 0 auto;
    margin-top: 10%;
  }
}

.items-list-wrap {
  margin-top: 2.6666666667%;
}
.items-list-wrap .clothes-kind {
  display: flex;
  vertical-align: bottom;
  align-items: flex-end;
  justify-content: space-between;
  width: 85%;
  border-bottom: dotted #000 1.5px;
  margin: 0 auto;
  margin-top: 13.3333333333%;
  line-height: 1;
  padding-bottom: 10px;
}
.items-list-wrap .clothes-kind span {
  display: block;
}
.items-list-wrap .clothes-kind span:first-of-type {
  font-size: 4.8vw;
  font-weight: 600;
}
.items-list-wrap .clothes-kind span:last-of-type {
  font-size: 4vw;
}
@media screen and (min-width: 769px) {
  .items-list-wrap {
    margin-top: 13.2075471698%;
  }
  .items-list-wrap .clothes-kind {
    width: 100%;
    vertical-align: middle;
    align-items: center;
    margin: 0 auto;
    margin-top: 15.0943396226%;
  }
  .items-list-wrap .clothes-kind span:first-of-type {
    font-size: min(1.4285714286vw, 20px);
  }
  .items-list-wrap .clothes-kind span:last-of-type {
    font-size: min(1vw, 14px);
  }
}

.yamaasobu_modal_item-list {
  display: flex;
  vertical-align: baseline;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: left;
  gap: 5.3333333333%;
}
.yamaasobu_modal_item-list::after, .yamaasobu_modal_item-list::before {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .yamaasobu_modal_item-list {
    width: 84%;
    margin: 4% auto 0;
  }
}
.yamaasobu_modal_item-list li {
  position: relative;
  width: 46.8253968254%;
  margin-top: 6.6666666667%;
}
.yamaasobu_modal_item-list li a {
  color: #2A2525;
}
.yamaasobu_modal_item-list li .clothes-ph {
  line-height: 0;
}
.yamaasobu_modal_item-list li .clothes-ph img {
  border-radius: 5px;
}
.yamaasobu_modal_item-list li .item-name {
  font-size: 3.4666666667vw;
  line-height: 1.5;
  margin-top: 6.7796610169%;
}
.yamaasobu_modal_item-list li .item-price {
  font-size: 3.2vw;
  line-height: 1;
  margin-top: 6.7796610169%;
  color: #BABABA;
}
@media screen and (min-width: 769px) {
  .yamaasobu_modal_item-list {
    justify-content: space-between;
    gap: 0;
    margin-top: 0;
  }
  .yamaasobu_modal_item-list li {
    width: 46.2264150943%;
    margin-top: 9.4339622642%;
  }
  .yamaasobu_modal_item-list li .item-name {
    font-size: min(1.1428571429vw, 16px);
    margin-top: 3.7735849057%;
  }
  .yamaasobu_modal_item-list li .item-price {
    font-size: min(1.1428571429vw, 16px);
    margin-top: 3.7735849057%;
  }
}

.item-point {
  width: 118px;
  background: #DD2F0E;
  border-radius: 10px;
  padding: 10px 0;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  margin-right: 15px;
  margin-top: -15px;
}
.item-point::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 80%;
  border-style: solid;
  border-width: 5px 0 0 8px;
  border-color: #dd2f0e transparent transparent;
  translate: calc(-50% + 0.9px) 100%;
  transform: skew(8deg);
  transform-origin: top;
}
.item-point p {
  color: #fff;
  line-height: 1;
  white-space: nonwrap;
  text-align: center;
  font-size: 2.9333333333vw;
}
@media screen and (min-width: 769px) {
  .item-point {
    width: 126px;
  }
  .item-point p {
    font-size: min(0.8571428571vw, 12px);
  }
}

.map-point-people {
  line-height: 0;
  position: absolute;
  top: 0;
}

.modal_1 .map-point-people {
  width: 29.2025%;
  right: 0;
  margin: 0;
  margin-top: 30%;
  margin-right: 19%;
}
.modal_1 .map-point-people img {
  animation: aruku 5s ease infinite;
  transform-origin: bottom center;
}

.modal_2 .map-point-people1 {
  width: 30.0125%;
  right: 0;
  margin: 0;
  margin-top: 26.5%;
  margin-right: 37%;
}
.modal_2 .map-point-people1 img {
  animation: pyon 5s linear infinite;
}
.modal_2 .map-point-people2 {
  width: 21.8825%;
  right: 0;
  margin: 0;
  margin-top: 40%;
  margin-right: 17.5%;
}
.modal_2 .map-point-people2 img {
  animation: pyon 5s 2.5s linear infinite;
}

.modal_3 .map-point-people {
  width: 31.635%;
  left: 0;
  margin: 0;
  margin-top: 25%;
  margin-left: 17.5%;
}
.modal_3 .map-point-people img {
  animation: pyon 3s linear infinite;
}

.modal_4 .map-point-people1 {
  width: 29.26%;
  right: 0;
  margin: 0;
  margin-top: 20%;
  margin-right: 42.5%;
}
.modal_4 .map-point-people1 img {
  animation: aruku 5s linear infinite;
}
.modal_4 .map-point-people2 {
  width: 29.8825%;
  right: 0;
  margin: 0;
  margin-top: 30%;
  margin-right: 15.5%;
}
.modal_4 .map-point-people2 img {
  animation: aruku 5s 2.5s linear infinite;
}

.modal_5 .map-point-people1 {
  width: 28.17%;
  right: 0;
  margin: 0;
  margin-top: 24.5%;
  margin-right: 29%;
}
.modal_5 .map-point-people1 img {
  animation: aruku 5s linear infinite;
}
.modal_5 .map-point-people2 {
  width: 20.3075%;
  left: 0;
  margin: 0;
  margin-top: 41.25%;
  margin-left: 25.25%;
  animation: pyon 5s ease infinite;
}
.modal_5 .map-point-people2 img {
  animation: aruku 5s 2.5s linear infinite;
}

.modal_6 .map-point-people1 {
  width: 31.7275%;
  left: 0;
  margin: 0;
  margin-top: 27.45%;
  margin-left: 23%;
  animation: aruku 9s linear infinite;
}
.modal_6 .map-point-people1 img {
  animation: hashiru 9s linear infinite;
}
.modal_6 .map-point-people2 {
  width: 33.0775%;
  right: 0;
  margin: 0;
  margin-top: 33.5%;
  margin-right: 19.5%;
  animation: aruku 9.1s linear infinite;
}
.modal_6 .map-point-people2 img {
  animation: hashiru 9.05s linear infinite;
}

.modal_7 .map-point-people1 {
  width: 32.245%;
  right: 0;
  margin: 0;
  margin-top: 20.1%;
  margin-right: 34.675%;
  animation: aruku 4s linear infinite;
}
.modal_7 .map-point-people2 {
  width: 26.16%;
  right: 0;
  margin: 0;
  margin-top: 38.98%;
  margin-right: 9.7375%;
  animation: aruku 4s 1s linear infinite;
}

.modal_8 .map-point-people {
  width: 35.895%;
  right: 0;
  margin: 0;
  margin-top: 5.695%;
  margin-right: 31%;
  animation: pyon2 2s cubic-bezier(0.55, 0, 1, 0.45) infinite;
}

.modal_9 .map-point-people1 {
  width: 22.165%;
  right: 0;
  margin: 0;
  margin-top: 16.6%;
  margin-right: 26.6%;
  animation: aruku 4s linear infinite;
}
.modal_9 .map-point-people2 {
  width: 24.63%;
  left: 0;
  margin: 0;
  margin-top: 46.1675%;
  margin-left: 24.7225%;
  animation: aruku 4s 1s linear infinite;
}

.modal_10 .map-point-people {
  width: 32.0175%;
  left: 0;
  margin: 0;
  margin-top: 12.645%;
  margin-left: 21.215%;
}
.modal_10 .map-point-people img {
  transform-origin: top center;
  animation: aruku 3s linear infinite;
}

.modal_11 .map-point-people {
  width: 35.895%;
  right: 0;
  margin: 0;
  margin-top: 5.695%;
  margin-right: 31%;
  animation: pyon2 2s cubic-bezier(0.55, 0, 1, 0.45) infinite;
}

.modal_12 .map-point-people {
  width: 32.0175%;
  left: 0;
  margin: 0;
  margin-top: 12.645%;
  margin-left: 21.215%;
}
.modal_12 .map-point-people img {
  transform-origin: top center;
  animation: aruku 3s linear infinite;
}

.modal_13 .map-point-people {
  width: 32%;
  top: 48%;
  left: 25%;
  animation: aruku 3s linear infinite;
}

.fixed-anchor_wrap {
  position: relative;
  width: 94.6666666667%;
  margin: 0 auto;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 1000;
  align-items: center;
  vertical-align: middle;
  display: flex;
  border: solid 0.5px rgba(255, 255, 255, 0.7294117647);
  border-radius: 10px;
}
.fixed-anchor_wrap .fixed-anchor_wrap-inner {
  position: relative;
  z-index: 100;
  width: 78.7323943662%;
  background: rgba(174, 181, 177, 0.6);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
@media screen and (min-width: 769px) {
  .fixed-anchor_wrap {
    width: 31.2857142857%;
    max-width: 438px;
  }
  .fixed-anchor_wrap .fixed-anchor {
    width: 60.0456621005%;
    max-width: 263px;
  }
}
.fixed-anchor_wrap .fixed-anchor {
  width: 85.6887298748%;
  display: flex;
  vertical-align: middle;
  align-items: center;
  margin: 0 auto;
  justify-content: space-between;
  padding: 20px 0;
}
.fixed-anchor_wrap .fixed-anchor .fixed-anchor-link {
  cursor: pointer;
  position: relative;
}
.fixed-anchor_wrap .fixed-anchor .fixed-anchor-link::after {
  content: "";
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 47px;
  border: solid 1px #DD2F0E;
  height: 30px;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .fixed-anchor_wrap .fixed-anchor .fixed-anchor-link::after {
    top: 50%;
  }
}
.fixed-anchor_wrap .fixed-anchor .fixed-anchor-link:nth-of-type(3)::after {
  width: 35px;
}
@media screen and (min-width: 769px) {
  .fixed-anchor_wrap .fixed-anchor .fixed-anchor-link:nth-of-type(3)::after {
    width: 35px;
  }
}
.fixed-anchor_wrap .fixed-anchor .fixed-anchor-link:nth-of-type(4)::after {
  width: 115px;
}
@media screen and (min-width: 769px) {
  .fixed-anchor_wrap .fixed-anchor .fixed-anchor-link:nth-of-type(4)::after {
    width: 95px;
  }
}
@media screen and (min-width: 1650px) {
  .fixed-anchor_wrap .fixed-anchor .fixed-anchor-link:nth-of-type(4)::after {
    width: 125px;
  }
}
.fixed-anchor_wrap .fixed-anchor .fixed-anchor-link a {
  font-size: 4vw;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  font-weight: 600;
  display: block;
  transition: all 0.3s ease;
}
@media screen and (min-width: 769px) {
  .fixed-anchor_wrap .fixed-anchor .fixed-anchor-link a {
    font-size: 0.8571428571vw;
  }
}

.fixed-item-link {
  width: 21.2676056338%;
  background: #969284;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  font-weight: 600;
  color: #fff;
  position: relative;
  cursor: pointer;
  text-align: center;
  padding: 20px 0;
  z-index: 60;
}
.fixed-item-link p {
  line-height: 1;
  font-size: 4vw;
}
@media screen and (min-width: 769px) {
  .fixed-item-link p {
    font-size: 0.8571428571vw;
  }
}

@keyframes opacity {
  0%, 50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.item-link_modal {
  z-index: 50;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -90px;
  width: 178.5px;
  transition: margin-top 1s cubic-bezier(0.83, 0, 0.17, 1);
}
.item-link_modal .item-link_modal-inner {
  width: 100%;
  background: rgba(174, 181, 177, 0.6);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  transform-origin: bottom right;
  border-radius: 10px;
  transform: scale(0, 0) translateY(10px);
  transition: transform 1s cubic-bezier(0.83, 0, 0.17, 1);
  animation: opacity 0.8s ease forwards;
}
.item-link_modal.show {
  margin-top: -130px;
}
.item-link_modal.show .item-link_modal-inner {
  transform: scale(1, 1) translateY(0);
  animation: unset;
}
.item-link_modal.show .item-link_modal-inner .related-items {
  opacity: 1;
  transform: translateX(-50%) scale(1, 1);
}
.item-link_modal .item-link_list {
  display: flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 0;
  line-height: 1.7;
  border: solid 0.5px rgba(255, 255, 255, 0.7294117647);
  border-radius: 10px;
}
.item-link_modal .item-link_list::after, .item-link_modal .item-link_list::before {
  display: none !important;
}
.item-link_modal li {
  width: 68px;
}
.item-link_modal li:last-of-type {
  width: 72px;
}
.item-link_modal a {
  text-align: left;
  color: #fff;
  font-size: 3.2vw;
  line-height: 1;
  white-space: nowrap;
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .item-link_modal {
    width: 184px;
  }
  .item-link_modal .item-link_modal-inner {
    border-radius: 10px;
  }
  .item-link_modal.show {
    margin-top: -140px;
  }
  .item-link_modal .item-link_list {
    padding: 23px 0;
  }
  .item-link_modal li {
    width: 70px;
  }
  .item-link_modal li:last-of-type {
    width: 74px;
  }
  .item-link_modal a {
    font-size: min(0.8571428571vw, 12px);
  }
}

.item-link_modal-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.item-link_modal-inner .related-items {
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 50%;
  background: #DD2F0E;
  border-radius: 50px;
  width: 150px;
  color: #fff;
  text-align: center;
  line-height: 1;
  padding: 8px 0;
  font-size: 3.2vw;
  white-space: nowrap;
  margin-top: -18px;
  transform-origin: bottom right;
  transform: translateX(-50%) scale(0, 0);
  opacity: 0;
  transition: transform 0.6s 0.8s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s 0.8s ease;
}
.item-link_modal-inner .related-items::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 80%;
  border-style: solid;
  border-width: 5px 0 0 8px;
  border-color: #dd2f0e transparent transparent;
  translate: calc(-50% + 0.9px) 100%;
  transform: skew(8deg);
  transform-origin: top;
}
@media screen and (min-width: 769px) {
  .item-link_modal-inner .related-items {
    font-size: min(0.8571428571vw, 12px);
  }
}

.yamaasobu:has(#mvline.on) .fixed-anchor_wrap {
  opacity: 1;
}

.yamaasobu:has(#map.on) .fixed-anchor_wrap .fixed-anchor li:nth-child(1) a {
  color: #DD2F0E;
}
.yamaasobu:has(#map.on) .fixed-anchor_wrap .fixed-anchor li:nth-child(1)::after {
  opacity: 1;
}

.yamaasobu:has(#map.on) .fixed-anchor_wrap .fixed-anchor li:not(:nth-child(1)) a {
  color: #fff;
}
.yamaasobu:has(#map.on) .fixed-anchor_wrap .fixed-anchor li:not(:nth-child(1))::after {
  opacity: 0;
}

.yamaasobu:has(#how.on) .fixed-anchor_wrap .fixed-anchor li:nth-child(2) a {
  color: #DD2F0E;
}
.yamaasobu:has(#how.on) .fixed-anchor_wrap .fixed-anchor li:nth-child(2)::after {
  opacity: 1;
}

.yamaasobu:has(#how.on) .fixed-anchor_wrap .fixed-anchor li:not(:nth-child(2)) a {
  color: #fff;
}
.yamaasobu:has(#how.on) .fixed-anchor_wrap .fixed-anchor li:not(:nth-child(2))::after {
  opacity: 0;
}

.yamaasobu:has(#do.on) .fixed-anchor_wrap .fixed-anchor li:nth-child(3) a {
  color: #DD2F0E;
}
.yamaasobu:has(#do.on) .fixed-anchor_wrap .fixed-anchor li:nth-child(3)::after {
  opacity: 1;
}

.yamaasobu:has(#do.on) .fixed-anchor_wrap .fixed-anchor li:not(:nth-child(3)) a {
  color: #fff;
}
.yamaasobu:has(#do.on) .fixed-anchor_wrap .fixed-anchor li:not(:nth-child(3))::after {
  opacity: 0;
}

.yamaasobu:has(#field.on) .fixed-anchor_wrap .fixed-anchor li:nth-child(4) a {
  color: #DD2F0E;
}
.yamaasobu:has(#field.on) .fixed-anchor_wrap .fixed-anchor li:nth-child(4)::after {
  opacity: 1;
}

.yamaasobu:has(#field.on) .fixed-anchor_wrap .fixed-anchor li:not(:nth-child(4)) a {
  color: #fff;
}
.yamaasobu:has(#field.on) .fixed-anchor_wrap .fixed-anchor li:not(:nth-child(4))::after {
  opacity: 0;
}

.yamaasobu:has(#weather.on) .fixed-anchor_wrap {
  opacity: 0;
  pointer-events: none;
}

.yamaasobu_ancarea-contents {
  position: relative;
  padding-top: 58px;
  z-index: 50;
}
.is-fix .yamaasobu_ancarea-contents {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.yamaasobu_ancarea-contents_block {
  position: relative;
  padding: 0 2.665vw;
}
@media screen and (min-width: 769px) {
  .yamaasobu_ancarea-contents_block {
    max-width: 618px;
    margin: 0 auto;
    padding: 0;
  }
}

.yamaasobu_ancarea {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 calc(10 / 750 * 100vw);
}
@media screen and (min-width: 769px) {
  .yamaasobu_ancarea {
    gap: 0 6px;
  }
}

.yamaasobu_ancarea_item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  border-radius: 999px;
  border: 1px solid rgba(233, 233, 233, 0.75);
  background: rgba(233, 233, 233, 0.75);
  color: #2A2525;
  font-family: zen-kaku-gothic-new, sans-serif;
  font-size: calc(22 / 750 * 100vw);
  font-weight: 700;
  line-height: 1;
  padding: calc(12 / 750 * 100vw) 0 0;
  height: calc(68 / 750 * 100vw);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
@media screen and (min-width: 769px) {
  .yamaasobu_ancarea_item {
    align-items: center;
    height: auto;
    padding: 0.9em 1em 1.2em;
    font-size: min(16 / 1400 * 100vw, 16px);
    transition: all 0.3s ease;
  }
  .yamaasobu_ancarea_item:hover {
    border-color: #2A2525;
    background-color: #2A2525;
    color: #fff;
  }
}
.yamaasobu_ancarea_item i {
  position: absolute;
  z-index: 5;
  bottom: calc(10 / 750 * 100vw);
  right: 50%;
  transform: translateX(50%);
  width: calc(12 / 750 * 100vw);
  aspect-ratio: 1/1;
  display: block;
}
@media screen and (min-width: 769px) {
  .yamaasobu_ancarea_item i {
    top: 50%;
    transform: translateY(-50%);
    right: min(12 / 1400 * 100vw, 12px);
    width: min(9 / 1400 * 100vw, 9px);
  }
}

.yamaasobu_ancarea_item_arrow i {
  transform: translateX(50%);
  width: calc(10 / 750 * 100vw);
  right: 50%;
}
@media screen and (min-width: 769px) {
  .yamaasobu_ancarea_item_arrow i {
    transform: translateY(-70%);
    width: 7px;
    height: 7px;
    right: 13px;
  }
}
.yamaasobu_ancarea_item_arrow i:before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  transform: rotate(-45deg);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid currentColor;
  border-left: 1px solid currentColor;
  transition: all 0.3s ease;
}

.yamaasobu_ancarea_item_toggle {
  border-color: #2A2525;
  background: #2A2525;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .yamaasobu_ancarea_item_toggle:hover {
    background-color: #fff;
    color: #2A2525;
  }
}
.yamaasobu_ancarea_item_toggle i:before, .yamaasobu_ancarea_item_toggle i:after {
  position: absolute;
  z-index: 2;
  top: calc(50% - 1px);
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}
.yamaasobu_ancarea_item_toggle i:after {
  transform: rotate(90deg);
}
.yamaasobu_ancarea_item_toggle.is-open i:after {
  display: none;
}

.yamaasobu_ancarea_togglelist {
  position: absolute;
  z-index: 5;
  top: calc(100% + 10px);
  left: 5.33vw;
  width: 89.34vw;
  border-radius: 20px;
  border: 1px solid rgba(233, 233, 233, 0.75);
  padding: calc(40 / 750 * 100vw);
  background: rgba(233, 233, 233, 0.75);
  font-size: calc(26 / 750 * 100vw);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  display: none;
}
@media screen and (min-width: 769px) {
  .yamaasobu_ancarea_togglelist {
    left: 3%;
    width: 94%;
    top: calc(100% + 20px);
    padding: 2.1428571429em;
    font-size: min(14 / 1400 * 100vw, 14px);
  }
}

.yamaasobu_ancarea_togglelist_layout {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 769px) {
  .yamaasobu_ancarea_togglelist_layout {
    gap: 0 1.4285714286em;
  }
}

.yamaasobu_ancarea_togglelist_item {
  color: #2A2525;
  font-family: zen-kaku-gothic-new, sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.42px;
}
@media screen and (min-width: 769px) {
  .yamaasobu_ancarea_togglelist_item {
    transition: opacity 0.3s ease;
  }
  .yamaasobu_ancarea_togglelist_item:hover {
    opacity: 0.7;
  }
}

.situation-ttl, .situation-ttl-2 {
  position: absolute;
  background: #DD2F0E;
  border-radius: 50px;
  text-align: center;
  line-height: 1;
  padding: 8px 15px;
  white-space: nowrap;
  margin-top: -18px;
  pointer-events: none;
  z-index: 500;
  transform: scale(0, 0);
  opacity: 0;
}
.situation-ttl p, .situation-ttl-2 p {
  color: #fff;
  font-size: 3.2vw;
}
@media screen and (min-width: 769px) {
  .situation-ttl:hover, .situation-ttl-2:hover {
    transition: transform 0.6s 0.8s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s 0.8s ease;
    transform: scale(1, 1);
    opacity: 1;
  }
  .situation-ttl p, .situation-ttl-2 p {
    font-size: min(0.8571428571vw, 12px);
  }
}

.situation-ttl {
  transform-origin: bottom right;
}
.situation-ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 80%;
  border-style: solid;
  border-width: 7px 0 0 8px;
  border-color: #dd2f0e transparent transparent;
  translate: calc(-50% + 0.9px) 85%;
  transform: skew(8deg);
  transform-origin: top;
}

.situation-ttl-2{
  transform-origin:bottom left
}
.situation-ttl-2::after{
  content:"";
  position:absolute;
  bottom:0;left:20%;
  border-style:solid;
  border-width:8px 7px 0 0;
  border-color:#dd2f0e rgba(0,0,0,0) rgba(0,0,0,0);
  translate:calc(-50% - .1px) 90%;
  transform:skew(-8deg);transform-origin:top
}

.situation-ttl1 {
  bottom: 0;
  left: 0;
  margin-bottom: 44%;
  margin-left: 14%;
  animation: situation 80s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
@media screen and (min-width: 769px) {
  .situation-ttl1 {
    animation: none !important;
    margin-bottom: 43%;
    margin-left: 20.1%;
  }
}
@media screen and (min-width: 1700px) {
  .situation-ttl1 {
    margin-bottom: 43%;
    margin-left: 22.5%;
  }
}

.situation-ttl2 {
  bottom: 0;
  right: 0;
  margin-bottom: 65%;
  margin-right: 11%;
  animation: situation 80s 8s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
@media screen and (min-width: 769px) {
  .situation-ttl2 {
    animation: none !important;
    margin-bottom: 60.5%;
    margin-right: 10%;
  }
}

.situation-ttl3 {
  bottom: 0;
  right: 0;
  margin-bottom: 71.5%;
  margin-right: 43%;
  animation: situation 80s 16s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
@media screen and (min-width: 769px) {
  .situation-ttl3 {
    animation: none !important;
    margin-bottom: 68.5%;
    margin-right: 41.5%;
  }
}
@media screen and (min-width: 1700px) {
  .situation-ttl3 {
    margin-bottom: 68.5%;
    margin-right: 41.5%;
  }
}

.situation-ttl4 {
  top: 0;
  right: 0;
  margin-top: 36.5%;
  margin-right: 32%;
  animation: situation 80s 24s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
@media screen and (min-width: 769px) {
  .situation-ttl4 {
    animation: none !important;
    margin-top: 40%;
    margin-right: 19.5%;
  }
}
@media screen and (min-width: 1700px) {
  .situation-ttl4 {
    margin-top: 41.5%;
    margin-right: 21.3%;
  }
}

.situation-ttl5 {
  bottom: 0;
  right: 0;
  margin-bottom: 37%;
  margin-right: 54%;
  animation: situation 80s 32s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
@media screen and (min-width: 769px) {
  .situation-ttl5 {
    animation: none !important;
    margin-bottom: 34.5%;
    margin-right: 53%;
  }
}

.situation-ttl6 {
  bottom: 0;
  right: 0;
  margin-bottom: 46.3%;
  margin-right: 14%;
  animation: situation 80s 40s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
@media screen and (min-width: 769px) {
  .situation-ttl6 {
    animation: none !important;
    margin-bottom: 44.5%;
    margin-right: 21%;
  }
}
@media screen and (min-width: 1700px) {
  .situation-ttl6 {
    margin-bottom: 44%;
    margin-right: 24%;
  }
}

.situation-ttl7 {
  top: 0;
  left: 0;
  margin-top: 16%;
  margin-left: 36.5%;
  animation: situation 80s 48s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
@media screen and (min-width: 769px) {
  .situation-ttl7 {
    animation: none !important;
    margin-top: 16.8%;
    margin-left: 41%;
  }
}
@media screen and (min-width: 1700px) {
  .situation-ttl7 {
    margin-top: 17.5%;
    margin-left: 42.5%;
  }
}

.situation-ttl8 {
  top: 0;
  left: 0;
  margin-top: 28.5%;
  margin-left: 18%;
  animation: situation 80s 56s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
@media screen and (min-width: 769px) {
  .situation-ttl8 {
    animation: none !important;
    margin-top: 33.5%;
    margin-left: 1.5%;
  }
}
@media screen and (min-width: 1700px) {
  .situation-ttl8 {
    margin-top: 34.5%;
    margin-left: 4.5%;
  }
}

.situation-ttl9 {
  bottom: 0;
  left: 0;
  margin-bottom: 57%;
  margin-left: 33.5%;
  animation: situation 80s 64s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
@media screen and (min-width: 769px) {
  .situation-ttl9 {
    animation: none !important;
    margin-bottom: 55%;
    margin-left: 31.5%;
  }
}

.situation-ttl10 {
  bottom: 0;
  left: 0;
  margin-bottom: 61.8%;
  margin-left: 6.5%;
  animation: situation 80s 72s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
@media screen and (min-width: 769px) {
  .situation-ttl10 {
    animation: none !important;
    margin-bottom: 58%;
    margin-left: 8.5%;
  }
}

.situation-ttl11 {
  top: 0;
  left: 0;
  margin-top: 30.5%;
  margin-left: 17%;
}
@media screen and (min-width: 769px) {
  .situation-ttl11 {
    animation: none !important;
    margin-top: 32.2%;
    margin-left: 18.5%;
  }
}
@media screen and (min-width: 1650px) {
  .situation-ttl11 {
    margin-top: 33.2%;
    margin-left: 19.6%;
  }
}

.situation-ttl12 {
  top: 0;
  left: 0;
  margin-top: 55%;
  margin-left: 8.5%;
}
@media screen and (min-width: 1650px) {
  .situation-ttl12 {
    animation: none !important;
    margin-top: 59%;
    margin-left: 8.5%;
  }
}
@media screen and (min-width: 769px) {
  .situation-ttl12 {
    margin-top: 59.8%;
    margin-left: 8.5%;
  }
}

.situation-ttl13 {
  bottom: 0;
  right: 0;
  margin-bottom: 22.8%;
  margin-right: 17.5%;
}
@media screen and (min-width: 769px) {
  .situation-ttl13 {
    animation: none !important;
    margin-bottom: 18%;
    margin-right: 23.5%;
  }
}
@media screen and (min-width: 1650px) {
  .situation-ttl13 {
    animation: none !important;
    margin-bottom: 18%;
    margin-right: 25%;
  }
}

@keyframes situation {
  0% {
    transform: scale(0, 0);
    opacity: 0;
  }
  1% {
    transform: scale(0, 0);
    opacity: 1;
  }
  2%, 8.5% {
    transform: scale(1, 1);
    opacity: 1;
  }
  10%, 100% {
    transform: scale(0, 0);
    opacity: 0;
  }
}
@media screen and (min-width: 769px) {
  .map-num_1:hover + .situation-ttl1 {
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
    transform: scale(1, 1);
    opacity: 1;
  }
  .map-num_2:hover + .situation-ttl2 {
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
    transform: scale(1, 1);
    opacity: 1;
  }
  .map-num_3:hover + .situation-ttl3 {
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
    transform: scale(1, 1);
    opacity: 1;
  }
  .map-num_4:hover + .situation-ttl4 {
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
    transform: scale(1, 1);
    opacity: 1;
  }
  .map-num_5:hover + .situation-ttl5 {
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
    transform: scale(1, 1);
    opacity: 1;
  }
  .map-num_6:hover + .situation-ttl6 {
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
    transform: scale(1, 1);
    opacity: 1;
  }
  .map-num_7:hover + .situation-ttl7 {
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
    transform: scale(1, 1);
    opacity: 1;
  }
  .map-num_8:hover + .situation-ttl8 {
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
    transform: scale(1, 1);
    opacity: 1;
  }
  .map-num_9:hover + .situation-ttl9 {
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
    transform: scale(1, 1);
    opacity: 1;
  }
  .map-num_10:hover + .situation-ttl10 {
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
    transform: scale(1, 1);
    opacity: 1;
  }
  .map-num_11:hover + .situation-ttl11 {
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
    transform: scale(1, 1);
    opacity: 1;
  }
  .map-num_12:hover + .situation-ttl12 {
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
    transform: scale(1, 1);
    opacity: 1;
  }
  .map-num_13:hover + .situation-ttl13 {
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
    transform: scale(1, 1);
    opacity: 1;
  }
}
.yamaasobu-map.move .situation-ttl1 {
  animation: situation 80s 16s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.yamaasobu-map.move .situation-ttl2 {
  animation: situation 80s 8s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.yamaasobu-map.move .situation-ttl3 {
  animation: situation 80s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.yamaasobu-map.move .situation-ttl4 {
  animation: situation 80s 24s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.yamaasobu-map.move .situation-ttl5 {
  animation: situation 80s 32s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.yamaasobu-map.move .situation-ttl6 {
  animation: situation 80s 40s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.yamaasobu-map.move .situation-ttl7 {
  animation: situation 80s 48s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.yamaasobu-map.move .situation-ttl8 {
  animation: situation 80s 56s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.yamaasobu-map.move .situation-ttl9 {
  animation: situation 80s 64s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.yamaasobu-map.move .situation-ttl10 {
  animation: situation 80s 72s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.yamaasobu-map.move .situation-ttl11 {
  animation: situation 80s 72s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.yamaasobu-map.move .situation-ttl12 {
  animation: situation 80s 72s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.yamaasobu-map.move .situation-ttl13 {
  animation: situation 80s 72s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}

.yamaasobu-article {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.yamaasobu-article.move {
  opacity: 1;
}

.yamaasobu-article_block {
  margin: 0 auto;
  padding: 0 calc(60 / 750 * 100vw);
}
@media screen and (min-width: 769px) {
  .yamaasobu-article_block {
    max-width: calc(100% - 60px);
  }
}

.yamaasobu-article-tab {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 calc(6 / 750 * 100vw);
  margin: 0 auto calc(80 / 750 * 100vw);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: calc(6 / 750 * 100vw) solid #E6E6E6;
  border-radius: 999px;
  font-size: calc(28 / 750 * 100vw);
  background: #E6E6E6;
}
@media screen and (min-width: 769px) {
  .yamaasobu-article-tab {
    gap: 0 6px;
    border: 6px solid #E6E6E6;
    margin-bottom: 3.3333333333em;
    font-size: min(18 / 1400 * 100vw, 18px);
  }
}

.yamaasobu-article-tab_button {
  border-radius: 999px;
  color: #BEBEBE;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.2em;
  transition: all 0.3s ease;
  padding: calc(20 / 750 * 100vw) calc(30 / 750 * 100vw);
}
@media screen and (min-width: 769px) {
  .yamaasobu-article-tab_button {
    padding: 0.8888888889em 1.3888888889em;
  }
  .yamaasobu-article-tab_button:not(.is-current):hover {
    color: #2A2525;
  }
}
.yamaasobu-article-tab_button.is-current {
  background: #2A2525;
  color: #fff;
}

.yamaasobu-article_body_contents {
  display: none;
}

.is-current {
  display: block;
}

.yamaasobu-article_lead {
  color: #2A2525;
  text-align: center;
  font-size: calc(26 / 750 * 100vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.48px;
}
@media screen and (min-width: 769px) {
  .yamaasobu-article_lead {
    font-size: min(16 / 1400 * 100vw, 16px);
  }
}

.yamaasobu-article_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(60 / 750 * 100vw);
  max-width: 1200px;
  margin: calc(80 / 750 * 100vw) auto 0;
}
@media screen and (min-width: 769px) {
  .yamaasobu-article_list {
    grid-template-columns: repeat(4, 1fr);
    margin: 3.75em auto 0;
    gap: 3.75em 1.25em;
    font-size: min(16 / 1400 * 100vw, 16px);
  }
}

.yamaasobu-article_list_item {
  position: relative;
}
.yamaasobu-article_list_item:nth-child(n+7) {
  display: none;
}
@media screen and (min-width: 769px) {
  .yamaasobu-article_list_item:nth-child(n+9) {
    display: none;
  }
  .yamaasobu-article_list_item {
    transition: opacity 0.3s ease;
  }
  .yamaasobu-article_list_item:hover {
    opacity: 0.7;
  }
}

.yamaasobu-article_list_new {
  position: absolute;
  z-index: 2;
  top: 0;
  left: calc(10 / 750 * 100vw);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: calc(62 / 750 * 100vw);
  padding-bottom: 0.2em;
  border-radius: 50%;
  color: #FFF;
  background-color: #DD2F0E;
  font-weight: 500;
  font-family: zen-kaku-gothic-new, sans-serif;
  font-size: calc(22 / 750 * 100vw);
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .yamaasobu-article_list_new {
    left: 0.7142857143em;
    width: 2.8571428571em;
    font-size: min(14 / 1400 * 100vw, 14px);
  }
}

.yamaasobu-article_list_kv img {
  vertical-align: bottom;
  border-radius: calc(6 / 750 * 100vw);
  aspect-ratio: 285/360;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 769px) {
  .yamaasobu-article_list_kv img {
    border-radius: 6px;
  }
}

.yamaasobu-article_list_ttl {
  margin: calc(30 / 750 * 100vw) 0 0;
  font-weight: 700;
  font-size: calc(32 / 750 * 100vw);
  line-height: 1.5;
  color: #2A2525;
}
@media screen and (min-width: 769px) {
  .yamaasobu-article_list_ttl {
    margin: 1.25em 0.625em 0;
    font-size: min(16 / 1400 * 100vw, 16px);
  }
}

.yamaasobu-article_list_more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 calc(20 / 750 * 100vw);
  margin: calc(80 / 750 * 100vw) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: zen-kaku-gothic-new, sans-serif;
  font-size: calc(32 / 750 * 100vw);
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .yamaasobu-article_list_more {
    margin: 3.3333333333em auto 0;
    gap: 0 0.8333333333em;
    font-size: min(24 / 1400 * 100vw, 24px);
    transition: opacity 0.3s ease;
  }
  .yamaasobu-article_list_more:hover {
    opacity: 0.7;
  }
}
.yamaasobu-article_list_more span {
  padding-bottom: 0.2em;
}
.yamaasobu-article_list_more i {
  position: relative;
  aspect-ratio: 1/1;
  width: calc(45 / 750 * 100vw);
  display: block;
  background-color: #2A2525;
  border-radius: 50%;
}
@media screen and (min-width: 769px) {
  .yamaasobu-article_list_more i {
    width: 1.875em;
  }
}
.yamaasobu-article_list_more i:before, .yamaasobu-article_list_more i:after {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 30%;
  content: "";
  display: block;
  width: 40%;
  height: 1px;
  background-color: #fff;
}
.yamaasobu-article_list_more i:after {
  transform: rotate(-90deg);
}