@charset "utf-8";
/* ==========================
experience common
=============================*/
#experience.section {
  margin: 150px 0;
}

.tour__container {
  margin: 72px var(--contentPadding-sp) 0;
}

.tour__group {
  margin-top: 48px;
}

.tour__group-title {
  display: flex;
  align-items: center;
  gap: 7%;
}

.tourTitle {
  font-size: 2.0rem;
  color: var(--primary-green);
}

.marker {
  padding: 4px 8px;
  font-size: 1.8rem;
  color: var(--primary-whiteLow, #F1F1F1);
  background-color: #2C3E50;
}

.tour__group-desc {
  margin-top: 24px;
}

.tourText {
  align-self: stretch;
  padding: 0 4.66%;
}

.tour__group-info {
  margin-top: 24px;
}

.tourInfoTitle {
  font-size: 1.8rem;
  padding: 4px 4.66%;
  border-bottom: 1px solid var(--primary-gray,#7F7F7F);
}

.info__table {
  margin: 32px 0 0 4.66%;
  align-self: stretch;
  font-family: "Noto serif JP", serif;
}

.info__table tr {
  margin-bottom: 16px;
  display: grid;
  grid-template-columns: 0.63fr 1fr;
  gap: 16px;
}

.info__table tr:last-of-type {
  margin-bottom: 0;
}

.infoCategory {
  font-weight: normal;
}

.infoText {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.infoText .emphasis {
  margin-left: 16px;
}

.infoText .set--margin {
  margin-top: 8px;
}

/* experience common pc */
@media screen and (min-width: 1025px) {
  #experience.section {
    margin: 250px 0;
  }

  .tour__container {
    margin: 150px auto 0;
  }

  .tour__group {
    width: 52.78%;
    margin: 96px auto 0;
  }

  .tour__group-title {
    gap: 3.33%;
  }

  .tourTitle {
    font-size: 2.4rem;
  }

  .marker {
    font-size: 2.0rem;
  }

  .tour__group-desc {
    margin-top: 48px;
  }

  .tourText {
    padding: 0 2.1%;
  }

  .tour__group-info {
    margin-top: 48px;
  }

  .tourInfoTitle {
    padding: 4px 4.2%;
  }

  .info__table {
    margin: 32px 7.37% 0 7.37%;
  }

  .info__table tr {
    grid-template-columns: 0.28fr 1fr;
    gap: 96px;
  }

  .infoText {
    display: flex;
    flex-direction: row;
    gap: 32px;
  }

  .infoText .emphasis {
    font-size: 2.0rem;
  }

  .infoText .set--margin {
    margin-top: 0;
  }
}/* pc 1025px */

/* ============================
footprints--first
===============================*/
.footprints--first {
  position: absolute;
  right: 0;
}

.footprints--first .footprints--rabbit {
  width: 300px;
  height: 400px;
}

.rabbitFoot--first {
  opacity: 0;
}

/* footprints--first pc */
@media screen and (min-width: 1025px) {
  .footprints--first {
    position: absolute;
    right: 0;
    transform: translateY(0);
  }

  .footprints--first .footprints--rabbit {
    width: 600px;
    height: 800px;
  }
}/* pc 1025px */

/* ==========================
experience oirase__container
=============================*/
.oirase__img {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 0.52fr;
  gap: 8px 8px;
  overflow: hidden;
}

.oiraseImg--big {
  width: 100%;
  aspect-ratio: 1/0.667;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}

.oiraseImg--medium {
  width: 100%;
  aspect-ratio: 1/0.714;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}

.oiraseImg--small {
  width: 100%;
  aspect-ratio: 1/0.714;
  background-size: contain;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}

/* gideMap */
.mapModalBtn:hover {
  opacity: 0.8;
}

.modal__wrap {
  opacity: 0;
  width: 0;
  padding: 8px;
  background-color: white;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -10;
  transition: 0.8s;
}

.modal__wrap.open {
  opacity: 1;
  width: 100%;
  max-width: 1296px;
  display: block;
  z-index: 500;
}

.modalMap {
  width: 100%;
}

.modalMapBtn {
  text-decoration: underline;
}

.close {
  width: 15px;
  height: auto;
  position: fixed;
  top: 0%;
  right: 2%;
  display: block;
  cursor: pointer;
}

/* oirase slide */
.oirase__slide-wrap {
  width: 100%;
  aspect-ratio: 1/0.45;
  margin: 56px auto 0;
  overflow: hidden;
}
.oirase__slide {
  width: fit-content;
  transform: scale(0.445);
  transform-origin: top left;
  overflow: visible;
}

.oirase__slide-item {
  margin-left: 16px;
}

.slick-track {
	display: flex;
	align-items: flex-end;
}

@media screen and (min-width: 450px) {
  .oirase__slide {
    transform: scale(0.54);
  }
}/* 450px */

@media screen and (min-width: 500px) {
  .oirase__slide {
    transform: scale(0.6);
  }
}/* 500px */

@media screen and (min-width: 550px) {
  .oirase__slide {
    transform: scale(0.65);
  }
}/* 550px */

@media screen and (min-width: 600px) {
  .oirase__slide {
    transform: scale(0.7);
  }
}/* 600px */

@media screen and (min-width: 650px) {
  .oirase__slide {
    transform: scale(0.76);
  }
}/* 650px */

@media screen and (min-width: 700px) {
  .oirase__slide {
    transform: scale(0.84);
  }
}/* 650px */

/* oirase-container pc*/
@media screen and (min-width: 750px) {
  /* oirase slide */
  .oirase__slide-wrap {
    width: 100%;
    aspect-ratio: 1/0.507;
    margin: 100px auto 0;
  }

  .oirase__slide {
    transform: scale(1);
  }
}/* 769px */

@media screen and (min-width: 800px) {
  .oirase__slide-wrap {
    aspect-ratio: 1/0.475;
  }
}/* 800px */

@media screen and (min-width: 850px) {
  .oirase__slide-wrap {
    aspect-ratio: 1/0.447;
  }
}/* 850px */

@media screen and (min-width: 900px) {
  .oirase__slide-wrap {
    aspect-ratio: 1/0.422;
  }
}/* 900px */

@media screen and (min-width: 950px) {
  .oirase__slide-wrap {
    aspect-ratio: 1/0.4;
  }
}/* 950px */

@media screen and (min-width: 1025px) {
  .oirase__img {
    width: 79%;
    aspect-ratio: 1/0.422;
    margin: 0 auto;
    grid-template-columns: 1fr 0.5fr;
    grid-template-rows: 1fr 0.83fr;
    gap: 24px 24px;
  }

  .oiraseImg--big {
    aspect-ratio: 1/0.649;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }

  .oiraseImg--medium {
    aspect-ratio: 1/0.668;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  .oiraseImg--small {
    aspect-ratio: 1/0.55;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
  }

  .oiraseImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* oirase__slide */
  .oirase__slide-wrap {
    max-height: 380px;
  }

  /* gideMap */
  .close {
    width: 3%;
    top: 2%;
  }
}/* pc 1025px */

/* ============================
footprints--second
===============================*/
.footprints--second {
  position: absolute;
  transform: translateY(80%);
  z-index: -1;
}

.footprints--second .footprints--rabbit {
  width: 300px;
  height: 400px;
  transform: scale(-1, 1);
}

.rabbitFoot--second {
  opacity: 0;
}

@media screen and (min-width: 1025px) {
  .footprints--second {
    position: absolute;
    transform: translateY(110%);
    left: 3%;
  }

  .footprints--second .footprints--rabbit {
    width: 600px;
    height: 800px;
  }
}/* pc 1025px */

/* ==========================
experience kokedama__container
=============================*/
.tour__container.kokedama__container {
  margin-top: 128px;
}

.kokedama__container .tour__group-title {
  justify-content: right;
}

.kokedama__img {
  display: grid;
  grid-template-columns: 1fr 0.425fr;
  gap: 8px;
  overflow: hidden;
}

.kokedamaImg--big {
  width: 100%;
  aspect-ratio: 1/0.974;
  object-fit: cover;
}

.kokedamaImg--medium {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}

.infoNote {
  display: block;
}

.text--gray {
  color:  #545353;
}

.kokedama__container .emphasis {
  margin: 0;
}

/* kokedama__container pc */
@media screen and (min-width: 1025px) {
  .tour__container.kokedama__container {
    margin-top: 250px;
  }

  .kokedama__img {
    width: 72.1%;
    aspect-ratio: 1/0.462;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 0.37fr;
    gap: 24px;
    overflow: hidden;
  }

  .kokedamaImg--big {
    aspect-ratio: 1/0.649;
  }

  .kokedamaImg--medium {
    height: 100%;
    object-fit: contain;
  }

  .infoText.flex-column {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .kokedama__container .info__table:nth-child(4) .infoText {
    align-items: center;
    gap: 16px;
  }
}/* pc 1025px */

/* ==========================
experience sobauchi__container
=============================*/
.sobauchi__img {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 0.52fr;
  gap: 8px 8px;
  overflow: hidden;
}

.sobauchiImg--big {
  width: 100%;
  aspect-ratio: 1/0.667;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}

.sobauchiImg--medium {
  width: 100%;
  aspect-ratio: 1/0.714;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}

.sobauchiImg--small {
  width: 100%;
  aspect-ratio: 1/0.714;
  background-size: contain;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}

/* sobauchi__container pc */
@media screen and (min-width: 1025px) {
  .sobauchi__img {
    width: 79%;
    aspect-ratio: 1/0.422;
    margin: 0 auto;
    grid-template-columns: 1fr 0.5fr;
    grid-template-rows: 1fr 0.83fr;
    gap: 24px 24px;
  }

  .sobauchiImg--big {
    aspect-ratio: 1/0.649;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }

  .sobauchiImg--medium {
    aspect-ratio: 1/0.668;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  .sobauchiImg--small {
    aspect-ratio: 1/0.55;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
  }
}/* pc 1025px */