@charset "UTF-8";
.home-btn {
  width: 63.9344262295%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .home-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.home-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 15px;
  background: #002c5a url(../img/common/ico_arrow_g.svg) no-repeat right 15px center;
  background-size: 6px auto;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  border-radius: 2em;
}
@media screen and (min-width: 768px) {
  .home-btn a {
    font-size: 1.6rem;
  }
}

.home-bg {
  background: linear-gradient(to bottom, #cfb67b 1%, #FFF, #FFF);
}
@media screen and (min-width: 768px) {
  .home-bg {
    background: linear-gradient(to bottom, #cfb67b, #FFF);
  }
}

.home-search {
  display: none !important;
  padding-block: 15px 30px;
}
@media screen and (min-width: 1024px) {
  .home-search {
    display: block !important;
  }
}
.home-search .search-wrap {
  display: flex;
  justify-content: center;
  -moz-column-gap: 25px;
       column-gap: 25px;
}
.home-search .search-main {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 10px;
       column-gap: 10px;
  width: 100%;
  max-width: 310px;
}
.home-search .search-main input {
  flex: 1;
  padding: 10px 15px;
  background-color: #fff;
  border: none;
  font-size: 1.2rem;
  border-radius: 5px;
}
.home-search .search-main .search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 50px;
  background-color: #002c5a;
  border-radius: 5px;
}
.home-search .search-main .search-btn img {
  width: 1.4rem;
}
.home-search .search-tag {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.home-search .search-tag p {
  display: inline-block;
}
.home-search .search-tag p a {
  display: block;
  text-decoration: none;
  padding: 10px 1em;
  background-color: #eef3fa;
  text-align: center;
  font-size: 1.2rem;
  color: #002c5a;
  border-radius: 2em;
}

.home-mainimg {
  overflow: hidden;
  padding-block: 5.3333333333% 6.6666666667%;
}
@media screen and (min-width: 1024px) {
  .home-mainimg {
    padding-block: 0;
  }
}
.home-mainimg img {
  border-radius: 5px;
}
.home-mainimg .mainimg-ttl {
  margin-bottom: 5.3333333333%;
  padding-inline: 4%;
  font-size: 2.4rem;
  color: #002c5a;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .home-mainimg .mainimg-ttl {
    display: none;
  }
}
.home-mainimg .main-swiper {
  position: relative;
  margin-bottom: 5.3333333333%;
  padding-inline: 4%;
  overflow: visible;
}
@media screen and (min-width: 768px) {
  .home-mainimg .main-swiper {
    margin-bottom: 20px;
    padding-inline: 0;
  }
}
.home-mainimg .main-swiper .swiper-slide {
  transform: scale(0.85);
}
.home-mainimg .main-swiper .swiper-slide.swiper-slide-active {
  transform: scale(1);
  z-index: 2;
}
.home-mainimg .main-swiper .main-btn {
  display: none;
  z-index: 99;
  position: absolute;
  top: 50%;
  width: 40px;
  margin-top: -20px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .home-mainimg .main-swiper .main-btn {
    display: block;
  }
}
.home-mainimg .main-swiper .main-btn._prev {
  left: 17.1428571429%;
}
.home-mainimg .main-swiper .main-btn._next {
  right: 17.1428571429%;
}
.home-mainimg .sub-swiper-wrap {
  position: relative;
  width: 100%;
  max-width: 1250px;
  margin-inline: auto;
  padding-inline: 50px;
}
.home-mainimg .sub-swiper-wrap .sub-swiper {
  width: 100%;
  overflow: hidden;
}
.home-mainimg .sub-swiper-wrap .swiper-slide-thumb-active {
  border: 5px solid #a5864c;
  border-radius: 10px;
}
.home-mainimg .sub-swiper-wrap .sub-btn {
  z-index: 10;
  position: absolute;
  top: 50%;
  width: 5.6%;
  margin-top: -2.8%;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .home-mainimg .sub-swiper-wrap .sub-btn {
    width: 36px;
    margin-top: -16px;
  }
}
.home-mainimg .sub-swiper-wrap .sub-btn._prev {
  left: 0;
  margin-left: 10px;
}
@media screen and (min-width: 1280px) {
  .home-mainimg .sub-swiper-wrap .sub-btn._prev {
    margin-left: 0;
  }
}
.home-mainimg .sub-swiper-wrap .sub-btn._next {
  right: 0;
  margin-right: 10px;
}
@media screen and (min-width: 1280px) {
  .home-mainimg .sub-swiper-wrap .sub-btn._next {
    margin-right: 0;
  }
}

.home-important {
  display: none !important;
}
@media screen and (min-width: 1024px) {
  .home-important {
    display: block !important;
    padding-block: 40px 110px;
  }
}
.home-important .important-main {
  display: flex;
  align-items: center;
  -moz-column-gap: 2em;
       column-gap: 2em;
  width: 100%;
  max-width: 1000px;
  margin-inline: auto;
  padding: 15px 20px;
  border: 1px solid #df0002;
  border-radius: 5px;
}
.home-important .important-heading {
  width: 5em;
  padding: 5px;
  border: 1px solid #df0002;
  font-size: 1.2rem;
  font-weight: 700;
  color: #df0002;
  text-align: center;
  line-height: 1;
}
.home-important ul {
  flex: 1;
}
.home-important ul li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 2px 30px 2px 0;
  background: url(../img/common/ico_arrow_red.svg) no-repeat right center;
  background-size: 25px auto;
  font-size: 1.4rem;
}
.home-important ul li a span {
  width: 8em;
  border-right: 1px solid #000;
}
.home-important ul li a p {
  flex: 1;
  padding-left: 2em;
}

.home-toppick .toppick-top {
  margin-bottom: 40px;
}
.home-toppick .toppick-top .toppick-heading {
  font-size: 3rem;
  color: #002c5a;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .home-toppick .toppick-top .toppick-heading {
    font-size: 4.2rem;
  }
}
.home-toppick .toppick-main {
  margin-bottom: 17.3333333333%;
}
@media screen and (min-width: 768px) {
  .home-toppick .toppick-main {
    margin-bottom: 120px;
  }
}
.home-toppick .toppick-main .inner {
  padding: 0 0 0 7.3333333333%;
}
@media screen and (min-width: 768px) {
  .home-toppick .toppick-main .inner {
    padding-inline: 20px;
  }
}
.home-toppick .toppick-main .toppick-list {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .home-toppick .toppick-main .toppick-list .toppick-list-slider {
    display: flex;
    -moz-column-gap: 3.3333333333%;
         column-gap: 3.3333333333%;
  }
}
.home-toppick .toppick-main .toppick-list .toppick-list-slider li {
  width: 69.0647482014% !important;
  margin-right: 4.3165467626% !important;
}
@media screen and (min-width: 768px) {
  .home-toppick .toppick-main .toppick-list .toppick-list-slider li {
    width: 48.3333333333%;
    margin-right: 0 !important;
  }
}
.home-toppick .toppick-main .toppick-list .toppick-list-slider li a {
  display: block;
  text-decoration: none;
  padding: 15px 20px;
  background-color: #eef3fa;
  color: #002c5a;
}
@media screen and (min-width: 768px) {
  .home-toppick .toppick-main .toppick-list .toppick-list-slider li a {
    display: flex;
    -moz-column-gap: 4.3103448276%;
         column-gap: 4.3103448276%;
    border-radius: 10px;
  }
}
.home-toppick .toppick-main .toppick-list .toppick-list-slider li .toppick-fig {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .home-toppick .toppick-main .toppick-list .toppick-list-slider li .toppick-fig {
    width: 48.275862069%;
    margin-bottom: 0;
  }
}
.home-toppick .toppick-main .toppick-list .toppick-list-slider li .toppick-fig img {
  border-radius: 10px;
}
.home-toppick .toppick-main .toppick-list .toppick-list-slider li .toppick-box {
  flex: 1;
}
.home-toppick .toppick-main .toppick-list .toppick-list-slider li .toppick-box .toppick-name {
  margin-block: 15px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #002c5a;
}
.home-toppick .toppick-main .toppick-list .toppick-list-slider li .toppick-item p {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  color: #002c5a;
}
.home-toppick .toppick-main .toppick-list .toppick-list-slider li .toppick-item p:last-child {
  margin-bottom: 0;
}
.home-toppick .toppick-main .toppick-list .toppick-list-slider li .toppick-item p .ico-calendar {
  width: 1.4rem;
  margin-top: 0.3em;
  margin-right: 8px;
}
.home-toppick .toppick-main .toppick-list .toppick-list-slider li .toppick-item p .ico-pin {
  width: 1.1rem;
  margin-top: 0.1em;
  margin-right: 10px;
}
.home-toppick .toppick-main .toppick-list .toppick-list-slider li .toppick-item p span {
  flex: 1;
  font-size: 1.4rem;
}
.home-toppick .toppick-tool {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 4.4776119403%;
       column-gap: 4.4776119403%;
  margin-top: 7.4626865672%;
  padding-inline: 5.3333333333%;
}
@media screen and (min-width: 768px) {
  .home-toppick .toppick-tool {
    display: none;
  }
}
.home-toppick .toppick-tool .slide-btn {
  width: 8.0597014925%;
}
.home-toppick .toppick-tool .swiper-pagination-bullets {
  position: static;
  width: auto;
}
.home-toppick .toppick-tool .swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important;
  margin: 0 15px !important;
  background: #002c5a !important;
}

.home-slider-tool {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 25px;
       column-gap: 25px;
}
.home-slider-tool button {
  width: 36px;
}
.home-slider-tool .swiper-pagination {
  position: static;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 15px;
  width: -moz-fit-content;
  width: fit-content;
}
.home-slider-tool .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0;
  background-color: #c2ccd7;
  opacity: 1;
}
.home-slider-tool .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #002c5a;
}

.home-nagoya {
  padding-bottom: 90px;
}
.home-nagoya .nagoya-bg {
  position: relative;
  background-color: #a42001;
  overflow: hidden;
  padding-top: min(8em, 30dvw);
  padding-bottom: 29.3333333333%;
}
@media screen and (min-width: 768px) {
  .home-nagoya .nagoya-bg {
    padding-top: min(8em, 9dvw);
    padding-bottom: 140px;
  }
}
.home-nagoya .nagoya-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(8em + 210px);
  background: #FFFFFF;
}
@media screen and (min-width: 768px) {
  .home-nagoya .nagoya-bg::before {
    height: calc(8em + 210px);
  }
}
.home-nagoya .nagoya-bg .inner {
  position: relative;
}
.home-nagoya .nagoya-bg .nagoya-acc-ttl {
  position: absolute;
  width: min(430px, 59.7dvw);
  top: 0;
  left: 50%;
  translate: -50% 0;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .home-nagoya .nagoya-bg .nagoya-acc-ttl {
    width: min(629px, 50dvw);
    left: 3.5em;
    translate: 0;
  }
}
.home-nagoya .nagoya-head {
  padding-block: 45px;
}
@media screen and (min-width: 768px) {
  .home-nagoya .nagoya-head {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    -moz-column-gap: 25px;
         column-gap: 25px;
    max-width: 1284px;
    margin-inline: auto;
  }
}
.home-nagoya .nagoya-head .nagoya-heading {
  margin-top: 20px;
  color: #002c5a;
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .home-nagoya .nagoya-head .nagoya-heading {
    margin-top: 0;
    font-size: 2rem;
    text-align: left;
  }
}
.home-nagoya .nagoya-head .nagoya-heading span {
  display: block;
  font-size: 6rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .home-nagoya .nagoya-head .nagoya-heading span {
    font-size: 9rem;
  }
}
.home-nagoya .nagoya-main {
  position: relative;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .home-nagoya .nagoya-main {
    max-width: 1000px;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  .home-nagoya .nagoya-main figure {
    width: 120%;
  }
}
.home-nagoya .nagoya-ttl {
  margin-bottom: 20px;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .home-nagoya .nagoya-ttl {
    font-size: 3rem;
  }
}
.home-nagoya .nagoya-txt {
  margin-bottom: 25px;
  color: #fff;
  line-height: 2;
}
.home-nagoya .home-btn {
  min-width: min(332px, 100%);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .home-nagoya .home-btn {
    margin-inline: 0;
  }
}
.home-nagoya .home-btn a {
  background-color: #fff;
  background-image: url("../img/common/ico_arrow.svg");
  color: #002c5a;
}
.home-nagoya .nagoya-slider {
  margin-top: -75px;
  padding-inline: 5.3333333333%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .home-nagoya .nagoya-slider {
    padding-inline: 0;
  }
}
.home-nagoya .nagoya-slider .nagoya-swiper ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 20px;
}
@media screen and (min-width: 768px) {
  .home-nagoya .nagoya-slider .nagoya-swiper ul {
    flex-wrap: initial;
    justify-content: initial;
  }
}
.home-nagoya .nagoya-slider .nagoya-swiper ul li {
  width: 47.0149253731%;
}
@media screen and (min-width: 768px) {
  .home-nagoya .nagoya-slider .nagoya-swiper ul li {
    width: auto;
  }
}
.home-nagoya .nagoya-slider .nagoya-swiper ul li a {
  display: block;
  text-decoration: none;
}
.home-nagoya .nagoya-slider .nagoya-swiper ul li a figure {
  position: relative;
  margin-bottom: 10px;
}
.home-nagoya .nagoya-slider .nagoya-swiper ul li a figure::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 5px;
  background-color: #bbd8ff;
}
@media screen and (min-width: 768px) {
  .home-nagoya .nagoya-slider .nagoya-swiper ul li a figure::before {
    display: none;
  }
}
.home-nagoya .nagoya-slider .nagoya-swiper ul li a figure img {
  position: relative;
  aspect-ratio: 278/139;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.home-nagoya .nagoya-slider .nagoya-swiper ul li a .nagoya-slider-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  margin-bottom: 10px;
}
.home-nagoya .nagoya-slider .nagoya-swiper ul li a .nagoya-slider-cats span {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 1em;
  color: #002c5a;
}
.home-nagoya .nagoya-slider .nagoya-swiper ul li a .nagoya-slider-cats span._cat1 {
  background-color: #bbd8ff;
}
.home-nagoya .nagoya-slider .nagoya-swiper ul li a .nagoya-slider-cats span._cat2 {
  background-color: #dedaff;
}
.home-nagoya .nagoya-slider .nagoya-swiper ul li a p span {
  padding: 2px 10px;
  background-color: #eef3fa;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  color: #002c5a;
  font-weight: 500;
  line-height: 1.8;
}
.home-nagoya .nagoya-slider .home-slider-tool {
  display: none;
  margin-top: 45px;
}
@media screen and (min-width: 768px) {
  .home-nagoya .nagoya-slider .home-slider-tool {
    display: flex;
  }
}

.home-meguru {
  position: relative;
  padding-block: 13.3333333333% 17.3333333333%;
}
@media screen and (min-width: 768px) {
  .home-meguru {
    padding-block: 100px 140px;
  }
}
.home-meguru::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 476px;
  background: #FFFFFF;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(251, 235, 179) 100%);
}
.home-meguru .meguru-head {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  gap: 40px 6.6666666667%;
  margin-bottom: 17.9104477612%;
}
@media screen and (min-width: 768px) {
  .home-meguru .meguru-head {
    flex-direction: row;
    margin-bottom: 80px;
  }
}
.home-meguru .meguru-head .meguru-head-con {
  flex: 1;
}
@media screen and (min-width: 768px) {
  .home-meguru .meguru-head .meguru-head-con .meguru-head-in {
    max-width: 460px;
    margin-left: auto;
  }
}
.home-meguru .meguru-head .meguru-head-con .meguru-head-ttl {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-bottom: 25px;
  line-height: 1.4;
}
.home-meguru .meguru-head .meguru-head-con .meguru-head-ttl span {
  color: #002c5a;
  font-size: 2.2rem;
}
@media screen and (min-width: 768px) {
  .home-meguru .meguru-head .meguru-head-con .meguru-head-ttl span {
    font-size: 2.8rem;
  }
}
.home-meguru .meguru-head .meguru-head-con .meguru-head-txt {
  margin-bottom: 20px;
  color: #002c5a;
}
.home-meguru .meguru-head .meguru-head-con .home-btn {
  width: 83.5820895522%;
}
@media screen and (min-width: 768px) {
  .home-meguru .meguru-head .meguru-head-con .home-btn {
    margin-inline: 0;
    min-width: min(332px, 100%);
  }
}
@media screen and (min-width: 768px) {
  .home-meguru .meguru-head figure {
    width: 46.5%;
  }
}
.home-meguru .meguru-first {
  position: relative;
  overflow: hidden;
}
.home-meguru .meguru-first .meguru-first-ttl {
  margin-bottom: 10px;
  color: #002c5a;
  font-size: 3.2rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .home-meguru .meguru-first .meguru-first-ttl {
    font-size: 4.2rem;
  }
}
.home-meguru .meguru-first .meguru-first-lead {
  position: relative;
  margin-bottom: 30px;
  font-size: 1.8rem;
  text-align: center;
  color: #002c5a;
}
@media screen and (min-width: 768px) {
  .home-meguru .meguru-first .meguru-first-lead {
    font-size: 2rem;
  }
}
.home-meguru .meguru-first .meguru-first-lead::before, .home-meguru .meguru-first .meguru-first-lead::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 1px;
  height: 3em;
  background-color: #002c5a;
}
@media screen and (min-width: 768px) {
  .home-meguru .meguru-first .meguru-first-lead::before, .home-meguru .meguru-first .meguru-first-lead::after {
    display: none;
  }
}
.home-meguru .meguru-first .meguru-first-lead::before {
  right: 2em;
  transform: translateY(-50%) rotate(40deg);
}
.home-meguru .meguru-first .meguru-first-lead::after {
  left: 2em;
  transform: translateY(-50%) rotate(-40deg);
}
.home-meguru .meguru-first .meguru-first-slider {
  margin-bottom: 50px;
  padding-left: 5.3333333333%;
}
@media screen and (min-width: 768px) {
  .home-meguru .meguru-first .meguru-first-slider {
    padding-left: 0;
  }
}
.home-meguru .meguru-first .meguru-first-slider .meguru-first-swiper a {
  text-decoration: none;
}
.home-meguru .meguru-first .meguru-first-slider .meguru-first-swiper figure {
  position: relative;
}
.home-meguru .meguru-first .meguru-first-slider .meguru-first-swiper figure figcaption {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1em;
  padding-top: 8px;
  padding-right: 15px;
  border-top-right-radius: 10px;
  background-color: #fff;
  color: #002c5a;
}
.home-meguru .meguru-first .meguru-first-slider .home-slider-tool {
  margin-top: 25px;
}
.home-meguru .meguru-first .meguru-first-nav {
  display: flex;
  flex-direction: column;
  gap: 20px 24px;
  justify-content: center;
  width: 94.0298507463%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .home-meguru .meguru-first .meguru-first-nav {
    flex-direction: row;
    width: auto;
  }
}
.home-meguru .meguru-first .meguru-first-nav .home-btn {
  width: 100%;
  margin-inline: auto;
}
.home-meguru .meguru-first .meguru-first-nav .home-btn a {
  padding-left: 20px;
  padding-right: 40px;
}

.home-picup {
  padding-block: 9.3333333333% 16%;
  background-color: #eef3fa;
}
@media screen and (min-width: 768px) {
  .home-picup {
    padding-block: 90px 100px;
  }
}
@media screen and (min-width: 768px) {
  .home-picup .picup-wrap {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 7.5%;
         column-gap: 7.5%;
  }
}
.home-picup .picup-top {
  flex: 1;
}
.home-picup .picup-top .picup-ico {
  width: 12.6865671642%;
  margin: 0 auto 20px;
}
@media screen and (min-width: 768px) {
  .home-picup .picup-top .picup-ico {
    width: 57px;
  }
}
.home-picup .picup-top .picup-con {
  margin-bottom: 13.4328358209%;
}
@media screen and (min-width: 768px) {
  .home-picup .picup-top .picup-con {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
  }
}
.home-picup .picup-top .picup-heading {
  margin-bottom: 10px;
  font-size: 2.5rem;
  font-weight: 700;
  color: #002c5a;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .home-picup .picup-top .picup-heading {
    margin-bottom: 0;
    font-size: 3.5rem;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
  }
}
.home-picup .picup-top .picup-lead {
  color: #002c5a;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .home-picup .picup-top .picup-lead {
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
  }
}
@media screen and (min-width: 768px) {
  .home-picup .picup-main {
    width: 83.3333333333%;
  }
}
.home-picup .picup-main ul {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 5.223880597%;
}
@media screen and (min-width: 768px) {
  .home-picup .picup-main ul {
    gap: 60px 2.1%;
  }
}
.home-picup .picup-main ul li {
  width: 47.0149253731%;
}
@media screen and (min-width: 768px) {
  .home-picup .picup-main ul li {
    width: 31.9%;
  }
}
.home-picup .picup-main ul li a {
  display: block;
  text-decoration: none;
}
.home-picup .picup-main ul li a figure {
  aspect-ratio: 2/1;
  background: #fff;
  border-radius: 10px;
}
.home-picup .picup-main ul li a img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 10px;
  box-shadow: 6px 6px 0px 0px rgb(187, 216, 255);
}
.home-picup .picup-main ul li a p {
  margin-top: 20px;
}
.home-picup .picup-main ul li a p span {
  padding: 2px 10px;
  background-color: #fff;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  color: #002c5a;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .home-picup .picup-main ul li a p span {
    font-size: 1.8rem;
  }
}
.home-picup .picup-main .more-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 60px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #002c5a;
  font-size: 1.8rem;
  font-weight: 700;
  color: #002c5a;
  text-align: center;
  border-radius: 0.5em;
  cursor: pointer;
  outline: none;
}
.home-picup .picup-main .more-btn span {
  margin-right: 0.5em;
}
.home-picup .picup-main .more-btn span::after {
  content: "もっと見る";
}

.home-tour {
  background: linear-gradient(180deg, #eef3fa 0%, #eef3fa 10%, #fff 10%, #fff 100%);
}
@media screen and (min-width: 768px) {
  .home-tour {
    background: linear-gradient(180deg, #eef3fa 0%, #eef3fa 20%, #fff 20%, #fff 100%);
  }
}
.home-tour .tour-top {
  position: relative;
  margin-bottom: min(60px, 14dvw);
}
@media screen and (min-width: 768px) {
  .home-tour .tour-top {
    min-height: 420px;
  }
}
.home-tour .tour-top .inner {
  padding-inline: 0;
}
@media screen and (min-width: 768px) {
  .home-tour .tour-top .inner {
    max-width: 1380px;
    padding-bottom: 100px;
    padding-inline: 20px;
  }
}
.home-tour .tour-top .top-box {
  top: 0;
  left: 50%;
  width: 89.3333333333%;
  padding: 8% 6.6666666667%;
  background-color: #f0edd8;
  color: #002c5a;
  border-radius: 10px;
  line-height: 1.6;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .home-tour .tour-top .top-box {
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 700px;
    margin-top: 15.7142857143%;
    margin-left: 0;
    padding: 50px 100px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.home-tour .tour-top .top-box .tour-hint {
  display: inline-block;
  margin-bottom: 20px;
  padding: 5px 1em;
  background-color: #002c5a;
  color: #fff;
  text-align: center;
  border-radius: 2em;
}
@media screen and (min-width: 768px) {
  .home-tour .tour-top .top-box .tour-hint {
    font-size: 1.8rem;
  }
}
.home-tour .tour-top .top-box .tour-heading {
  margin-bottom: 20px;
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .home-tour .tour-top .top-box .tour-heading {
    font-size: 3rem;
  }
}
.home-tour .tour-main {
  padding-bottom: 20%;
}
@media screen and (min-width: 768px) {
  .home-tour .tour-main {
    padding-bottom: 120px;
  }
}
.home-tour .tour-main .tour-con {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 3em 5%;
}
@media screen and (min-width: 768px) {
  .home-tour .tour-main .tour-con {
    flex-direction: row;
  }
}
.home-tour .tour-main .tour-con a {
  display: block;
  text-decoration: none;
}
.home-tour .tour-main .tour-con .tour-fig {
  margin-bottom: 15px;
}
.home-tour .tour-main .tour-con .tour-fig img {
  border-radius: 10px;
  box-shadow: 6px 6px 0px 0px rgb(187, 216, 255);
}
.home-tour .tour-main .tour-con .tour-subheading span {
  padding: 2px 10px;
  background-color: #eef3fa;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  color: #002c5a;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .home-tour .tour-main .tour-con .tour-subheading span {
    font-size: 2.2rem;
  }
}
.home-tour .tour-main .tour-con .tour-txt {
  margin-top: 20px;
  font-size: 1.5rem;
}
.home-tour .tour-main .tour-box {
  flex: 1;
}
.home-tour .tour-main .tour-list {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 4.4776119403%;
}
@media screen and (min-width: 768px) {
  .home-tour .tour-main .tour-list {
    gap: 50px 2.5%;
    width: 54.1666666667%;
  }
}
.home-tour .tour-main .tour-list li {
  width: 47.0149253731%;
}
@media screen and (min-width: 768px) {
  .home-tour .tour-main .tour-list li {
    width: 48.4615384615%;
  }
}
@media screen and (min-width: 768px) {
  .home-tour .tour-main .tour-list li .tour-subheading span {
    font-size: 1.8rem;
  }
}

.home-ee {
  padding-top: 8%;
  padding-bottom: 24%;
  background-color: #eef3fa;
}
@media screen and (min-width: 768px) {
  .home-ee {
    padding-top: 60px;
    padding-bottom: 10px;
  }
}
.home-ee .ee-heading-en {
  color: #002c5a;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
}
.home-ee .ee-heading {
  margin-bottom: 50px;
  color: #002c5a;
  font-size: 2.6rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .home-ee .ee-heading {
    font-size: 4.2rem;
  }
}
.home-ee .ee-sec {
  margin-bottom: 60px;
}
.home-ee .ee-sec-head {
  position: relative;
}
.home-ee .ee-sec-head::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #a5864c;
}
.home-ee .ee-sec-head .ee-sec-ttl {
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 35px;
  padding: 1rem 30px;
  border: 1px solid #002c5a;
  border-radius: 2em;
  background-color: #fff;
  color: #002c5a;
  font-size: 2rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .home-ee .ee-sec-head .ee-sec-ttl {
    margin: 0 0 35px 0;
    font-size: 2.8rem;
  }
}
.home-ee .ee-genre {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px 7.4626865672%;
  width: 94.0298507463%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .home-ee .ee-genre {
    width: auto;
    gap: 35px 40px;
  }
}
.home-ee .ee-genre li {
  width: 27.9365079365%;
}
@media screen and (min-width: 768px) {
  .home-ee .ee-genre li {
    width: -moz-fit-content;
    width: fit-content;
    min-width: min(138px, 100%);
  }
}
.home-ee .ee-genre li a {
  text-decoration: none;
}
.home-ee .ee-genre li a figcaption {
  margin-top: 10px;
  font-size: 1.1rem;
  color: #002c5a;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .home-ee .ee-genre li a figcaption {
    font-size: 1.6rem;
  }
}
.home-ee .ee-map .ee-map-con iframe {
  width: 100%;
  aspect-ratio: 1200/532;
  border: 1px solid #9a9a9a;
}
.home-ee .ee-map .home-btn {
  min-width: min(260px, 100%);
  margin-top: 8.9552238806%;
}
@media screen and (min-width: 768px) {
  .home-ee .ee-map .home-btn {
    margin-right: 0;
    margin-top: 15px;
  }
}
.home-ee .ee-map .home-btn a {
  padding-left: 20px;
  padding-right: 55px;
  background-image: url("../img/common/ico_zoom.svg");
  background-size: 23px auto;
}
.home-ee .ee-ranking {
  overflow: hidden;
}
.home-ee .ee-ranking .tabmenu {
  display: flex;
  justify-content: center;
  gap: 7px;
  margin-bottom: 40px;
}
.home-ee .ee-ranking .tabmenu li {
  padding: 0.5em;
  border-radius: 5px;
  background-color: #fff;
  font-size: 1.4rem;
  color: #002c5a;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .home-ee .ee-ranking .tabmenu li {
    padding: 0.5em 1em;
    font-size: 1.6rem;
  }
}
.home-ee .ee-ranking .tabmenu li.active {
  background-color: #a5864c;
  color: #fff;
}
.home-ee .ee-ranking .ee-list {
  padding-left: 5.9701492537%;
}
@media screen and (min-width: 768px) {
  .home-ee .ee-ranking .ee-list {
    padding-left: 0;
  }
}
.home-ee .ee-ranking .ee-ranking-list {
  margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
  .home-ee .ee-ranking .ee-ranking-list {
    display: flex;
    -moz-column-gap: 2.2166666667%;
         column-gap: 2.2166666667%;
  }
}
@media screen and (min-width: 768px) {
  .home-ee .ee-ranking .ee-ranking-list li {
    width: 23.3333333333%;
  }
}
.home-ee .ee-ranking .ee-ranking-list li a {
  text-decoration: none;
}
.home-ee .ee-ranking .ee-ranking-list li figure {
  position: relative;
}
.home-ee .ee-ranking .ee-ranking-list li figure > img {
  aspect-ratio: 280/210;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-ee .ee-ranking .ee-ranking-list li figure i {
  position: absolute;
  top: 0;
  left: 0;
  width: 22.8571428571%;
  margin-top: -5.3571428571%;
  margin-left: -4.2857142857%;
}
.home-ee .ee-ranking .ee-ranking-list li p {
  margin-top: 10px;
  color: #002c5a;
}
.home-ee .ee-ranking .home-btn {
  min-width: min(222px, 100%);
}
.home-ee .ee-ranking .ee-tool {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 4.4776119403%;
       column-gap: 4.4776119403%;
  margin-top: 7.4626865672%;
  margin-bottom: 8.9552238806%;
  padding-inline: 5.3333333333%;
}
@media screen and (min-width: 768px) {
  .home-ee .ee-ranking .ee-tool {
    display: none;
  }
}
.home-ee .ee-ranking .ee-tool .slide-btn {
  width: 8.0597014925%;
}
.home-ee .ee-ranking .ee-tool .swiper-pagination-bullets {
  position: static;
  width: auto;
}
.home-ee .ee-ranking .ee-tool .swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important;
  margin: 0 15px !important;
  background: #002c5a !important;
}

.event-heading, .guide-heading, .special-heading, .reco-heading {
  margin-bottom: 40px;
  font-size: 4rem;
  color: #a5864c;
  font-weight: 400;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .event-heading, .guide-heading, .special-heading, .reco-heading {
    font-size: 7rem;
  }
}

.home-event {
  padding-block: 9.3333333333% 10.6666666667%;
}
@media screen and (min-width: 768px) {
  .home-event {
    padding-block: 70px 100px;
  }
}
.home-event .event-top {
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .home-event .event-top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #a5864c;
  }
}
.home-event .event-subheading {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #a5864c;
  font-size: 2.4rem;
  font-weight: 700;
  color: #002c5a;
}
@media screen and (min-width: 768px) {
  .home-event .event-subheading {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    font-size: 2.7rem;
  }
}
.home-event .event-nav {
  flex: 1;
  display: flex;
  align-items: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
@media screen and (min-width: 768px) {
  .home-event .event-nav {
    justify-content: flex-end;
  }
}
.home-event .event-nav li {
  width: 100%;
}
.home-event .event-nav li:first-child {
  max-width: 140px;
}
.home-event .event-nav li:last-child {
  max-width: 153px;
}
.home-event .event-nav li a {
  display: block;
  text-decoration: none;
  padding: 10px 25px 10px 10px;
  border: 1px solid #002c5a;
  background: #eef3fa url(../img/common/ico_arrow.svg) no-repeat right 15px center;
  background-size: 6px auto;
  font-weight: 700;
  color: #002c5a;
  text-align: center;
  border-radius: 2em;
}
@media screen and (min-width: 768px) {
  .home-event .event-wrap {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 7.5%;
         column-gap: 7.5%;
  }
}
.home-event .event-fig img {
  border-radius: 10px;
}
.home-event .event-item p {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  color: #002c5a;
}
.home-event .event-item p:last-child {
  margin-bottom: 0;
}
.home-event .event-item p .ico-calendar {
  width: 1.4rem;
  margin-top: 0.3em;
  margin-right: 8px;
}
.home-event .event-item p .ico-pin {
  width: 1.1rem;
  margin-top: 0.1em;
  margin-right: 10px;
}
.home-event .event-item p span {
  flex: 1;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .home-event .event-main {
    width: 33.3333333333%;
  }
}
.home-event .event-main a {
  display: block;
  text-decoration: none;
}
.home-event .event-main .event-fig {
  margin-bottom: 15px;
}
.home-event .event-main .event-name {
  margin-block: 15px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #002c5a;
}
.home-event .event-list {
  flex: 1;
}
.home-event .event-list ul {
  margin-block: 25px 50px;
  border-top: 1px solid #aec1ce;
}
@media screen and (min-width: 768px) {
  .home-event .event-list ul {
    margin-top: 0;
    border-top: none;
  }
}
.home-event .event-list ul li {
  border-bottom: 1px solid #aec1ce;
}
.home-event .event-list ul li a {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  -moz-column-gap: 2.9850746269%;
       column-gap: 2.9850746269%;
  padding-block: 25px;
}
@media screen and (min-width: 768px) {
  .home-event .event-list ul li a {
    -moz-column-gap: 5.6338028169%;
         column-gap: 5.6338028169%;
    flex-direction: row-reverse;
  }
}
.home-event .event-list ul li .event-fig {
  width: 32.8358208955%;
}
@media screen and (min-width: 768px) {
  .home-event .event-list ul li .event-fig {
    width: 29.8591549296%;
  }
}
.home-event .event-list ul li .event-box {
  flex: 1;
}
.home-event .event-list ul li .event-box .event-name {
  margin-block: 15px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #002c5a;
}
@media screen and (min-width: 768px) {
  .home-event .event-list .home-btn {
    min-width: 232px;
    margin: 0;
  }
}

.home-guide {
  padding-block: 13.3333333333% 14.6666666667%;
  background: rgba(240, 237, 216, 0.5);
}
@media screen and (min-width: 768px) {
  .home-guide {
    padding-block: 60px 40px;
  }
}
.home-guide .guide-heading {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .home-guide .guide-heading {
    margin-bottom: 40px;
  }
}
.home-guide .guide-wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .home-guide .guide-wrap {
    -moz-column-gap: 5.8333333333%;
         column-gap: 5.8333333333%;
  }
}
.home-guide .guide-fig {
  display: none;
}
@media screen and (min-width: 768px) {
  .home-guide .guide-fig {
    display: block;
    width: 35.8333333333%;
  }
}
@media screen and (min-width: 768px) {
  .home-guide .guide-fig .area-photo {
    width: 100%;
    max-width: 400px;
    margin-bottom: 20px;
  }
}
.home-guide .guide-main {
  flex: 1;
}
.home-guide .guide-main .guide-subheading {
  margin-bottom: 20px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #002c5a;
}
.home-guide .guide-main .guide-area {
  margin-bottom: 50px;
}
.home-guide .guide-main .guide-area dl {
  margin-bottom: 5px;
  background-color: #fff;
  border-radius: 10px;
}
.home-guide .guide-main .guide-area dl:last-child {
  margin-bottom: 0;
}
.home-guide .guide-main .guide-area dl dt {
  padding: 20px 25px;
  background: url(../img/common/ico_toggle_o.svg) no-repeat right 20px center;
  background-size: 22px auto;
  color: #002c5a;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}
.home-guide .guide-main .guide-area dl dt.active {
  background-image: url(../img/common/ico_toggle_c.svg);
}
.home-guide .guide-main .guide-area dl dd {
  display: none;
  padding: 0 25px 20px;
  font-size: 1.4rem;
}
.home-guide .guide-main .guide-area dl dd .guide-link {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .home-guide .guide-main .guide-area dl dd .guide-link {
    text-align: left;
  }
}
.home-guide .guide-main .guide-area dl dd a {
  color: #0062dd;
}
.home-guide .guide-main .guide-area dl dd .area-photo {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .home-guide .guide-main .guide-area dl dd .area-photo {
    display: none;
  }
}
.home-guide .guide-main .home-btn {
  width: 61.1940298507%;
}
@media screen and (min-width: 768px) {
  .home-guide .guide-main .home-btn {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 244px;
    margin: 0;
  }
}

.home-special {
  padding-block: 12% 16%;
}
@media screen and (min-width: 768px) {
  .home-special {
    padding-block: 80px 100px;
  }
}
.home-special .special-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 4.4776119403%;
}
@media screen and (min-width: 768px) {
  .home-special .special-list {
    gap: 30px 2.0833333333%;
  }
}
.home-special .special-list li {
  width: 47.7611940299%;
}
@media screen and (min-width: 768px) {
  .home-special .special-list li {
    width: 23.3333333333%;
  }
}
.home-special .special-list li a {
  display: block;
  text-decoration: none;
}
.home-special .special-list li a figure {
  position: relative;
}
.home-special .special-list li a figure > img {
  border: 1px solid #e1e1e1;
}
.home-special .special-list li a figure img {
  border-radius: 10px;
}
.home-special .special-list li a figure figcaption {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 11.4285714286%;
  margin-bottom: 3.5714285714%;
  margin-right: 3.5714285714%;
}
.home-special .special-list li a p {
  margin-top: 10px;
  font-size: 1.4rem;
  color: #002c5a;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .home-special .special-list li a p {
    font-size: 1.6rem;
  }
}
.home-special .more-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 60px;
  padding: 10px;
  border: 1px solid #002c5a;
  font-size: 1.8rem;
  font-weight: 700;
  color: #002c5a;
  text-align: center;
  border-radius: 0.5em;
  cursor: pointer;
  outline: none;
}
.home-special .more-btn span {
  margin-right: 0.5em;
}
.home-special .more-btn span::after {
  content: "もっと見る";
}

.home-recommended {
  padding-block: 13.3333333333% 14.6666666667%;
  background: rgba(240, 237, 216, 0.5);
}
@media screen and (min-width: 768px) {
  .home-recommended {
    padding-block: 70px;
  }
}
.home-recommended .reco-wrap {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 60px 1.6666666667%;
}
@media screen and (min-width: 768px) {
  .home-recommended .reco-wrap {
    flex-direction: row;
  }
}
.home-recommended .reco-top {
  flex: 1;
}
.home-recommended .reco-top .reco-subheading {
  margin-bottom: 20px;
  font-size: 2.7rem;
  font-weight: 700;
  color: #002c5a;
}
.home-recommended .reco-top .tabmenu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.home-recommended .reco-top .tabmenu li {
  padding: 10px 15px;
  background-color: #fff;
  font-weight: 700;
  color: #002c5a;
  border-radius: 5px;
  line-height: 1;
  cursor: pointer;
}
.home-recommended .reco-top .tabmenu li:hover, .home-recommended .reco-top .tabmenu li.active {
  background-color: #a5864c;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .home-recommended .reco-main {
    width: 64.1666666667%;
  }
}
@media screen and (min-width: 768px) {
  .home-recommended .reco-main .home-btn {
    min-width: 260px;
  }
}
.home-recommended .reco-main .reco-list {
  margin-bottom: 60px;
  border-top: 1px solid #aec1ce;
}
.home-recommended .reco-main .reco-list li {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  -moz-column-gap: 20px;
       column-gap: 20px;
  padding-block: 4.4776119403% 7.4626865672%;
  border-bottom: 1px solid #aec1ce;
}
@media screen and (min-width: 768px) {
  .home-recommended .reco-main .reco-list li {
    flex-direction: row;
    padding-block: 20px;
  }
}
.home-recommended .reco-main .reco-list li .reco-top {
  flex: 1;
  display: flex;
  align-items: center;
}
.home-recommended .reco-main .reco-list li .reco-num {
  width: 1.5em;
  font-size: 6rem;
  color: #a5864c;
}
.home-recommended .reco-main .reco-list li .reco-name {
  flex: 1;
  color: #002c5a;
}
.home-recommended .reco-main .reco-list li .reco-name dd {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.home-recommended .reco-main .reco-list li .reco-name dd .ico {
  width: 1.2rem;
}
.home-recommended .reco-main .reco-list li .reco-name dd span {
  font-size: 1.5rem;
}
.home-recommended .reco-main .reco-list li .reco-fig {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .home-recommended .reco-main .reco-list li .reco-fig {
    max-width: 210px;
  }
}
.home-recommended .reco-main .reco-list li .reco-link {
  width: 44.0298507463%;
  margin: 7.4626865672% auto 0;
}
@media screen and (min-width: 768px) {
  .home-recommended .reco-main .reco-list li .reco-link {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 80px;
    margin-bottom: -0.8em;
  }
}
.home-recommended .reco-main .reco-list li .reco-link a {
  display: block;
  text-decoration: none;
  width: 100%;
  padding: 5px 20px;
  background: #fff url(../img/common/ico_arrow.svg) no-repeat right 8px center;
  background-size: 5px auto;
  border: 1px solid #a5864c;
  font-size: 1.2rem;
  text-align: center;
  border-radius: 2em;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .home-recommended .reco-main .reco-list li .reco-link a {
    max-width: 105px;
  }
}

.home-news {
  padding-block: 13.3333333333% 14.6666666667%;
}
@media screen and (min-width: 768px) {
  .home-news {
    padding-block: 55px 25px;
  }
}
.home-news .news-main {
  padding: 10.447761194% 4.4776119403%;
  background-color: #eef3fa;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .home-news .news-main {
    padding: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .home-news .news-main {
    padding-inline: 100px;
  }
}
.home-news .news-top {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .home-news .news-top {
    display: flex;
    align-items: center;
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
.home-news .news-heading {
  margin-bottom: 30px;
  font-size: 2.8rem;
  font-weight: 700;
  color: #002c5a;
}
@media screen and (min-width: 768px) {
  .home-news .news-heading {
    margin-bottom: 0;
    font-size: 3.8rem;
  }
}
.home-news .tabmenu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  flex: 1;
}
.home-news .tabmenu li {
  padding: 10px 15px;
  background-color: #fff;
  font-weight: 700;
  color: #002c5a;
  border-radius: 5px;
  line-height: 1;
  cursor: pointer;
}
.home-news .tabmenu li:hover, .home-news .tabmenu li.active {
  background-color: #a5864c;
  color: #fff;
}
.home-news .tabcontents {
  margin-bottom: 40px;
}
.home-news .news-list li {
  border-bottom: 1px solid #aec1ce;
}
.home-news .news-list li a {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 1em;
  text-decoration: none;
  padding-block: 20px;
  color: #002c5a;
}
@media screen and (min-width: 768px) {
  .home-news .news-list li a {
    flex-direction: row;
  }
}
.home-news .news-list li .list-top {
  display: flex;
  align-items: center;
  width: 15em;
}
@media screen and (min-width: 768px) {
  .home-news .news-list li .list-top {
    width: 17em;
  }
}
.home-news .news-list li .list-main {
  flex: 1;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 1em;
       column-gap: 1em;
}
.home-news .news-list li .news-date {
  flex: 1;
  font-size: 1.4rem;
}
.home-news .news-list li .news-cate {
  min-width: 10em;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  padding: 3px 5px;
}
@media screen and (min-width: 768px) {
  .home-news .news-list li .news-cate {
    min-width: 140px;
    min-height: 30px;
    font-size: 1.4rem;
    padding: 5px;
  }
}
.home-news .news-list li .news-cate.news-ico-info {
  background-color: #89aa3a;
}
.home-news .news-list li .news-cate.news-ico-recruit {
  background-color: #ec9907;
}
.home-news .news-list li .news-cate.news-ico-press {
  background-color: #e74a3f;
}
.home-news .news-list li .news-cate.news-ico-meguru {
  background-color: #9e4887;
}
.home-news .news-list li .news-cate.news-ico-kiratto {
  background-color: #458fab;
}
.home-news .news-list li .news-cate.news-ico-library {
  background-color: #679de0;
}
.home-news .news-list li .news-cate.news-ico-spot {
  background: #00a0f2;
}
.home-news .news-list li .news-cate.news-ico-accommodation {
  background: #777862;
}
.home-news .news-list li .news-cate.news-ico-food {
  background: #e75c5a;
}
.home-news .news-list li .news-ttl {
  flex: 1;
  font-size: 1.5rem;
  color: #000;
}
.home-news .news-list li .news-fig {
  width: 100%;
  max-width: 147px;
}
@media screen and (min-width: 768px) {
  .home-news .home-btn {
    min-width: 233px;
  }
}

.home-information {
  padding-block: 3.3333333333% 13.3333333333%;
}
@media screen and (min-width: 768px) {
  .home-information {
    padding-block: 25px 90px;
  }
}
.home-information .info-main {
  padding: 10.447761194% 4.4776119403%;
  background-color: #eef3fa;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .home-information .info-main {
    padding: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .home-information .info-main {
    padding-inline: 100px;
  }
}
.home-information .info-heading {
  margin-bottom: 30px;
  font-size: 2.8rem;
  font-weight: 700;
  color: #002c5a;
}
@media screen and (min-width: 768px) {
  .home-information .info-heading {
    font-size: 3.8rem;
  }
}
.home-information ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 2.7868852459%;
}
@media screen and (min-width: 768px) {
  .home-information ul {
    gap: 12px 1.2%;
  }
}
.home-information ul li {
  width: 31.4754098361%;
}
@media screen and (min-width: 768px) {
  .home-information ul li {
    width: 24%;
  }
}
.home-information ul li:first-child a span {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.home-information ul li a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-decoration: none;
  gap: 20px;
  flex-direction: column;
  height: 100%;
  padding: 15.625% 7.8125% 7.8125%;
  background-color: #fff;
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .home-information ul li a {
    justify-content: center;
    flex-direction: row;
    padding: 20px;
  }
}
.home-information ul li a .ico-info-01 {
  width: 3.1rem;
}
.home-information ul li a .ico-info-01 {
  width: 3.1rem;
}
.home-information ul li a .ico-info-02 {
  width: 2.6rem;
}
.home-information ul li a .ico-info-03 {
  width: 2.6rem;
}
.home-information ul li a .ico-info-04 {
  width: 2rem;
}
.home-information ul li a .ico-info-05 {
  width: 2.3rem;
}
.home-information ul li a .ico-info-06 {
  width: 2.6rem;
}
.home-information ul li a .ico-info-07 {
  width: 2.6rem;
}
.home-information ul li a .ico-info-08 {
  width: 3rem;
}
.home-information ul li a span {
  font-size: 1.2rem;
  color: #002c5a;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .home-information ul li a span {
    flex: 1;
    font-size: 1.4rem;
    text-align: left;
  }
}

.home-sns {
  padding-block: 13.3333333333% 14.6666666667%;
  background: rgba(240, 237, 216, 0.5);
}
@media screen and (min-width: 768px) {
  .home-sns {
    padding-block: 70px 80px;
  }
}
@media screen and (min-width: 768px) {
  .home-sns .sns-wrap {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 6.6666666667%;
         column-gap: 6.6666666667%;
  }
}
.home-sns .sns-main {
  margin-bottom: 14.9253731343%;
}
@media screen and (min-width: 768px) {
  .home-sns .sns-main {
    flex: 1;
    margin-bottom: 0;
  }
}
.home-sns .sns-main .sns-heading {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #002c5a;
  font-size: 3rem;
  color: #002c5a;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .home-sns .sns-main .sns-heading {
    font-size: 4rem;
  }
}
.home-sns .sns-main .sns-lead {
  margin-bottom: 20px;
}
.home-sns .sns-main .sns-link {
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .home-sns .sns-main .sns-link {
    max-width: 385px;
  }
}
.home-sns .sns-main .sns-link li {
  margin-bottom: 15px;
}
.home-sns .sns-main .sns-link li:last-child {
  margin-bottom: 0;
}
.home-sns .sns-main .sns-link li._insta a {
  background: url(../img/common/ico_sns_insta.svg) no-repeat left 20px center/2em auto, url(../img/common/ico_link.svg) no-repeat right 20px center/1.2em auto, #fff;
}
@media screen and (min-width: 768px) {
  .home-sns .sns-main .sns-link li._insta a {
    background-size: 20px auto, 16px auto;
  }
}
.home-sns .sns-main .sns-link li._x a {
  background: url(../img/common/ico_sns_x.svg) no-repeat left 20px center/1.8em auto, url(../img/common/ico_link.svg) no-repeat right 20px center/1.2em auto, #fff;
}
@media screen and (min-width: 768px) {
  .home-sns .sns-main .sns-link li._x a {
    background-size: 20px auto, 16px auto;
  }
}
.home-sns .sns-main .sns-link li._fb a {
  background: url(../img/common/ico_sns_fb.svg) no-repeat left 20px center/2em auto, url(../img/common/ico_link.svg) no-repeat right 20px center/1.2em auto, #fff;
}
@media screen and (min-width: 768px) {
  .home-sns .sns-main .sns-link li._fb a {
    background-size: 20px auto, 16px auto;
  }
}
.home-sns .sns-main .sns-link li a {
  display: block;
  text-decoration: none;
  padding: 15px 40px 15px 80px;
  color: #002c5a;
  border-radius: 2em;
}
@media screen and (min-width: 768px) {
  .home-sns .sns-main .sns-link li a {
    padding-left: 70px;
    font-size: 1.4rem;
  }
}
.home-sns .sns-video {
  padding: 20px 25px;
  background-color: #002c5a;
}
.home-sns .sns-video .video-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.home-sns .sns-video .video-heading .ico {
  width: 2.6rem;
  margin-right: 10px;
}
.home-sns .sns-video .video-heading span {
  font-size: 3.5rem;
  font-weight: 700;
  color: #a5864c;
}
.home-sns .sns-video .video-link {
  margin-bottom: 30px;
  text-align: center;
}
.home-sns .sns-video .video-link a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
}
.home-sns .sns-video .video-link a .ico {
  width: 0.5rem;
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  .home-sns .sns-insta {
    width: 53.3333333333%;
  }
}
.home-sns .sns-insta .insta-heading {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-bottom: 30px;
}
.home-sns .sns-insta .insta-heading .ico {
  width: 4.6rem;
}
.home-sns .sns-insta .insta-heading span {
  flex: 1;
  font-size: 1.8rem;
  font-weight: 700;
  color: #002c5a;
}
.home-sns .sns-insta .insta-heading span a {
  text-decoration: none;
  color: #002c5a;
}/*# sourceMappingURL=home.css.map */