.elementor-19474 .elementor-element.elementor-element-7b5f09b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-3c0855f *//* ==================================================
   ISHIGAKI NAVI
   COURSE 07 / NORTH JOURNEY
================================================== */

.inNorthJourney{
  --nj-navy:#102943;
  --nj-deep:#071827;
  --nj-gold:#c2a878;
  --nj-ivory:#f8f5ef;
  --nj-soft:#f1eee7;
  --nj-white:#fff;
  --nj-text:#596775;
  --nj-muted:rgba(28,53,87,.56);
  --nj-border:rgba(16,41,67,.12);

  position:relative;
  width:100%;
  margin:0!important;
  overflow:hidden;
  background:#fff;
  color:var(--nj-text);

  font-family:
    "Noto Sans JP",
    "Yu Gothic",
    "YuGothic",
    sans-serif!important;

  font-size:16px;
  -webkit-font-smoothing:antialiased;
}


.inNorthJourney *,
.inNorthJourney *::before,
.inNorthJourney *::after{
  box-sizing:border-box;
}


.inNorthJourney img{
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  margin:0;
}


.inNorthJourney figure{
  margin:0;
}


.inNorthJourney a{
  text-decoration:none;
}


.inNorthJourney button,
.inNorthJourney input,
.inNorthJourney summary{
  font:inherit;
}


.inNorthJourney button{
  appearance:none;
}


.inNorthJourney summary{
  list-style:none;
}


.inNorthJourney summary::-webkit-details-marker{
  display:none;
}


.inNorthJourney :is(h1,h2,h3){
  max-width:100%;

  font-family:
    "Noto Serif JP",
    "Yu Mincho",
    "YuMincho",
    serif!important;

  font-weight:500!important;

  line-break:strict!important;
  word-break:auto-phrase!important;
  overflow-wrap:normal!important;
  text-wrap:pretty;
}


.inNorthJourney :is(h1,h2,h3) br{
  display:inline!important;
}


.inNorthJourney__wide{
  width:min(
    1180px,
    calc(100% - 72px)
  );

  margin:0 auto;
}


.inNorthJourney__article{
  width:min(
    930px,
    calc(100% - 72px)
  );

  margin:0 auto;
}


.inNorthJourneyLabel{
  margin:0!important;

  color:
    var(--nj-gold)!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.56rem!important;
  font-weight:500!important;
  line-height:1.5!important;
  letter-spacing:.18em!important;
}


/* ==================================================
   PROGRESS
================================================== */

.inNorthJourneyProgress{
  position:fixed;
  top:0;
  right:0;
  left:0;
  z-index:9999;
  height:3px;
  pointer-events:none;
}


.inNorthJourneyProgress span{
  display:block;
  width:100%;
  height:100%;
  background:var(--nj-gold);
  transform:scaleX(0);
  transform-origin:left center;
}


/* ==================================================
   PC CHAPTER
================================================== */

.inNorthJourneyChapter{
  position:fixed;
  top:50%;
  left:20px;
  z-index:190;

  display:grid;
  grid-template-columns:1px auto;
  grid-template-rows:auto auto;
  gap:0 12px;
  align-items:center;

  opacity:0;
  pointer-events:none;

  transform:
    translateY(-50%)
    translateX(-5px);

  transition:
    opacity .35s ease,
    transform .35s ease;
}


.inNorthJourneyChapter.is-visible{
  opacity:.8;
  transform:
    translateY(-50%);
}


.inNorthJourneyChapter__line{
  grid-row:1/3;
  width:1px;
  height:70px;

  background:
    linear-gradient(
      to bottom,
      var(--nj-gold) 0 22%,
      rgba(16,41,67,.12) 22% 100%
    );
}


.inNorthJourneyChapter > div{
  display:grid;
  min-width:115px;
  gap:3px;
}


.inNorthJourneyChapter small{
  color:var(--nj-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.41rem;
  letter-spacing:.12em;
}


.inNorthJourneyChapter strong{
  color:rgba(16,41,67,.8);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.58rem;
  font-weight:500;
}


.inNorthJourneyChapter__progress{
  margin-top:5px;

  color:
    rgba(16,41,67,.3);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.4rem;
}


.inNorthJourneyChapter.is-dark strong{
  color:
    rgba(255,255,255,.82);
}


.inNorthJourneyChapter.is-dark
.inNorthJourneyChapter__progress{
  color:
    rgba(255,255,255,.34);
}


/* ==================================================
   BOOKMARK
================================================== */

.inNorthJourneyBookmark{
  display:none;
}


/* ==================================================
   NOTICE
================================================== */

.inNorthJourneyNotice{
  position:fixed;
  left:24px;
  bottom:26px;
  z-index:270;

  display:grid;
  width:245px;
  gap:4px;

  padding:
    13px 17px 14px;

  border-left:
    1px solid
    rgba(194,168,120,.68);

  background:
    rgba(248,245,239,.9);

  box-shadow:
    0 8px 28px
    rgba(7,24,39,.06);

  backdrop-filter:
    blur(10px);

  opacity:0;
  pointer-events:none;

  transform:
    translate3d(-8px,4px,0);

  transition:
    opacity .3s ease,
    transform .4s
    cubic-bezier(.22,1,.36,1);
}


.inNorthJourneyNotice span{
  color:var(--nj-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.41rem;
  letter-spacing:.13em;
}


.inNorthJourneyNotice strong{
  color:var(--nj-navy);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.66rem;
  font-weight:500;
}


.inNorthJourneyNotice.is-showing{
  opacity:.94;
  transform:none;
}


/* ==================================================
   HERO
================================================== */

.inNorthJourneyHero{
  position:relative;
  min-height:680px;
  overflow:hidden;
  isolation:isolate;
  background:var(--nj-deep);
  color:#fff;
}


.inNorthJourneyHero__media{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;

  width:100%!important;
  height:100%!important;
  overflow:hidden;
}


.inNorthJourneyHero__media img{
  display:block!important;

  width:100%!important;
  height:100%!important;
  max-width:none!important;

  object-fit:cover!important;
  object-position:center 48%!important;

  filter:
    saturate(.9)
    contrast(1.02)
    brightness(.82);

  transform:scale(1.02);
}


.inNorthJourneyHero__overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(7,24,39,.92) 0%,
      rgba(7,24,39,.7) 42%,
      rgba(7,24,39,.23) 72%,
      rgba(7,24,39,.03) 100%
    ),
    linear-gradient(
      180deg,
      rgba(7,24,39,.03) 0%,
      rgba(7,24,39,.08) 56%,
      rgba(7,24,39,.66) 100%
    );
}


.inNorthJourneyHero__inner{
  position:relative!important;
  z-index:2!important;

  display:grid;
  grid-template-rows:
    auto minmax(0,1fr) auto;

  width:min(
    1380px,
    calc(100% - 72px)
  );

  min-height:680px;
  margin:0 auto;

  padding:
    30px 0 37px;
}


.inNorthJourneyBreadcrumb{
  display:flex;
  align-items:center;
  gap:11px;
  overflow:hidden;

  color:
    rgba(255,255,255,.58);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.51rem;
  white-space:nowrap;
}


.inNorthJourneyBreadcrumb a{
  color:inherit!important;
}


.inNorthJourneyBreadcrumb
> span:not(:last-child){
  width:22px;
  height:1px;
  background:var(--nj-gold);
}


.inNorthJourneyHero__copy{
  align-self:center;

  width:min(
    860px,
    82%
  );

  padding:
    48px 0 40px;
}


.inNorthJourneyHero__pageName{
  margin:0!important;

  color:
    rgba(255,255,255,.84);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.76rem;
}


.inNorthJourneyHero__en{
  margin:
    9px 0 0!important;

  color:var(--nj-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.56rem;
  letter-spacing:.18em;
}


body
.inNorthJourney
.inNorthJourneyHero h1{
  max-width:850px!important;

  margin:
    26px 0 0!important;

  color:#fff!important;

  font-size:
    clamp(
      1.7rem,
      2.65vw,
      2.58rem
    )!important;

  line-height:1.6!important;
  letter-spacing:.014em!important;
}


.inNorthJourneyHero__lead{
  max-width:790px;

  margin:
    25px 0 0!important;

  color:
    rgba(255,255,255,.77);

  font-size:.84rem;
  line-height:2.06;
}


.inNorthJourneyHero__discover{
  display:inline-flex;

  width:fit-content;

  align-items:center;

  gap:16px;

  margin-top:31px;

  color:#fff!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.52rem;
  letter-spacing:.16em;
}


.inNorthJourneyHero__discover
> span:last-child{
  width:50px;
  height:1px;
  background:var(--nj-gold);

  transition:
    width .35s ease;
}


.inNorthJourneyHero__caption{
  display:flex;

  justify-content:
    space-between;

  color:
    rgba(255,255,255,.43);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.46rem;
  letter-spacing:.14em;
}


/* ==================================================
   COMMON HEADINGS
================================================== */

.inNorthJourneyIntro h2,
.inNorthJourneyContents h2,
.inNorthJourneyChapterHead h2,
.inNorthJourneyTamatori h2,
.inNorthJourneyIbaruma h2,
.inNorthJourneyLunch h2,
.inNorthJourneyHirakubo h2,
.inNorthJourneySimpleHead h2,
.inNorthJourneyEnding h2,
.inNorthJourneyRelated h2{
  margin:
    14px 0 0!important;

  color:
    var(--nj-navy)!important;

  font-size:
    clamp(
      1.5rem,
      2.3vw,
      2.04rem
    )!important;

  line-height:
    1.72!important;
}


.inNorthJourneyChapterHead{
  display:grid;

  grid-template-columns:
    minmax(0,1.15fr)
    minmax(310px,.85fr);

  gap:
    clamp(
      45px,
      6vw,
      82px
    );

  margin-bottom:62px;
}


.inNorthJourneyChapterHead__catch{
  margin:0!important;

  color:var(--nj-navy);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:
    clamp(
      1.02rem,
      1.45vw,
      1.28rem
    );

  line-height:1.82;
}


.inNorthJourneyChapterHead__text{
  margin:
    18px 0 0!important;

  font-size:.8rem;
  line-height:2;
}


/* ==================================================
   INTRO
================================================== */

.inNorthJourneyIntro{
  padding:
    118px 0 126px;

  background:#fff;
}


.inNorthJourneyIntro__layout{
  display:grid;

  grid-template-columns:
    minmax(330px,.86fr)
    minmax(0,1.14fr);

  gap:
    clamp(
      60px,
      8vw,
      110px
    );
}


.inNorthJourneyIntro__lead{
  font-size:.89rem;
  line-height:2.14;
}


.inNorthJourneyIntro__lead p{
  margin:0!important;
}


.inNorthJourneyIntro__lead p+p{
  margin-top:
    1.35em!important;
}


.inNorthJourneyPhrase{
  width:min(
    790px,
    100%
  );

  margin:
    80px auto 0;

  text-align:center;
}


.inNorthJourneyPhrase
> p:last-child{
  margin:
    20px 0 0!important;

  color:var(--nj-navy);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:
    clamp(
      1.12rem,
      1.8vw,
      1.45rem
    );

  line-height:2;
}


.inNorthJourneyFacts{
  display:grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    );

  gap:1px;

  margin-top:73px;

  background:
    var(--nj-border);
}


.inNorthJourneyFacts article{
  min-height:215px;

  padding:
    29px 27px 32px;

  background:
    var(--nj-ivory);
}


.inNorthJourneyFacts span{
  color:var(--nj-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.52rem;
}


.inNorthJourneyFacts
article > p:first-of-type{
  margin:
    10px 0 0!important;

  color:var(--nj-muted);

  font-size:.44rem;
  letter-spacing:.13em;
}


.inNorthJourneyFacts h3{
  margin:
    21px 0 0!important;

  color:var(--nj-navy);

  font-size:.96rem!important;
}


.inNorthJourneyFacts
article > p:last-child{
  margin:
    14px 0 0!important;

  font-size:.71rem;
  line-height:1.92;
}


.inNorthJourneyImportant{
  width:min(
    860px,
    100%
  );

  margin:
    61px auto 0;

  padding:
    35px 40px;

  background:
    var(--nj-navy);
}


.inNorthJourneyImportant h3{
  margin:
    16px 0 0!important;

  color:#fff;

  font-size:
    1.06rem!important;

  line-height:1.8;
}


.inNorthJourneyImportant
> p:last-child{
  margin:
    18px 0 0!important;

  color:
    rgba(255,255,255,.68);

  font-size:.75rem;
  line-height:2;
}


/* ==================================================
   CONTENTS
================================================== */

.inNorthJourneyContents{
  padding:
    99px 0 106px;

  background:
    var(--nj-soft);
}


.inNorthJourneyContents__head{
  max-width:760px;
  margin:0 auto;
  text-align:center;
}


.inNorthJourneyContents__head
> p:last-child{
  margin:
    20px 0 0!important;

  font-size:.76rem;
  line-height:1.95;
}


.inNorthJourneyContents__details{
  margin-top:45px;
}


.inNorthJourneyContents__details
> summary{
  display:none;
}


.inNorthJourneyContents__nav{
  display:grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    );

  gap:1px;

  background:
    var(--nj-border);
}


.inNorthJourneyContents__nav a{
  position:relative;

  min-height:140px;

  padding:
    25px 24px 31px;

  background:#fff;

  color:inherit!important;
}


.inNorthJourneyContents__nav a span{
  color:var(--nj-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.5rem;
}


.inNorthJourneyContents__nav small{
  display:block;

  margin-top:10px;

  color:
    var(--nj-muted);

  font-size:.42rem;
  letter-spacing:.12em;
}


.inNorthJourneyContents__nav strong{
  display:block;

  margin-top:8px;

  color:
    var(--nj-navy);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.79rem;
  font-weight:500;
  line-height:1.65;
}


.inNorthJourneyContents__nav a::after{
  content:"";

  position:absolute;

  right:21px;
  bottom:20px;

  width:23px;
  height:1px;

  background:
    var(--nj-gold);
}


/* ==================================================
   START
================================================== */

.inNorthJourneyStart{
  padding:
    118px 0 126px;

  background:#fff;
}


.inNorthJourneyStartGrid{
  display:grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap:1px;

  background:
    var(--nj-border);
}


.inNorthJourneyStartGrid article{
  min-height:220px;

  padding:
    31px 29px 34px;

  background:
    var(--nj-ivory);
}


.inNorthJourneyStartGrid span{
  color:
    var(--nj-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.53rem;
}


.inNorthJourneyStartGrid h3{
  margin:
    22px 0 0!important;

  color:
    var(--nj-navy);

  font-size:
    1.02rem!important;
}


.inNorthJourneyStartGrid p{
  margin:
    15px 0 0!important;

  font-size:.72rem;
  line-height:1.95;
}


/* ==================================================
   TAMATORI
================================================== */

.inNorthJourneyTamatori{
  padding:
    118px 0 126px;

  background:
    var(--nj-ivory);
}


.inNorthJourneyTamatoriFeature{
  display:grid;

  grid-template-columns:
    minmax(0,1.13fr)
    minmax(350px,.87fr);

  overflow:hidden;

  background:#fff;
}


.inNorthJourneyTamatoriFeature figure{
  min-height:560px;

  overflow:hidden;
}


.inNorthJourneyTamatoriFeature img{
  height:100%!important;

  object-fit:cover;
}


.inNorthJourneyTamatoriFeature > div{
  display:flex;

  flex-direction:column;

  justify-content:center;

  padding:
    45px 43px;
}


.inNorthJourneyTamatoriFeature__lead{
  margin:
    24px 0 0!important;

  color:
    var(--nj-navy);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:1rem;

  line-height:1.95;
}


.inNorthJourneyTamatoriFeature
> div
> p:not(.inNorthJourneyLabel):not(.inNorthJourneyTamatoriFeature__lead){
  margin:
    18px 0 0!important;

  font-size:.76rem;
  line-height:2;
}


.inNorthJourneyTamatoriFeature dl{
  margin:
    25px 0 0;
}


.inNorthJourneyTamatoriFeature
dl > div{
  display:grid;

  grid-template-columns:
    105px minmax(0,1fr);

  gap:12px;

  padding:
    9px 0;
}


.inNorthJourneyTamatoriFeature
dl > div+div{
  border-top:
    1px solid
    var(--nj-border);
}


.inNorthJourneyTamatoriFeature dt{
  color:
    var(--nj-muted);

  font-size:.59rem;
}


.inNorthJourneyTamatoriFeature dd{
  margin:0;

  color:
    var(--nj-navy);

  font-size:.68rem;
  line-height:1.75;
}


.inNorthJourneyTamatoriFeature a{
  display:inline-flex;

  width:fit-content;

  margin-top:22px;

  color:
    var(--nj-navy)!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.63rem;

  text-decoration:underline;
  text-underline-offset:5px;
}


/* ==================================================
   IBARUMA
   全面背景写真
================================================== */

.inNorthJourneyIbaruma{
  position:relative;

  min-height:730px;

  overflow:hidden;
  isolation:isolate;

  background:
    var(--nj-deep);
}


.inNorthJourneyIbaruma__media{
  position:absolute!important;

  inset:0!important;

  z-index:0!important;

  display:block!important;

  width:100%!important;
  height:100%!important;

  margin:0!important;

  overflow:hidden!important;
}


.inNorthJourneyIbaruma__media img{
  display:block!important;

  width:100%!important;
  height:100%!important;

  max-width:none!important;
  min-width:100%!important;
  min-height:100%!important;

  object-fit:cover!important;
  object-position:center center!important;

  opacity:1!important;
  visibility:visible!important;

  transform:none!important;

  filter:
    saturate(.93)
    contrast(1.03)
    brightness(.91);
}


.inNorthJourneyIbaruma__overlay{
  position:absolute!important;

  inset:0!important;

  z-index:1!important;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(5,24,30,.9) 0%,
      rgba(5,24,30,.68) 42%,
      rgba(5,24,30,.22) 72%,
      rgba(5,24,30,.03) 100%
    ),
    linear-gradient(
      180deg,
      rgba(5,24,30,.03) 0%,
      rgba(5,24,30,.06) 55%,
      rgba(5,24,30,.48) 100%
    );
}


.inNorthJourneyIbaruma__inner{
  position:relative!important;

  z-index:2!important;

  display:flex;

  align-items:center;

  width:min(
    1180px,
    calc(100% - 72px)
  );

  min-height:730px;

  margin:0 auto;
}


.inNorthJourneyIbaruma__copy{
  width:min(
    650px,
    61%
  );
}


.inNorthJourneyIbaruma h2{
  color:#fff!important;
}


.inNorthJourneyIbaruma__lead{
  margin:
    26px 0 0!important;

  color:#fff;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:1.01rem;
  line-height:1.95;
}


.inNorthJourneyIbaruma__copy
> p:not(.inNorthJourneyLabel):not(.inNorthJourneyIbaruma__lead){
  margin:
    18px 0 0!important;

  color:
    rgba(255,255,255,.78);

  font-size:.77rem;
  line-height:2.03;
}


.inNorthJourneyIbaruma dl{
  margin:
    27px 0 0;
}


.inNorthJourneyIbaruma
dl > div{
  display:grid;

  grid-template-columns:
    100px minmax(0,1fr);

  gap:13px;

  padding:
    10px 0;
}


.inNorthJourneyIbaruma
dl > div+div{
  border-top:
    1px solid
    rgba(255,255,255,.18);
}


.inNorthJourneyIbaruma dt{
  color:
    rgba(255,255,255,.55);

  font-size:.58rem;
}


.inNorthJourneyIbaruma dd{
  margin:0;

  color:
    rgba(255,255,255,.92);

  font-size:.67rem;
  line-height:1.75;
}


.inNorthJourneyIbaruma a{
  display:inline-flex;

  margin-top:23px;

  color:#fff!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.63rem;

  text-decoration:underline;
  text-underline-offset:5px;
}


/* ==================================================
   LUNCH / PAUSE
================================================== */

.inNorthJourneyLunch{
  padding:
    122px 0 130px;

  background:#fff;
}


.inNorthJourneyLunch__head{
  max-width:760px;
}


.inNorthJourneyLunch__head
> p:last-child{
  margin:
    20px 0 0!important;

  font-size:.79rem;
  line-height:2.04;
}


.inNorthJourneyLunchGrid{
  display:grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap:1px;

  margin-top:52px;

  background:
    var(--nj-border);
}


.inNorthJourneyLunchGrid article{
  min-height:220px;

  padding:
    31px 29px 34px;

  background:
    var(--nj-ivory);
}


.inNorthJourneyLunchGrid span{
  color:
    var(--nj-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.53rem;
}


.inNorthJourneyLunchGrid h3{
  margin:
    22px 0 0!important;

  color:
    var(--nj-navy);

  font-size:1rem!important;
}


.inNorthJourneyLunchGrid p{
  margin:
    15px 0 0!important;

  font-size:.71rem;
  line-height:1.94;
}


.inNorthJourneyLunchNote{
  width:min(
    830px,
    100%
  );

  margin:
    56px auto 0;

  padding:
    37px 40px;

  background:
    var(--nj-navy);
}


.inNorthJourneyLunchNote h3{
  margin:
    16px 0 0!important;

  color:#fff;

  font-size:
    1.08rem!important;

  line-height:1.8;
}


.inNorthJourneyLunchNote
> p:last-of-type{
  margin:
    18px 0 0!important;

  color:
    rgba(255,255,255,.69);

  font-size:.75rem;
  line-height:2;
}


.inNorthJourneyLunchNote a{
  display:inline-flex;

  margin-top:22px;

  color:#fff!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.63rem;

  text-decoration:underline;
  text-underline-offset:5px;
}


/* ==================================================
   HIRAKUBO
   全面背景写真
================================================== */

.inNorthJourneyHirakubo{
  position:relative;

  min-height:770px;

  overflow:hidden;
  isolation:isolate;

  background:
    var(--nj-deep);
}


.inNorthJourneyHirakubo__media{
  position:absolute!important;

  inset:0!important;

  z-index:0!important;

  display:block!important;

  width:100%!important;
  height:100%!important;

  margin:0!important;

  overflow:hidden!important;
}


.inNorthJourneyHirakubo__media img{
  display:block!important;

  width:100%!important;
  height:100%!important;

  max-width:none!important;
  min-width:100%!important;
  min-height:100%!important;

  object-fit:cover!important;
  object-position:center center!important;

  opacity:1!important;
  visibility:visible!important;

  transform:none!important;

  filter:
    saturate(.94)
    contrast(1.03)
    brightness(.91);
}


.inNorthJourneyHirakubo__overlay{
  position:absolute!important;

  inset:0!important;

  z-index:1!important;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(7,24,39,.87) 0%,
      rgba(7,24,39,.61) 40%,
      rgba(7,24,39,.16) 70%,
      rgba(7,24,39,.02) 100%
    ),
    linear-gradient(
      180deg,
      rgba(7,24,39,.02) 0%,
      rgba(7,24,39,.05) 55%,
      rgba(7,24,39,.43) 100%
    );
}


.inNorthJourneyHirakubo__inner{
  position:relative!important;

  z-index:2!important;

  display:flex;

  align-items:center;

  width:min(
    1180px,
    calc(100% - 72px)
  );

  min-height:770px;

  margin:0 auto;
}


.inNorthJourneyHirakubo__copy{
  width:min(
    650px,
    61%
  );
}


.inNorthJourneyHirakubo h2{
  color:#fff!important;
}


.inNorthJourneyHirakubo__lead{
  margin:
    26px 0 0!important;

  color:#fff;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:1.02rem;
  line-height:1.95;
}


.inNorthJourneyHirakubo__copy
> p:not(.inNorthJourneyLabel):not(.inNorthJourneyHirakubo__lead){
  margin:
    18px 0 0!important;

  color:
    rgba(255,255,255,.78);

  font-size:.77rem;
  line-height:2.03;
}


.inNorthJourneyHirakubo dl{
  margin:
    27px 0 0;
}


.inNorthJourneyHirakubo
dl > div{
  display:grid;

  grid-template-columns:
    100px minmax(0,1fr);

  gap:13px;

  padding:
    10px 0;
}


.inNorthJourneyHirakubo
dl > div+div{
  border-top:
    1px solid
    rgba(255,255,255,.18);
}


.inNorthJourneyHirakubo dt{
  color:
    rgba(255,255,255,.55);

  font-size:.58rem;
}


.inNorthJourneyHirakubo dd{
  margin:0;

  color:
    rgba(255,255,255,.92);

  font-size:.67rem;
  line-height:1.75;
}


.inNorthJourneyHirakubo a{
  display:inline-flex;

  margin-top:23px;

  color:#fff!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.63rem;

  text-decoration:underline;
  text-underline-offset:5px;
}


/* ==================================================
   RETURN
================================================== */

.inNorthJourneyReturn{
  padding:
    118px 0 128px;

  background:
    var(--nj-ivory);
}


.inNorthJourneyReturnGrid{
  display:grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap:1px;

  background:
    var(--nj-border);
}


.inNorthJourneyReturnGrid article{
  min-height:215px;

  padding:
    30px 28px 33px;

  background:#fff;
}


.inNorthJourneyReturnGrid span{
  color:
    var(--nj-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.49rem;
  letter-spacing:.12em;
}


.inNorthJourneyReturnGrid h3{
  margin:
    21px 0 0!important;

  color:
    var(--nj-navy);

  font-size:.98rem!important;
}


.inNorthJourneyReturnGrid p{
  margin:
    14px 0 0!important;

  font-size:.71rem;
  line-height:1.92;
}


.inNorthJourneyReturnPhrase{
  width:min(
    780px,
    100%
  );

  margin:
    68px auto 0;

  text-align:center;
}


.inNorthJourneyReturnPhrase p{
  margin:0!important;

  color:
    var(--nj-navy);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:
    clamp(
      1.08rem,
      1.7vw,
      1.38rem
    );

  line-height:2;
}


/* ==================================================
   CHANGE
================================================== */

.inNorthJourneyChange{
  padding:
    118px 0 128px;

  background:
    var(--nj-soft);
}


.inNorthJourneyTabs__buttons{
  display:grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap:1px;

  background:
    var(--nj-border);
}


.inNorthJourneyTabs__buttons button{
  min-height:74px;

  padding:
    10px 12px!important;

  border:0!important;
  border-radius:0!important;

  background:#fff!important;

  color:
    var(--nj-muted)!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.76rem;

  cursor:pointer;
}


.inNorthJourneyTabs__buttons
button span{
  display:block;

  margin-top:5px;

  font-size:.4rem;
  letter-spacing:.12em;
}


.inNorthJourneyTabs__buttons
button[aria-selected="true"]{
  background:
    var(--nj-navy)!important;

  color:#fff!important;
}


.inNorthJourneyTabs__panels{
  margin-top:1px;
}


.inNorthJourneyTabPanel{
  display:grid;

  grid-template-columns:
    72px
    minmax(0,1fr)
    minmax(240px,.65fr);

  gap:34px;

  align-items:center;

  min-height:290px;

  padding:42px;

  border:
    1px solid
    var(--nj-border);

  background:#fff;
}


.inNorthJourneyTabPanel[hidden]{
  display:none!important;
}


.inNorthJourneyTabPanel__number{
  color:
    var(--nj-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:2.1rem;
}


.inNorthJourneyTabPanel h3{
  margin:
    14px 0 0!important;

  color:
    var(--nj-navy);

  font-size:
    1.27rem!important;

  line-height:1.76;
}


.inNorthJourneyTabPanel
> div
> p:last-child{
  margin:
    17px 0 0!important;

  font-size:.76rem;
  line-height:2;
}


.inNorthJourneyTabPanel ul{
  margin:0;
  padding:0;
  list-style:none;
}


.inNorthJourneyTabPanel li{
  position:relative;

  padding-left:16px;

  color:
    var(--nj-navy);

  font-size:.69rem;
  line-height:1.85;
}


.inNorthJourneyTabPanel li+li{
  margin-top:8px;
}


.inNorthJourneyTabPanel li::before{
  content:"";

  position:absolute;

  top:.85em;
  left:0;

  width:7px;
  height:1px;

  background:
    var(--nj-gold);
}


/* MOUNTAIN OPTION */

.inNorthJourneyMountainCard{
  display:grid;

  grid-template-columns:
    minmax(0,.95fr)
    minmax(350px,1.05fr);

  margin-top:56px;

  overflow:hidden;

  background:
    var(--nj-navy);
}


.inNorthJourneyMountainCard figure{
  position:relative;
  min-height:440px;
  overflow:hidden;
}


.inNorthJourneyMountainCard img{
  height:100%!important;
  object-fit:cover;
}


.inNorthJourneyMountainCard > div{
  display:flex;

  flex-direction:column;

  justify-content:center;

  padding:
    41px 40px;
}


.inNorthJourneyMountainCard h3{
  margin:
    17px 0 0!important;

  color:#fff;

  font-size:
    1.31rem!important;

  line-height:1.78;
}


.inNorthJourneyMountainCard
> div
> p:not(.inNorthJourneyLabel){
  margin:
    18px 0 0!important;

  color:
    rgba(255,255,255,.71);

  font-size:.75rem;
  line-height:2;
}


.inNorthJourneyMountainCard a{
  display:inline-flex;

  width:fit-content;

  margin-top:22px;

  color:#fff!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.63rem;

  text-decoration:underline;
  text-underline-offset:5px;
}


/* ==================================================
   PRACTICAL
================================================== */

.inNorthJourneyPractical{
  padding:
    118px 0 126px;

  background:#fff;
}


.inNorthJourneyPracticalGrid{
  display:grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    );

  gap:1px;

  background:
    var(--nj-border);
}


.inNorthJourneyPracticalGrid article{
  min-height:210px;

  padding:
    29px 27px 32px;

  background:
    var(--nj-ivory);
}


.inNorthJourneyPracticalGrid span{
  color:
    var(--nj-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.49rem;
  letter-spacing:.12em;
}


.inNorthJourneyPracticalGrid h3{
  margin:
    21px 0 0!important;

  color:
    var(--nj-navy);

  font-size:.97rem!important;
}


.inNorthJourneyPracticalGrid p{
  margin:
    14px 0 0!important;

  font-size:.7rem;
  line-height:1.92;
}


/* ==================================================
   CHECKLIST / FAQ
================================================== */

.inNorthJourneyChecklistSection,
.inNorthJourneyFaqSection{
  padding:
    105px 0 112px;
}


.inNorthJourneyChecklistSection{
  background:
    var(--nj-soft);
}


.inNorthJourneyFaqSection{
  background:#fff;
}


.inNorthJourneySimpleHead{
  max-width:760px;
  margin-bottom:44px;
}


.inNorthJourneySimpleHead
> p:last-child{
  margin:
    19px 0 0!important;

  font-size:.76rem;
  line-height:1.95;
}


/* CHECKLIST */

.inNorthJourneyChecklist{
  overflow:hidden;

  background:#fff;

  box-shadow:
    0 22px 60px
    rgba(16,41,67,.08);
}


.inNorthJourneyChecklist__toolbar{
  display:flex;

  align-items:center;
  justify-content:
    space-between;

  gap:24px;

  padding:
    27px 30px;

  background:
    var(--nj-navy);
}


.inNorthJourneyChecklist__toolbar
> div{
  display:flex;
  align-items:flex-end;
  gap:9px;
}


.inNorthJourneyChecklist__toolbar
.inNorthJourneyLabel{
  margin-right:
    12px!important;
}


.inNorthJourneyChecklist__toolbar strong{
  color:#fff;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:1.2rem;
  font-weight:500;
}


.inNorthJourneyChecklist__toolbar button{
  padding:
    9px 15px!important;

  border:
    1px solid
    rgba(194,168,120,.65)!important;

  border-radius:0!important;

  background:
    transparent!important;

  color:#fff!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.6rem;
}


.inNorthJourneyChecklist__progress{
  height:4px;

  background:
    rgba(16,41,67,.08);
}


.inNorthJourneyChecklist__progress span{
  display:block;

  width:100%;
  height:100%;

  background:
    var(--nj-gold);

  transform:
    scaleX(0);

  transform-origin:left;

  transition:
    transform .3s ease;
}


.inNorthJourneyChecklist__items{
  display:grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );

  padding:
    18px 27px 25px;
}


.inNorthJourneyChecklist label{
  display:grid;

  grid-template-columns:
    21px minmax(0,1fr);

  gap:11px;

  align-items:center;

  min-height:50px;

  padding:8px;

  cursor:pointer;
}


.inNorthJourneyChecklist
label:nth-child(even){
  border-left:
    1px solid
    var(--nj-border);
}


.inNorthJourneyChecklist
label:nth-child(n+3){
  border-top:
    1px solid
    var(--nj-border);
}


.inNorthJourneyChecklist input{
  width:18px;
  height:18px;
  margin:0;

  appearance:none;

  border:
    1px solid
    rgba(16,41,67,.3);

  border-radius:0;

  background:#fff;
}


.inNorthJourneyChecklist
input:checked{
  border-color:
    var(--nj-navy);

  background:
    var(--nj-navy);
}


.inNorthJourneyChecklist
input:checked::after{
  content:"";

  display:block;

  width:7px;
  height:4px;

  margin:
    5px 0 0 4px;

  border-left:
    1px solid #fff;

  border-bottom:
    1px solid #fff;

  transform:
    rotate(-45deg);
}


.inNorthJourneyChecklist label span{
  font-size:.74rem;
  line-height:1.72;
}


.inNorthJourneyChecklist
label.is-checked{
  background:
    var(--nj-ivory);
}


.inNorthJourneyChecklist
label.is-checked span{
  text-decoration:
    line-through;

  text-decoration-color:
    rgba(194,168,120,.75);
}


.inNorthJourneyChecklist__privacy{
  margin:0!important;

  padding:
    18px 30px 21px;

  border-top:
    1px solid
    var(--nj-border);

  color:
    var(--nj-muted);

  font-size:.54rem;
}


/* FAQ */

.inNorthJourneyFaq{
  border-top:
    1px solid
    var(--nj-border);
}


.inNorthJourneyFaq details{
  border-bottom:
    1px solid
    var(--nj-border);
}


.inNorthJourneyFaq summary{
  display:flex!important;

  min-height:73px;

  align-items:center;

  justify-content:
    space-between;

  gap:25px;

  padding:
    19px 3px!important;

  color:
    var(--nj-navy);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.86rem!important;

  cursor:pointer;
}


.inNorthJourneyFaq
summary > span:last-child{
  position:relative;

  flex:0 0 auto;

  width:21px;
  height:21px;
}


.inNorthJourneyFaq
summary > span:last-child::before,
.inNorthJourneyFaq
summary > span:last-child::after{
  content:"";

  position:absolute;

  top:10px;
  left:4px;

  width:13px;
  height:1px;

  background:
    var(--nj-gold);
}


.inNorthJourneyFaq
summary > span:last-child::after{
  transform:
    rotate(90deg);
}


.inNorthJourneyFaq
details[open]
summary > span:last-child::after{
  transform:none;
}


.inNorthJourneyFaq
details > div{
  padding:
    0 46px 24px 3px;
}


.inNorthJourneyFaq p{
  margin:0!important;

  font-size:.75rem;
  line-height:2;
}


/* ==================================================
   ENDING
================================================== */

.inNorthJourneyEnding{
  padding:
    126px 0 136px;

  background:
    var(--nj-deep);
}


.inNorthJourneyEnding h2{
  max-width:830px;

  color:#fff!important;
}


.inNorthJourneyEnding
p:not(.inNorthJourneyLabel){
  max-width:730px;

  margin:
    21px 0 0!important;

  color:
    rgba(255,255,255,.7);

  font-size:.79rem;
  line-height:2.07;
}


.inNorthJourneyEnding a{
  display:inline-flex;

  width:fit-content;

  align-items:center;

  gap:30px;

  margin-top:31px;

  padding-bottom:7px;

  border-bottom:
    1px solid
    var(--nj-gold);

  color:#fff!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.64rem;
}


/* ==================================================
   RELATED
================================================== */

.inNorthJourneyRelated{
  padding:
    106px 0 114px;

  background:#fff;
}


.inNorthJourneyRelated header{
  margin-bottom:44px;
}


.inNorthJourneyRelated__grid{
  display:grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap:1px;

  background:
    var(--nj-border);
}


.inNorthJourneyRelated__grid a{
  padding:
    30px 27px 34px;

  background:
    var(--nj-ivory);

  color:inherit!important;
}


.inNorthJourneyRelated__grid span{
  color:
    var(--nj-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.52rem;
}


.inNorthJourneyRelated__grid
a > p:first-of-type{
  margin:
    10px 0 0!important;

  color:
    var(--nj-muted);

  font-size:.43rem;
  letter-spacing:.12em;
}


.inNorthJourneyRelated__grid h3{
  margin:
    16px 0 0!important;

  color:
    var(--nj-navy);

  font-size:1rem!important;
}


.inNorthJourneyRelated__grid
a > p:last-child{
  margin:
    12px 0 0!important;

  font-size:.7rem;
  line-height:1.9;
}


.inNorthJourneyDisclaimer{
  margin:0!important;

  padding:
    27px 20px 35px;

  background:#fff;

  color:
    var(--nj-muted);

  font-size:.58rem;
  line-height:1.85;

  text-align:center;
}


/* ==================================================
   FLOATING TOC
================================================== */

.inNorthJourneyFloatingToc{
  position:fixed;

  right:22px;
  bottom:87px;

  z-index:220;

  display:flex;

  min-width:54px;
  min-height:54px;

  align-items:center;
  justify-content:center;

  gap:9px;

  padding:
    13px 15px!important;

  border:
    1px solid
    rgba(194,168,120,.72)!important;

  border-radius:0!important;

  background:
    rgba(16,41,67,.96)!important;

  color:#fff!important;

  opacity:0;
  pointer-events:none;

  transform:
    translateY(10px);

  transition:
    opacity .28s ease,
    transform .28s ease;
}


.inNorthJourneyFloatingToc.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:none;
}


.inNorthJourneyFloatingToc
> span{
  position:relative;

  width:16px;
  height:12px;

  border-top:
    1px solid
    var(--nj-gold);

  border-bottom:
    1px solid
    var(--nj-gold);
}


.inNorthJourneyFloatingToc
> span::after{
  content:"";

  position:absolute;

  top:5px;
  left:0;

  width:16px;
  height:1px;

  background:
    var(--nj-gold);
}


.inNorthJourneyFloatingToc strong{
  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.45rem;
  font-weight:500;
}


/* ==================================================
   DRAWER
================================================== */

.inNorthJourneyDrawer{
  position:fixed;

  inset:0;

  z-index:9998;

  visibility:hidden;
  opacity:0;
  pointer-events:none;

  transition:
    opacity .3s ease,
    visibility 0s linear .3s;
}


.inNorthJourneyDrawer.is-open{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transition-delay:0s;
}


.inNorthJourneyDrawer__backdrop{
  position:absolute;

  inset:0;

  z-index:1;

  width:100%;

  border:0!important;

  background:
    rgba(5,20,33,.63)!important;
}


.inNorthJourneyDrawer__panel{
  position:absolute;

  top:0;
  right:0;

  z-index:2;

  width:min(
    450px,
    92vw
  );

  height:100%;

  overflow-y:auto;

  padding:
    40px 36px 47px;

  background:
    var(--nj-ivory);

  transform:
    translateX(102%);

  transition:
    transform .42s
    cubic-bezier(.22,1,.36,1);
}


.inNorthJourneyDrawer.is-open
.inNorthJourneyDrawer__panel{
  transform:none;
}


.inNorthJourneyDrawer__panel header{
  display:flex;

  justify-content:
    space-between;

  gap:25px;

  padding-bottom:25px;
}


.inNorthJourneyDrawer__panel
header p{
  margin:
    0 0 7px!important;

  color:
    var(--nj-gold);

  font-size:.48rem;
  letter-spacing:.16em;
}


.inNorthJourneyDrawer__panel
header h2{
  margin:0!important;

  color:
    var(--nj-navy);

  font-size:
    1.12rem!important;
}


.inNorthJourneyDrawer__close{
  position:relative;

  width:37px;
  height:37px;

  border:0!important;

  background:
    transparent!important;
}


.inNorthJourneyDrawer__close span{
  position:absolute;

  top:18px;
  left:7px;

  width:23px;
  height:1px;

  background:
    var(--nj-navy);
}


.inNorthJourneyDrawer__close
span:first-child{
  transform:
    rotate(45deg);
}


.inNorthJourneyDrawer__close
span:last-child{
  transform:
    rotate(-45deg);
}


.inNorthJourneyDrawer nav{
  display:grid;
}


.inNorthJourneyDrawer nav a{
  display:grid;

  grid-template-columns:
    35px minmax(0,1fr);

  gap:12px;

  padding:
    15px 2px;

  border-top:
    1px solid
    var(--nj-border);

  color:
    var(--nj-text)!important;

  font-size:.72rem;
}


.inNorthJourneyDrawer nav span{
  color:
    var(--nj-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.5rem;
}


html.in-north-drawer-open{
  overflow:hidden;
}


/* ==================================================
   IMAGE REVEAL
   カード画像だけ。
   全面背景には使用しない。
================================================== */

.in-north-has-js
.inNorthJourney
.js-north-image{
  position:relative;

  overflow:hidden;
}


.in-north-has-js
.inNorthJourney
.js-north-image::after{
  content:"";

  position:absolute;

  inset:0;

  z-index:3;

  background:
    var(--nj-ivory);

  transform:
    translateX(0);

  transition:
    transform 1.03s
    cubic-bezier(.77,0,.18,1);

  pointer-events:none;
}


.in-north-has-js
.inNorthJourney
.js-north-image.is-image-visible::after{
  transform:
    translateX(101%);
}


/* ==================================================
   TEXT REVEAL
================================================== */

.in-north-has-js
.inNorthJourney
.js-north-reveal{
  opacity:0;

  transform:
    translateY(23px);

  transition:
    opacity .8s ease
    var(--north-delay,0ms),
    transform .8s
    cubic-bezier(.22,1,.36,1)
    var(--north-delay,0ms);
}


.in-north-has-js
.inNorthJourney
.js-north-reveal.is-visible{
  opacity:1;

  transform:none;
}


/* ==================================================
   HOVER
================================================== */

@media(hover:hover){

  .inNorthJourneyHero__discover:hover
  > span:last-child{
    width:67px;
  }


  .inNorthJourneyContents__nav a:hover,
  .inNorthJourneyRelated__grid a:hover{
    background:#fff;
  }


  .inNorthJourneyChecklist__toolbar
  button:hover{
    background:
      var(--nj-gold)!important;

    color:
      var(--nj-navy)!important;
  }

}


/* ==================================================
   TABLET
================================================== */

@media(max-width:1100px){

  .inNorthJourneyChapter{
    display:none;
  }


  .inNorthJourneyFacts,
  .inNorthJourneyPracticalGrid{
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }


  .inNorthJourneyContents__nav{
    grid-template-columns:
      repeat(
        3,
        minmax(0,1fr)
      );
  }

}


@media(max-width:900px){

  .inNorthJourneyIntro__layout,
  .inNorthJourneyChapterHead{
    grid-template-columns:1fr;
  }


  .inNorthJourneyChapterHead{
    gap:28px;
  }


  .inNorthJourneyTamatoriFeature,
  .inNorthJourneyMountainCard{
    grid-template-columns:1fr;
  }


  .inNorthJourneyTamatoriFeature figure{
    min-height:390px;
  }


  .inNorthJourneyMountainCard figure{
    min-height:340px;
  }


  .inNorthJourneyIbaruma__copy,
  .inNorthJourneyHirakubo__copy{
    width:min(
      680px,
      78%
    );
  }

}


/* ==================================================
   MOBILE
================================================== */

@media(max-width:767px){

  .inNorthJourney__wide,
  .inNorthJourney__article{
    width:
      calc(100% - 34px);
  }


  /* BOOKMARK */

  .inNorthJourneyBookmark{
    position:fixed;

    top:0;
    right:0;
    left:0;

    z-index:240;

    display:block;

    opacity:0;
    pointer-events:none;

    transform:
      translateY(-100%);

    transition:
      opacity .3s ease,
      transform .35s ease;
  }


  .inNorthJourneyBookmark.is-visible{
    opacity:.87;
    transform:none;
  }


  .inNorthJourneyBookmark__inner{
    display:grid;

    grid-template-columns:
      auto minmax(0,1fr) auto;

    gap:8px;

    align-items:center;

    min-height:34px;

    padding:
      6px 13px 7px;

    background:
      rgba(248,245,239,.82);

    backdrop-filter:
      blur(9px);
  }


  .inNorthJourneyBookmark__chapter{
    color:
      var(--nj-gold);

    font-family:
      "Noto Serif JP",
      serif!important;

    font-size:.38rem;
    white-space:nowrap;
  }


  .inNorthJourneyBookmark__title{
    overflow:hidden;

    color:
      rgba(16,41,67,.8);

    font-family:
      "Noto Serif JP",
      serif!important;

    font-size:.55rem;
    font-weight:500;

    white-space:nowrap;
    text-overflow:ellipsis;
  }


  .inNorthJourneyBookmark__progress{
    color:
      rgba(16,41,67,.3);

    font-family:
      "Noto Serif JP",
      serif!important;

    font-size:.38rem;
  }


  .inNorthJourneyBookmark.is-dark
  .inNorthJourneyBookmark__inner{
    background:
      rgba(7,24,39,.78);
  }


  .inNorthJourneyBookmark.is-dark
  .inNorthJourneyBookmark__title{
    color:
      rgba(255,255,255,.8);
  }


  /* NOTICE */

  .inNorthJourneyNotice{
    right:13px;
    bottom:14px;
    left:13px;

    display:flex;

    width:auto;

    min-height:40px;

    align-items:center;

    gap:10px;

    padding:
      10px 13px;

    border-left:0;

    border-top:
      1px solid
      rgba(194,168,120,.43);

    background:
      rgba(7,24,39,.84);

    transform:
      translateY(7px);
  }


  .inNorthJourneyNotice span{
    flex:0 0 auto;
    font-size:.38rem;
  }


  .inNorthJourneyNotice strong{
    overflow:hidden;

    color:
      rgba(255,255,255,.84);

    font-size:.57rem;

    white-space:nowrap;
    text-overflow:ellipsis;
  }


  /* HERO */

  .inNorthJourneyHero,
  .inNorthJourneyHero__inner{
    min-height:620px;
  }


  .inNorthJourneyHero__inner{
    width:
      calc(100% - 34px);

    padding:
      50px 0 30px;
  }


  .inNorthJourneyHero__copy{
    width:100%;

    align-self:end;

    padding:
      38px 0 24px;
  }


  body
  .inNorthJourney
  .inNorthJourneyHero h1{
    max-width:100%!important;

    font-size:
      clamp(
        1.42rem,
        6vw,
        1.74rem
      )!important;

    line-height:
      1.65!important;
  }


  .inNorthJourneyHero__lead{
    margin-top:
      20px!important;

    font-size:.73rem;
    line-height:2;
  }


  .inNorthJourneyHero__pcBreak,
  .inNorthJourneyHero__caption{
    display:none;
  }


  .inNorthJourneyHero__overlay{
    background:
      linear-gradient(
        180deg,
        rgba(7,24,39,.1) 0%,
        rgba(7,24,39,.37) 38%,
        rgba(7,24,39,.94) 100%
      );
  }


  /* SECTIONS */

  .inNorthJourneyIntro,
  .inNorthJourneyStart,
  .inNorthJourneyTamatori,
  .inNorthJourneyLunch,
  .inNorthJourneyReturn,
  .inNorthJourneyChange,
  .inNorthJourneyPractical,
  .inNorthJourneyChecklistSection,
  .inNorthJourneyFaqSection,
  .inNorthJourneyEnding,
  .inNorthJourneyRelated{
    padding-top:77px;
    padding-bottom:83px;
    scroll-margin-top:39px;
  }


  .inNorthJourneyIntro h2,
  .inNorthJourneyContents h2,
  .inNorthJourneyChapterHead h2,
  .inNorthJourneyTamatori h2,
  .inNorthJourneyIbaruma h2,
  .inNorthJourneyLunch h2,
  .inNorthJourneyHirakubo h2,
  .inNorthJourneySimpleHead h2,
  .inNorthJourneyEnding h2,
  .inNorthJourneyRelated h2{
    font-size:
      1.33rem!important;

    line-height:
      1.74!important;
  }


  .inNorthJourneyChapterHead{
    margin-bottom:42px;
  }


  /* INTRO */

  .inNorthJourneyIntro__lead{
    font-size:.79rem;
    line-height:2.03;
  }


  .inNorthJourneyPhrase{
    margin-top:55px;
  }


  .inNorthJourneyPhrase
  > p:last-child{
    font-size:1rem;
  }


  .inNorthJourneyFacts{
    grid-template-columns:1fr;

    margin-top:50px;
  }


  .inNorthJourneyFacts article{
    min-height:0;

    padding:
      25px 22px 28px;
  }


  .inNorthJourneyImportant{
    padding:
      29px 22px 32px;
  }


  /* CONTENTS */

  .inNorthJourneyContents{
    padding:
      75px 0 80px;
  }


  .inNorthJourneyContents__head{
    text-align:left;
  }


  .inNorthJourneyContents__details{
    margin-top:30px;
  }


  .inNorthJourneyContents__details
  > summary{
    display:flex;

    min-height:55px;

    align-items:center;
    justify-content:
      space-between;

    padding:
      14px 16px!important;

    background:#fff;

    color:
      var(--nj-navy);

    font-family:
      "Noto Serif JP",
      serif!important;

    font-size:.72rem;
  }


  .inNorthJourneyContents__details
  > summary
  > span:last-child{
    position:relative;

    width:18px;
    height:18px;
  }


  .inNorthJourneyContents__details
  > summary
  > span:last-child::before,
  .inNorthJourneyContents__details
  > summary
  > span:last-child::after{
    content:"";

    position:absolute;

    top:8px;
    left:3px;

    width:12px;
    height:1px;

    background:
      var(--nj-gold);
  }


  .inNorthJourneyContents__details
  > summary
  > span:last-child::after{
    transform:
      rotate(90deg);
  }


  .inNorthJourneyContents__details[open]
  > summary
  > span:last-child::after{
    transform:none;
  }


  .inNorthJourneyContents__nav{
    grid-template-columns:1fr;
    padding-top:8px;
  }


  .inNorthJourneyContents__nav a{
    min-height:101px;
  }


  /* START */

  .inNorthJourneyStartGrid{
    grid-template-columns:1fr;
  }


  .inNorthJourneyStartGrid article{
    min-height:0;

    padding:
      27px 23px 30px;
  }


  /* TAMATORI */

  .inNorthJourneyTamatoriFeature figure{
    min-height:0;
  }


  .inNorthJourneyTamatoriFeature img{
    aspect-ratio:4/3;

    height:auto!important;
  }


  .inNorthJourneyTamatoriFeature > div{
    padding:
      30px 23px 34px;
  }


  /* IBARUMA */

  .inNorthJourneyIbaruma,
  .inNorthJourneyIbaruma__inner{
    min-height:700px;
  }


  .inNorthJourneyIbaruma__media{
    position:absolute!important;

    inset:0!important;

    width:100%!important;
    height:100%!important;
  }


  .inNorthJourneyIbaruma__media img{
    width:100%!important;
    height:100%!important;

    object-fit:cover!important;
  }


  .inNorthJourneyIbaruma__inner{
    width:
      calc(100% - 34px);

    align-items:flex-end;

    padding:
      85px 0 50px;
  }


  .inNorthJourneyIbaruma__copy{
    width:100%;
  }


  .inNorthJourneyIbaruma__overlay{
    background:
      linear-gradient(
        180deg,
        rgba(5,24,30,.05) 0%,
        rgba(5,24,30,.19) 34%,
        rgba(5,24,30,.94) 100%
      );
  }


  /* LUNCH */

  .inNorthJourneyLunchGrid{
    grid-template-columns:1fr;
  }


  .inNorthJourneyLunchGrid article{
    min-height:0;

    padding:
      27px 23px 30px;
  }


  .inNorthJourneyLunchNote{
    padding:
      29px 22px 32px;
  }


  /* HIRAKUBO */

  .inNorthJourneyHirakubo,
  .inNorthJourneyHirakubo__inner{
    min-height:720px;
  }


  .inNorthJourneyHirakubo__media{
    position:absolute!important;

    inset:0!important;

    width:100%!important;
    height:100%!important;
  }


  .inNorthJourneyHirakubo__media img{
    width:100%!important;
    height:100%!important;

    object-fit:cover!important;
  }


  .inNorthJourneyHirakubo__inner{
    width:
      calc(100% - 34px);

    align-items:flex-end;

    padding:
      85px 0 50px;
  }


  .inNorthJourneyHirakubo__copy{
    width:100%;
  }


  .inNorthJourneyHirakubo__overlay{
    background:
      linear-gradient(
        180deg,
        rgba(7,24,39,.04) 0%,
        rgba(7,24,39,.18) 35%,
        rgba(7,24,39,.94) 100%
      );
  }


  /* RETURN */

  .inNorthJourneyReturnGrid{
    grid-template-columns:1fr;
  }


  .inNorthJourneyReturnGrid article{
    min-height:0;

    padding:
      27px 23px 30px;
  }


  /* TABS */

  .inNorthJourneyTabs__buttons{
    grid-template-columns:1fr;
  }


  .inNorthJourneyTabs__buttons button{
    min-height:60px;
  }


  .inNorthJourneyTabPanel{
    grid-template-columns:1fr;

    gap:18px;

    min-height:0;

    padding:
      30px 22px 33px;
  }


  /* MOUNTAIN */

  .inNorthJourneyMountainCard figure{
    min-height:0;
  }


  .inNorthJourneyMountainCard img{
    aspect-ratio:4/3;

    height:auto!important;
  }


  .inNorthJourneyMountainCard > div{
    padding:
      30px 23px 34px;
  }


  /* PRACTICAL */

  .inNorthJourneyPracticalGrid{
    grid-template-columns:1fr;
  }


  .inNorthJourneyPracticalGrid article{
    min-height:0;

    padding:
      27px 23px 30px;
  }


  /* CHECKLIST */

  .inNorthJourneyChecklist__toolbar{
    align-items:flex-start;
    flex-direction:column;

    padding:
      24px 21px;
  }


  .inNorthJourneyChecklist__items{
    grid-template-columns:1fr;

    padding:
      16px 20px 22px;
  }


  .inNorthJourneyChecklist
  label:nth-child(even){
    border-left:0;
  }


  .inNorthJourneyChecklist
  label+label{
    border-top:
      1px solid
      var(--nj-border);
  }


  /* FAQ */

  .inNorthJourneyFaq summary{
    min-height:66px;

    padding:
      16px 2px!important;

    font-size:
      .81rem!important;
  }


  .inNorthJourneyFaq
  details > div{
    padding:
      0 30px 21px 2px;
  }


  /* RELATED */

  .inNorthJourneyRelated__grid{
    grid-template-columns:1fr;
  }


  .inNorthJourneyDisclaimer{
    text-align:left;
  }


  /* FLOATING */

  .inNorthJourneyFloatingToc{
    right:14px;
    bottom:67px;

    min-width:49px;
    min-height:49px;

    padding:
      11px!important;
  }


  .inNorthJourneyFloatingToc strong{
    display:none;
  }


  .inNorthJourneyDrawer__panel{
    width:min(
      400px,
      94vw
    );

    padding:
      48px 23px 40px;
  }

}


/* ==================================================
   ELEMENTOR
================================================== */

.elementor-widget-html:has(.inNorthJourney){
  margin:0!important;
}


.elementor-element:has(
  > .elementor-widget-html
  .inNorthJourney
){
  margin:0!important;
  padding:0!important;
}


/* ==================================================
   FOCUS
================================================== */

.inNorthJourney a:focus-visible,
.inNorthJourney button:focus-visible,
.inNorthJourney summary:focus-visible,
.inNorthJourney input:focus-visible{
  outline:
    2px solid
    var(--nj-gold)!important;

  outline-offset:
    4px!important;
}


/* ==================================================
   REDUCED MOTION
================================================== */

@media(prefers-reduced-motion:reduce){

  .inNorthJourney *,
  .inNorthJourney *::before,
  .inNorthJourney *::after{
    animation:none!important;
    transition:none!important;
  }


  .in-north-has-js
  .inNorthJourney
  .js-north-reveal{
    opacity:1!important;
    transform:none!important;
  }


  .in-north-has-js
  .inNorthJourney
  .js-north-image::after{
    display:none!important;
  }


  .inNorthJourneyNotice{
    display:none!important;
  }

}/* End custom CSS */