/* ------------------------
  utilities Classes
------------------------ */
.u-hidden {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .u-hidden-sm {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-up-sm {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .u-hidden-down-sm {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .u-hidden-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) {
  .u-hidden-up-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 1279.98px) {
  .u-hidden-down-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1280px) {
  .u-hidden-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1280px) {
  .u-hidden-up-lg {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-down-lg {
  display: none !important;
  visibility: hidden;
}

.u-visuallyhidden {
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
  margin: -1px;
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
}

.u-visuallyhidden.focusable:active,
.u-visuallyhidden.focusable:focus {
  overflow: visible;
  clip: auto;
  position: static;
  margin: 0;
  width: auto;
  height: auto;
}

.u-invisible {
  visibility: hidden;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/*
* index.css
*
*/
/* --------------------------------
  history
-------------------------------- */
.mgnrs-history {
  position: relative;
  z-index: 1;
  background-color: #000;
  color: #e0e0e0;
  font-weight: 400;
}

.mgnrs-kv__bgImg {
  position: absolute;
  top: 0;
  right: -2.0833333333vw;
  width: 68.125vw;
}
@media (min-width: 1600px) {
  .mgnrs-kv__bgImg {
    right: -33px;
    width: 1090px;
  }
}
@media (max-width: 767.98px) {
  .mgnrs-kv__bgImg {
    right: 0;
    width: 100%;
  }
}
.mgnrs-p-lowerKv.-ridingComfort .mgnrs-kv__bgImg {
  top: -3.6111111111vw;
  right: 1.4583333333vw;
  width: 60.9027777778vw;
}
@media (min-width: 1600px) {
  .mgnrs-p-lowerKv.-ridingComfort .mgnrs-kv__bgImg {
    top: -57.77772px;
    right: 23.33331px;
    width: 974.44347px;
  }
}
@media (max-width: 767.98px) {
  .mgnrs-p-lowerKv.-ridingComfort .mgnrs-kv__bgImg {
    top: 0;
    right: 0;
    width: 100%;
  }
}

.mgnrs-kvImg {
  position: absolute;
  top: 0;
  width: 100%;
}
.mgnrs-kvImg.-base01 {
  position: relative;
}
.mgnrs-kvImg.-main01 {
  opacity: 0;
  width: 100%;
}
.mgnrs-kvImg.-main01 img {
  width: 100%;
  max-width: none;
  height: auto;
}
.mgnrs-kvImg.-main01 {
  opacity: 1;
}

.mgnrs-visual {
  position: relative;
  padding-top: 88px;
}
@media (max-width: 767.98px) {
  .mgnrs-visual {
    z-index: -1;
    margin-top: -8vw;
    padding-top: 0;
  }
}
.mgnrs-visual img {
  width: 100%;
}

.mgnrs-storySecWrapper {
  position: relative;
  z-index: 1;
  margin-top: 11.1111111111vw;
  color: #000;
}
@media (min-width: 1600px) {
  .mgnrs-storySecWrapper {
    margin-top: 178px;
  }
}
@media (max-width: 767.98px) {
  .mgnrs-storySecWrapper {
    margin-top: 13.3333333333vw;
    padding-top: 10.6666666667vw;
  }
}
.mgnrs-storySecWrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: auto;
  right: 0;
  bottom: -1.4583333333vw;
  left: auto;
  margin: auto;
  width: 43.1944444444vw;
  height: 8.125vw;
  background: url(/special-contents/mgnrsult-rs/img/history/history_deco_white_top.png) no-repeat center center/100% auto;
}
@media (min-width: 1600px) {
  .mgnrs-storySecWrapper::before {
    bottom: -23px;
    width: 691px;
    height: 130px;
  }
}
@media (max-width: 767.98px) {
  .mgnrs-storySecWrapper::before {
    bottom: -3.4666666667vw;
    width: 53.3333333333vw;
    height: 9.8666666667vw;
  }
}
.mgnrs-storySecWrapper::after {
  content: "";
  display: block;
  position: absolute;
  top: -1.0416666667vw;
  right: auto;
  bottom: auto;
  left: 0;
  margin: auto;
  width: 43.1944444444vw;
  height: 8.125vw;
  background: url(/special-contents/mgnrsult-rs/img/history/history_deco_white_bottom.png) no-repeat center center/100% auto;
}
@media (min-width: 1600px) {
  .mgnrs-storySecWrapper::after {
    top: -14px;
    width: 691px;
    height: 130px;
  }
}
@media (max-width: 767.98px) {
  .mgnrs-storySecWrapper::after {
    top: 7.4666666667vw;
    width: 53.3333333333vw;
    height: 9.6vw;
  }
}

.mgnrs-storySec {
  overflow: hidden;
  position: relative;
  margin-top: -1px;
  transform: skewY(-9.5deg);
  background-color: #f2f2f2;
}
@media (max-width: 767.98px) {
  .mgnrs-storySec {
    transform: skewY(-9.4deg);
  }
}
.mgnrs-storySec::before {
  content: "";
  display: block;
  position: absolute;
  top: -8.4722222222vw;
  right: 0;
  bottom: auto;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  transform: skewY(9.5deg);
  background-color: #f2f2f2;
}
@media (min-width: 1600px) {
  .mgnrs-storySec::before {
    top: -122px;
  }
}
@media (max-width: 767.98px) {
  .mgnrs-storySec::before {
    top: -8.8vw;
    transform: skewY(9.4deg);
  }
}
.mgnrs-storySec.-white {
  background-color: #fff;
}
.mgnrs-storySec.-white::before {
  background-color: #fff;
}
.mgnrs-storySec:first-child {
  margin-top: 0;
}
.mgnrs-storySec:last-child {
  margin-bottom: -9.0277777778vw;
}
@media (min-width: 1600px) {
  .mgnrs-storySec:last-child {
    margin-bottom: -144px;
  }
}

.mgnrs-storySec__inner {
  position: relative;
  padding: 8.1944444444vw 0 16.6666666667vw;
  width: 100%;
}
@media (min-width: 1600px) {
  .mgnrs-storySec__inner {
    padding: 131px 0 242px;
  }
}
@media (max-width: 767.98px) {
  .mgnrs-storySec__inner {
    padding: 24.5333333333vw 0 24vw;
  }
}
.mgnrs-storySec__inner::before {
  content: "";
  display: block;
  position: absolute;
  top: -2.4305555556vw;
  right: 0;
  bottom: auto;
  left: auto;
  margin: auto;
  width: 43.1944444444vw;
  height: 8.125vw;
  transform: skewY(9.5deg);
  background: url(/special-contents/mgnrsult-rs/img/history/history_deco_white_top.png) no-repeat center center/100% auto;
}
@media (min-width: 1600px) {
  .mgnrs-storySec__inner::before {
    top: -38px;
    width: 691px;
    height: 130px;
  }
}
@media (max-width: 767.98px) {
  .mgnrs-storySec__inner::before {
    top: -2.4vw;
    width: 53.3333333333vw;
    height: 9.8666666667vw;
  }
}
.mgnrs-storySec__inner::after {
  content: "";
  display: block;
  position: absolute;
  top: auto;
  right: auto;
  bottom: -2.5694444444vw;
  left: 0;
  margin: auto;
  width: 43.1944444444vw;
  height: 8.125vw;
  transform: skewY(9.5deg);
  background: url(/special-contents/mgnrsult-rs/img/history/history_deco_white_bottom.png) no-repeat center center/100% auto;
}
@media (min-width: 1600px) {
  .mgnrs-storySec__inner::after {
    bottom: -41px;
    width: 691px;
    height: 130px;
  }
}
@media (max-width: 767.98px) {
  .mgnrs-storySec__inner::after {
    bottom: -2.4vw;
    width: 53.3333333333vw;
    height: 9.8666666667vw;
  }
}
.mgnrs-storySec__inner.-white::before {
  background-image: url(/special-contents/mgnrsult-rs/img/history/history_deco_gray_top.png);
}
.mgnrs-storySec__inner.-white::after {
  background-image: url(/special-contents/mgnrsult-rs/img/history/history_deco_gray_bottom.png);
}
.mgnrs-storySec:first-child .mgnrs-storySec__inner {
  padding-top: 6.1111111111vw;
}
@media (min-width: 1600px) {
  .mgnrs-storySec:first-child .mgnrs-storySec__inner {
    padding-top: 98px;
  }
}
@media (max-width: 767.98px) {
  .mgnrs-storySec:first-child .mgnrs-storySec__inner {
    padding-top: 15.2vw;
  }
}
.mgnrs-storySec:last-child .mgnrs-storySec__inner {
  padding-bottom: 19.0277777778vw;
}
@media (min-width: 1600px) {
  .mgnrs-storySec:last-child .mgnrs-storySec__inner {
    padding-bottom: 304px;
  }
}
@media (max-width: 767.98px) {
  .mgnrs-storySec:last-child .mgnrs-storySec__inner {
    padding-bottom: 26.1333333333vw;
  }
}

.mgnrs-storySec__heading {
  display: block;
  width: 100%;
  letter-spacing: -0.01em;
  font-size: 3.8rem;
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .mgnrs-storySec__heading {
    font-size: 5.3333333333vw;
    line-height: 1.4;
  }
}
.mgnrs-storySec__heading > small {
  display: block;
  letter-spacing: 0;
  font-size: 1.9rem;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .mgnrs-storySec__heading > small {
    font-size: 3.7333333333vw;
  }
}
.mgnrs-storySec__heading > strong {
  display: block;
  margin: 5px 0 9px;
  letter-spacing: -0.01em;
  font-size: 3.8rem;
  font-weight: 600;
  line-height: 1.5;
}
@media (max-width: 767.98px) {
  .mgnrs-storySec__heading > strong {
    margin: 0 0 1.6vw;
    font-size: 6.4vw;
    line-height: 1.34;
  }
}
.mgnrs-storySec__heading > strong .large {
  font-size: 4.8rem;
}
@media (max-width: 767.98px) {
  .mgnrs-storySec__heading > strong .large {
    font-size: 8.5333333333vw;
  }
}
.-story05 .mgnrs-storySec__heading > strong {
  font-size: 3.8rem;
}
@media (max-width: 767.98px) {
  .-story05 .mgnrs-storySec__heading > strong {
    font-size: 7.4666666667vw;
  }
}

.mgnrs-storyContent__body {
  padding-top: 12px;
}
@media (max-width: 767.98px) {
  .mgnrs-storyContent__body {
    padding-top: 5.3333333333vw;
    font-size: 1.5rem;
    line-height: 1.67;
  }
}
.mgnrs-storyContent__body h3 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 767.98px) {
  .mgnrs-storyContent__body h3 {
    font-size: 5.3333333333vw;
    line-height: 1.3;
  }
}
.mgnrs-storyContent__body * + h3 {
  margin-top: 50px;
}
@media (max-width: 767.98px) {
  .mgnrs-storyContent__body * + h3 {
    margin-top: 16vw;
  }
}
.mgnrs-storyContent__body * + figure {
  margin-top: 55px;
}
@media (max-width: 767.98px) {
  .mgnrs-storyContent__body * + figure {
    margin-top: 9.0666666667vw;
  }
}
.mgnrs-storyContent__body h3 + figure {
  margin-top: 15px;
}
@media (max-width: 767.98px) {
  .mgnrs-storyContent__body h3 + figure {
    margin-top: 4vw;
  }
}
.mgnrs-storyContent__body figcaption {
  margin-top: 16px;
  font-size: 1.2rem;
}
@media (max-width: 767.98px) {
  .mgnrs-storyContent__body figcaption {
    margin-top: 4.2666666667vw;
    font-size: 3.2vw;
  }
}
.mgnrs-storySec.-story05 .mgnrs-storyContent__body {
  padding-top: 63px;
}
@media (max-width: 767.98px) {
  .mgnrs-storySec.-story05 .mgnrs-storyContent__body {
    padding-top: 18.6666666667vw;
  }
}

.mgnrs-storySec__indent {
  text-indent: 1em;
}
.mgnrs-storySec__indent.-mt10 {
  margin-top: 10px;
}
@media (max-width: 767.98px) {
  .mgnrs-storySec__indent.-mt10 {
    margin-top: 2.6666666667vw;
  }
}
.mgnrs-storySec__indent.-mt20 {
  margin-top: 20px;
}
@media (max-width: 767.98px) {
  .mgnrs-storySec__indent.-mt20 {
    margin-top: 5.3333333333vw;
  }
}
.mgnrs-storySec__indent.-mt60 {
  margin-top: 60px;
}
@media (max-width: 767.98px) {
  .mgnrs-storySec__indent.-mt60 {
    margin-top: 16vw;
  }
}

.mgnrs-storySec__2col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;

  row-gap: 40px;
}
@media (max-width: 767.98px) {
  .mgnrs-storySec__2col {
    margin-top: 16vw;

    row-gap: 4.8vw;
  }
}
h3 + .mgnrs-storySec__2col {
  margin-top: 15px;
}
@media (max-width: 767.98px) {
  h3 + .mgnrs-storySec__2col {
    margin-top: 5.3333333333vw;
  }
}
.mgnrs-storySec__2col > * {
  width: 46.43%;
}
@media (max-width: 767.98px) {
  .mgnrs-storySec__2col > * {
    width: 100%;
  }
}
.mgnrs-storySec__2col figure {
  margin-top: 0;
}

.mgnrs-storySec__link {
  display: block;
  margin: auto;
  margin-top: 40px;
  max-width: 540px;
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (max-width: 767.98px) {
  .mgnrs-storySec__link {
    margin-top: 9.0666666667vw;
  }
}
@media (min-width: 768px) {
  .mgnrs-storySec__link:focus {
    opacity: 0.8;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .mgnrs-storySec__link:hover {
    opacity: 0.8;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .mgnrs-storySec__link:hover {
    opacity: 0.8;
  }
}
.mgnrs-storySec__link + .mgnrs-storySec__link {
  margin-top: 23px;
}
@media (max-width: 767.98px) {
  .mgnrs-storySec__link + .mgnrs-storySec__link {
    margin-top: 4.8vw;
  }
}
.mgnrs-storySec__link img {
  width: 100%;
}

.mgnrs-storySec__iframe {
  width: 100%;
}
.mgnrs-storySec__iframe iframe {
  width: 100%;
  height: auto;

  aspect-ratio: 560/315;
}

.mgnrs-storyContent {
  margin: 4.1666666667vw auto 0;
  max-width: 840px;
  transform: skewY(9.5deg);
}
@media (min-width: 1600px) {
  .mgnrs-storyContent {
    margin-top: 66px;
  }
}
.mgnrs-storyContent > dt {
  position: relative;
}
@media (max-width: 767.98px) {
  .mgnrs-storyContent {
    transform: skewY(9.4deg);
  }
}
.mgnrs-storyContent + .mgnrs-storyContent {
  margin: 7.5vw auto 0;
}
@media (min-width: 1600px) {
  .mgnrs-storyContent + .mgnrs-storyContent {
    margin-top: 66px;
  }
}

.mgnrs-footNav {
  padding-top: 126px;
  background-color: #000;
}
@media (max-width: 767.98px) {
  .mgnrs-footNav {
    padding-top: 26.9333333333vw;
  }
}