@charset "UTF-8";
.monthlyBlock {
  display: grid;
  grid-template-columns: calc(var(--baseW) * 5) calc(var(--baseW) * 14);
  gap: 0 var(--baseW);
}
@media screen and (max-width: 991px) {
  .monthlyBlock {
    display: block;
  }
}

.monthlyBlock-right {
  grid-column: 2/3;
  margin-right: calc(var(--baseW) * -1.5);
}
@media screen and (max-width: 991px) {
  .monthlyBlock-right {
    margin-left: 22.22dvw;
    margin-right: -8.34dvw;
    margin-top: -15.68vw;
  }
}

.monthlyBlock-left {
  grid-row: 1/2;
  grid-column: 1/2;
  margin-top: 11.89dvw;
  display: grid;
  grid-template-columns: var(--baseW) 1fr;
  gap: 0 1.35dvw;
}
@media screen and (max-width: 991px) {
  .monthlyBlock-left {
    margin-top: 11.11dvw;
    grid-template-columns: 1fr 21.66dvw;
    gap: 0;
    position: relative;
  }
}

.monthlyBlock-left-image {
  margin-left: -3.38dvw;
  margin-bottom: 1.87rem;
  grid-column: 1/3;
  grid-row: 1/2;
}
@media screen and (max-width: 991px) {
  .monthlyBlock-left-image {
    grid-column: 1/2;
    margin-left: -8.34dvw;
    margin-bottom: 0;
  }
}

.monthlyBlock-month {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: -3.38dvw;
  text-align: right;
  font-size: 2.25rem;
  grid-row: 2/4;
  grid-column: 1/2;
  border-right: solid 1px #1a1a1a;
  padding-right: 0.27em;
  white-space: nowrap;
}
@media screen and (max-width: 991px) {
  .monthlyBlock-month {
    font-size: 1.37rem;
    position: absolute;
    top: -52.78dvw;
    width: 2em;
    left: -1vw;
    border: none;
    padding-right: 0;
    padding-bottom: 45.55dvw;
    display: block;
    margin-left: 0;
    grid-column: auto;
    grid-row: auto;
    line-height: 1.1;
  }
  .monthlyBlock-month:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 4.44dvw;
    height: 38.88dvw;
    width: 1px;
    left: 50%;
    background: #1a1a1a;
  }
}

@media screen and (max-width: 991px) {
  .monthlyBlock-header {
    display: flex;
    flex-direction: row-reverse;
    grid-row: 1/3;
  }
}

.monthlyBlock-header-s {
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .monthlyBlock-header-s {
    margin-left: 1em;
    writing-mode: vertical-rl;
    font-size: 0.87rem;
    line-height: 1.1;
  }
}

.monthlyBlock-header-l {
  font-size: 1.62rem;
  line-height: 1.46em;
  margin-top: 0.62rem;
}
@media screen and (max-width: 991px) {
  .monthlyBlock-header-l {
    margin-top: 0;
    writing-mode: vertical-rl;
    font-size: 1.25rem;
  }
}

.monthlyBlock-header-l-nm {
  text-indent: -0.5em;
}
.monthlyBlock-text {
  font-size: 0.87rem;
  line-height: 1.85em;
  margin-top: 1.5rem;
}
@media screen and (max-width: 991px) {
  .monthlyBlock-text {
    font-size: 0.75rem;
    line-height: 1.83em;
    margin-top: 4.16dvw;
  }
}

.monthlyBlock-link {
  grid-column: 1/3;
  text-align: right;
  margin-top: 1.5rem;
}
@media screen and (max-width: 991px) {
  .monthlyBlock-link {
    margin-top: 4.16dvw;
    width: 61.11dvw;
  }
}

.monthlyBlock-link-button {
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 1.5em;
  background: url("../../images/linkIcon-bgGray.svg") right center/1em no-repeat;
}
.monthlyBlock-link-button:before {
  content: "";
  display: block;
  height: 1px;
  width: 2.5em;
  background: #808080;
  margin-right: 0.4em;
}

.monthlyBlock:hover .monthlyBlock-link-button {
  background-image: url("../../images/linkIcon-red.svg");
}

.sectionMv {
  display: flex;
  justify-content: space-between;
  padding-top: 6.75dvw;
  background-image: linear-gradient(to right, #fff, #fff calc(var(--baseW) * 1.5), transparent calc(var(--baseW) * 1.5)), linear-gradient(to bottom, #fff, #f7f6f5);
}
@media screen and (max-width: 991px) {
  .sectionMv {
    padding-top: 19.44dvw;
    display: block;
    background: none;
  }
}

.sectionMv-right {
  flex: calc(var(--baseW) * 6) 0 0;
  margin-right: calc(var(--baseW) * 1.5);
}
@media screen and (max-width: 991px) {
  .sectionMv-right {
    padding-right: 8.33dvw;
    padding-left: 8.33dvw;
    margin-right: 0;
    margin-top: 11.11dvw;
    background-image: linear-gradient(to top, #f7f6f5, #fff 66.66dvw);
    padding-bottom: 11.11dvw;
  }
}

.sectionMv-left {
  padding-top: 6.75dvw;
}
@media screen and (max-width: 991px) {
  .sectionMv-left {
    padding-top: 0;
  }
}

@keyframes horizontal-loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.sectionMv-slideViewport {
  width: 58.64dvw;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .sectionMv-slideViewport {
    width: 100dvw;
  }
}

.sectionMv-allslide {
  /*width: vwp(1736);*/ /*見える範囲の２倍*/
  display: inline-flex;
  /*  grid-template-columns: repeat(2, 1fr);*/
  gap: 0 var(--baseW);
  /*animation: horizontal-loop-slide 30s linear infinite;*/
}
@media screen and (max-width: 991px) {
  .sectionMv-allslide {
    width: auto;
    gap: 0 5.55dvw;
  }
}

.sectionMv-slide {
  width: calc(var(--baseW) * 6);
  margin-right: var(--baseW);
}
@media screen and (max-width: 991px) {
  .sectionMv-slide {
    width: 53.33dvw;
  }
}
.sectionMv-slide img {
  display: block;
}

.sectionMv-h2 {
  writing-mode: vertical-rl;
  font-size: 1.87rem;
  line-height: 2.06em;
  letter-spacing: 0.1em;
  margin-bottom: 3.68rem !important;
}
@media screen and (max-width: 991px) {
  .sectionMv-h2 {
    font-size: 1.12rem;
    line-height: 2.22em;
    margin-left: auto;
    margin-bottom: 5dvw !important;
  }
}

.sectionMv-text {
  font-size: 1.12rem;
  line-height: 2.22em;
  padding-bottom: 3.68rem;
}
@media screen and (max-width: 991px) {
  .sectionMv-text {
    font-size: 0.81rem;
    line-height: 2.15;
    padding-bottom: 0;
  }
}

/*# sourceMappingURL=frontMv-block.css.map */