@charset "UTF-8";

/*
  共通項目
------------------------------------*/
.pc_none {
  display: none !important;
}
@media screen and (max-width: 767px ) {
  .pc_none {
    display: block !important;
  }
}
.sp_none {
  display: block !important;
}
@media screen and (max-width: 767px ) {
  .sp_none {
    display: none !important;
  }
}

p, ul {
  padding: 0;
  margin: 0;
}

section {
  position: relative;
  z-index: 1;
}

.marker {
  background: linear-gradient(transparent 60%, #fbf138 0%);
  display: inline;
  padding: 0 0.25em;
}
.fc-blue {
  color: #6cabb5;
}
.fs-s {
  font-size: 85%;
}
.fs-l {
  font-size: 150%;
}


/*
  content
------------------------------------*/
#content.page {
  margin-top: 30px;
}
@media screen and (max-width: 767px ) {
  #content.page {
    margin-top: 10px;
  }
}


/*
  mv
------------------------------------*/
.p-mv {
  position: relative;
  z-index: 1;
}
.p-mv h1 {
  font-size: 0;
}
.p-mv h1 img {
  width: 100%;
  margin: 0;
}


/*
  about
------------------------------------*/
.p-about {
  position: relative;
  width: 100%;
  background: #f8ffff;
  margin-inline: auto;
  padding: 5vw 5% 18vw;
}
@media screen and (max-width: 599px) {
  .p-about {
    padding: 13vw 5% 28.5vw;
  }
}
.p-about::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  aspect-ratio: 1600/205;
  background-image: url(../img/gifu_outdoor/img_about_bottom_pc.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-about::after {
    aspect-ratio: 375/62;
    background-image: url(../img/gifu_outdoor/img_about_bottom_sp.jpg);
  }
}
.p-about__inner {
  position: relative;
  width: 50vw;
  margin-inline: auto;
}
@media screen and (max-width: 1199px) {
  .p-about__inner {
    width: 100%;
  }
}
.p-about__inner::before {
  content: '';
  display: block;
  position: absolute;
  top: -4.4vw;
  left: 0;
  width: 12.28vw;
  aspect-ratio: 196.5/87.5;
  background-image: url(../img/gifu_outdoor/img_about_obj01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}
@media screen and (max-width: 1199px) {
  .p-about__inner::before {
    top: 0;
    width: 28.5%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 599px) {
  .p-about__inner::before {
    width: 35%;
    transform: translateY(-85%);
  }
}
.p-about h2 {
  position: relative;
  width: 100%;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-size: 1.875vw;
  font-weight: 700;
  color: #000;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .p-about h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 599px) {
  .p-about h2 {
    font-size: 17px;
  }
}
.p-about_desc p {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-size: 1.25vw;
  font-weight: 700;
  color: #000;
  text-align: center;
  margin-top: 2em;
}
@media screen and (max-width: 1199px) {
  .p-about p {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-about p {
    margin-top: 1em;
  }
}
@media screen and (max-width: 599px) {
  .p-about p {
    font-size: 14px;
  }
}
.p-about_img img {
  border-radius: 20px;
}
.p-about_img .img01::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 34%;
  aspect-ratio: 112/117;
  background-image: url(../img/gifu_outdoor/img_about_obj02.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: translate(-85%, -45%);
  pointer-events: none;
}
@media screen and (max-width: 1199px) {
  .p-about_img .img01::after {
    width: 44.5%;
    transform: translate(-95%, 0);
  }
}
.p-about_img .img03::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 68.5%;
  aspect-ratio: 155/71;
  background-image: url(../img/gifu_outdoor/img_about_obj03.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: translate(40%, -45%);
  pointer-events: none;
}
@media screen and (max-width: 1199px) {
  .p-about_img .img03::after {
    width: 70.5%;
    transform: translate(15%, -60%);
  }
}
@media screen and (min-width: 1200px) {
  .p-about_img .img01 {
    position: absolute;
    top: 20.5%;
    right: 4%;
    width: 20.5%;
  }
  .p-about_img .img02 {
    position: absolute;
    top: 0;
    left: 4%;
    width: 13.25%;
  }
  .p-about_img .img03 {
    position: absolute;
    top: 32.5%;
    left: 10.6%;
    width: 14.125%;
  }
}
@media screen and (max-width: 1199px) {
  .p-about_img {
    position: relative;
    width: 90%;
    margin: 50px auto 0;
  }
  .p-about_img .img01 {
    position: relative;
    width: 68.5%;
    /* max-width: 330px; */
    margin: 0 5% 0 auto;
  }
  .p-about_img .img02 {
    position: absolute;
    bottom: 8.8vw;
    left: -1.5%;
    width: 47%;
  }
  .p-about_img .img03 {
    position: relative;
    width: 44.5%;
    /* max-width: 225px; */
    margin: 20vw 2.5% 0 auto;
  }
}


/*
  plan
------------------------------------*/
.p-plan {
  position: relative;
  background-color: #FFFFFF;
  padding: 100px 0 160px;
}
@media screen and (max-width: 767px ) {
  .p-plan {
    padding: 60px 0 100px;
  }
}
.p-plan .p-plan__inner {
  position: relative;
  width: 67.5vw;
  margin-inline: auto;
}
@media screen and (max-width: 1600px) {
  .p-plan .p-plan__inner {
    width: 90%;
    max-width: 1080px;
  }
}
.p-plan .p-plan_ttl {
  position: relative;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  line-height: 1.4;
  color: #000;
  text-align: center;
}
@media screen and (max-width: 599px ) {
  .p-plan .p-plan_ttl {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .p-plan .p-plan_ttl .marker {
    position: relative;
  }
}
.p-plan .p-plan_ttl .marker::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  aspect-ratio: 35/50;
  background-image: url(../img/gifu_outdoor/img_plan_obj01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  transform: translate(100%, -100%);
}
@media screen and (max-width: 767px) {
  .p-plan .p-plan_ttl .marker::before {
    right: 2.5%;
    width: 27px;
    transform: translateY(-90%);
  }
}
.p-plan .p-plan_desc {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.8;
  text-align: center;
  margin-top: 0.5em;
}
@media screen and (max-width: 599px ) {
  .p-plan .p-plan_desc {
    font-size: 14px;
  }
}

/*
  tours
------------------------------------*/
.p-plan .tours {
  margin-top: 40px;
}
@media screen and (max-width: 767px ) {
  .p-plan .tours {
    margin-top: 30px;
  }
}
@media screen and (max-width: 479px ) {
  .p-plan .tours {
    margin-top: 20px;
  }
}
#content .tour a .text .price {
  height: auto;
}
#content .tour a .text .price table.tbl-campaign tr th {
  color: #ba3f2d;
  font-size: 15px;
  letter-spacing: 0.05em;
  font-weight: 700;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #content .tour a .text .price table.tbl-campaign tr th {
    display: none;
  }
}
#content .tour a .text .price table.tbl-campaign tr td {
  color: #ba3f2d;
  font-size: 20px;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
}
@media screen and (max-width: 767px) {
  #content .tour a .text .price table.tbl-campaign tr td {
    font-size: 17px;
    text-align: left;
  }
}
#content .tour a .text .price table.tbl-campaign tr td span.campaign {
  display: none;
}
@media screen and (max-width: 767px) {
  #content .tour a .text .price table.tbl-campaign tr td span.campaign {
    display: inline;
    font-size: 13px;
    letter-spacing: -0.12em;
    vertical-align: baseline;
  }
}