@charset "utf-8";
.go-header {
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    padding: .5em 0;
}
.go-header__logo a img {
    width: 12rem;
}
.go-header-area {
    position: relative;
}
.go-header__logo {
    display: flex;
    flex-direction: column;
    gap: .25em;
}
.go-header__logo__txt {
    display: flex;
    gap: .5em;
    font-size: 1.4rem;
    align-items: center;
}
.go-header__logo__txt .box {
    display: inline-block;
    background-color: var(--color-main);
    color: white;
    font-size: .85em;
    padding: .25em .5em;
}
.language {
    position: absolute;
    top: 1em;
    right: 1em;
}
.language select {
    font-family: var(--font-en);
    font-weight: 500;
    display: inline-block;
    border: 1px solid var(--color-main);
    font-size: .75em;
    padding: .5em;
    background-color: white;
    background-image: url('../images/arrow_select.svg');
    background-repeat: no-repeat;
    background-position: right .25em center;
}
.go-header__decs {
    text-align: center;
    font-size: .9em;
    line-height: 1.4em;
    color: var(--color-green);
    margin-top: 1em;
}
.footer {
    background-color: #333;
}
.search-reserve {
    background-color: #EFF3F9;
}
.search-box {
    background-color: transparent;
}
.search-box input[type="text"],.search-box select {
    border: none;
    color: var(--color-main);
}
.search-box .search-box__ttl,
.search-box__inner li:has(.search-opt) {
    display: none;
}
.search-box input[type="submit"] {
    background-color: var(--color-green);
}
.page-ttl {
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1.8em;
}
.page-ttl.--ft-min {
    font-family: var(--font-min);
}
.page-ttl.page-ttl__icon {
    text-align: center;
    background-repeat: no-repeat;
    padding-top: 2em;
    background-size: 2em auto;
    background-position: top center;
}
.page-ttl.page-ttl__icon.--icon1 {
    background-image: url('../images/icon01.svg');
}
.page-ttl.page-ttl__icon.--icon2 {
    background-image: url('../images/icon02.svg');
}
.search-people {
    text-align: center;
}
.search-people__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
    margin-top: 2em;
    justify-content: center;
}
.search-people__list li {
    display: block;
    aspect-ratio: 1/1;
}
.search-people__list li a {
    position: relative;
    display: block;
    z-index: 0;
    border-radius: 50%;
    overflow: hidden;
}
.search-people__list li a::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.search-people__list li a span {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    display: block;
    color: white;
    font-weight: 700;
    font-size: 1.5em;
    z-index: 3;
}
.search-area__wrap {
    background-color: #F1FBFF;
    position: relative;
}
.search-area__wrap::before {
    content: "";
    width: 100vw;
    height: 100%;
    background-color: #F1FBFF;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.search-area__list {
    display: grid;
    grid-template-columns: repeat(2 ,1fr);
    gap: .75em;
    margin-top: 2em;
}
.search-area__list a {
    display: block;
    background-color: white;
    font-weight: 700;
    color: var(--color-main);
    padding: 1em 1.5em 1em 2em;
    background-image: url('../images/arrow_blue.svg');
    background-repeat: no-repeat;
    background-size: 1em auto;
    background-position: center right .75em;
}
.search-area__list a span {
    display: none;
}
.content-space {
    padding-top: 3.5em;
    padding-bottom: 3.5em;
}
.--btm__path {
    position: relative;
}
.--btm__path::after {
    content: "";
    display: block;
    width: 100vw;
    aspect-ratio: 128 / 6;
    background-image: url('../images/path.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    bottom: -5%;
    left: 50%;
    transform: translateX(-50%);
}
.search-option__list {
    display: flex;
    justify-content: space-around;
    gap: 1.5em;
    margin: 2em auto;
}
.search-option__list li {
    text-align: center;
    line-height: 1;
}
.search-option__list a {
    display: block;
}
.search-option__list figure {
    display: block;
    width: 8rem;
    margin: 0 auto 1em auto;
}
.search-option__list span {
    font-size: 1.25em;
    line-height: 1em;
    font-weight: 700;
}
.search-option__list span small {
    font-size: .75em;
}
.top-lead {
    text-align: center;
    font-size: 1.4rem;
    margin: 1em auto;
    color: #FF6F6F;
}
.cards.cards__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5em;
    row-gap: 2.5em;
    margin-top: 3em;
}
.cards__list .post__ttl {
    font-size: 1.25em;
    font-weight: 700;
    color: var(--color-main);
    margin: .5em 0;
}
.cards__list .post__meta {
    margin-bottom: .5em;
}
.post__meta .post__cat .cat {
    font-size: .75em;
}
.cards__list .cards__txt02 p {
    font-size: 1.4rem;
    line-height: 1.6;
}
.cards__list article {
    position: relative;
}
.cards__list article .hote__link {
    position: absolute;
    bottom: 0;
    right: 0;
}
.pickup__wrap {
    margin-top: 3em;
    position: relative;
}
.swiper-container.pickup {
    overflow: hidden;
}
.swiper-container.pickup .swiper-slide {
    padding: 0 1em;
}
.swiper-button-next,.swiper-button-prev {
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--color-main) !important;
  margin: 0 !important;
}
.swiper-button-next:after,.swiper-button-prev:after{
  font-size: 1em !important;
}
.swiper-button-prev { left: -1em !important;}
.swiper-button-next { right: -1em !important; }

.swiper-container.slide-thumbs {
    margin: 0 auto;
    position: relative;
}
.swiper-slide figure {
    position: relative;
}
.swiper-slide img {
    aspect-ratio: 3/2;
    object-fit: cover;
}
.swiper-slide figure .pickup__meta {
    position: absolute;
    bottom: 1em;
    right: 1em;
}
.swiper-slide .pickup__meta {
    display: flex;
    font-weight: 700;
    font-size: .75em;
    line-height: 1em;
    border-radius: 1.5em;
    overflow: hidden;
    background-color: var(--color-main);
}
.swiper-slide .pickup__meta .area {
    color: white;
    padding: .5em 1em;
}
.swiper-slide .pickup__meta .numadult {
    background-color: white;
    color: var(--color-main);
    padding: .5em 1em .5em 2.5em;
    background-image: url('../images/icon04.svg');
    background-repeat: no-repeat;
    background-position: left 1em center;
    border-radius: 1.5em;
    font-family: var(--font-en);
}
.swiper-slide .pickup__caption h3 {
    margin: 1em 0 .5em 0;
    padding-left: 2em;
    background-image: url('../images/icon05.svg');
    line-height: 1.6;
    background-repeat: no-repeat;
    background-size: 1.6em auto;
    background-position: left top;
}
.swiper-slide .pickup__caption p {
    font-size: .85em;
}
.faq__anchorlink {
    margin: 2em auto 3em auto;
    display: flex;
    flex-direction: column;
    gap: .5em;
    margin-left: 1em;
}
.faq__anchorlink a {
    position: relative;
    padding-left: 1em;
    display: block;
}
.faq__anchorlink a::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url('../images/arrow_link-left.svg');
    background-repeat: no-repeat;
    background-size: .25em auto;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.faq-block {
    margin-bottom: 2.5em;
}
.page-ttl__faq {
    font-size: 1.25em;
    margin-bottom: 2em;
}
.faq__content.col2_main dl {
    margin: 2em 0;
    padding-bottom: 2em;
}
.faq__content.col2_main dl dt {
    font-size: 1em;
    padding-left: 2em;
    margin-bottom: 1.5em;
    font-weight: 500;
    color: var(--color-green);
}
.faq__content.col2_main dl dd {
    margin-left: 1em;
    padding-left: 2em;
    font-weight: 400;
}
.faq__content.col2_main dl dt::before,
.faq__content.col2_main dl dd::before {
    width: 1em;
    height: 1em;
    line-height: 1em;
    background-color: transparent;
    top: .25em;
    transform: none;
    left: 0;
    border-radius: 0;
}
.faq__content.col2_main dl dt::before {
    color: var(--color-green);
}
.faq__content.col2_main dl dd::before {
   color: var(--color-blue);
}
/** sp **/
@media screen and (max-width:767.98px){
   .search-option__list {
        flex-wrap: wrap;
        justify-content: space-around;
   }
}
/** pc **/
@media screen and (min-width: 768px) {
    .go-header__logo {
      flex-direction: row;
      align-items: baseline;
      gap: 1em;
    }
    .go-header__logo a img {
        width: 17rem;
    }
    .go-header__logo__txt {
        transform: translateY(-.75em);
    }
    .go-header__decs {
        text-align: right;
        position: absolute;
        bottom: 2em;
        right: 0;
        margin: 0;
    }
    .footer__inner {
        align-items: center;
    }
    .search-box {
        max-width: 93rem;
        margin: 0 auto;
        padding: 1.5em 0;
    }
    .search-box__inner {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .search-box input[type="text"] {
        width: 18em;
    }
    .search-box select {
        width: 8em;
    }
    .search-box input[type="submit"] {
        padding-left: 3.5em;
        padding-right: 2em;
    }
    .page-ttl.page-ttl__icon {
        font-size: 1.75em;
    }
    .page-ttl.page-ttl__icon.--icon1 {
        text-align: left;
        background-position: left center;
        background-size: contain;
        padding-left: 2.5em;
        padding-top: 0;
    }
    .search-people__list {
        grid-template-columns: repeat(4, 19rem);
        gap: 2.5em;
        margin-top: 4em;
    }
    .search-area {
        display: grid;
        grid-template-columns: 1fr 78rem;
        align-items: center;
    }
    .search-area__list {
        grid-template-columns: repeat(3 ,1fr);
        gap: 1.5em;
        margin-top: 0;
    }
    .search-area__list a {
        text-align: center;
        padding: 2em 1.5em;
    }
    .search-area__list a span {
        display: block;
        font-family: var(--font-en);
        text-align: center;
    }
    .search-area__list a:hover {
        opacity: .7;
    }
    .content-space {
        padding-top: 6em;
        padding-bottom: 6em;
    }
    .--btm__path::after {
        bottom: -10%;
    }
    .search-option__list {
        width: 95rem;
        justify-content: space-between;
        margin: 4em auto;
    }
    .search-option__list a:hover img {
        opacity: .7;
    }
    .search-option__list span {
        font-size: 1.5em;
    }
    .cards.cards__list {
        grid-template-columns: repeat(3, 1fr);
        gap: 2.5em;
    }
}