@charset "utf-8";


/*  l-intro
--------------------------------------------------*/
.l-intro {
  padding-block: 10.5rem;
  background: #fcfbf9;
}
.intro-desc {
  font-size: 3.2rem;
  line-height: 1.8125;
  letter-spacing: .1em;
  color: #6f6449;
  text-align: center;
}
.intro-desc em {
  font-size: 1.8em;  
}
.intro-desc .em1 {
  color: #761212;
}
.intro-desc .em2 {
  color: #997c3d;
}
@media screen and (max-width: 768px){
  .l-intro {
    padding-block: 5.0rem;
  }
  .intro-desc {
    font-size: 2.0rem;
    line-height: 1.6;
  }
}




/*  l-life
--------------------------------------------------*/
.l-life {
  padding-block: 11.5rem 9.0rem;
}
.life-inner {
  width: min(95%,1350px);
  margin-inline: 0 auto;
}
.life-detail {
  width: calc(800 / 1350 * 100%);
}
.life-detail__heading {
  font-size: 2.8rem;
  line-height: 1.71428571;
  letter-spacing: .1em;
  color: var(--white);
  margin-bottom: 2.0rem;
  padding-left: calc(150 / 800 * 100%);
}
.life-detail__heading span {
  color: #ffe396;
}
.life-detail__desc {
  font-size: 1.8rem;
  line-height: 2.5;
  letter-spacing: .1em;
  color: var(--white);
  margin-bottom: 3.5rem;
  padding-left: calc(150 / 800 * 100%);
}
.life-detail__desc__txt + .life-detail__desc__txt {
  margin-top: .5em;
}
.life-detail__station {
  position: relative;
}
.life-detail__station__heading {
  position: relative;
  font-size: 2.4rem;
  line-height: 2;
  letter-spacing: .1em;
  color: #ffe396;
  margin-bottom: 2.7rem;
  padding-left: calc(150 / 800 * 100%);
}
.life-detail__station__heading::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: calc(120 / 800 * 100%);
  height: 1px;
  background: #ffe396;
}
.life-detail__station__list {
  gap: 3.0rem;
}
.life-detail__station__list__item {
  width: calc((100% - 11.0rem) / 3);
}
.life-detail__station__list__item:nth-of-type(4) {
  margin-left: 5.0rem;
}
.life-map {
  width: calc(480 / 1350 * 100%);
}
@media screen and (max-width: 768px){
  .l-life {
    padding-block: 5.0rem 6.0rem;
  }
  .life-inner {
    max-width: 560px;
    width: calc(320 / 380 * 100%);
    margin-inline: auto;
  }
  .life-detail {
    width: 100%;
    margin-bottom: 5.0rem;
  }
  .life-detail__heading {
    font-size: 2.0rem;
    line-height: 1.75;
    margin-bottom: 1.5rem;
    padding-left: 0;
  }
  .life-detail__desc {
    font-size: 1.4rem;
    text-align: justify;
    padding-left: 0;
  }
  .life-detail__station__heading {
    font-size: 1.8rem;
    line-height: 1.55555556;
    text-align: center;
    margin-bottom: 2.0rem;
    padding-left: 0;
    overflow: clip;
  }
  .life-detail__station__heading::before {
    display: none;
  }
  .life-detail__station__heading span {
    position: relative;
    display: inline-block;
    padding-inline: 1.5rem;
  }
  .life-detail__station__heading span::before ,
  .life-detail__station__heading span::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #ffe396;
  }
  .life-detail__station__heading span::before {
    right: 100%;
  }
  .life-detail__station__heading span::after {
    left: 100%;
  }
  .life-detail__station__list {
    gap: 1.0rem;
  }
  .life-detail__station__list__item {
    width: calc((100% - 1.0rem) / 2);
  }
  .life-detail__station__list__item:nth-of-type(4) {
    margin-left: 0;
  }
  .life-map {
    width: 100%;
  }
}




/*  l-life
--------------------------------------------------*/
.l-convenient {
  padding-block: 11.5rem 12.0rem;
}
.convenient-inner {
  max-width: 1000px;
}
.convenient-head {
  margin-bottom: 5.0rem;
}
.convenient-head__heading {
  font-size: 2.8rem;
  line-height: 1.71428571;
  letter-spacing: .1em;
  text-align: center;
  margin-bottom: 2.0rem;
}
.convenient-head__heading span {
  color: #761212;
}
.convenient-head__desc {
  font-size: 1.8rem;
  line-height: 2.5;
  letter-spacing: .1em;
  text-align: center;
}
.convenient-firstTrain {
  position: relative;
  width: min(100%,800px);
  margin-inline: auto;
  margin-bottom: 7.5rem;
}
.convenient-firstTrain__note {
  font-size: max(10px,1.1rem);
  line-height: 1.81818182;
  letter-spacing: .05em;
  text-align: right;
  margin-top: .8rem;
}
.convenient-firstTrain__note span {
  color: #b21d1d;
}
.convenient-2way {
  position: relative;
  width: 100%;
  padding-block: 6.0rem 5.5rem;
  z-index: 1;
}
.convenient-2way::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--white);
  border: solid 1px #ad9764;
  z-index: -2;
}
.convenient-2way::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 5.0rem;
  height: 5.0rem;
  background: #ad9764;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  z-index: -1;
}
.convenient-2way__box {
  width: calc(880 / 1000 * 100%);
  margin-inline: auto;
}
.convenient-2way__detail {
  width: calc(460 / 880 * 100%);
}
.convenient-2way__detail__catch {
  font-size: 2.0rem;
  letter-spacing: .1em;
  color: var(--white);
  width: fit-content;
  padding: 1.2rem 1.5rem 1.4rem;
  background: #997c3d;
  margin-bottom: 1.0rem;
}
.convenient-2way__detail__heading {
  font-size: 2.4rem;
  line-height: 1.75;
  letter-spacing: .1em;
  margin-bottom: 1.3rem;
}
.convenient-2way__detail__desc {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: .1em;
}
.convenient-2way__detail__desc__txt + .convenient-2way__detail__desc__txt {
  margin-top: .5em;
}
.convenient-2way__photo {
  width: calc(380 / 880 * 100%);
}
.convenient-2way__photo__note {
  font-size: max(10px,1.1rem);
  line-height: 1.81818182;
  letter-spacing: .05em;
  text-align: right;
  margin-top: .8rem;
}
.convenient-2way__table {
  position: relative;
  width: min(100%,800px);
  margin-inline: auto;
  margin-top: 5.0rem;
}
.convenient-2way__table__note {
  font-size: max(10px,1.1rem);
  line-height: 1.81818182;
  letter-spacing: .05em;
  text-align: right;
  margin-top: .8rem;
}
@media screen and (max-width: 768px){
  .l-convenient {
    padding-block: 5.0rem 6.0rem;
  }
  .convenient-inner {
    max-width: 560px;
  }
  .convenient-head {
    margin-bottom: 3.5rem;
  }
  .convenient-head__heading {
    font-size: 1.9rem;
    line-height: 1.75;
    text-align: left;
    margin-bottom: 1.5rem;
  }
  .convenient-head__desc {
    font-size: 1.4rem;
    text-align: justify;
  }
  .convenient-firstTrain {
    margin-bottom: 5.0rem;
  }
  .convenient-firstTrain .js-scroll--target {
    overflow-y: clip;
  }
  .convenient-firstTrain .photo {
    width: 1440px;
  }
  .convenient-firstTrain__note {
    font-size: 1.0rem;
    margin-top: .6rem;
  }
  .convenient-2way {
    padding-block: 3.0rem;
  }
  .convenient-2way::after {
    width: 2.5rem;
    height: 2.5rem;
  }
  .convenient-2way__box {
    width: calc(290 / 320 * 100%);
  }
  .convenient-2way__detail {
    width: 100%;
    margin-bottom: 3.0rem;
  }
  .convenient-2way__detail__catch {
    font-size: 1.6rem;
    padding: .8rem 1.5rem 1.0rem;
    margin-bottom: 1.5rem;
  }
  .convenient-2way__detail__heading {
    font-size: 1.8rem;
    line-height: 1.66666667;
    margin-bottom: 1.7rem;
  }
  .convenient-2way__detail__desc {
    font-size: 1.4rem;
    text-align: justify;
  }
  .convenient-2way__photo {
    width: 100%;
  }
  .convenient-2way__photo__note {
    font-size: 1.0rem;
    margin-top: .6rem;
  }
  .convenient-2way__table {
    margin-top: 3.0rem;
  }
  .convenient-2way__table .photo {
    width: 800px;
  }
  .convenient-2way__table .js-scroll--target {
    overflow-y: clip;
  }
  .convenient-2way__table__note {
    font-size: 1.0rem;
    margin-top: .6rem;
  }
}

@media screen and (max-width: 500px){
  .convenient-firstTrain .photo {
    width: 1000px;
  }
  .convenient-2way__table .photo {
    width: 560px;
  }
}