@charset "UTF-8";
:root {
  --header-height: 112px;
}

@media screen and (max-width: 768px) {
  :root {
    --header-height: min(17.0666666667vw, 64px);
    --header-height: 17.0666666667vw;
  }
}
header {
  position: relative;
}

.wrap {
  margin-top: calc(var(--header-height) * -1);
  padding-top: 0;
}

#keyvisual {
  padding-top: calc(var(--header-height) + 58px);
  height: 940px;
  background: linear-gradient(45deg, #e6e6e6 0%, #f6f6f6 37%, #ffffff 52%, #f6f6f6 69%, #e6e6e6 100%);
  position: relative;
}
#keyvisual::before {
  content: "";
  display: block;
  position: absolute;
  width: min(5.8333333333vw, 77px);
  height: min(39.5454545455vw, 522px);
  background: url(../img/top/mainvisual_title.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  left: 0;
  bottom: 10%;
}
#keyvisual .box_kv {
  height: 632px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
#keyvisual .img_kv {
  width: 56.4583333333%;
  height: 100%;
  position: relative;
}
#keyvisual .img_kv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
#keyvisual .inner {
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
}
#keyvisual .inner .box_text {
  width: 372px;
  padding-top: 40px;
}
#keyvisual .inner .box_text .catch {
  font-size: 24px;
  font-family: "inter", "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#keyvisual .inner .box_text .text {
  margin-top: 30px;
  font-size: 18px;
  line-height: 2;
}
#keyvisual .inner .box_text .text p + p {
  margin-top: 36px;
}
@media screen and (max-width: 1023px) {
  #keyvisual {
    height: auto;
    padding-bottom: 6em;
  }
  #keyvisual::before {
    content: none;
  }
  #keyvisual .box_kv {
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #keyvisual .box_kv::before {
    content: "";
    display: block;
    position: absolute;
    width: min(7.5268817204vw, 77px);
    height: min(51.0263929619vw, 522px);
    background: url(../img/top/mainvisual_title.png) no-repeat center top;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  #keyvisual .img_kv {
    width: 88.3675464321%;
    height: auto;
  }
  #keyvisual .inner {
    display: contents;
  }
  #keyvisual .inner .box_text {
    width: 88.3675464321%;
    padding-top: min(3.9100684262vw, 40px);
  }
  #keyvisual .inner .box_text .catch {
    font-size: min(2.3460410557vw, 24px);
  }
  #keyvisual .inner .box_text .text {
    margin-top: 1.6em;
    font-size: min(1.7595307918vw, 18px);
  }
  #keyvisual .inner .box_text .text p + p {
    margin-top: 1.8em;
  }
}
@media screen and (max-width: 768px) {
  #keyvisual {
    padding-bottom: 3.4em;
    padding-top: var(--header-height);
  }
  #keyvisual .box_kv {
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #keyvisual .box_kv::before {
    content: "";
    display: block;
    position: absolute;
    width: min(8.5333333333vw, 77px);
    height: min(57.6vw, 522px);
  }
  #keyvisual .img_kv {
    width: 85.3333333333%;
    height: min(77.0666666667vw, 289px);
  }
  #keyvisual .inner {
    display: contents;
  }
  #keyvisual .inner .box_text {
    width: 85.3333333333%;
    padding-top: 1.5em;
    padding-right: 5%;
  }
  #keyvisual .inner .box_text .catch {
    font-size: min(5.3333333333vw, 24px);
  }
  #keyvisual .inner .box_text .text {
    margin-top: 1.2em;
    font-size: min(4.2666666667vw, 18px);
  }
  #keyvisual .inner .box_text .text p + p {
    margin-top: 2em;
  }
}

.area_anchor {
  padding-top: 6.3em;
  background: #fff;
}
.area_anchor .inner {
  max-width: 950px;
}
@media screen and (max-width: 1023px) {
  .area_anchor {
    padding-top: 6.2em;
  }
}
@media screen and (max-width: 768px) {
  .area_anchor {
    padding-top: 3.7em;
  }
}

.ul_anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 min(2em, 30px);
}
.ul_anchor li {
  width: 50%;
}
.ul_anchor li a {
  width: 100%;
  padding: 1.2em 1.2em 1.4em;
  display: block;
  border: 2px solid #e1e1e1;
  border-radius: 4px;
  position: relative;
  line-height: 1;
}
.ul_anchor li a::after {
  content: "";
  display: block;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask: url(../img/common/icon_arrow_hori.svg);
          mask: url(../img/common/icon_arrow_hori.svg);
  background-color: #fff;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  vertical-align: middle;
  position: absolute;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  margin: auto;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
  .ul_anchor li a::after {
    width: min(3.7333333333vw, 16px);
    height: min(3.7333333333vw, 16px);
  }
}
.ul_anchor li a .tit1 {
  font-size: min(1.3685239492vw, 14px);
  color: #B90101;
}
.ul_anchor li a .title {
  margin-top: 0.7em;
  font-size: min(1.7595307918vw, 18px);
  font-family: "ZenKakuGothicNew-Medium", serif;
}
@media screen and (min-width: 769px) {
  .ul_anchor li a:hover {
    border-color: #B90101;
    background: #B90101;
  }
  .ul_anchor li a:hover .tit1, .ul_anchor li a:hover .title {
    color: #fff;
  }
  .ul_anchor li a:hover::after {
    background-color: #fff;
  }
}
@media screen and (max-width: 1023px) {
  .ul_anchor {
    margin-top: 1em;
    gap: 1em 1em;
  }
}
@media screen and (max-width: 768px) {
  .ul_anchor {
    margin-top: 0;
    gap: 1em 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ul_anchor li {
    width: 100%;
  }
  .ul_anchor li a {
    padding: 1.2em;
  }
  .ul_anchor li a::after {
    right: 1.1em;
  }
  .ul_anchor li a .tit1 {
    font-size: min(3.2vw, 14px);
  }
  .ul_anchor li a .title {
    margin-top: 0.4em;
    font-size: min(4.2666666667vw, 18px);
  }
}

.area_experience {
  padding-top: 6.3em;
  background: #fff;
}
@media screen and (max-width: 1023px) {
  .area_experience {
    padding-top: 6.2em;
  }
}
@media screen and (max-width: 768px) {
  .area_experience {
    padding-top: 3.7em;
  }
}
.area_experience .box_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.area_experience .box_title .tit_left .en {
  font-family: "inter", "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.area_experience .box_title .title,
.area_experience .box_title .text {
  width: 40%;
}
.area_experience .box_title .text {
  min-width: 410px;
  margin-top: -0.2em;
  font-size: min(1.3636363636vw, 18px);
  line-height: 2;
}
@media screen and (max-width: 1023px) {
  .area_experience .box_title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .area_experience .box_title .title,
  .area_experience .box_title .text {
    width: 100%;
  }
  .area_experience .box_title .text {
    min-width: 100%;
    margin-top: 1.8em;
    font-size: min(1.7595307918vw, 18px);
  }
}
@media screen and (max-width: 768px) {
  .area_experience .box_title .text {
    margin-top: 1.2em;
    font-size: min(4.2666666667vw, 18px);
  }
}
.area_experience .ol_progress {
  margin-top: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.area_experience .ol_progress li {
  width: min(38.7121212121vw, 511px);
  margin-bottom: 6.4em;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .area_experience .ol_progress li:nth-child(even) {
    margin-top: 4.9em;
    margin-left: min(8.6363636364vw, 114px);
  }
  .area_experience .ol_progress li:last-child {
    margin-bottom: 6em;
  }
}
.area_experience .ol_progress li .time {
  width: min(7.5757575758vw, 100px);
  height: min(7.5757575758vw, 100px);
  border: 1px solid #e1e1e1;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: min(2.1212121212vw, 28px);
  position: absolute;
  top: -2.7em;
  left: -1em;
  z-index: 1;
}
.area_experience .ol_progress li .img {
  -webkit-box-shadow: 3px 3px 0px 0px #EFEFEF;
          box-shadow: 3px 3px 0px 0px #EFEFEF;
}
.area_experience .ol_progress li .text {
  margin: -1.2em 0 0 1.3em;
  padding: 2.8em 0 0em 1.7em;
  border-left: 1px solid #e1e1e1;
  position: relative;
  line-height: 2;
}
@media screen and (max-width: 1023px) {
  .area_experience .ol_progress {
    margin-top: 6.5em;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .area_experience .ol_progress li {
    width: 56.4784053156%;
    margin-bottom: 6em;
  }
  .area_experience .ol_progress li:nth-child(even) {
    margin-left: 43.5215946844%;
  }
  .area_experience .ol_progress li .time {
    width: min(9.7751710655vw, 100px);
    height: min(9.7751710655vw, 100px);
    font-size: min(2.7370478983vw, 28px);
    top: -2.7em;
    left: -1em;
    z-index: 1;
  }
  .area_experience .ol_progress li .text {
    width: 92%;
    margin: -1.25em 0 0 1.3em;
    padding: 2.6em 0 0em 1.7em;
    font-size: min(1.5640273705vw, 18px);
  }
}
@media screen and (max-width: 768px) {
  .area_experience .ol_progress {
    margin-top: 4.75em;
  }
  .area_experience .ol_progress li {
    width: 100%;
    margin-bottom: 4.2em;
  }
  .area_experience .ol_progress li:nth-child(even) {
    margin-left: 0;
  }
  .area_experience .ol_progress li:last-child {
    margin-bottom: 3.45em;
  }
  .area_experience .ol_progress li .time {
    width: min(16vw, 100px);
    height: min(16vw, 100px);
    font-size: min(5.3333333333vw, 28px);
    top: -2.6em;
    left: -0.4em;
  }
  .area_experience .ol_progress li .text {
    width: 93%;
    margin: -1.15em 0 0 1.1em;
    padding: 2.4em 0 0em 1.2em;
    font-size: min(3.7333333333vw, 18px);
  }
}
.area_experience .area_conclusion {
  height: 592px;
  padding-top: 250px;
  background: url(../img/experience/season_bg.jpg) no-repeat center;
  background-size: cover;
}
.area_experience .area_conclusion .dl_conclusion {
  width: 480px;
  color: #fff;
}
.area_experience .area_conclusion .dl_conclusion dt {
  font-size: 28px;
  font-family: "inter", "ZenKakuGothicNew-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.area_experience .area_conclusion .dl_conclusion dd {
  margin-top: 32px;
  line-height: 2;
  font-size: 16px;
}
.area_experience .area_conclusion.oneday {
  padding-top: 192px;
  background: url(../img/experience/oneday_bg.jpg) no-repeat center;
  background-size: cover;
}
.area_experience .area_conclusion.oneday .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.area_experience .area_conclusion.oneday .dl_conclusion {
  width: 450px;
  margin-right: 1.6em;
}
.area_experience .area_conclusion.oneday .dl_conclusion dd p + p {
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .area_experience .area_conclusion {
    height: min(57.8690127077vw, 592px);
    padding-top: min(19.550342131vw, 250px);
    background: url(../img/experience/season_bg_sp.jpg) no-repeat center;
    background-size: cover;
  }
  .area_experience .area_conclusion .dl_conclusion {
    width: 480px;
  }
  .area_experience .area_conclusion .dl_conclusion dt {
    font-size: min(2.7370478983vw, 28px);
  }
  .area_experience .area_conclusion .dl_conclusion dd {
    margin-top: 32px;
    font-size: min(1.5640273705vw, 16px);
  }
  .area_experience .area_conclusion.oneday {
    padding-top: min(18.7683284457vw, 192px);
    background: url(../img/experience/oneday_bg_sp.jpg) no-repeat center;
    background-size: cover;
  }
  .area_experience .area_conclusion.oneday .dl_conclusion {
    width: 450px;
    margin-right: 1.6em;
  }
  .area_experience .area_conclusion.oneday .dl_conclusion dd p + p {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .area_experience .area_conclusion {
    height: min(128vw, 592px);
    padding-top: 11.7em;
  }
  .area_experience .area_conclusion .dl_conclusion {
    width: 100%;
  }
  .area_experience .area_conclusion .dl_conclusion dt {
    font-size: min(5.3333333333vw, 28px);
  }
  .area_experience .area_conclusion .dl_conclusion dd {
    margin-top: 1.3em;
    font-size: min(3.7333333333vw, 16px);
  }
  .area_experience .area_conclusion.oneday {
    padding-top: 7.2em;
  }
  .area_experience .area_conclusion.oneday .dl_conclusion {
    width: 100%;
    margin: auto;
  }
  .area_experience .area_conclusion.oneday .dl_conclusion dd p + p {
    margin-top: 30px;
  }
}
/*# sourceMappingURL=experience.css.map */