@charset "UTF-8";
:root {
  --ff-helvetica: Helvetica, sans-serif;
  --ff-yu-gothic: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  --clr-tip--black: #000;
  --clr-tip--gray: #A4A9AD;
  --clr-tip--brown: #634C3C;
  --clr-tip--red: #FF372B;
  --clr-tip--orange: #FF6634;
  --clr-tip--khaki: #636753;
  --clr-tip--camel: #DB9A4A;
}

.main-content :where(input, select, textarea, table, th, td, li, a) {
  color: inherit;
  font-family: inherit;
}
.main-content :is(a, a:hover) {
  text-decoration: none;
}

[class*=js-fadein] {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.js-fadein:not(.is-animated) {
  opacity: 0;
}

.js-fadein-up:not(.is-animated) {
  opacity: 0;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
}

.c-fill-button {
  font-family: var(--ff-yu-gothic);
  font-weight: var(--fw, normal);
  position: relative;
  width: var(--w, 100%);
  height: var(--h, 60px);
  max-width: var(--maw, 280px);
  color: var(--clr, #fff);
  border: 1px solid;
  border-color: var(--bdc, #000);
  background-color: var(--bgc, #000);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  font-size: var(--fz, 1.8rem);
  border-radius: var(--bdr, var(--h, 60px));
  letter-spacing: 0.02em;
  line-height: 1;
}
.c-fill-button a {
  color: inherit;
  font-family: inherit;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.c-fill-button a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
@media (min-width: 48.0625em) {
  .c-fill-button:hover {
    background-color: var(--bgc-h, var(--bdc, #fff));
    color: var(--clr-h, #000);
  }
}

@media (max-width: 30em) {
  .u-d-n--sp {
    display: none;
  }
}
@media (min-width: 30.0625em) and (max-width: 48em) {
  .u-d-n--tb {
    display: none;
  }
}
@media (min-width: 48.0625em) {
  .u-d-n--pc {
    display: none;
  }
}
@media (max-width: 48em) {
  .u-d-n--not-pc {
    display: none;
  }
}
@media (min-width: 30.0625em) {
  .u-d-n--not-sp {
    display: none;
  }
}
.u-d-b--sp {
  display: none;
}
@media (max-width: 30em) {
  .u-d-b--sp {
    display: block;
  }
}
.u-d-b--tb {
  display: none;
}
@media (min-width: 30.0625em) and (max-width: 48em) {
  .u-d-b--tb {
    display: block;
  }
}
.u-d-b--pc {
  display: none;
}
@media (min-width: 48.0625em) {
  .u-d-b--pc {
    display: block;
  }
}
.u-d-b--not-pc {
  display: none;
}
@media (max-width: 48em) {
  .u-d-b--not-pc {
    display: block;
  }
}
.u-d-b--not-sp {
  display: none;
}
@media (min-width: 30.0625em) {
  .u-d-b--not-sp {
    display: block;
  }
}

.contents-first_camptouring {
  font-family: YuGothic, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeSpeed;
}

.pg-introduction {
  padding: 64px 0;
}
@media (min-width: 48.0625em) {
  .pg-introduction {
    padding: 140px 0;
  }
}
.pg-introduction__container {
  width: calc(100% - max(20px, 10.6666666667vw) * 2);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.pg-introduction__heading {
  font-size: 3.3rem;
  font-weight: bold;
  font-family: var(--ff-helvetica);
  letter-spacing: 0.02em;
  line-height: 1.4;
  text-align: center;
}
@media (min-width: 48.0625em) {
  .pg-introduction__heading {
    font-size: 4rem;
  }
}
.pg-introduction__text {
  font-size: 1.4rem;
  letter-spacing: 0.07em;
  line-height: 2.2;
}
.pg-introduction__text:not(:first-child) {
  margin-top: 32px;
}
@media (min-width: 48.0625em) {
  .pg-introduction__text {
    line-height: 3.2;
  }
}

.pg-profiles {
  padding-bottom: 80px;
}
@media (min-width: 48.0625em) {
  .pg-profiles {
    padding-bottom: 200px;
  }
}
.pg-profiles__container {
  width: calc(100% - max(20px, 10.6666666667vw) * 2);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.pg-profile__content:not(:first-child) {
  margin-top: 32px;
}
.pg-profile__text {
  font-size: 1.2rem;
  letter-spacing: 0.03em;
  line-height: 2.4;
}
.pg-profile__text strong {
  font-size: 1.8rem;
  line-height: 1.6;
}
@media (min-width: 48.0625em) {
  .pg-profile__text {
    line-height: 2.9;
  }
  .pg-profile__text strong {
    font-size: 2.5rem;
    line-height: 1.392;
  }
}

.pg-steps > .c-fill-button {
  margin: 80px auto;
}
@media (max-width: 48em) {
  .pg-steps > .c-fill-button {
    --maw: 280px;
    --fz: 1.6rem;
    --h: 56px;
  }
}
@media (min-width: 48.0625em) {
  .pg-steps > .c-fill-button {
    --maw: 310px;
    margin: 120px auto;
  }
}
.pg-step:not(:first-child) {
  margin-top: 40px;
}
.pg-step:last-child .pg-step__close {
  padding-bottom: 0;
}
.pg-step.is-active .pg-step__content {
  height: var(--accordion-h);
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.pg-step__header {
  position: relative;
  width: calc(100% - max(20px, 10.6666666667vw) * 2);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.pg-step__header::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
  opacity: 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  z-index: 2;
}
@media (min-width: 48.0625em) {
  .pg-step__header:hover {
    cursor: pointer;
  }
  .pg-step__header:hover::before {
    opacity: 1;
  }
}
.pg-step__heading {
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
  position: absolute;
  left: 24px;
  bottom: 12px;
  line-height: 1;
  z-index: 3;
}
.pg-step__heading span:first-child {
  font-family: var(--ff-helvetica);
}
.pg-step__heading span:first-child b {
  font-size: 4.5rem;
}
.pg-step__heading span:last-child {
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media (max-width: 48em) {
  .pg-step__heading span {
    display: block;
  }
  .pg-step__heading span:last-child {
    font-size: 1.8rem;
    margin-top: 4px;
  }
}
@media (min-width: 48.0625em) {
  .pg-step__heading span:last-child {
    margin-left: 12px;
  }
}
.pg-step__content {
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition-property: height, opacity, -webkit-transform;
  transition-property: height, opacity, -webkit-transform;
  transition-property: height, opacity, transform;
  transition-property: height, opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.pg-step__close {
  margin-top: 64px;
  padding-bottom: 24px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.pg-step__close::before {
  content: "";
  width: 92px;
  height: 38px;
  display: block;
  margin: auto auto 20px;
  background: transparent url(/static/full/motorcycle/contents/first_camptouring/img/icon-accordion-close.png) center center no-repeat;
  background-size: contain;
}
@media (min-width: 48.0625em) {
  .pg-step__close {
    margin-top: 100px;
    padding-bottom: 80px;
  }
  .pg-step__close:hover {
    opacity: 0.5;
    cursor: pointer;
  }
}

.pg-section {
  padding-top: 80px;
}
.pg-section:first-child {
  padding-top: 80px;
}
.pg-section + .pg-section {
  margin-top: 72px;
}
.pg-section--bg {
  background-color: #f1f3f5;
  padding-bottom: 80px;
}
@media (min-width: 48.0625em) {
  .pg-section {
    padding-top: 120px;
  }
  .pg-section:first-child {
    padding-top: 160px;
  }
  .pg-section + .pg-section {
    margin-top: 120px;
  }
  .pg-section--bg {
    padding-bottom: 120px;
  }
}
.pg-section__content {
  width: calc(100% - max(20px, 10.6666666667vw) * 2);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.pg-section__content .c-fill-button {
  --maw: 200px;
  --h: 44px;
  --fz: 1.4rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 48em) {
  .pg-section__content > * + * {
    margin-top: 64px;
  }
  .pg-section__content > * + .pg-section__heading--2 {
    margin-top: 80px;
  }
  .pg-section__content > .pg-section__img + *,
.pg-section__content > * + .c-fill-button {
    margin-top: 48px;
  }
}
@media (min-width: 48.0625em) {
  .pg-section__content > * + * {
    margin-top: 100px;
  }
  .pg-section__content > * + .pg-section__heading--2 {
    margin-top: 120px;
  }
  .pg-section__content > * + .c-fill-button {
    margin-top: 64px;
  }
}
.pg-section__heading {
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.pg-section__heading span:last-child {
  letter-spacing: 0.05em;
}
.pg-section__heading--1 span:first-child {
  font-family: var(--ff-helvetica);
}
.pg-section__heading--1 span:first-child b {
  font-size: 4.3rem;
}
.pg-section__heading--1 span:last-child {
  line-height: 1.5;
  margin-top: 4px;
}
.pg-section__heading--2 span:last-child {
  line-height: 1.4;
}
@media (max-width: 48em) {
  .pg-section__heading span {
    display: block;
  }
  .pg-section__heading + .pg-section__heading, .pg-section__heading + * {
    margin-top: 32px;
  }
}
@media (min-width: 48.0625em) {
  .pg-section__heading {
    font-size: 2.5rem;
  }
  .pg-section__heading span:first-child b {
    font-size: 4.5rem;
  }
  .pg-section__heading span:last-child {
    margin-left: 12px;
  }
  .pg-section__heading + .pg-section__heading, .pg-section__heading + * {
    margin-top: 32px;
  }
  .pg-section--bg .pg-section__heading + .pg-section__heading, .pg-section--bg .pg-section__heading + * {
    margin-top: 48px;
  }
}
.pg-section__text {
  letter-spacing: 0.07em;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.pg-section__text :is(h3, p) {
  font-size: 1.4rem;
  line-height: 2.2;
}
.pg-section__text h3 {
  font-weight: bold;
}
.pg-section__text h3 strong {
  font-size: 2rem;
  line-height: 1.54;
}
@media (min-width: 48.0625em) {
  .pg-section__text :is(h3, p) {
    line-height: 3.2;
  }
  .pg-section__text h3 strong {
    line-height: 2.24;
  }
}
@media (max-width: 48em) {
  .pg-section__img--sp-wide {
    width: 100vw;
    margin-left: calc((100vw - 100%) / -2);
  }
}

.pg-eyecatch {
  aspect-ratio: 375/500;
  width: 100%;
  overflow: hidden;
}
.pg-eyecatch:first-child {
  margin-top: 80px;
}
.pg-section:not(.pg-section--bg) + .pg-eyecatch {
  margin-top: 64px;
}
@media (min-width: 48.0625em) {
  .pg-eyecatch {
    aspect-ratio: 1440/700;
  }
  .pg-eyecatch:first-child {
    margin-top: 160px;
  }
  .pg-section:not(.pg-section--bg) + .pg-eyecatch {
    margin-top: 120px;
  }
}

@media (max-width: 48em) {
  .pg-location {
    background: transparent url("/static/full/motorcycle/contents/first_camptouring/img/location-bg@sp@2x.png") bottom center repeat-y;
    background-size: 100%;
  }
}
@media (min-width: 48.0625em) {
  .pg-location {
    background: transparent url("/static/full/motorcycle/contents/first_camptouring/img/location-bg@pc@2x.png") center center no-repeat;
    background-size: 1328px;
  }
}
.pg-location:not(:first-child) {
  margin-top: 48px;
}
.pg-location__container {
  display: grid;
  gap: 40px clamp(40px, 6.25vw, 90px);
  width: calc(100% - max(20px, 10.6666666667vw) * 2);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 48.0625em) {
  .pg-location__container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.pg-location__title {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 1.4;
  font-weight: bold;
  margin-top: 16px;
}
@media (min-width: 48.0625em) {
  .pg-location__title {
    font-size: 2.5rem;
  }
}
.pg-location__text {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.7;
  margin-top: 16px;
}
.pg-location__text a {
  text-decoration: none;
  display: inline;
}/*# sourceMappingURL=index.css.map */