@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

main {
  overflow: hidden;
}

@-webkit-keyframes slide-in-up {
  from {
    opacity: 0;
    transform: translateY(30%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slide-in-up {
  from {
    opacity: 0;
    transform: translateY(30%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-in-down {
  from {
    opacity: 0;
    transform: translateY(-15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-in-down {
  from {
    opacity: 0;
    transform: translateY(-15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes expand-in {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes expand-in {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@-webkit-keyframes slide-show {
  0% {
    opacity: 0;
    transform: scale(1.15);
    z-index: 2;
  }
  5% {
    opacity: 0;
    transform: scale(1.15);
  }
  20% {
    opacity: 1;
    transform: scale(1);
  }
  30% {
    opacity: 1;
    transform: scale(1);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
  55% {
    opacity: 0;
    transform: scale(1.15);
  }
  100% {
    transform: scale(1.15);
  }
}
@keyframes slide-show {
  0% {
    opacity: 0;
    transform: scale(1.15);
    z-index: 2;
  }
  5% {
    opacity: 0;
    transform: scale(1.15);
  }
  20% {
    opacity: 1;
    transform: scale(1);
  }
  30% {
    opacity: 1;
    transform: scale(1);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
  55% {
    opacity: 0;
    transform: scale(1.15);
  }
  100% {
    transform: scale(1.15);
  }
}
@media screen and (min-width: 769px) {
  body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  }

  .-pcOnly {
    display: block;
  }

  .-spOnly {
    display: none;
  }

  #breadcrumb {
    background: #ececec;
  }

  .header_top h1 {
    line-height: 2;
  }

  .pagetop {
    display: block;
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 2;
    width: 50px;
    height: 50px;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: filter 0.2s, opacity 0.2s;
  }
  .pagetop:hover {
    filter: brightness(1.1);
  }
  .pagetop.-active {
    opacity: 1;
    pointer-events: auto;
  }
  .pagetop__img {
    width: 100%;
  }

  .breadcrumb_homeLink {
    display: block;
    width: 21px;
    height: 16px;
    background: url("/wp-content/themes/orion/air/img/pc/common/home_ico.png") no-repeat;
    background-size: 100% auto;
    content: "";
  }

  .breadcrumb_homeTxt {
    display: block;
    text-indent: -9999px;
  }

  .popupYakushima {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 20;
  }
  .popupYakushima.-active {
    display: block;
  }
  .popupYakushima__inner {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1000px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.5);
    transform: translate(-50%, -50%);
  }
  .popupYakushima__h2 {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
    padding: 20px 0;
    height: 70px;
    background: #007c17;
    font-size: 28px;
    color: #fff;
    text-align: center;
  }
  .popupYakushima__close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 69px;
    height: 69px;
    background: #000;
    cursor: pointer;
    transition: background 0.2s;
  }
  .popupYakushima__close::before, .popupYakushima__close::after {
    display: block;
    position: absolute;
    top: 20%;
    left: 50%;
    width: 2px;
    height: 45px;
    background: #fff;
    transition: background 0.2s;
    content: "";
  }
  .popupYakushima__close::before {
    transform: rotate(-45deg);
  }
  .popupYakushima__close::after {
    transform: rotate(45deg);
  }
  .popupYakushima__close:hover::before, .popupYakushima__close:hover::after {
    background: #007c17;
  }
  .popupYakushima__list {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 55px 75px;
  }
  .popupYakushima__item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: calc((100% - 25px * 2) / 3 - .01px);
    max-width: calc((100% - 25px * 2) / 3 - .01px);
    padding: 25px 10px;
    border: 1px solid #007c17;
    box-sizing: border-box;
    font-size: 22px;
    color: #007c17;
    text-align: center;
    transition: background 0.2s, color 0.2s;
    cursor: pointer;
  }
  .popupYakushima__item:hover {
    background: #007c17;
    color: #fff;
  }
  .popupYakushima__item:not(:nth-child(3n)) {
    margin-right: 25px;
  }
  .popupYakushima__item:not(:nth-last-child(-n+3)) {
    margin-bottom: 25px;
  }

  .kv.-sub {
    position: relative;
    background: #fff;
  }
  .kv.-sub.-noLeading .kv__inner {
    height: calc(190px + 30px);
  }
  .kv.-sub.-noLeading .kv__imgWrapper01 {
    height: 190px;
    overflow: hidden;
  }
  .kv.-sub::before {
    position: absolute;
    bottom: 30px;
    z-index: 2;
    width: 100%;
    height: 9px;
    background: url(../img/zigzag_white_top.png) repeat-x center top;
    content: "";
  }
  .kv.-sub .kv__inner {
    height: calc(320px + 30px);
  }
  .kv.-sub .kv__inner::before {
    bottom: 5px;
    left: calc(50% - 600px);
    z-index: 2;
    width: 91px;
    height: calc(91px / 0.798245614);
    background: url(../img/kv_deer.png) no-repeat;
    background-size: 100% auto;
  }
  .kv.-sub .kv__inner::after {
    bottom: 0px;
    left: calc(50% + 500px);
    z-index: 2;
    width: 118px;
    height: calc(118px / 0.9526315789);
  }
  .kv.-sub .kv__h2, .kv.-sub .kv__desc {
    position: relative;
    z-index: 2;
    background: none;
    color: #fff;
    text-align: center;
  }
  .kv.-sub .kv__h2 {
    margin-top: 70px;
    font-size: 36px;
    font-weight: bold;
    font-family: "Sawarabi Mincho", serif;
  }
  .kv.-sub .kv__desc {
    margin-top: 30px;
    font-size: 14px;
    line-height: 2;
  }
  .kv__inner {
    display: block;
    position: relative;
    width: 100%;
    height: 680px;
    overflow: hidden;
  }
  .kv__inner::before, .kv__inner::after {
    position: absolute;
    z-index: 4;
    pointer-events: none;
    content: "";
  }
  .kv__inner::before {
    bottom: 98px;
    left: calc(50% - 595px);
    width: 614px;
    height: 236px;
    background: url(../img/kv_water-activity.png) no-repeat;
    background-size: 100% auto;
  }
  .kv__inner::after {
    bottom: calc(98px - 30px);
    left: calc(50% + 210px);
    width: 155px;
    height: 164px;
    background: url(../img/kv_monkeys.png) no-repeat;
    background-size: 100% auto;
  }
  .kv__item .kv__img {
    position: relative;
    -webkit-animation-name: slide-show;
            animation-name: slide-show;
    -webkit-animation-duration: 30s;
            animation-duration: 30s;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    opacity: 0;
  }
  .kv__item:nth-child(1) .kv__img {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
  }
  .kv__item:nth-child(2) .kv__img {
    -webkit-animation-delay: 10s;
            animation-delay: 10s;
  }
  .kv__item:nth-child(3) .kv__img {
    -webkit-animation-delay: 20s;
            animation-delay: 20s;
  }
  .kv__imgWrapper01 {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .kv__imgWrapper02 {
    position: absolute;
    top: 18px;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
  }
  .kv__img {
    display: block;
    max-width: none;
    width: auto;
  }
  .kv__link {
    display: block;
    position: absolute;
    top: 320px;
    left: calc(50% + 330px);
    transition: filter 0.2s;
  }
  .kv__link:hover {
    filter: brightness(1.1);
  }
  .kv__link:hover .kv__img {
    opacity: 1;
  }
  .kv__desc {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    z-index: 3;
    width: 100%;
    height: 98px;
    background: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    color: #fff;
    line-height: 1.7;
    text-align: center;
  }

  .nav.-sub .nav__inner {
    padding-top: 0;
  }
  .nav__inner {
    padding: 30px 0;
  }
  .nav__list {
    display: flex;
    justify-content: space-between;
    width: 1100px;
    max-width: 95%;
    margin: 0 auto;
  }
  .nav__item {
    display: flex;
    justify-content: center;
    position: relative;
    flex-grow: 2;
    position: relative;
    border-left: 2px dotted #007c17;
    text-align: center;
  }
  .nav__item::after {
    display: block;
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    border-radius: 5px;
    height: 100%;
    background: url(../img/bg_green01.png);
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 0;
    pointer-events: none;
    content: "";
  }
  .nav__item:last-child {
    border-right: 2px dotted #007c17;
  }
  .nav__item.-current::after {
    opacity: 1;
  }
  .nav__item.-current .nav__link {
    color: #fff;
  }
  .nav__item:hover::after {
    opacity: 1;
  }
  .nav__item:hover .nav__link {
    color: #fff;
    z-index: 2;
  }
  .nav__link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 2;
    position: relative;
    z-index: 1;
    width: 95%;
    border-radius: 5px;
    padding: 10px 0;
    overflow: hidden;
    font-family: "Sawarabi Mincho", serif;
    font-size: 18px;
    font-weight: bold;
    color: #007c17;
    line-height: 1.3;
    text-decoration: none;
    transition: color 0.2s;
  }

  .dept {
    display: flex;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
  }
  .dept__inner02 {
    display: flex;
    position: absolute;
    top: 50px;
    left: calc(50% - 285px);
  }
  .dept__area {
    display: none;
  }
  .dept__contInner {
    display: flex;
  }
  .dept__itemSelected {
    margin-right: 10px;
    padding: 5px 18px;
    background: #007c17;
    text-shadow: 1px 1px 0px #00490e;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1.4;
  }
  .dept__listWrapper {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .dept__btnSelect {
    display: flex;
    align-items: center;
    flex-grow: 2;
    position: relative;
    padding: 5px 15px;
    padding-left: 25px;
    border: 1px solid #007c17;
    border-right: 15px solid #007c17;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 13px;
    color: #000;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
  }
  .dept__btnSelect::before {
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 12px;
    height: 17px;
    background: url(../img/dept_point01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .dept__btnSelect::after {
    display: block;
    position: absolute;
    top: calc(50% - 6px / 2);
    right: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px calc(8px / 2) 0 calc(8px / 2);
    border-color: #fff transparent transparent transparent;
    content: "";
  }
  .dept__list {
    display: block;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 5;
    width: 170px;
    padding: 10px 5px;
    border-radius: 3px;
    background: #007c17;
    opacity: 0;
    pointer-events: none;
  }
  .dept__list::before {
    display: block;
    position: absolute;
    bottom: 100%;
    left: calc(50% - 20px / 2);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 calc(20px / 2) 10px calc(20px / 2);
    border-color: transparent transparent #007c17 transparent;
    content: "";
  }
  .dept__list.-active {
    -webkit-animation-name: slide-in-down;
            animation-name: slide-in-down;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    pointer-events: auto;
  }
  .dept__item {
    display: block;
    position: relative;
    font-size: 13px;
    padding-left: 25px;
    color: #fff;
    line-height: 2;
    cursor: pointer;
  }
  .dept__item:hover {
    text-decoration: underline;
  }
  .dept__item::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform-origin: 100% 0;
    transform: rotate(45deg);
  }
}
@media screen and (min-width: 769px) and (max-width: 1120px) {
  .dept__inner {
    left: 270px;
  }
}
@media screen and (min-width: 769px) {
  .faq__inner {
    display: block;
    width: 1100px;
    margin: 0 auto;
    padding: 55px 0 35px;
  }
  .faq__h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    text-align: center;
  }
  .faq__h2::before {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    margin-right: 12px;
    border-radius: 50%;
    background: #000;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    content: "？";
  }
  .faq__defListWrapper {
    margin-top: 35px;
  }
  .faq__defList {
    display: flex;
    margin-bottom: 5px;
  }
  .faq__defList:last-child {
    margin-bottom: 0;
  }
  .faq__defTtl, .faq__defDesc {
    position: relative;
    padding: 20px;
    padding-left: 60px;
    box-sizing: border-box;
    font-size: 12px;
    color: #000;
    line-height: 1.7;
  }
  .faq__defTtl {
    display: flex;
    flex-basis: 380px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    pointer-events: none;
    background: #cdd4df;
  }
  .faq__defTtl::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #6181c2;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    content: "Q";
  }
  .faq__defDesc {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #f2f2f2;
  }
  .faq__defDesc::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 25px;
    height: 25px;
    border: 1px solid #6181c2;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    color: #6181c2;
    content: "A";
  }
}
@media screen and (min-width: 769px) {
  .pickup {
    background: url(../img/bg_cream01.png);
  }
  .pickup__inner {
    display: block;
    width: 1100px;
    max-width: 95%;
    margin: 0 auto;
    padding: 20px 0 30px;
  }
  .pickup__cont {
    display: flex;
    align-items: center;
  }
  .pickup__cont::before {
    display: block;
    width: 111px;
    height: 44px;
    margin-right: 20px;
    background: url(../img/pickup_label01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .pickup__img {
    width: 100px;
    margin-right: 20px;
    border: 5px solid #fff;
    box-sizing: content-box;
  }
  .pickup__link {
    font-size: 16px;
    color: #007c17;
    line-height: 1.7;
    text-decoration: none;
  }
  .pickup__link:hover {
    text-decoration: underline;
  }
}
@media screen and (min-width: 769px) {
  .search {
    position: relative;
    background: url(../img/bg_green01.png);
  }
  .search::before, .search::after {
    position: absolute;
    width: 100%;
    height: 9px;
  }
  .search::before {
    top: -9px;
    background: url(../img/zigzag_green_top.png) repeat-x;
    content: "";
  }
  .search::after {
    bottom: -9px;
    background: url(../img/zigzag_green_bottom.png) repeat-x;
    content: "";
  }
  .search__inner {
    display: block;
    width: 1100px;
    max-width: 95%;
    margin: 0 auto;
    padding: 60px 0;
  }
  .search__h2 {
    margin-bottom: 30px;
    padding-left: 80px;
    text-align: center;
  }
  .search__inner01 {
    position: relative;
  }
  .search__radio11 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
  }
  .search__radio11#tabBtn-1-1:checked ~ .search__btnList .search__btnLabel[for=tabBtn-1-1] {
    pointer-events: none;
  }
  .search__radio11#tabBtn-1-1:checked ~ .search__contList .search__contItem#tabCont-1-1 {
    display: block;
  }
  .search__radio11#tabBtn-1-2:checked ~ .search__btnList .search__btnLabel[for=tabBtn-1-2] {
    pointer-events: none;
  }
  .search__radio11#tabBtn-1-2:checked ~ .search__contList .search__contItem#tabCont-1-2 {
    display: block;
  }
  .search__radio11#tabBtn-1-3:checked ~ .search__btnList .search__btnLabel[for=tabBtn-1-3] {
    pointer-events: none;
  }
  .search__radio11#tabBtn-1-3:checked ~ .search__contList .search__contItem#tabCont-1-3 {
    display: block;
  }
  .search__radio11#tabBtn-2-1:checked ~ .search__btnList .search__btnLabel[for=tabBtn-2-1] {
    pointer-events: none;
  }
  .search__radio11#tabBtn-2-1:checked ~ .search__contList .search__contItem#tabCont-2-1 {
    display: block;
  }
  .search__radio11#tabBtn-2-2:checked ~ .search__btnList .search__btnLabel[for=tabBtn-2-2] {
    pointer-events: none;
  }
  .search__radio11#tabBtn-2-2:checked ~ .search__contList .search__contItem#tabCont-2-2 {
    display: block;
  }
  .search__radio11#tabBtn-2-3:checked ~ .search__btnList .search__btnLabel[for=tabBtn-2-3] {
    pointer-events: none;
  }
  .search__radio11#tabBtn-2-3:checked ~ .search__contList .search__contItem#tabCont-2-3 {
    display: block;
  }
  .search__btnList {
    display: flex;
    position: relative;
  }
  .search__btnItem, .search__btnLabel {
    display: flex;
    flex-direction: column;
    flex-basis: auto;
    flex-grow: 1;
    min-height: 0%;
  }
  .search__btnItem {
    width: calc(100% / 2 - 20px * (1 / 2));
  }
  .search__btnItem:not(:nth-child(2n)) {
    margin-right: 20px;
  }
  .search__btnItem.-red .search__btnLabel {
    background-color: #cb2527;
  }
  .search__btnItem.-red .search__btnLabel:hover {
    background-color: #dd4648;
  }
  .search__btnItem.-black .search__btnLabel {
    background-color: #2d2d2d;
  }
  .search__btnItem.-black .search__btnLabel:hover {
    background-color: #474747;
  }
  .search__btnLabel {
    justify-content: center;
    padding: 10px 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.4;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s;
  }
  .search__btnLabelTxt01, .search__btnLabelTxt02 {
    display: block;
  }
  .search__btnLabelTxt01 {
    font-size: 18px;
    font-weight: bold;
  }
  .search__btnLabelTxt02 {
    font-size: 12px;
  }
  .search__contItem {
    display: none;
    border-top: 2px solid;
    padding: 40px;
    padding-top: 42px;
    box-sizing: border-box;
    background: rgba(157, 235, 171, 0.2);
  }
  .search__contItem.-red {
    border-color: #cb2527;
  }
  .search__contItem.-black {
    border-color: #2d2d2d;
  }
  .search__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .search__item {
    flex-shrink: 1;
    flex-basis: calc((100% - 2 * 20px) / 3);
    margin-bottom: 20px;
  }
  .search__item.-input .search__descDef {
    display: flex;
  }
  .search__descTtl {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
  }
  .search__selectWrapper {
    position: relative;
    height: 50px;
  }
  .search__selectWrapper::after {
    position: absolute;
    top: calc(50% - 11px / 2);
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px calc(15px / 2) 0 calc(15px / 2);
    border-color: #007c17 transparent transparent transparent;
    pointer-events: none;
    content: "";
  }
  .search__selectWrapper.-quantity::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: calc(50% - 30px / 2);
    left: 0;
    width: 120px;
    height: 30px;
    padding-left: 15px;
    border-right: 1px solid #007c17;
    box-sizing: border-box;
    background: #fff;
    font-size: 14px;
    color: #000;
    pointer-events: none;
    content: "1部屋あたり";
  }
  .search__select {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    background: none transparent;
    font-size: inherit;
    color: inherit;
    vertical-align: middle;
    outline: none;
    text-indent: 0.01px;
    text-overflow: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 20px;
    padding-right: 40px;
    background: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 14px;
    color: #000;
    cursor: pointer;
  }
  .search__select::-ms-expand {
    display: none;
  }
  .search__select[name=Quantity] {
    padding-left: 135px;
  }
  .search__inputWrapper {
    position: relative;
    height: 50px;
    flex-grow: 2;
  }
  .search__inputWrapper::after {
    display: block;
    position: absolute;
    top: calc(50% - 26px / 2);
    right: calc(23px / 2);
    width: 23px;
    height: 26px;
    background: url(../img/calendar.png) no-repeat;
    pointer-events: none;
    content: "";
  }
  .search__inputWrapper.-active {
    display: block;
  }
  .search__input {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    outline: none;
    background: none;
    -webkit-appearance: none;
    padding-left: 15px;
    padding-right: 40px;
    background: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
  }
  .search__input[disabled] {
    background: #ccc;
    color: gray;
  }
  .search__checkbox {
    display: none;
  }
  .search__labelCheckbox {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 2;
    padding-left: 45px;
    padding-right: 15px;
    position: relative;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
  }
  .search__labelCheckbox::before {
    position: absolute;
    top: calc(50% - 15px / 2);
    left: calc(15px + 5px);
    width: 15px;
    height: 15px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background: linear-gradient(to bottom, #fafafa, #e0e0e0);
    border-radius: 2px;
    box-sizing: border-box;
    content: "";
  }
  .search__checkbox:checked + .search__labelCheckbox::after {
    position: absolute;
    top: calc(50% - 7px / 1.4142135624);
    left: 24px;
    width: 4px;
    height: 7px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
    content: "";
  }
  .search__particular {
    margin-bottom: 60px;
    transition: margin-bottom 0.3s;
  }
  .search__particular.-active .search__particularCont {
    height: auto;
    padding: 30px 50px;
    opacity: 1;
    pointer-events: auto;
  }
  .search__particular.-active .search__particularBtnSquare::before {
    transform: rotate(90deg);
  }
  .search__particular.-active .search__particularBtnSquare::after {
    opacity: 0;
  }
  .search__particularBtn {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 330px;
    height: 42px;
    margin-left: auto;
    margin-bottom: calc(-42px / 2);
    padding-left: 25px;
    border-radius: 50px;
    background: #eaa000;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    transition: background 0.2s;
  }
  .search__particularBtn:hover {
    background: #ffb81e;
  }
  .search__particularBtnSquare {
    position: absolute;
    top: calc(50% - 25px / 2);
    right: 20px;
    width: 25px;
    height: 25px;
    background: #fff;
    content: "";
  }
  .search__particularBtnSquare::before, .search__particularBtnSquare::after {
    position: absolute;
    top: calc(50% - 17px / 2);
    right: 12px;
    width: 1px;
    height: 17px;
    background: #eaa000;
    content: "";
  }
  .search__particularBtnSquare::before {
    transition: transform 0.2s;
  }
  .search__particularBtnSquare::after {
    transform: rotate(90deg);
    transition: opacity 0.2s;
  }
  .search__particularCont {
    position: relative;
    height: 0;
    padding: 0 50px;
    box-sizing: border-box;
    opacity: 0;
    background: #fff;
    pointer-events: none;
    transition: padding 0.3s, opacity 0s;
  }
  .search__radioTtl {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #007c17;
    font-size: 16px;
    color: #007c17;
  }
  .search__radioList {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .search__radioItem {
    width: calc(100% / 5 - 10px * (4 / 5));
    display: flex;
  }
  .search__radioItem:not(:nth-child(5n)) {
    margin-right: 10px;
  }
  .search__radio {
    display: none;
  }
  .search__radio:checked + .search__radioLabel::after {
    opacity: 1;
  }
  .search__radioLabel {
    flex-grow: 2;
    position: relative;
    padding: 7px 0;
    padding-left: 25px;
    font-size: 14px;
    line-height: 1.3;
    color: #000;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    transition: background 0.2s;
  }
  .search__radioLabel::before, .search__radioLabel::after {
    position: absolute;
    box-sizing: border-box;
    content: "";
  }
  .search__radioLabel::before {
    position: absolute;
    top: calc(50% - 15px / 2);
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background: linear-gradient(to bottom, #fafafa, #e0e0e0);
    border-radius: 2px;
  }
  .search__radio:checked + .search__radioLabel::after {
    position: absolute;
    top: 11px;
    left: 4px;
    width: 6px;
    height: 9px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
  }
  .search__keywordTtl {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    color: #007c17;
  }
  .search__inputTextWrapper {
    display: block;
    position: relative;
  }
  .search__inputText {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    outline: none;
    background: none;
    -webkit-appearance: none;
    display: block;
    padding: 10px 15px;
    border-radius: 10px;
    background: #f4f5d4;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 16px;
  }
  .search__inputText.-active + .search__keywordListWrapper {
    display: block;
  }
  .search__inputTextClear {
    display: block;
    position: absolute;
    top: calc(50% - 25px / 2);
    right: 15px;
    width: 25px;
    height: 25px;
    background: #ccc;
    border-radius: 50%;
    content: "";
    cursor: pointer;
    content: "";
  }
  .search__inputTextClear::before, .search__inputTextClear::after {
    display: block;
    position: absolute;
    top: 12px;
    left: 6px;
    z-index: 2;
    width: 14px;
    height: 2px;
    background: #fff;
    pointer-events: none;
    content: "";
  }
  .search__inputTextClear::before {
    transform: rotate(-45deg);
  }
  .search__inputTextClear::after {
    transform: rotate(45deg);
  }
  .search__submit {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 332px;
    margin: 0 auto;
    padding: 25px;
    border: 1px solid #fd5658;
    border-radius: 5px;
    box-sizing: border-box;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 30px;
    color: #fff;
    letter-spacing: 0.1em;
    cursor: pointer;
    transition: background 0.2s;
  }
  .search__submit::before {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    background: url(../img/search_glass01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .search__submit:hover {
    background: #dd4648;
  }
  .search__keywordListWrapper {
    display: none;
    position: absolute;
    z-index: 2;
    width: 100%;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
  }
  .search__keywordListTtl {
    display: block;
    padding: 0 15px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    line-height: 2.5;
  }
  .search__keywordItem {
    display: block;
    padding: 0 15px;
    font-size: 16px;
    line-height: 2.5;
    color: #000;
    cursor: pointer;
  }
  .search__keywordItem:hover {
    background: #ececec;
  }
  .search__inner02 {
    margin-top: 30px;
  }
  .search__item02 {
    display: block;
  }
  .search__item02:not(:last-child) {
    margin-bottom: 25px;
  }
  .search__ttl02 {
    font-size: 14px;
    font-weight: bold;
    color: #f9ff3c;
    line-height: 1.6;
  }
  .search__desc02 {
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
  }
  .search__link02 {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
    text-decoration: underline;
  }
  .search__link02:hover {
    color: #fff;
    text-decoration: none;
  }
  .search__link02::before {
    display: block;
    position: absolute;
    top: 7px;
    left: 2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(9px / 2) 0 calc(9px / 2) 7px;
    border-color: transparent transparent transparent #fff;
    content: "";
  }
  .search .fw-mv-search {
    width: auto;
  }
  .search .fw-search-top--air {
    padding: 0;
    background: transparent;
  }
  .search .fw-search-top__header {
    display: none;
  }
  .search .fw-search-top__body {
    display: flex;
    flex-wrap: wrap;
  }
  .search .fw-search-top__item--trans, .search .fw-search-top__item--date, .search .fw-search-top__item--guest-room, .search .fw-search-top__item--arr {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 0;
    box-sizing: border-box;
  }
  .search .fw-search-top__item--trans {
    flex-basis: calc(60% / 2 - 20px / 2);
    max-width: calc(60% / 2 - 20px / 2);
  }
  .search .fw-search-top__item--trans .fw-search-top__item-data {
    display: flex;
    flex-wrap: nowrap;
  }
  .search .fw-search-top__item--trans:nth-child(2) {
    margin-left: 20px;
  }
  .search .fw-search-top__item--date {
    position: relative;
    flex-basis: 40%;
    max-width: 40%;
    margin-top: 15px;
    padding-left: 20px;
  }
  .search .fw-search-top__item--date .fw-search-top__item-data {
    display: flex;
    padding-bottom: 30px;
  }
  .search .fw-search-top__item--date .fw-search-top__item-data .fw-checkbox--icon {
    display: block;
    position: absolute;
    bottom: 0;
    left: 20px;
  }
  .search .fw-search-top__item--date .fw-search-top__item-data .fw-checkbox__input:checked + .fw-checkbox__label::after {
    opacity: 1;
  }
  .search .fw-search-top__item--date .fw-search-top__item-data .fw-checkbox__label {
    display: inline-block;
    position: relative;
    padding: 8px;
    padding-left: 23px;
    box-sizing: border-box;
    font-size: 13px;
    color: #fff !important;
    line-height: 1.3;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    opacity: 1 !important;
  }
  .search .fw-search-top__item--date .fw-search-top__item-data .fw-checkbox__label::before {
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    background: #fff !important;
    content: "";
  }
  .search .fw-search-top__item--date .fw-search-top__item-data .fw-checkbox__label::after {
    display: block;
    position: absolute;
    top: 15px;
    left: 2px;
    transform: rotate(-45deg);
    width: 11px;
    height: 7px;
    border-left: 2px solid #cb2527;
    border-bottom: 2px solid #cb2527;
    box-sizing: border-box;
    opacity: 0;
    content: "";
  }
  .search .fw-search-top__item--guest-room {
    flex-basis: 30%;
    max-width: 30%;
  }
  .search .fw-search-top__item--arr {
    flex-basis: 70%;
    max-width: 70%;
    padding-left: 20px;
  }
  .search .fw-search-top__item--arr .fw-search-top__item-data {
    display: flex;
    flex-wrap: nowrap;
  }
  .search .fw-search-top__item-label {
    padding-top: 0;
    font-size: 16px;
    color: #fff;
    line-height: 1.6;
  }
  .search .fw-search-top__sub-item {
    display: block !important;
    margin-top: -25px !important;
  }
  .search .fw-search-top__sub-data {
    width: 100% !important;
  }
  .search .fw-search-top__sub-label {
    margin-right: 0 !important;
    padding-top: 0;
    font-size: 16px !important;
    color: #fff;
    line-height: 1.6;
  }
  .search .fw-search-top__footer {
    margin-top: 40px;
  }
  .search .fw-text-set--grid-2 {
    display: flex;
    flex-basis: auto;
    flex-grow: 1;
  }
  .search .fw-text--date {
    position: relative;
    margin-right: 10px;
  }
  .search .fw-text--date::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px !important;
    transform: translateY(-50%);
    width: 23px;
    height: 26px;
    margin-top: 0;
    background: url(../img/calendar.png) no-repeat;
    background-size: 100% auto;
    pointer-events: none;
    content: "";
  }
  .search .fw-text--date input {
    height: 40px;
    padding: 9px;
    padding-right: 40px;
    border-radius: 0;
    font-size: 14px;
    color: #000;
    text-indent: -0.5em;
  }
  .search .fw-text--guest, .search .fw-text--room {
    width: auto !important;
    flex-basis: 50%;
    max-width: 50%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .search .fw-text--guest input, .search .fw-text--room input {
    height: 40px;
    padding: 9px;
    border-radius: 0;
    font-size: 14px;
    color: #000;
  }
  .search .fw-select--area-set {
    display: block;
    position: relative;
    flex-basis: calc(100% / 3 - 10px * (2 / 3) - .01px);
    max-width: calc(100% / 3 - 10px * (2 / 3) - .01px);
    flex-grow: 0;
    flex-shrink: 0;
    width: auto !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .search .fw-select--area-set:not(:nth-child(3n)) {
    margin-right: 10px;
  }
  .search .fw-select--area-set::before {
    display: none;
  }
  .search .fw-select--area-set::after {
    display: block;
    position: absolute;
    top: calc(50% - 11px / 2);
    right: calc(15px / 2);
    left: auto;
    z-index: 10;
    width: 0;
    height: 0;
    margin-top: 0;
    border-style: solid;
    border-width: 11px calc(15px / 2) 0 calc(15px / 2);
    border-color: #007c17 transparent transparent transparent;
    pointer-events: none;
    content: "";
  }
  .search .fw-select--area-set.fw-is-disabled::after {
    display: none;
  }
  .search .fw-select--area-set.fw-is-disabled select {
    background: #ccc;
    color: #646464;
  }
  .search .fw-select--area-set select {
    height: 40px;
    padding: 9px;
    padding-right: 30px;
    border-radius: 0;
    background: #fff;
    font-size: 14px;
    color: #000;
  }
  .search .fw-btn-search-01--hotel {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 332px;
    margin: 0 auto;
    padding: 25px;
    border: 1px solid #fd5658;
    border-radius: 5px;
    box-sizing: border-box;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 30px;
    font-weight: normal;
    color: #fff;
    letter-spacing: 0.1em;
    cursor: pointer;
    transition: background 0.2s;
  }
  .search .fw-btn-search-01--hotel::before {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    background: url(../img/search_glass01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .search .fw-btn-search-01--hotel:hover {
    background: #dd4648;
  }
  .search .fw-btn-search-01--hotel span::after {
    content: "する";
  }
  .search .fw-btn-search-01--hotel.fw-is-disabled {
    border-color: #aaa;
  }
  .search .MuiAutocomplete-root {
    display: block !important;
    width: calc(100% / 2 - 20px / 2) !important;
    padding-right: 0 !important;
    box-sizing: content-box;
  }
  .search .MuiAutocomplete-root:first-child {
    position: relative;
    padding-right: 20px !important;
    background-image: none !important;
  }
  .search .MuiAutocomplete-root:first-child::after {
    display: block;
    position: absolute;
    top: 32px;
    right: 6px;
    width: 8px;
    height: 5px;
    box-sizing: border-box;
    background-image: url(../img/search_arrow-cream.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .search .MuiFormLabel-root {
    position: relative;
    transform: none !important;
    font-size: 12px;
    color: #dee292 !important;
    line-height: 1.3;
  }
  .search .MuiInputBase-root {
    padding: 0 !important;
  }
  .search .MuiInputBase-input {
    height: 40px;
    padding-right: 39px !important;
    border-radius: 0;
    box-sizing: border-box;
    background: #fff;
    font-size: 14px;
    color: #000;
  }
  .search .MuiOutlinedInput-notchedOutline {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .topics {
    background: url(../img/bg_island01.jpg) no-repeat;
    background-position: bottom center;
  }
  .topics__inner {
    display: flex;
    justify-content: space-between;
    width: 1030px;
    max-width: 95%;
    margin: 0 auto;
    padding: 100px 0 270px;
    box-sizing: border-box;
  }
  .topics__h2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 50px;
    color: #007c17;
    -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    margin-right: 65px;
  }
  .topics__h2 .-pcOnly {
    display: inline;
  }
  .topics__cont {
    flex-grow: 2;
  }
  .topics__btnList {
    display: flex;
    border-bottom: 1px solid #007c17;
  }
  .topics__btnItem {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 50px;
    border: 1px solid #007c17;
    border-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #fff;
    box-sizing: border-box;
    font-family: "Sawarabi Mincho", serif;
    font-size: 18px;
    color: #007c17;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
  }
  .topics__btnItem:hover, .topics__btnItem.-current {
    background: #007c17;
    color: #fff;
  }
  .topics__btnItem.-current {
    pointer-events: none;
  }
  .topics__btnItem:first-child {
    margin-right: 10px;
  }
  .topics__contItem {
    display: none;
  }
  .topics__contItem.-current {
    display: block;
  }
  .topics__list {
    height: 309px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .topics__item {
    border-bottom: 1px dashed #007c17;
  }
  .topics__link {
    display: flex;
    align-items: center;
    padding: 20px 0;
    text-decoration: none;
    transition: background 0.3s;
  }
  .topics__link:hover {
    background: rgba(0, 0, 0, 0.1);
  }
  div.topics__link:hover {
    background: none;
  }

  .topics__txtWrapper01 {
    width: 120px;
    margin-right: 30px;
  }
  .topics__txtWrapper01, .topics__txtWrapper02 {
    flex-grow: 0;
    flex-shrink: 0;
  }
  .topics__type, .topics__date {
    width: 100%;
    font-size: 12px;
    text-align: center;
  }
  .topics__type {
    margin-bottom: 2px;
    padding: 10px 0;
    background: #cb2527;
    color: #fff;
  }
  .topics__date {
    padding: 8px 0;
    background: #f4f5d4;
    color: #cb2527;
  }
  .topics__infoList {
    display: flex;
    margin-bottom: 10px;
  }
  .topics__infoItem {
    padding: 3px 15px;
    font-size: 12px;
    color: #cb2527;
    border-right: 1px solid #cb2527;
  }
  .topics__infoItem:first-child {
    border-left: 1px solid #cb2527;
  }
  .topics__text {
    font-size: 14px;
    line-height: 1.5;
    color: #000;
  }
}
@media screen and (min-width: 769px) {
  .ranking {
    position: relative;
    background: url(../img/bg_cream01.png);
  }
  .ranking::before {
    position: absolute;
    top: calc(-40px + 1px);
    width: 100%;
    height: 40px;
    background: url(../img/bg_wave_cream01.png) repeat-x center;
    content: "";
  }
  .ranking__inner {
    display: block;
    width: 1100px;
    max-width: 95%;
    margin: 0 auto;
    padding: 70px 0 110px;
  }
  .ranking__h2 {
    width: auto;
    margin-bottom: -35px;
    padding-left: 110px;
  }
  .ranking__h2 .ranking__img {
    width: auto;
  }
  .ranking__list {
    display: flex;
    flex-wrap: wrap;
  }
  .ranking__list.-column03 {
    padding-bottom: 30px;
  }
  .ranking__list.-column03 .ranking__item {
    width: calc(100% / 3 - 2% * (2 / 3));
  }
  .ranking__list.-column03 .ranking__item:not(:nth-child(3n)) {
    margin-right: 2%;
  }
  .ranking__list.-column03 .ranking__item::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 126px;
    height: 79px;
    background: url(../img/ranking_flag01.png) no-repeat;
    background-size: 100% auto;
    pointer-events: none;
    content: "";
  }
  .ranking__list.-column03 .ranking__stay {
    flex-basis: 30%;
  }
  .ranking__list.-column03 .ranking__price {
    flex-basis: calc(100% - 30%);
    font-size: 30px;
  }
  .ranking__list.-column03 .ranking__price::after {
    margin-top: 8px;
    font-size: 21px;
  }
  .ranking__list.-column04 {
    margin-top: 15px;
  }
  .ranking__list.-column04 .ranking__item {
    width: calc(100% / 4 - 2% * (3 / 4));
  }
  .ranking__list.-column04 .ranking__item:not(:nth-child(4n)) {
    margin-right: 2%;
  }
  .ranking__list.-column04 .ranking__stay {
    flex-basis: 35%;
  }
  .ranking__list.-column04 .ranking__price {
    flex-basis: calc(100% - 35%);
    font-size: 26px;
  }
  .ranking__list.-column04 .ranking__price::after {
    margin-top: 5px;
    font-size: 17px;
  }
  .ranking__item {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    width: auto;
    height: auto;
    position: relative;
    margin-bottom: 30px;
  }
  .ranking__link {
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    min-height: 100%;
    text-decoration: none;
    transition: box-shadow 0.3s;
  }
  .ranking__link:hover {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
  }
  .ranking__rank {
    position: absolute;
    top: 5px;
    left: 45px;
    z-index: 2;
    font-family: "Sawarabi Mincho", serif;
    font-size: 35px;
    color: #cb2527;
    line-height: 1;
  }
  .ranking__rank::after {
    font-size: 18px;
    content: "位";
  }
  .ranking__recommend {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 13px;
    left: 0;
    z-index: 2;
    height: 30px;
    padding: 0 10px;
    background: #fff;
    font-family: "Sawarabi Mincho", serif;
    font-size: 16px;
    font-weight: bold;
    color: #cb2527;
  }
  .ranking__recommend::after {
    position: absolute;
    top: 0;
    right: -17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(30px / 2) 0 calc(30px / 2) 17px;
    border-color: transparent transparent transparent #fff;
    content: "";
  }
  .ranking__imgWrapper {
    flex-grow: 0;
    flex-shrink: 0;
  }
  .ranking__img {
    display: block;
    width: 100%;
  }
  .ranking__txtWrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 2;
    background: #fff;
  }
  .ranking__txt01 {
    padding: 20px;
  }
  .ranking__dept {
    margin-bottom: 7px;
    font-size: 14px;
    color: #007c17;
  }
  .ranking__desc {
    font-size: 14px;
    color: #000;
    line-height: 1.7;
  }
  .ranking__txt02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px dashed #007c17;
  }
  .ranking__stay, .ranking__price {
    display: flex;
    align-items: center;
    height: 67px;
  }
  .ranking__stay {
    justify-content: center;
    border-right: 1px dashed #007c17;
    font-size: 16px;
    color: #007c17;
  }
  .ranking__price {
    justify-content: flex-end;
    padding-right: 15px;
    font-weight: bold;
    color: #cb2527;
  }
  .ranking__price::after {
    content: "円～";
  }
  .ranking__listWrapper02 {
    display: block;
    padding-top: 50px;
    box-sizing: border-box;
  }
  .ranking__listWrapper02:not(:last-child) {
    background: url(../img/dotted_border_brown01.png) repeat-x center top;
    background-size: auto 4px;
  }
  .ranking__ttl02 {
    font-family: "Sawarabi Mincho", serif;
    font-size: 42px;
    color: #007c17;
    line-height: 1.6;
    text-align: center;
  }
  .ranking .fw-static-api-departure {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 15px;
  }
  .ranking .fw-select {
    margin-left: 10px;
  }
  .ranking .fw-static-api-search-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    margin-bottom: -2%;
  }
  .ranking .fw-static-api-search__item, .ranking .fw-static-api-search-data, .ranking .fw-static-api-search-info {
    display: flex;
    flex-direction: column;
    flex-basis: auto;
    flex-grow: 1;
    min-height: 0%;
  }
  .ranking .fw-static-api-search__item {
    width: calc(100% / 4 - 2% * (3 / 4));
    margin-bottom: 2%;
    background: #fff;
  }
  .ranking .fw-static-api-search__item:not(:nth-child(4n)) {
    margin-right: 2%;
  }
  .ranking .fw-static-api-search-img {
    display: block;
    flex-basis: auto;
    flex-grow: 0;
    min-height: 0%;
  }
  .ranking .fw-static-api-search-img img {
    display: block;
    width: 100%;
  }
  .ranking .fw-static-api-search-info {
    padding: 10px 7px 5px;
    box-sizing: border-box;
  }
  .ranking .fw-static-api-search-info > div:not([class]),
.ranking .fw-static-api-search-info > div[class=""] {
    order: 2;
    margin-top: 5px;
    font-size: 14px;
    color: #000;
    line-height: 1.6;
  }
  .ranking .fw-static-api-search-name {
    order: 1;
    font-size: 15px;
    font-weight: bold;
    color: #007c17 !important;
    line-height: 1.6;
  }
  .ranking .fw-static-api-search-price-box {
    order: 3;
    margin-top: 5px;
  }
  .ranking .fw-static-api-search-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ranking .fw-static-api-search-price::before {
    font-size: 12px;
    color: #000;
    line-height: 1.6;
    content: "旅行代金";
  }
  .ranking .fw-static-api-search-price-range {
    font-size: 22px;
    font-weight: bold;
    color: #cb2527;
    line-height: 1.6;
  }
  .ranking .fw-static-api-search-price-sub {
    display: none;
  }
  .ranking .fw-static-api-search-col {
    order: 2;
    margin-top: 5px;
    font-size: 14px;
    color: #000;
    line-height: 1.4;
  }
  .ranking .fw-static-api-search-btn {
    padding: 0 7px 10px;
    box-sizing: border-box;
  }
  .ranking .fw-btn-search-01 {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    box-sizing: border-box;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    letter-spacing: 1em;
    text-indent: 1em;
    transition: background 0.2s;
  }
  .ranking .fw-btn-search-01:hover {
    background: #dd4648;
  }
}
@media screen and (min-width: 769px) {
  .feature {
    position: relative;
    background: url(../img/bg_cream02.png);
  }
  .feature__inner01::before, .feature__inner01::after, .feature::before, .feature::after {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 3px;
    background: #f3f6a1;
    content: "";
  }

  .feature::before {
    top: calc(-3px * 4);
  }
  .feature::after {
    bottom: calc(-3px * 4);
  }
  .feature__inner01::before {
    top: calc(-3px * 2);
  }
  .feature__inner01::after {
    bottom: calc(-3px * 2);
  }
  .feature__inner02 {
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 60px 0;
  }
  .feature__h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1100px;
    max-width: 95%;
    margin: 0 auto;
  }
  .feature__h2::before, .feature__h2::after {
    display: block;
    width: 437px;
    height: 6px;
    margin-top: 40px;
    background: url(../img/dotted_border_green01.png) repeat-x;
    background-size: auto auto;
    content: "";
  }
  .feature__listWrapper01 {
    display: block;
    position: relative;
    width: 1300px;
    max-width: 95%;
    margin: 0 auto;
  }
  .feature__listWrapper02 {
    display: flex;
    position: relative;
    width: 1160px;
    max-width: 85%;
    margin: 0 auto;
    padding: 45px 30px 60px;
    box-sizing: content-box;
    overflow: hidden;
  }
  .feature__list {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .feature__list.-wrap {
    flex-wrap: wrap;
  }
  .feature__item {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 30px * 3) / 4);
    height: auto;
    margin-top: calc(30px / 2);
    margin-bottom: calc(30px / 2);
  }
  .feature__item:first-child:nth-last-child(1), .feature__item:first-child:nth-last-child(1) ~ .feature__item {
    flex-basis: calc((100% - 30px * 0) / 1);
    max-width: calc((100% - 30px * 0) / 1);
  }
  .feature__item:first-child:nth-last-child(2), .feature__item:first-child:nth-last-child(2) ~ .feature__item {
    flex-basis: calc((100% - 30px * 1) / 2);
    max-width: calc((100% - 30px * 1) / 2);
  }
  .feature__item:first-child:nth-last-child(2) .feature__link, .feature__item:first-child:nth-last-child(2) ~ .feature__item .feature__link {
    display: flex;
    flex-direction: row;
    flex-grow: 0;
  }
  .feature__item:first-child:nth-last-child(2) .feature__link .feature__imgWrapper, .feature__item:first-child:nth-last-child(2) ~ .feature__item .feature__link .feature__imgWrapper {
    flex-basis: 255px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .feature__item:first-child:nth-last-child(2) .feature__link .feature__txtWrapper, .feature__item:first-child:nth-last-child(2) ~ .feature__item .feature__link .feature__txtWrapper {
    flex-grow: 2;
  }
  .feature__item:first-child:nth-last-child(3), .feature__item:first-child:nth-last-child(3) ~ .feature__item {
    flex-basis: calc((100% - 30px * 2) / 3);
    max-width: calc((100% - 30px * 2) / 3);
  }
  .feature__item:first-child:nth-last-child(4), .feature__item:first-child:nth-last-child(4) ~ .feature__item {
    flex-basis: calc((100% - 30px * 3) / 4);
    max-width: calc((100% - 30px * 3) / 4);
  }
  .feature__link {
    flex-shrink: 0;
    flex-grow: 2;
    min-height: 100%;
    background: #fff;
    text-decoration: none;
    transition: box-shadow 0.3s;
  }
  .feature__link:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .feature__txtWrapper {
    flex-grow: 0;
    padding: 20px 15px;
    box-sizing: border-box;
  }
  .feature__dept {
    margin-bottom: 7px;
    font-size: 14px;
    color: #007c17;
  }
  .feature__desc {
    font-size: 14px;
    color: #000;
    line-height: 1.7;
  }
  .feature__img {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    display: block;
    width: 100%;
    height: auto;
  }
  .feature__arrow {
    position: absolute;
    top: calc(50% - 50px / 2);
    z-index: 2;
    width: 50px;
    height: 50px;
    background-image: url(../img/slider_arrow01.png);
    background-size: 100% auto;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    outline: none;
    transition: filter 0.2s;
    content: "";
  }
  .feature__arrow:hover {
    filter: brightness(1.2);
  }
  .feature__arrow.-prev {
    left: 10px;
  }
  .feature__arrow.-next {
    transform: rotate(180deg);
    right: 10px;
  }
  .feature__arrow.-invisible {
    display: none;
  }
  .feature__showAll {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: none;
    width: 280px;
    margin: 0 auto;
    padding: 15px;
    background: #cb2527;
    border-radius: 5px;
    font-family: "Sawarabi Mincho", serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s;
  }
  .feature__showAll:hover {
    background: #dd4648;
    color: #fff;
  }
  .feature__showAll.-visible {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .find__inner01 {
    position: relative;
    background: url(../img/bg_cream01.png);
    padding-top: 70px;
  }
  .find__inner01::before {
    position: absolute;
    top: 70px;
    width: 100%;
    height: 40px;
    background: url(../img/bg_wave_cream01.png) repeat-x;
    transform: rotate(180deg);
    content: "";
  }
  .find__inner02 {
    padding: 80px 0;
    background: #fff;
  }
  .find__inner03 {
    background: url(../img/bg_footprint01.png) no-repeat bottom 45px center;
  }
  .find__cont {
    padding: 60px 0;
  }
  .find__cont.-cont01 {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 1100px;
    margin: 0 auto;
  }
  .find__cont.-cont02 {
    display: block;
  }
  .find__cont:not(:last-child)::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: url(../img/dotted_border_brown01.png) repeat-x;
    background-size: auto 4px;
    content: "";
  }
  .find__contInner01 {
    display: flex;
    flex-direction: column;
    flex-basis: calc(100% * 280 / 1100);
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 95px;
  }
  .find__contInner01 .find__linkMore {
    margin-top: auto;
  }
  .find__contInner02 {
    flex-basis: calc(100% * 725 / 1100);
    flex-grow: 0;
    flex-shrink: 0;
  }
  .find__h3 {
    margin-bottom: 15px;
    font-family: "Sawarabi Mincho", serif;
    font-size: 30px;
    font-weight: bold;
    color: #007c17;
    line-height: 1.5;
  }
  .find__desc {
    font-size: 14px;
    color: #000;
    line-height: 1.7;
  }
  .find__acmdList {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 2;
  }
  .find__acmdItem {
    display: flex;
    align-items: center;
    flex-basis: calc(99% / 3);
    flex-grow: 2;
    flex-shrink: 0;
    border: 1px dashed #007c17;
    box-sizing: border-box;
  }
  .find__acmdItem:not(:nth-child(3n)) {
    border-right: 0;
  }
  .find__acmdItem:nth-child(n+4) {
    border-top: 0;
  }
  .find__acmdItem:last-child {
    border-right: 1px dashed #007c17;
  }
  .find__acmdItem.-miyanoura .find__acmdLink::before {
    display: block;
    position: relative;
    width: 70px;
    height: 66px;
    margin-right: 10px;
    background: url(../img/find_map-miyanoura.png) no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    content: "";
  }
  .find__acmdItem.-anbo .find__acmdLink::before {
    display: block;
    position: relative;
    width: 70px;
    height: 66px;
    margin-right: 10px;
    background: url(../img/find_map-anbo.png) no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    content: "";
  }
  .find__acmdItem.-airport .find__acmdLink::before {
    display: block;
    position: relative;
    width: 70px;
    height: 66px;
    margin-right: 10px;
    background: url(../img/find_map-airport.png) no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    content: "";
  }
  .find__acmdItem.-airport .find__acmdLink::before {
    width: 71px;
  }
  .find__acmdItem.-nagata .find__acmdLink::before {
    display: block;
    position: relative;
    width: 70px;
    height: 66px;
    margin-right: 10px;
    background: url(../img/find_map-nagata.png) no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    content: "";
  }
  .find__acmdItem.-onoma .find__acmdLink::before {
    display: block;
    position: relative;
    width: 70px;
    height: 66px;
    margin-right: 10px;
    background: url(../img/find_map-onoma.png) no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    content: "";
  }
  .find__acmdItem.-omakase .find__acmdLink::before {
    display: block;
    position: relative;
    width: 70px;
    height: 66px;
    margin-right: 10px;
    background: url(../img/find_map-omakase.png) no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    content: "";
  }
  .find__acmdLink {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 5px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    color: #007c17;
    line-height: 1.5;
    text-decoration: none;
  }
  .find__acmdLink::after {
    display: block;
    position: absolute;
    top: calc(50% - 10px / 2);
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(10px / 2) 0 calc(10px / 2) 10px;
    border-color: transparent transparent transparent #cb2527;
    content: "";
  }
  .find__linkMore {
    display: block;
    width: 100%;
    padding: 15px;
    border-radius: 5px;
    background: #cb2527;
    box-sizing: border-box;
    font-family: "Sawarabi Mincho", serif;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: background 0.2s;
  }
  .find__linkMore:hover {
    background: #dd4648;
    color: #fff;
  }
  .find__linkMore.-bottom {
    display: block;
    width: 280px;
    margin: 0 auto;
  }
  .find__optList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .find__optItem {
    position: relative;
    flex-basis: calc((100% - 1 *30px) / 2);
    margin-bottom: 30px;
  }
  .find__optItem:nth-child(2n+1):nth-last-child(-n+2), .find__optItem:nth-child(2n+1):nth-last-child(-n+2) ~ .find__optItem {
    margin-bottom: 0;
  }
  .find__optItem:nth-child(1)::before {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 46px;
    height: 45px;
    background: url(../img/find_badge01.png) no-repeat;
    background-size: 100% auto;
    z-index: 2;
    pointer-events: none;
    content: "";
  }
  .find__optItem:nth-child(2)::before {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 46px;
    height: 45px;
    background: url(../img/find_badge02.png) no-repeat;
    background-size: 100% auto;
    z-index: 2;
    pointer-events: none;
    content: "";
  }
  .find__optItem:nth-child(3)::before {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 46px;
    height: 45px;
    background: url(../img/find_badge03.png) no-repeat;
    background-size: 100% auto;
    z-index: 2;
    pointer-events: none;
    content: "";
  }
  .find__optItem:nth-child(4)::before {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 46px;
    height: 45px;
    background: url(../img/find_badge04.png) no-repeat;
    background-size: 100% auto;
    z-index: 2;
    pointer-events: none;
    content: "";
  }
  .find__optLink {
    display: flex;
    align-items: center;
    position: relative;
    padding: 25px 0;
    background: url(../img/bg_cream01.png);
    text-decoration: none;
    transition: box-shadow 0.3s;
  }
  .find__optLink::before, .find__optLink::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-image: linear-gradient(-45deg, #fff 25%, #007c17 25%, #007c17 50%, #fff 50%, #fff 75%, #007c17 75%, #007c17);
    /* 幅8px、高さ8pxで背景画像のサイズを指定 */
    background-size: 12px 12px;
    content: "";
  }
  .find__optLink::before {
    top: 0;
  }
  .find__optLink::after {
    bottom: 0;
  }
  .find__optLink:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  }
  .find__optLink .find__imgWrapper {
    flex-basis: calc(100% * 200 / 347);
  }
  .find__optTtl {
    display: block;
    flex-basis: calc(100% * 132 / 347);
    margin-left: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #007c17;
    line-height: 1.4;
  }
  .find__listWrapper01 {
    display: block;
    position: relative;
    width: 1300px;
    max-width: 95%;
    margin: 0 auto;
  }
  .find__listWrapper02 {
    display: block;
    position: relative;
    width: 1160px;
    max-width: 95%;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
    overflow: hidden;
  }
  .find__arrow {
    position: absolute;
    top: calc(50% - 50px / 2);
    z-index: 2;
    width: 50px;
    height: 50px;
    background-image: url(../img/slider_arrow01.png);
    background-size: 100% auto;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    outline: none;
    transition: filter 0.2s;
    content: "";
  }
  .find__arrow:hover {
    filter: brightness(1.2);
  }
  .find__arrow.-prev {
    left: 10px;
  }
  .find__arrow.-next {
    transform: rotate(180deg);
    right: 10px;
  }
  .find__arrow.-invisible {
    display: none;
  }
  .find__list {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-bottom: 60px;
  }
  .find__item {
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    height: auto;
  }
  .find__item:first-child:nth-last-child(1), .find__item:first-child:nth-last-child(1) ~ .find__item {
    flex-basis: calc((100% - 30px * 0) / 1);
  }
  .find__item:first-child:nth-last-child(2), .find__item:first-child:nth-last-child(2) ~ .find__item {
    flex-basis: calc((100% - 30px * 1) / 2);
  }
  .find__item:first-child:nth-last-child(2):not(:last-child), .find__item:first-child:nth-last-child(2) ~ .find__item:not(:last-child) {
    margin-right: 30px;
  }
  .find__item:first-child:nth-last-child(2) .find__link, .find__item:first-child:nth-last-child(2) ~ .find__item .find__link {
    flex-direction: row;
    position: relative;
  }
  .find__item:first-child:nth-last-child(2) .find__imgWrapper, .find__item:first-child:nth-last-child(2) ~ .find__item .find__imgWrapper {
    flex-basis: 255px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .find__item:first-child:nth-last-child(2) .find__img, .find__item:first-child:nth-last-child(2) ~ .find__item .find__img {
    display: block;
  }
  .find__item:first-child:nth-last-child(2) .find__txtWrapper02, .find__item:first-child:nth-last-child(2) ~ .find__item .find__txtWrapper02 {
    position: static;
  }
  .find__item:first-child:nth-last-child(2) .find__stay, .find__item:first-child:nth-last-child(2) ~ .find__item .find__stay {
    top: 8px;
    left: 8px;
  }
  .find__item:first-child:nth-last-child(3), .find__item:first-child:nth-last-child(3) ~ .find__item {
    flex-basis: calc((100% - 30px * 2) / 3);
  }
  .find__item .find__imgWrapper {
    flex-grow: 0;
    flex-shrink: 0;
  }
  .find__link {
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    min-height: 100%;
    background: url(../img/bg_cream01.png);
    text-decoration: none;
    transition: box-shadow 0.3s;
  }
  .find__link:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .find__txtWrapper02 {
    display: block;
    flex-grow: 2;
    position: relative;
    padding: 25px 15px 20px;
  }
  .find__stay {
    display: block;
    position: absolute;
    top: -12px;
    padding: 5px 20px;
    background: #cb2527;
    font-size: 14px;
    color: #fff;
  }
  .find__txt01, .find__txt02 {
    display: block;
    font-family: "Sawarabi Mincho", serif;
    font-weight: bold;
    color: #007c17;
    line-height: 1.5;
  }
  .find__txt01 {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .find__txt02 {
    font-size: 20px;
  }
  .find__imgWrapper {
    display: block;
  }
  .find__img {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    height: auto;
  }
  .find__img.-small {
    width: 100%;
  }
  .find__img.-medium {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .about {
    position: relative;
  }
  .about::before {
    position: absolute;
    top: calc(-40px + 1px);
    width: 100%;
    height: 40px;
    background: url(../img/bg_wave_cream01.png) repeat-x center;
    content: "";
  }
  .about__cont01 {
    background: url(../img/about_bg01.png), url(../img/about_bg02.png), url(../img/bg_cream01.png);
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: calc(50% - 650px) 70px, calc(50% + 650px) 70px, center;
  }
  .about__contInner01 {
    display: block;
    position: relative;
    width: 1100px;
    max-width: 95%;
    margin: 0 auto;
    padding: 90px 0 145px;
  }
  .about__contInner02 {
    margin-top: 45px;
    padding: 30px;
    background: #fff;
  }
  .about__cont02 {
    display: block;
    width: 1100px;
    max-width: 95%;
    margin: 0 auto;
  }
  .about__h2 {
    font-family: "Sawarabi Mincho", serif;
    font-size: 45px;
    font-weight: bold;
    color: #007c17;
    text-align: center;
  }
  .about__desc {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    color: #000;
    line-height: 1.8;
    text-align: center;
  }
  .about__imgWrapper {
    display: block;
  }
  .about__imgWrapper.-graph {
    margin-top: -5px;
  }
  .about__imgWrapper.-icon {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
  }
  .about__imgWrapper.-icon .about__img {
    width: auto;
  }
  .about__img {
    display: block;
    width: 100%;
  }
  .about__graphH3 {
    display: block;
    margin-top: 10px;
    font-family: "Sawarabi Mincho", serif;
    font-weight: bold;
    color: #007c17;
    text-align: center;
  }
  .about__graphH3Txt01 {
    font-size: 30px;
  }
  .about__graphH3Txt02 {
    margin-left: 15px;
    font-size: 22px;
  }
  .about__graphElList {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
  }
  .about__graphElItem {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #000;
  }
  .about__graphElItem:not(:last-child) {
    margin-right: 10px;
  }
  .about__graphElItem::before {
    display: block;
    margin-right: 5px;
    content: "";
  }
  .about__graphElItem.-average::before {
    width: 30px;
    height: 4px;
  }
  .about__graphElItem.-average.-yakushima::before {
    background: #00670b;
  }
  .about__graphElItem.-average.-tokyo::before {
    background: #6baddf;
  }
  .about__graphElItem.-amount::before {
    width: 30px;
    height: 12px;
  }
  .about__graphElItem.-amount.-yakushima::before {
    background: #45a11c;
  }
  .about__graphElItem.-amount.-tokyo::before {
    background: #6bcadf;
  }
  .about__table01Wrapper {
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    padding: 0 20px;
  }
  .about__table01 {
    width: 100%;
  }
  .about__thead01 {
    border-top: 2px solid #c8c8c8;
  }
  .about__tbody01 {
    border-top: 2px solid #c8c8c8;
    border-bottom: 2px solid #c8c8c8;
  }
  .about__th01, .about__td01 {
    padding: 10px 8px;
    border-bottom: 1px solid #c8c8c8;
    font-size: 15px;
    color: #000;
  }
  .about__th01:not(:last-child), .about__td01:not(:last-child) {
    border-right: 1px solid #c8c8c8;
  }
  .about__th01:first-child, .about__td01:first-child {
    border-right: 2px solid #c8c8c8;
  }
  .about__th01 {
    text-align: center;
  }
  .about__td01 {
    text-align: right;
  }
  .about__td01:first-child {
    text-align: left;
  }
  .about__graphCap {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0 20px;
    font-size: 14px;
    color: #000;
    line-height: 1.5;
  }
  .about__h3 {
    margin-top: 50px;
    padding: 15px 20px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: url(../img/bg_green01.png) center;
  }
  .about__table02 {
    width: 100%;
    margin-top: 30px;
    border: 2px solid #007c17;
  }
  .about__table02.-trekking .about__th02, .about__table02.-trekking .about__td02 {
    height: 77px;
  }
  .about__table02.-trekking .about__th02 {
    padding: 15px 20px;
  }
  .about__table02.-trekking .about__td02 {
    padding: 15px 30px;
  }
  .about__table02.-price .about__th02 {
    width: 75px;
    padding: 12px 22px;
  }
  .about__table02.-price .about__td02 {
    padding-left: 110px;
  }
  .about__th02, .about__td02 {
    border: 1px dashed #007c17;
    font-size: 14px;
    color: #000;
    line-height: 1.7;
    vertical-align: middle;
  }
  .about__th02 {
    color: #007c17;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
  }
  .about__td02.-off, .about__td02.-peek, .about__td02.-shoulder {
    position: relative;
  }
  .about__td02.-off::before, .about__td02.-off::after, .about__td02.-peek::before, .about__td02.-peek::after, .about__td02.-shoulder::before, .about__td02.-shoulder::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 90%;
  }
  .about__td02.-off::before, .about__td02.-peek::before, .about__td02.-shoulder::before {
    display: block;
    top: 1px;
    left: 1px;
    width: 105px;
    background: #fff;
    content: "";
  }
  .about__td02.-off::after, .about__td02.-peek::after, .about__td02.-shoulder::after {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 2;
    width: calc(105px - 8px * 2);
    height: 31px;
    margin: 8px;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
  }
  .about__td02.-off[rowspan="1"]::after, .about__td02.-peek[rowspan="1"]::after, .about__td02.-shoulder[rowspan="1"]::after {
    height: 31px;
  }
  .about__td02.-off[typerow="1"]::before, .about__td02.-peek[typerow="1"]::before, .about__td02.-shoulder[typerow="1"]::before {
    height: 100%;
  }
  .about__td02.-off[typerow="1"]::after, .about__td02.-peek[typerow="1"]::after, .about__td02.-shoulder[typerow="1"]::after {
    height: 31px;
  }
  .about__td02.-off[rowspan="2"]::after, .about__td02.-peek[rowspan="2"]::after, .about__td02.-shoulder[rowspan="2"]::after {
    height: 78px;
  }
  .about__td02.-off[typerow="2"]::before, .about__td02.-peek[typerow="2"]::before, .about__td02.-shoulder[typerow="2"]::before {
    height: 200%;
  }
  .about__td02.-off[typerow="2"]::after, .about__td02.-peek[typerow="2"]::after, .about__td02.-shoulder[typerow="2"]::after {
    height: 78px;
  }
  .about__td02.-off[rowspan="3"]::after, .about__td02.-peek[rowspan="3"]::after, .about__td02.-shoulder[rowspan="3"]::after {
    height: 125px;
  }
  .about__td02.-off[typerow="3"]::before, .about__td02.-peek[typerow="3"]::before, .about__td02.-shoulder[typerow="3"]::before {
    height: 300%;
  }
  .about__td02.-off[typerow="3"]::after, .about__td02.-peek[typerow="3"]::after, .about__td02.-shoulder[typerow="3"]::after {
    height: 125px;
  }
  .about__td02.-off::after {
    background: #dae1ef;
    color: #3358a2;
    content: "オフ";
  }
  .about__td02.-peek::after {
    background: #fdecee;
    color: #e80115;
    content: "ピーク";
  }
  .about__td02.-shoulder::after {
    background: #fef4e3;
    color: #eb6100;
    content: "ショルダー";
  }
  .about__table03 {
    width: 100%;
    margin-top: 30px;
    border: 2px solid #007c17;
    table-layout: fixed;
  }
  .about__thead03 .about__tr03:first-child {
    background: #007c17;
    font-weight: bold;
    color: #fff;
  }
  .about__thead03 .about__tr03:first-child .about__th03:not(:last-child) {
    border-right: 1px dashed #fff;
  }
  .about__thead03 .about__tr03:first-child .about__th03:nth-last-child(2) {
    border-right: 0;
  }
  .about__thead03 .about__tr03:nth-child(2) {
    background: #e3f7e6;
    color: #007c17;
  }
  .about__tbody03 {
    border: 2px solid #007c17;
  }
  .about__th03, .about__td03 {
    width: 100%;
    border: 1px dashed #007c17;
    font-size: 15px;
    text-align: center;
  }
  .about__th03:first-child, .about__td03:first-child {
    width: 135px;
  }
  .about__th03:nth-last-child(2), .about__td03:nth-last-child(2) {
    border-right: 0;
  }
  .about__th03:last-child, .about__td03:last-child {
    width: 0;
    margin: 0;
    padding: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
  }
  .about__th03 {
    padding: 8px 0;
    border-top: 0;
    border-bottom: 0;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
  }
  .about__td03 {
    font-weight: bold;
    color: #000;
  }
  .about__td03.-season, .about__td03.-dress01, .about__td03.-dress02 {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
  }
  .about__td03.-season {
    height: 125px;
  }
  .about__td03.-dress01, .about__td03.-dress02 {
    height: 50px;
  }
  .about__td03.-contents {
    position: relative;
  }
  .about__td03List {
    display: flex;
    position: absolute;
    top: 10px;
    left: -900px;
    width: 900px;
    padding: 0 5px;
  }
  .about__td03List:nth-child(2) {
    top: 50px;
  }
  .about__td03List:nth-child(3) {
    top: 85px;
  }
  .about__td03Item {
    flex-grow: 0;
    flex-shrink: 0;
    padding: 8px 0;
    border-radius: 4px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
  }
  .about__td03Item.-fish {
    background: #7ecef4;
  }
  .about__td03Item.-flower {
    background: #f5bcd5;
  }
  .about__td03Item.-shortSleeve {
    background: #a2d1f3;
  }
  .about__td03Item.-longSleeve {
    background: #72a7cc;
  }
  .about__td03Item.-down {
    background: #1d4e70;
  }
  .about__td03Item.-fleece {
    background: #437395;
  }
  .about__td03Item[colspan="1"] {
    flex-basis: calc(75px * 1 - 9px);
  }
  .about__td03Item[colspan="2"] {
    flex-basis: calc(75px * 2 - 9px);
  }
  .about__td03Item[colspan="3"] {
    flex-basis: calc(75px * 3 - 9px);
  }
  .about__td03Item[colspan="4"] {
    flex-basis: calc(75px * 4 - 9px);
  }
  .about__td03Item[colspan="5"] {
    flex-basis: calc(75px * 5 - 9px);
  }
  .about__td03Item[colspan="6"] {
    flex-basis: calc(75px * 6 - 9px);
  }
  .about__td03Item[colspan="7"] {
    flex-basis: calc(75px * 7 - 9px);
  }
  .about__td03Item[colspan="8"] {
    flex-basis: calc(75px * 8 - 9px);
  }
  .about__td03Item[colspan="9"] {
    flex-basis: calc(75px * 9 - 9px);
  }
  .about__td03Item:not(:last-child) {
    margin-right: 9px;
  }
  .about__td03Item[col-mr="1"] {
    margin-right: 84px;
  }
  .about__td03Item[col-mr="2"] {
    margin-right: 159px;
  }
  .about__td03Item[col-mr="3"] {
    margin-right: 234px;
  }
  .about__list {
    display: flex;
    margin-top: 60px;
  }
  .about__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% / 3);
    padding: 10px;
  }
  .about__item:not(:last-child) {
    border-right: 1px solid #d2c74a;
  }
  .about__link {
    display: block;
    width: 155px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 10px;
    border-radius: 5px;
    box-sizing: border-box;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s;
  }
  .about__link:hover {
    background: #dd4648;
    color: #fff;
  }
  .about__relation {
    position: relative;
    margin-top: -88px;
    padding: 2px;
    background: url(../img/bg_orange01_top.png) no-repeat top, url(../img/bg_orange01_right.png) no-repeat right, url(../img/bg_orange01_bottom.png) no-repeat bottom, url(../img/bg_orange01_left.png) no-repeat left;
  }
  .about__relationInner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 15px 25px;
    background: url(../img/bg_orange01.png);
  }
  .about__relationTxtWrapper {
    flex-basis: calc(100% * 610 / 1100);
    margin-left: 45px;
  }
  .about__relationTtl {
    font-family: "Sawarabi Mincho", serif;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.5;
  }
  .about__relationDesc {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.7;
  }
  .about__bnrList {
    display: flex;
    justify-content: center;
    padding: 60px 0;
  }
  .about__bnrItem:not(:last-child) {
    margin-right: 30px;
  }
  .about__bnrLink {
    display: block;
    transition: filter 0.2s;
  }
  .about__bnrLink:hover {
    filter: brightness(1.1);
  }
}
@media screen and (min-width: 769px) {
  .info {
    background: url(../img/bg_cream02.png) center;
  }
  .info__inner {
    display: flex;
    justify-content: space-between;
    width: 1000px;
    margin: 0 auto;
    padding: 25px 0;
    box-sizing: border-box;
  }
  .info__inner::before {
    display: block;
    width: 67px;
    height: 67px;
    background: url(../img/info_icon01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .info__h2, .info__desc {
    font-size: 14px;
  }
  .info__h2 {
    font-weight: bold;
    color: #007c17;
  }
  .info__desc {
    margin-top: 7px;
    color: #000;
    line-height: 1.8;
  }
}
@media screen and (min-width: 769px) {
  .area {
    background: url(../img/bg_cream01.png) center;
  }
  .area__inner {
    display: block;
    width: 1100px;
    margin: 0 auto;
    padding: 95px 0;
  }
  .area__h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Sawarabi Mincho", serif;
    font-size: 40px;
    font-weight: bold;
    color: #007c17;
    white-space: nowrap;
  }
  .area__h2::after {
    width: 810px;
    height: 5px;
    background: url(../img/dotted_border_green01.png) repeat-x left;
    background-size: auto;
    content: "";
  }
  .area__areaList {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
  }
  .area__areaItem {
    position: relative;
    flex-grow: 2;
  }
  .area__areaItem::before, .area__areaItem::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
  }
  .area__areaItem::before {
    z-index: 2;
    border: 1px solid #007c17;
    background: #fff;
    box-sizing: border-box;
    transition: opacity 0.2s;
    content: "";
  }
  .area__areaItem::after {
    z-index: 1;
    background: url(../img/bg_green01.png);
    transition: background 0.2s;
    content: "";
  }
  .area__areaItem:not(:last-child) {
    margin-right: 5px;
  }
  .area__areaItem:hover::before {
    opacity: 0;
  }
  .area__areaItem:hover .area__areaLink {
    color: #fff;
  }
  .area__areaLink {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 15px;
    border-radius: 5px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    color: #007c17;
    line-height: 1;
    text-align: center;
    transition: color 0.2s;
  }
  .area__feature {
    display: flex;
    padding: 30px 0;
    margin-top: 50px;
  }
  .area__feature.-miyanoura .area__featureMap::before {
    top: 23px;
    left: 81px;
  }
  .area__feature.-anbo .area__featureMap::before {
    top: 74px;
    left: 120px;
  }
  .area__feature.-airport .area__featureMap::before {
    top: 29px;
    left: 125px;
  }
  .area__feature.-nagata .area__featureMap::before {
    top: 15px;
    left: 30px;
  }
  .area__feature.-onoma .area__featureMap::before {
    top: 112px;
    left: 63px;
  }
  .area__feature.-omakase .area__featureMap::before {
    top: 77px;
    left: 40px;
    width: 81px;
    height: 10px;
    background: url(../img/area_omakase01.png) no-repeat;
    background-size: 100% auto;
  }
  .area__featureMap {
    display: block;
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    width: 172px;
    height: 155px;
    margin-right: 30px;
    background: url(../img/area_island01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .area__featureMap::before {
    position: absolute;
    width: 30px;
    height: calc(30px / 0.75);
    background: url(../img/area_point01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .area__featureTxt {
    display: flex;
    flex-basis: 800px;
    flex-grow: 2;
    flex-shrink: 0;
    flex-direction: column;
    padding-top: 10px;
  }
  .area__featureTtl {
    font-size: 28px;
    font-weight: bold;
    color: #007c17;
    line-height: 1;
  }
  .area__featureDesc {
    margin-top: 15px;
    font-size: 14px;
    color: #000;
    line-height: 1.7;
  }
  .area__acmdItem {
    position: relative;
    background: #fff;
  }
  .area__acmdItem:not(:last-child) {
    margin-bottom: 30px;
  }
  .area__acmdItem::before {
    display: block;
    width: 100%;
    height: 4px;
    background: repeating-linear-gradient(-45deg, #007c17 0, #007c17 4px, #fff 4px, #fff 8px);
    content: "";
  }
  .area__typeList {
    display: flex;
    position: absolute;
    top: 4px;
    right: 0;
    margin-top: 5px;
  }
  .area__typeItem {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    padding: 5px 18px;
    background: #007c17;
    font-size: 12px;
    color: #fff;
  }
  .area__wrapper01 {
    display: flex;
    justify-content: space-between;
    padding: 15px;
  }
  .area__imgWrapper {
    flex-basis: 350px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .area__txtWrapper {
    flex-basis: 600px;
    flex-grow: 2;
    flex-shrink: 0;
    margin-left: 30px;
  }
  .area__leading {
    margin-top: 15px;
    font-size: 16px;
    color: #000;
  }
  .area__detailLink {
    display: flex;
    align-items: center;
    margin-top: 7px;
  }
  .area__detailLink:hover .area__ttl {
    text-decoration: none;
  }
  .area__detailLink:hover .area__detail {
    background: #d9d9d9;
    border: 1px solid #d9d9d9;
  }
  .area__ttl {
    margin-right: 15px;
    font-size: 24px;
    font-weight: bold;
    color: #007c17;
    text-decoration: underline;
  }
  .area__detail {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-basis: 130px;
    flex-shrink: 0;
    padding: 5px 10px;
    padding-right: 20px;
    border: 1px solid #ccc;
    border-radius: 30px;
    box-sizing: border-box;
    background: #fff;
    font-size: 12px;
    color: #000;
    line-height: 1;
    text-align: center;
    transition: background 0.2s;
  }
  .area__detail::after {
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(8px / 2) 0 calc(8px / 2) 7px;
    border-color: transparent transparent transparent #007c17;
    content: "";
  }
  .area__desc {
    margin-top: 15px;
    font-size: 14px;
    color: #000;
    line-height: 1.7;
  }
  .area__wrapper02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px dashed #007c17;
  }
  .area__accessList {
    margin-right: 45px;
  }
  .area__accessTtl {
    font-weight: bold;
    color: #000;
  }
  .area__accessTtl::before {
    display: inline-block;
    width: 28px;
    height: 12px;
    margin-right: 10px;
    background: url(../img/area_car01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .area__accessDesc {
    display: block;
    position: relative;
    margin-top: 5px;
    padding-left: 30px;
    font-size: 14px;
    color: #000;
    line-height: 1.5;
  }
  .area__accessDesc::before {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 13px;
    background: url(../img/area_arrow01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .area__linkList {
    flex-basis: 315px;
    max-width: 315px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .area__linkItem {
    display: block;
  }
  .area__linkItem:not(:last-child) {
    margin-bottom: 7px;
  }
  .area__link {
    display: block;
    padding: 15px 10px;
    border-radius: 5px;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 17px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    transition: background 0.2s;
  }
  .area__link:hover {
    background: #e15b5d;
    color: #fff;
  }
}
@media screen and (min-width: 769px) {
  .category {
    background: url(../img/bg_cream01.png) center;
  }
  .category__inner {
    display: block;
    width: 1100px;
    margin: 0 auto;
    padding: 60px 0 95px;
  }
  .category__h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 60px;
    font-family: "Sawarabi Mincho", serif;
    font-size: 40px;
    font-weight: bold;
    color: #007c17;
    white-space: nowrap;
  }
  .category__h2::after {
    width: 810px;
    height: 5px;
    background: url(../img/dotted_border_green01.png) repeat-x left;
    background-size: auto;
    content: "";
  }
  .category__categoryList {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
  }
  .category__categoryItem {
    position: relative;
    flex-basis: 25%;
    flex-grow: 2;
  }
  .category__categoryItem.-trekking::after {
    background: url(../img/bg_green01.png);
  }
  .category__categoryItem.-trekking .category__categoryLink {
    border: 1px solid #007c17;
    color: #007c17;
  }
  .category__categoryItem.-trekking .category__categoryLink::before {
    background: url(../img/category_icon_trekking01.png) no-repeat center center;
  }
  .category__categoryItem.-trekking .category__categoryLink::after {
    background: url(../img/category_icon_trekking01-current.png) no-repeat center center;
  }
  .category__categoryItem.-water-activity::after {
    background: url(../img/bg_blue01.png);
  }
  .category__categoryItem.-water-activity .category__categoryLink {
    border: 1px solid #027efd;
    color: #027efd;
  }
  .category__categoryItem.-water-activity .category__categoryLink::before {
    background: url(../img/category_icon_water-activity01.png) no-repeat center center;
  }
  .category__categoryItem.-water-activity .category__categoryLink::after {
    background: url(../img/category_icon_water-activity01-current.png) no-repeat center center;
  }
  .category__categoryItem.-experience::after {
    background: url(../img/bg_orange02.png);
  }
  .category__categoryItem.-experience .category__categoryLink {
    border: 1px solid #f58a18;
    color: #f58a18;
  }
  .category__categoryItem.-experience .category__categoryLink::before {
    background: url(../img/category_icon_experience01.png) no-repeat center center;
  }
  .category__categoryItem.-experience .category__categoryLink::after {
    background: url(../img/category_icon_experience01-current.png) no-repeat center center;
  }
  .category__categoryItem.-rental-car::after {
    background: url(../img/bg_pink01.png);
  }
  .category__categoryItem.-rental-car .category__categoryLink {
    border: 1px solid #f571ac;
    color: #f571ac;
  }
  .category__categoryItem.-rental-car .category__categoryLink::before {
    background: url(../img/category_icon_rental-car01.png) no-repeat center center;
  }
  .category__categoryItem.-rental-car .category__categoryLink::after {
    background: url(../img/category_icon_rental-car01-current.png) no-repeat center center;
  }
  .category__categoryItem::before, .category__categoryItem::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
  }
  .category__categoryItem::before {
    z-index: 2;
    background: #fff;
    box-sizing: border-box;
    transition: opacity 0.2s;
    content: "";
  }
  .category__categoryItem::after {
    z-index: 1;
    transition: background 0.2s;
    content: "";
  }
  .category__categoryItem:not(:last-child) {
    margin-right: 5px;
  }
  .category__categoryItem:hover::before {
    opacity: 0;
  }
  .category__categoryItem:hover .category__categoryLink {
    color: #fff;
  }
  .category__categoryLink {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 10px 0;
    padding-top: 45px;
    border-radius: 5px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    transition: color 0.2s;
  }
  .category__categoryLink::before, .category__categoryLink::after {
    display: block;
    position: absolute;
    top: 10px;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    pointer-events: none;
    transition: opacity 0.2s;
    content: "";
  }
  .category__categoryLink::before {
    opacity: 1;
  }
  .category__categoryLink::after {
    opacity: 0;
  }
  .category__categoryLink:hover::before {
    opacity: 0;
  }
  .category__categoryLink:hover::after {
    opacity: 1;
  }
  .category__contWrapper {
    display: block;
    border: 2px solid #e1b742;
  }
  .category__cont {
    padding: 30px 20px;
    border: 6px solid #fff;
    background: url(../img/bg_orange01.png) center top;
  }
  .category__cont.-active .category__contListWrapper {
    margin-top: 30px;
    opacity: 1;
  }
  .category__cont.-active .category__btnSquare::before {
    transform: rotate(90deg);
  }
  .category__cont.-active .category__btnSquare::after {
    opacity: 0;
  }
  .category__cont.-active .category__contItemFirstLine {
    display: none;
  }
  .category__cont.-active .category__contItem {
    border-bottom: 1px dashed #000;
    padding: 25px 0;
    padding-left: 17px;
    opacity: 1;
    line-height: 1.8;
  }
  .category__btn {
    display: block;
    position: relative;
    width: 565px;
    margin: 0 auto;
    padding: 12px 0;
    border-radius: 15px;
    background: #cb2527;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    transition: background 0.2s;
  }
  .category__btn:hover {
    background: #dd4648;
  }
  .category__btnSquare {
    position: absolute;
    top: calc(50% - 25px / 2);
    right: 20px;
    width: 25px;
    height: 25px;
    background: #fff;
    content: "";
  }
  .category__btnSquare::before, .category__btnSquare::after {
    position: absolute;
    top: calc(50% - 17px / 2);
    right: 12px;
    width: 1px;
    height: 17px;
    background: #cb2527;
    content: "";
  }
  .category__btnSquare::before {
    transition: transform 0.2s;
  }
  .category__btnSquare::after {
    transform: rotate(90deg);
    transition: opacity 0.2s;
  }
  .category__cap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 565px;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #cb2527;
  }
  .category__cap::before, .category__cap::after {
    display: block;
    width: 185px;
    height: 1px;
    background: #cb2527;
    content: "";
  }
  .category__contListWrapper {
    margin-top: 0;
    opacity: 0;
    transition: margin-top 0.3s, opacity 0.3s;
  }
  .category__contItemFirstLine {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    color: #000;
    text-align: center;
    line-height: 1.8;
  }
  .category__contItem {
    display: block;
    border-top: 0;
    border-bottom: 0;
    line-height: 0;
    opacity: 0;
    font-size: 14px;
    color: #000;
    transition: padding 0.1s, border-top 0.3s, border-bottom 0.3s, line-height 0.1s, opacity 0.3s;
  }
  .category__contItem:first-child {
    border-top: 1px dashed #000;
  }
  .category__contItemTxt01 {
    display: block;
    padding-left: 12px;
    text-indent: -12px;
    font-size: 12px;
  }
  .category__contItemTxt02 {
    color: #cb2527;
  }
  .category__feature {
    display: flex;
    margin-top: 50px;
    padding: 30px 0;
  }
  .category__feature.-trekking .category__featureIcon {
    background: url(../img/category_icon_trekking02.png) no-repeat;
    background-size: 100% auto;
  }
  .category__feature.-trekking .category__featureTtl {
    color: #007c17;
  }
  .category__feature.-trekking + .category__leisureList .category__leisureItem::before {
    background: repeating-linear-gradient(-45deg, #007c17 0, #007c17 4px, #fff 4px, #fff 8px);
  }
  .category__feature.-trekking + .category__leisureList .category__typeItem {
    background: #007c17;
  }
  .category__feature.-trekking + .category__leisureList .category__wrapper02 {
    border-top: 1px dashed #007c17;
  }
  .category__feature.-trekking + .category__leisureList .category__ttl {
    color: #007c17;
  }
  .category__feature.-trekking + .category__leisureList .category__detail::after {
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(8px / 2) 0 calc(8px / 2) 7px;
    border-color: transparent transparent transparent #007c17;
    content: "";
  }
  .category__feature.-water-activity .category__featureIcon {
    background: url(../img/category_icon_water-activity02.png) no-repeat;
    background-size: 100% auto;
  }
  .category__feature.-water-activity .category__featureTtl {
    color: #027efd;
  }
  .category__feature.-water-activity + .category__leisureList .category__leisureItem::before {
    background: repeating-linear-gradient(-45deg, #027efd 0, #027efd 4px, #fff 4px, #fff 8px);
  }
  .category__feature.-water-activity + .category__leisureList .category__typeItem {
    background: #027efd;
  }
  .category__feature.-water-activity + .category__leisureList .category__wrapper02 {
    border-top: 1px dashed #027efd;
  }
  .category__feature.-water-activity + .category__leisureList .category__ttl {
    color: #027efd;
  }
  .category__feature.-water-activity + .category__leisureList .category__detail::after {
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(8px / 2) 0 calc(8px / 2) 7px;
    border-color: transparent transparent transparent #027efd;
    content: "";
  }
  .category__feature.-experience .category__featureIcon {
    background: url(../img/category_icon_experience02.png) no-repeat;
    background-size: 100% auto;
  }
  .category__feature.-experience .category__featureTtl {
    color: #f58a18;
  }
  .category__feature.-experience + .category__leisureList .category__leisureItem::before {
    background: repeating-linear-gradient(-45deg, #f58a18 0, #f58a18 4px, #fff 4px, #fff 8px);
  }
  .category__feature.-experience + .category__leisureList .category__typeItem {
    background: #f58a18;
  }
  .category__feature.-experience + .category__leisureList .category__wrapper02 {
    border-top: 1px dashed #f58a18;
  }
  .category__feature.-experience + .category__leisureList .category__ttl {
    color: #f58a18;
  }
  .category__feature.-experience + .category__leisureList .category__detail::after {
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(8px / 2) 0 calc(8px / 2) 7px;
    border-color: transparent transparent transparent #f58a18;
    content: "";
  }
  .category__feature.-rental-car .category__featureIcon {
    background: url(../img/category_icon_rental-car02.png) no-repeat;
    background-size: 100% auto;
  }
  .category__feature.-rental-car .category__featureTtl {
    color: #f571ac;
  }
  .category__feature.-rental-car + .category__leisureList .category__leisureItem::before {
    background: repeating-linear-gradient(-45deg, #f571ac 0, #f571ac 4px, #fff 4px, #fff 8px);
  }
  .category__feature.-rental-car + .category__leisureList .category__typeItem {
    background: #f571ac;
  }
  .category__feature.-rental-car + .category__leisureList .category__wrapper02 {
    border-top: 1px dashed #f571ac;
  }
  .category__feature.-rental-car + .category__leisureList .category__ttl {
    color: #f571ac;
  }
  .category__feature.-rental-car + .category__leisureList .category__detail::after {
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(8px / 2) 0 calc(8px / 2) 7px;
    border-color: transparent transparent transparent #f571ac;
    content: "";
  }
  .category__featureMap {
    display: block;
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    width: 174px;
    height: 165px;
    margin-right: 30px;
    background: url(../img/category_island01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .category__featureMap::before {
    position: absolute;
    width: 52px;
    height: calc(52px / 0.9811320755);
    background: url(../img/category_point01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .category__featureIcon {
    flex-grow: 0;
    flex-shrink: 0;
    width: 99px;
    height: 96px;
    margin-right: 25px;
    content: "";
  }
  .category__featureTxt {
    display: flex;
    flex-basis: 500px;
    flex-grow: 2;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: center;
  }
  .category__featureTtl {
    font-size: 28px;
    font-weight: bold;
    color: #007c17;
    line-height: 1;
  }
  .category__featureDesc {
    margin-top: 15px;
    font-size: 14px;
    color: #000;
    line-height: 1.7;
  }
  .category__leisureItem {
    position: relative;
    background: #fff;
  }
  .category__leisureItem:not(:last-child) {
    margin-bottom: 30px;
  }
  .category__leisureItem::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
  }
  .category__typeList {
    display: flex;
    position: absolute;
    top: 4px;
    right: 0;
    margin-top: 5px;
  }
  .category__typeItem {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    padding: 5px 18px;
    font-size: 12px;
    color: #fff;
  }
  .category__wrapper01 {
    display: flex;
    justify-content: space-between;
    padding: 15px;
  }
  .category__imgWrapper {
    flex-basis: 350px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .category__txtWrapper {
    display: flex;
    flex-direction: column;
    flex-basis: 600px;
    flex-grow: 2;
    flex-shrink: 0;
    margin-left: 30px;
  }
  .category__leading {
    margin-top: 15px;
    font-size: 16px;
    color: #000;
  }
  .category__detailLink {
    display: flex;
    align-items: center;
    margin-top: 7px;
  }
  .category__detailLink:hover .category__ttl {
    text-decoration: none;
  }
  .category__detailLink:hover .category__detail {
    background: #d9d9d9;
    border: 1px solid #d9d9d9;
  }
  .category__ttl {
    margin-right: 15px;
    font-size: 24px;
    font-weight: bold;
    text-decoration: underline;
  }
  .category__detail {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 5px 10px;
    padding-right: 20px;
    border: 1px solid #ccc;
    border-radius: 30px;
    background: #fff;
    font-size: 12px;
    color: #000;
    line-height: 1;
    text-align: center;
    transition: background 0.2s;
  }
  .category__desc {
    margin-top: 15px;
    font-size: 14px;
    color: #000;
    line-height: 1.7;
  }
  .category__wrapper02 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-grow: 2;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .category__priceList, .category__priceDesc {
    display: flex;
    align-items: baseline;
  }
  .category__priceList {
    flex-wrap: wrap;
  }
  .category__priceTtl, .category__priceDesc {
    font-weight: bold;
    color: #cb2527;
  }
  .category__priceTtl:not(:first-of-type), .category__priceDesc:not(:first-of-type) {
    margin-top: 10px;
  }
  .category__priceTtl, .category__priceCap {
    font-size: 16px;
  }
  .category__priceTtl {
    margin-right: 10px;
  }
  .category__priceDesc {
    margin-right: 20px;
  }
  .category__priceNum.-large {
    font-size: 38px;
  }
  .category__priceNum.-medium {
    font-size: 30px;
  }
  .category__link {
    padding: 20px;
    border-radius: 5px;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 17px;
    color: #fff;
    white-space: nowrap;
    transition: background 0.2s;
  }
  .category__link:hover {
    background: #dd4648;
    color: #fff;
  }
}
@media screen and (min-width: 769px) {
  .detail {
    background: url(../img/bg_cream01.png) center;
  }
  .detail__inner {
    display: block;
    width: 1100px;
    margin: 0 auto;
    padding: 0 0 95px;
  }
  .detail__h2Wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .detail__h2 {
    display: flex;
    align-items: center;
    flex-basis: 904px;
    flex-grow: 0;
    flex-shrink: 0;
    font-family: "Sawarabi Mincho", serif;
    font-size: 40px;
    font-weight: bold;
    color: #007c17;
    line-height: 1.3;
  }
  .detail__h2::after {
    display: block;
    flex-basis: 500px;
    flex-grow: 5;
    height: 5px;
    margin: 0 5px;
    background: url(../img/dotted_border_green01.png) repeat-x left;
    background-size: auto;
    content: "";
  }
  .detail__optCode {
    flex-grow: 0;
    flex-shrink: 0;
    padding: 7px 10px;
    border-radius: 50px;
    background: #d2c74a;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
  }
  .detail__labelList {
    display: flex;
    margin-top: 15px;
  }
  .detail__labelItem {
    position: relative;
    min-width: 100px;
    height: 33px;
    margin-right: calc(21px + 7px);
    padding: 10px;
    padding-right: 20px;
    background: url(../img/detail_label01-base.png) repeat-x;
    font-size: 12px;
    color: #007c17;
    line-height: 1;
    white-space: nowrap;
  }
  .detail__labelItem::after {
    position: absolute;
    top: 0;
    right: -21px;
    width: 21px;
    height: 33px;
    background: url(../img/detail_label01-right.png) no-repeat;
    content: "";
  }
  .detail__containerWrapper {
    display: flex;
    align-items: stretch;
    width: 1100px;
    margin-top: 30px;
  }
  .detail__containerWrapper01 {
    position: relative;
    width: 75%;
    background: #fff;
  }
  .detail__containerWrapper02 {
    position: relative;
    width: 25%;
    height: 633px;
    background: url(../img/bg_cream02.png);
  }
  .detail__listWrapper01 {
    border: 25px solid #fff;
    box-sizing: border-box;
    overflow: hidden;
  }
  .detail__item01 .detail__img {
    width: 100%;
  }
  .detail__listWrapper02 {
    height: 100%;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    box-sizing: border-box;
    overflow: hidden;
  }
  .detail__arrow01 {
    position: absolute;
    top: calc(50% - 40px / 2);
    width: 40px;
    height: 40px;
    background: url(../img/slider_arrow01.png) no-repeat;
    background-size: 100% auto;
    z-index: 2;
    cursor: pointer;
    outline: none;
    transition: filter 0.2s;
    content: "";
  }
  .detail__arrow01.-prev {
    left: 5px;
  }
  .detail__arrow01.-next {
    right: 5px;
    transform: rotate(180deg);
  }
  .detail__arrow01:hover {
    filter: brightness(1.1);
  }
  .detail__arrow02 {
    position: absolute;
    width: 100%;
    height: 30px;
    cursor: pointer;
    outline: none;
  }
  .detail__arrow02::after {
    position: absolute;
    left: calc(50% - 15px / 1.4142135624);
    transition: border-top 0.2s, border-right 0.2s;
  }
  .detail__arrow02:hover.-prev::after, .detail__arrow02:hover.-next::after {
    border-top: 3px solid #00af20;
    border-right: 3px solid #00af20;
  }
  .detail__arrow02.-prev {
    top: 0;
  }
  .detail__arrow02.-prev::after {
    content: "";
    width: 15px;
    height: 15px;
    border-top: 3px solid #007c17;
    border-right: 3px solid #007c17;
    transform-origin: 100% 0;
    transform: rotate(-45deg);
    top: 9px;
  }
  .detail__arrow02.-next {
    bottom: 0;
  }
  .detail__arrow02.-next::after {
    content: "";
    width: 15px;
    height: 15px;
    border-top: 3px solid #007c17;
    border-right: 3px solid #007c17;
    transform-origin: 100% 0;
    transform: rotate(135deg);
    bottom: -9px;
  }
  .detail__item02 {
    cursor: pointer;
    transition: filter 0.2s;
  }
  .detail__item02:hover {
    filter: brightness(1.1);
  }
  .detail__ttl {
    display: block;
    margin-top: 30px;
    font-family: "Sawarabi Mincho", serif;
    font-size: 26px;
    font-weight: bold;
    color: #007c17;
  }
  .detail__desc {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    color: #000;
    line-height: 1.8;
  }
  .detail__contact {
    display: flex;
    margin-top: 60px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  }
  .detail__contactInner01, .detail__contactInner02 {
    flex-grow: 2;
  }
  .detail__contactInner01 {
    padding: 40px 50px;
    background: #cb2527;
    box-sizing: border-box;
  }
  .detail__contactInner02 {
    padding: 20px 110px;
    background: #fff;
    box-sizing: border-box;
  }
  .detail__contactTxt01 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    line-height: 1.7;
    text-align: center;
  }
  .detail__contactTxt02 {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #cb2527;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-align: center;
  }
  .detail__contactNum {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 20px;
    font-size: 26px;
    font-weight: bold;
    color: #000;
  }
  .detail__contactNum::before {
    display: block;
    position: relative;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    background: url(../img/detail_tel01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .detail__contactNum:hover {
    color: #000;
    text-decoration: underline;
  }
  .detail__contactHours {
    display: block;
    margin-top: 20px;
    padding-left: 67px;
    text-indent: -67px;
    font-size: 12px;
    color: #000;
    line-height: 1.7;
  }
  .detail__bnrList {
    margin-top: 50px;
  }
  .detail__bnrItem:not(:first-child) {
    margin-top: 20px;
  }
  .detail__bnrItem.-red .detail__bnrLink {
    width: 800px;
    padding: 23px 0;
    font-size: 25px;
    background: #cb2527;
  }
  .detail__bnrItem.-red .detail__bnrLink::after {
    display: block;
    position: absolute;
    top: calc(50% - 32px / 2);
    right: 20px;
    width: 32px;
    height: 32px;
    background: url(../img/detail_arrow01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .detail__bnrItem.-red .detail__bnrLink:hover {
    background: #dd4648;
  }
  .detail__bnrItem.-gold .detail__bnrLink {
    width: 600px;
    padding: 15px 0;
    font-size: 18px;
    background: #cfb005;
  }
  .detail__bnrItem.-gold .detail__bnrLink::after {
    display: block;
    position: absolute;
    top: calc(50% - 30px / 2);
    right: 20px;
    width: 30px;
    height: 30px;
    background: url(../img/detail_arrow02.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .detail__bnrItem.-gold .detail__bnrLink:hover {
    background: #e8c506;
  }
  .detail__bnrLink {
    display: block;
    position: relative;
    border-radius: 5px;
    margin: 0 auto;
    font-family: "Sawarabi Mincho", serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
    transition: background 0.2s;
  }
  .detail__bnrLink:hover {
    color: #fff;
  }
  .detail__h3 {
    margin-top: 85px;
    padding: 15px 20px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: url(../img/bg_green01.png) center;
  }
  .detail__cont {
    margin-top: 30px;
  }
  .detail__cont.-scroll .detail__table {
    table-layout: fixed;
    width: 100%;
  }
  .detail__cont.-scroll .detail__thead .detail__th {
    background: #007c17;
    color: #fff;
    border-right: 1px dashed #fff;
    border-bottom: 0;
  }
  .detail__table {
    border: 2px solid #007c17;
    background: #fff;
  }
  .detail__th, .detail__td {
    padding: 20px;
    border: 1px dashed #007c17;
    font-size: 14px;
    line-height: 1.7;
    vertical-align: middle;
  }
  .detail__th {
    min-width: 185px;
    font-weight: bold;
    color: #007c17;
    text-align: left;
  }
  .detail__td {
    padding-left: 30px;
    color: #000;
  }
  .detail__txt.-green {
    color: #007c17;
  }
  .detail__txt.-red {
    color: #cb2527;
  }
  .detail__txt.-price {
    margin: 0 10px;
    font-size: 20px;
    font-weight: bold;
    color: #cb2527;
  }
  .detail__txtWrapper:not(:first-child) {
    margin-top: 25px;
  }
  .detail__tdItem {
    display: flex;
  }
  .detail__tdTtl {
    position: relative;
    min-width: 170px;
    padding-left: 17px;
  }
  .detail__tdTtl::before {
    display: block;
    position: absolute;
    top: calc(50% - 7px / 2);
    left: 2px;
    width: 7px;
    height: 7px;
    background: #007c17;
    border-radius: 50%;
    content: "";
  }
  .detail__map {
    width: 100%;
    height: 550px;
    margin-top: 30px;
    border: 2px solid #d2c74a;
  }
  .detail__iframe {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 769px) {
  .keyword {
    background: url(../img/bg_cream01.png) center;
  }
  .keyword__inner {
    display: block;
    width: 1100px;
    margin: 0 auto;
    padding: 50px 0 95px;
  }
  .keyword__btnList {
    display: flex;
    justify-content: center;
  }
  .keyword__btnItem {
    position: relative;
    flex-basis: 410px;
  }
  .keyword__btnItem::before, .keyword__btnItem::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
  }
  .keyword__btnItem::before {
    z-index: 2;
    border: 1px solid #007c17;
    background: #fff;
    box-sizing: border-box;
    transition: opacity 0.2s;
    content: "";
  }
  .keyword__btnItem::after {
    z-index: 1;
    background: url(../img/bg_green01.png);
    transition: background 0.2s;
    content: "";
  }
  .keyword__btnItem:not(:last-child) {
    margin-right: 20px;
  }
  .keyword__btnItem:hover::before {
    opacity: 0;
  }
  .keyword__btnItem:hover .keyword__btnLink {
    color: #fff;
  }
  .keyword__btnLink {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
    color: #007c17;
    line-height: 1;
    text-align: center;
    transition: color 0.2s;
  }
  .keyword__h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 82px;
    margin-top: 85px;
    background: url(../img/keyword_h2.png) no-repeat center;
    background-size: 100% auto;
    font-family: "Sawarabi Mincho", serif;
    font-size: 32px;
    font-weight: bold;
    color: #007c17;
    text-align: center;
    white-space: nowrap;
  }
  .keyword__item {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    margin-top: 50px;
    padding: 30px;
    border-radius: 5px;
    background: url(../img/keyword_bg01.jpg) no-repeat center top;
    background-size: cover;
    counter-increment: num;
  }
  .keyword__num {
    display: block;
    position: absolute;
    top: -15px;
    left: 10px;
    width: 75px;
    height: 60px;
    background: url(../img/keyword_balloon01.png) no-repeat;
    background-size: 100% auto;
    transform: rotate(90deg);
    content: "";
  }
  .keyword__numTxt01 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 10px;
    width: 100%;
    height: 100%;
    font-size: 10px;
    font-weight: bold;
    color: #007c17;
    text-align: center;
    transform: rotate(-90deg);
  }
  .keyword__numTxt01::after {
    display: block;
    margin-top: 2px;
    font-size: 20px;
    content: counter(num);
  }
  .keyword__txtWrapper {
    margin-right: 35px;
  }
  .keyword__txtWrapper:last-child {
    margin-right: 0;
  }
  .keyword__h3Wrapper {
    display: flex;
    align-items: center;
    margin-top: 25px;
  }
  .keyword__h3, .keyword__h3Ruby {
    color: #fff;
  }
  .keyword__h3 {
    font-family: "Sawarabi Mincho", serif;
    font-size: 36px;
  }
  .keyword__h3Ruby {
    margin-left: 10px;
    font-size: 15px;
  }
  .keyword__imgWrapper {
    display: block;
    flex-basis: 400px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .keyword__img {
    display: block;
  }
  .keyword__leading {
    display: block;
    margin-top: 35px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
  }
  .keyword__desc {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
    line-height: 1.8;
  }
}
@media screen and (min-width: 769px) {
  .spot {
    background: url(../img/bg_cream01.png) center;
  }
  .spot__inner {
    display: block;
    width: 1100px;
    margin: 0 auto;
    padding: 50px 0 95px;
  }
  .spot__h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 82px;
    background: url(../img/keyword_h2.png) no-repeat center;
    background-size: 100% auto;
    font-family: "Sawarabi Mincho", serif;
    font-size: 32px;
    font-weight: bold;
    color: #007c17;
    text-align: center;
    white-space: nowrap;
  }
  .spot__map {
    display: block;
    position: relative;
    margin-top: 40px;
    padding: 30px;
    background: url(../img/bg_orange01.png) center;
  }
  .spot__pointListWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 1040px;
    height: 450px;
    margin: 0 auto;
    background: url(../img/spot_map.jpg) no-repeat;
    background-size: 100% auto;
  }
  .spot__pointItem {
    position: absolute;
  }
  .spot__pointItem[data-num="1"] {
    top: 171px;
    left: 483px;
  }
  .spot__pointItem[data-num="2"] {
    top: 153px;
    left: 582px;
  }
  .spot__pointItem[data-num="3"] {
    top: 299px;
    left: 582px;
  }
  .spot__pointItem[data-num="4"] {
    top: 101px;
    left: 384px;
  }
  .spot__pointItem[data-num="5"] {
    top: 143px;
    left: 236px;
  }
  .spot__pointItem[data-num="6"] {
    top: 188px;
    left: 257px;
  }
  .spot__pointItem[data-num="7"] {
    top: 270px;
    left: 298px;
  }
  .spot__pointItem[data-num="8"] {
    top: 377px;
    left: 356px;
  }
  .spot__pointItem[data-num="9"] {
    top: 343px;
    left: 518px;
  }
  .spot__pointItem[data-num="10"] {
    top: 32px;
    left: 583px;
  }
  .spot__pointLink {
    display: block;
    transition: filter 0.2s;
  }
  .spot__pointLink:hover {
    filter: brightness(1.2);
  }
  .spot__pointLink .spot__imgWrapper {
    display: block;
  }
  .spot__pointLink .spot__img {
    display: block;
    opacity: 1;
  }
  .spot__imgWrapper01 {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .spot__pointTtl {
    display: block;
    margin-left: 15px;
    padding-right: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #007c17;
    white-space: nowrap;
  }
  .spot__cap {
    display: block;
    margin-top: 15px;
    font-size: 16px;
    color: #000;
    text-align: right;
  }
  .spot__capTxt01 {
    color: #cb2527;
  }
  .spot__contItem {
    display: flex;
    position: relative;
    width: 900px;
    height: 410px;
    margin: 0 auto;
    margin-top: 40px;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
  }
  .spot__contItem .spot__pointItem {
    display: none;
  }
  .spot__contItem[data-num="1"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number1.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="1"] .spot__pointItem[data-num="1"] {
    display: block;
  }
  .spot__contItem[data-num="2"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number2.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="2"] .spot__pointItem[data-num="2"] {
    display: block;
  }
  .spot__contItem[data-num="3"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number3.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="3"] .spot__pointItem[data-num="3"] {
    display: block;
  }
  .spot__contItem[data-num="4"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number4.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="4"] .spot__pointItem[data-num="4"] {
    display: block;
  }
  .spot__contItem[data-num="5"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number5.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="5"] .spot__pointItem[data-num="5"] {
    display: block;
  }
  .spot__contItem[data-num="6"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number6.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="6"] .spot__pointItem[data-num="6"] {
    display: block;
  }
  .spot__contItem[data-num="7"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number7.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="7"] .spot__pointItem[data-num="7"] {
    display: block;
  }
  .spot__contItem[data-num="8"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number8.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="8"] .spot__pointItem[data-num="8"] {
    display: block;
  }
  .spot__contItem[data-num="9"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number9.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="9"] .spot__pointItem[data-num="9"] {
    display: block;
  }
  .spot__contItem[data-num="10"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number10.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="10"] .spot__pointItem[data-num="10"] {
    display: block;
  }
  .spot__contItem[data-num="11"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number11.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="11"] .spot__pointItem[data-num="11"] {
    display: block;
  }
  .spot__contItem[data-num="12"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number12.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="12"] .spot__pointItem[data-num="12"] {
    display: block;
  }
  .spot__contItem[data-num="13"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number13.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="13"] .spot__pointItem[data-num="13"] {
    display: block;
  }
  .spot__contItem[data-num="14"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number14.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="14"] .spot__pointItem[data-num="14"] {
    display: block;
  }
  .spot__contItem[data-num="15"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number15.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="15"] .spot__pointItem[data-num="15"] {
    display: block;
  }
  .spot__contItem[data-num="16"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number16.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="16"] .spot__pointItem[data-num="16"] {
    display: block;
  }
  .spot__contItem[data-num="17"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number17.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="17"] .spot__pointItem[data-num="17"] {
    display: block;
  }
  .spot__contItem[data-num="18"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number18.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="18"] .spot__pointItem[data-num="18"] {
    display: block;
  }
  .spot__contItem[data-num="19"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number19.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="19"] .spot__pointItem[data-num="19"] {
    display: block;
  }
  .spot__contItem[data-num="20"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37px;
    height: 15px;
    padding-top: 18px;
    background: url(../img/spot_number20.png) no-repeat bottom;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="20"] .spot__pointItem[data-num="20"] {
    display: block;
  }
  .spot__contPoint01 {
    display: flex;
    justify-content: center;
    position: absolute;
    top: -20px;
    left: 15px;
    z-index: 3;
    width: 44px;
    height: 63px;
    background: url(../img/spot_point01.png) no-repeat;
    content: "";
  }
  .spot__contPoint02 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 38px;
    height: 38px;
    border-radius: 5px;
    background: url(../img/bg_green01.png) center;
    overflow: hidden;
    cursor: pointer;
    transition: filter 0.2s;
  }
  .spot__contPoint02::before {
    display: block;
    width: 16px;
    height: 24px;
    background: url(../img/spot_point02.png);
    content: "";
  }
  .spot__contPoint02:hover {
    filter: brightness(1.2);
  }
  .spot__currentMap {
    display: block;
    position: absolute;
    top: -100px;
    right: -130px;
    z-index: -1;
    width: 593px;
    height: 450px;
    border: 20px solid #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-sizing: content-box;
    transform: scale(0);
    transform-origin: center;
  }
  .spot__currentMap.-active {
    -webkit-animation-name: expand-in;
            animation-name: expand-in;
    -webkit-animation-duration: 0.1s;
            animation-duration: 0.1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    z-index: 4;
  }
  .spot__currentMap .spot__pointLink {
    pointer-events: none;
  }
  .spot__currentMapInner01 {
    display: block;
    position: relative;
    width: 1040px;
    height: 450px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../img/spot_map_popup.jpg) no-repeat center top;
    background-size: auto 100%;
  }
  .spot__btnClose {
    display: block;
    position: absolute;
    top: -35px;
    right: -35px;
    width: 60px;
    height: 60px;
    border-radius: 120px;
    background: url(../img/bg_green01.png);
    cursor: pointer;
    transition: filter 0.2s;
  }
  .spot__btnClose::before, .spot__btnClose::after {
    position: absolute;
    top: 17px;
    right: 28px;
    width: 3px;
    height: 25px;
    background: #fff;
    content: "";
  }
  .spot__btnClose::before {
    transform: rotate(-45deg);
  }
  .spot__btnClose::after {
    transform: rotate(45deg);
  }
  .spot__btnClose:hover {
    filter: brightness(1.2);
  }
  .spot__imgWrapper {
    flex-basis: 310px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .spot__txtWrapper {
    margin-left: 30px;
  }
  .spot__ttl {
    margin-top: 15px;
    font-weight: bold;
    color: #007c17;
  }
  .spot__ttlTxt01 {
    font-size: 24px;
  }
  .spot__ttlTxt02 {
    font-size: 16px;
  }
  .spot__desc {
    margin-top: 15px;
    font-size: 14px;
    color: #000;
    line-height: 1.8;
  }
  .spot__imgWrapper02 {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 12px;
  }
  .spot__imgWrapper02::after {
    display: block;
    flex-basis: 100px;
    flex-grow: 2;
    height: 5px;
    margin-left: 5px;
    background: url(../img/dotted_border_green01.png) repeat-x;
    content: "";
  }
  .spot__descList {
    display: flex;
    padding: 15px 0;
  }
  .spot__descList:not(:first-of-type) {
    border-top: 1px dashed #007c17;
  }
  .spot__descTtl, .spot__descDef {
    font-size: 14px;
  }
  .spot__descTtl {
    flex-basis: 80px;
    margin-right: 10px;
    position: relative;
    color: #007c17;
  }
  .spot__descTtl::after {
    position: absolute;
    top: calc(50% - 8px / 2);
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(8px / 2) 0 calc(8px / 2) 8px;
    border-color: transparent transparent transparent #007c17;
    content: "";
  }
  .spot__descDef {
    color: #000;
  }
}
@media screen and (min-width: 769px) {
  .trekking {
    background: url(../img/bg_cream01.png) center;
  }
  .trekking__inner {
    display: block;
    width: 1100px;
    margin: 0 auto;
    padding: 50px 0 95px;
  }
  .trekking__h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 82px;
    background: url(../img/keyword_h2.png) no-repeat center;
    background-size: 100% auto;
    font-family: "Sawarabi Mincho", serif;
    font-size: 30px;
    font-weight: bold;
    color: #007c17;
    text-align: center;
    white-space: nowrap;
  }
  .trekking__btnList {
    display: flex;
    justify-content: center;
    margin-top: 75px;
  }
  .trekking__btnItem {
    position: relative;
    flex-basis: 400px;
  }
  .trekking__btnItem::before, .trekking__btnItem::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
  }
  .trekking__btnItem::before {
    z-index: 2;
    border: 1px solid #007c17;
    background: #fff;
    box-sizing: border-box;
    transition: opacity 0.2s;
    content: "";
  }
  .trekking__btnItem::after {
    z-index: 1;
    background: url(../img/bg_green01.png);
    transition: background 0.2s;
    content: "";
  }
  .trekking__btnItem:not(:last-child) {
    margin-right: 20px;
  }
  .trekking__btnItem:hover::before {
    opacity: 0;
  }
  .trekking__btnItem:hover .trekking__btnLink {
    color: #fff;
  }
  .trekking__btnLink {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
    color: #007c17;
    line-height: 1;
    text-align: center;
    transition: color 0.2s;
  }
  .trekking__containerWrapper {
    display: flex;
    align-items: flex-start;
    width: 1100px;
    margin-top: 30px;
  }
  .trekking__containerWrapper01 {
    position: relative;
    width: 75%;
    background: #fff;
  }
  .trekking__containerWrapper02 {
    position: relative;
    width: 25%;
    height: 633px;
    background: url(../img/bg_cream02.png);
  }
  .trekking__listWrapper01 {
    border: 25px solid #fff;
    box-sizing: border-box;
    overflow: hidden;
  }
  .trekking__item01 .trekking__img {
    width: 100%;
  }
  .trekking__listWrapper02 {
    height: 100%;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    box-sizing: border-box;
    overflow: hidden;
  }
  .trekking__arrow01 {
    position: absolute;
    top: calc(50% - 40px / 2);
    width: 40px;
    height: 40px;
    background: url(../img/slider_arrow01.png) no-repeat;
    background-size: 100% auto;
    z-index: 2;
    cursor: pointer;
    outline: none;
    transition: filter 0.2s;
    content: "";
  }
  .trekking__arrow01.-prev {
    left: 5px;
  }
  .trekking__arrow01.-next {
    right: 5px;
    transform: rotate(180deg);
  }
  .trekking__arrow01:hover {
    filter: brightness(1.1);
  }
  .trekking__arrow02 {
    position: absolute;
    width: 100%;
    height: 30px;
    cursor: pointer;
    outline: none;
  }
  .trekking__arrow02::after {
    position: absolute;
    left: calc(50% - 15px / 1.4142135624);
    transition: border-top 0.2s, border-right 0.2s;
  }
  .trekking__arrow02:hover.-prev::after, .trekking__arrow02:hover.-next::after {
    border-top: 3px solid #00af20;
    border-right: 3px solid #00af20;
  }
  .trekking__arrow02.-prev {
    top: 0;
  }
  .trekking__arrow02.-prev::after {
    content: "";
    width: 15px;
    height: 15px;
    border-top: 3px solid #007c17;
    border-right: 3px solid #007c17;
    transform-origin: 100% 0;
    transform: rotate(-45deg);
    top: 9px;
  }
  .trekking__arrow02.-next {
    bottom: 0;
  }
  .trekking__arrow02.-next::after {
    content: "";
    width: 15px;
    height: 15px;
    border-top: 3px solid #007c17;
    border-right: 3px solid #007c17;
    transform-origin: 100% 0;
    transform: rotate(135deg);
    bottom: -9px;
  }
  .trekking__item02 {
    cursor: pointer;
    transition: filter 0.2s;
  }
  .trekking__item02:hover {
    filter: brightness(1.1);
  }
  .trekking__ttl {
    display: block;
    margin-top: 30px;
    font-family: "Sawarabi Mincho", serif;
    font-size: 26px;
    font-weight: bold;
    color: #007c17;
  }
  .trekking__desc {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    color: #000;
    line-height: 1.8;
  }
  .trekking__h3 {
    display: flex;
    align-items: center;
    flex-grow: 2;
    font-family: "Sawarabi Mincho", serif;
    margin-top: 60px;
    font-size: 40px;
    font-weight: bold;
    color: #007c17;
    white-space: nowrap;
  }
  .trekking__h3::after {
    flex-basis: 100px;
    flex-grow: 5;
    height: 5px;
    margin: 0 5px;
    background: url(../img/dotted_border_green01.png) repeat-x left;
    background-size: auto;
    content: "";
  }
  .trekking__cont {
    margin-top: 30px;
  }
  .trekking__cont.-trekking .trekking__h4Txt01 {
    background: #fff799;
  }
  .trekking__cont.-crimbing .trekking__h4Txt01 {
    background: #fed998;
  }
  .trekking__h4 {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 35px;
    padding: 15px 20px;
    padding-left: 88px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: url(../img/bg_green01.png) center;
  }
  .trekking__h4::before {
    position: absolute;
    top: calc(50% - 60px / 2);
    left: 10px;
    width: 75px;
    height: 60px;
    background: url(../img/keyword_balloon01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .trekking__h4::after {
    position: absolute;
    top: calc(50% - 30px / 2);
    left: 29px;
    width: 22px;
    height: 30px;
    background: url(../img/trekking_icon.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .trekking__h4Txt01 {
    margin-right: 10px;
    padding: 5px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: bold;
    color: #007c17;
  }
  .trekking__item03 {
    margin-top: 30px;
    counter-increment: num;
  }
  .trekking__item03Ttl {
    display: flex;
    align-items: center;
  }
  .trekking__item03Txt01 {
    display: block;
    margin-right: 10px;
    padding: 5px 10px;
    border: 1px solid #007c17;
    background: #fff;
    font-family: "Sawarabi Mincho", serif;
    font-size: 16px;
    font-weight: bold;
    color: #007c17;
  }
  .trekking__item03Txt01::after {
    margin-left: 4px;
    content: counter(num);
  }
  .trekking__item03Txt02 {
    font-size: 20px;
    font-weight: bold;
    color: #007c17;
  }
  .trekking__item03Desc {
    margin-top: 15px;
    font-size: 14px;
    color: #000;
    line-height: 1.8;
  }
  .trekking__item03Cap {
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    line-height: 1.6;
  }
  .trekking__imgWrapper {
    display: block;
    margin-top: 30px;
    text-align: center;
  }
  .trekking__list04 {
    display: flex;
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    padding: 30px;
    background: url(../img/bg_orange01.png) center;
  }
  .trekking__list04::before {
    position: absolute;
    top: -17px;
    left: calc(50% - 34px / 2);
    width: 34px;
    height: 17px;
    background: url(../img/trekking_ballon_arrow01-top.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .trekking__item04 {
    display: flex;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 4);
    max-width: calc(100% / 4);
    box-sizing: border-box;
  }
  .trekking__item04:not(:last-child) {
    border-right: 1px solid #007c17;
  }
  .trekking__item04:not(:first-child) {
    padding-left: 30px;
  }
  .trekking__item04.-spring .trekking__descTtl::before {
    width: 27px;
    height: 27px;
    background: url(../img/trekking_cherry-blossom.png) no-repeat;
    background-size: 100% auto;
  }
  .trekking__item04.-summer .trekking__descTtl::before {
    width: 22px;
    height: 29px;
    background: url(../img/trekking_leaf.png) no-repeat;
    background-size: 100% auto;
  }
  .trekking__item04.-summer .trekking__descDef {
    flex-basis: 100%;
  }
  .trekking__item04.-autumn .trekking__descTtl::before {
    width: 33px;
    height: 31px;
    background: url(../img/trekking_autumn-leaf.png) no-repeat;
    background-size: 100% auto;
  }
  .trekking__item04.-winter .trekking__descTtl::before {
    width: 30px;
    height: 26px;
    background: url(../img/trekking_snow.png) no-repeat;
    background-size: 100% auto;
  }
  .trekking__descList {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .trekking__descTtl {
    display: flex;
    align-content: center;
    flex-grow: 2;
    flex-shrink: 0;
    flex-basis: 100%;
    position: relative;
    height: 32px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #007c17;
  }
  .trekking__descTtl::before {
    display: block;
    margin-top: -5px;
    margin-right: 10px;
    content: "";
  }
  .trekking__descDef {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    position: relative;
    height: 14px;
    margin-bottom: 10px;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 14px;
    color: #000;
    line-height: 1;
  }
  .trekking__descDef::before {
    display: block;
    position: absolute;
    top: calc(50% - 7px / 2);
    left: 0;
    width: 7px;
    height: 7px;
    background: #007c17;
    border-radius: 50%;
    content: "";
    content: "";
  }
  .trekking__table {
    width: 100%;
    margin-top: 15px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    table-layout: fixed;
  }
  .trekking__table.-table01 .trekking__td {
    padding-left: 10px;
  }
  .trekking__table.-table02 .trekking__th, .trekking__table.-table02 .trekking__td {
    text-align: center;
    vertical-align: middle;
  }
  .trekking__th, .trekking__td {
    padding: 10px;
    border: 1px solid #000;
    font-size: 14px;
    color: #000;
    line-height: 1.7;
  }
  .trekking__th:first-child, .trekking__td:first-child {
    border-left: 0;
  }
  .trekking__th:last-child, .trekking__td:last-child {
    border-right: 0;
  }
  .trekking__th {
    min-width: 185px;
    background: #ecefb5;
  }
  .trekking__td {
    padding-left: 30px;
  }
  .trekking__txt.-green {
    color: #007c17;
  }
  .trekking__txt.-red {
    color: #cb2527;
  }
  .trekking__txt.-price {
    margin: 0 10px;
    font-size: 20px;
    font-weight: bold;
    color: #cb2527;
  }
  .trekking__txtWrapper:not(:first-child) {
    margin-top: 25px;
  }
  .trekking__tdItem {
    display: flex;
  }
  .trekking__tdTtl {
    position: relative;
    min-width: 170px;
    padding-left: 17px;
  }
  .trekking__tdTtl::before {
    display: block;
    position: absolute;
    top: calc(50% - 7px / 2);
    left: 2px;
    width: 7px;
    height: 7px;
    background: #007c17;
    border-radius: 50%;
    content: "";
  }
  .trekking__map {
    width: 100%;
    height: 550px;
    margin-top: 30px;
  }
  .trekking__iframe {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 769px) {
  .external__inner {
    display: block;
    width: 900px;
    margin: 0 auto;
  }
  .external__h1 {
    margin-top: 45px;
    font-size: 30px;
    text-align: center;
  }
  .external__img {
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    width: auto;
  }
  .external__link {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    font-size: 18px;
    color: #43a2ca;
    text-align: center;
  }
  .external__link:hover {
    text-decoration: none;
  }
  .external__desc {
    margin-top: 30px;
    font-size: 18px;
    color: #000;
    line-height: 2;
    text-align: center;
  }
  .external__txt01 {
    color: #cb2527;
  }
}
@media screen and (min-width: 769px) {
  .eHeader {
    border-bottom: 4px solid #000;
  }
  .eHeader__inner {
    display: block;
    width: 1100px;
    margin: 0 auto;
    padding: 16px 25px;
  }
  .eHeader__link {
    display: block;
  }
  .eHeader__img {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .access__inner01 {
    padding: 80px 0 100px;
    background: url(../img/bg_cream01.png) center;
  }
  .access__cont01Wrapper {
    display: block;
    width: 1100px;
    margin: 0 auto;
    padding: 2px;
    background: url(../img/bg_cream02-top.png) repeat-x top, url(../img/bg_cream02-right.png) repeat-y right, url(../img/bg_cream02-bottom.png) repeat-x bottom, url(../img/bg_cream02-right.png) repeat-y left;
  }
  .access__cont01 {
    padding: 30px 80px 35px;
    background: url(../img/bg_cream02.png);
  }
  .access__cont01Inner {
    display: flex;
    justify-content: center;
  }
  .access__cont01Inner .access__h3 {
    font-family: "Sawarabi Mincho", serif;
    font-size: 26px;
    font-weight: bold;
    color: #007c17;
    line-height: 1.5;
  }
  .access__cont01Inner:not(:last-child) {
    padding-bottom: 30px;
    background: url(../img/dotted_border_brown01.png) repeat-x bottom center;
  }
  .access__cont01Inner:last-child {
    padding-top: 20px;
  }
  .access__cont01Inner:last-child .access__imgWrapper {
    order: 2;
  }
  .access__cont01Inner:last-child .access__txtWrapper {
    order: 1;
    margin-right: 50px;
  }
  .access__txtWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .access__desc {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #000;
    line-height: 1.5;
  }
  .access__cont02, .access__cont03, .access__cont04 {
    display: block;
    width: 1100px;
    margin: 0 auto;
    margin-top: 140px;
  }
  .access__cont02 .access__h2Wrapper, .access__cont03 .access__h2Wrapper, .access__cont04 .access__h2Wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .access__cont02 .access__h2Wrapper::after, .access__cont03 .access__h2Wrapper::after, .access__cont04 .access__h2Wrapper::after {
    display: block;
    position: relative;
    flex-basis: 100px;
    flex-grow: 2;
    height: 5px;
    background: url(../img/dotted_border_green01.png) repeat-x;
    background-size: auto 100%;
    content: "";
  }
  .access__cont02 .access__h2, .access__cont03 .access__h2, .access__cont04 .access__h2 {
    display: block;
    position: relative;
    margin-right: 10px;
    font-family: "Sawarabi Mincho", serif;
    font-size: 40px;
    font-weight: bold;
    color: #007c17;
    white-space: nowrap;
  }
  .access__balloon01, .access__balloon02 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
  }
  .access__balloon01::before, .access__balloon02::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    content: "";
  }
  .access__balloon01 {
    top: -80px;
    left: 0;
    width: 78px;
    height: 73px;
  }
  .access__balloon01::before {
    background: url(../img/access_balloon01.png) no-repeat;
    background-size: 100% auto;
  }
  .access__balloon02 {
    top: -70px;
    left: 78px;
    width: 57px;
    height: 61px;
  }
  .access__balloon02::before {
    background: url(../img/access_balloon01.png) no-repeat;
    background-size: 100% auto;
    transform: scale(-1, 1);
  }
  .access__balloon02 .access__balloonTxt {
    margin-bottom: 10px;
    margin-left: 3px;
  }
  .access__balloonTxt {
    font-family: "Sawarabi Mincho", serif;
    display: block;
    position: relative;
    z-index: 2;
    font-size: 16px;
    font-weight: bold;
    color: #007c17;
  }
  .access__tableWrapper {
    display: block;
    width: 1100px;
    margin: 0 auto;
    margin-top: 25px;
  }
  .access__table {
    width: 100%;
    border: 2px solid #007c17;
  }
  .access__tr.-section .access__td:not(:first-child), .access__tr.-time .access__td:not(:first-child) {
    text-align: center;
  }
  .access__th, .access__td {
    padding: 15px 20px;
    border-bottom: 1px dashed #007c17;
    background: #fff;
    line-height: 1.5;
    vertical-align: middle;
  }
  .access__th:not(:last-child), .access__td:not(:last-child) {
    border-right: 1px dashed #007c17;
  }
  .access__th {
    position: relative;
    background: #fef6e1;
    font-size: 16px;
    font-weight: bold;
    color: #007c17;
    text-align: center;
    vertical-align: middle;
  }
  .access__th.-airplane .access__thInner::before {
    display: block;
    position: relative;
    margin-right: 10px;
    width: 38px;
    height: 18px;
    background: url(../img/access_icon_airplane01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .access__th.-highSpeed .access__thInner::before {
    display: block;
    position: relative;
    margin-right: 10px;
    width: 36px;
    height: 15px;
    background: url(../img/access_icon_highspeed01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .access__th.-ferry .access__thInner::before {
    display: block;
    position: relative;
    margin-right: 10px;
    width: 38px;
    height: 16px;
    background: url(../img/access_icon_ferry01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .access__thInner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 20px;
  }
  .access__td {
    font-size: 14px;
    color: #000;
  }
  .access__td:first-child {
    width: 130px;
    background: #fef6e1;
    color: #007c17;
    font-weight: bold;
  }
  .access__td:not(:first-child) {
    width: 300px;
  }
  .access__tdTxt02 {
    font-size: 12px;
    white-space: nowrap;
  }
  .access__tdTxtWrapper01 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .access__tdTxtWrapper02 {
    text-align: center;
  }
  .access__arrow::after {
    display: block;
    margin: 0 15px;
    font-size: 24px;
    color: #007c17;
    content: "↔";
  }
  .access__tdTxt03 {
    color: #cb2527;
  }
  .access__tdItem {
    position: relative;
    padding-left: 14px;
  }
  .access__tdItem::before {
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #007c17;
    border-radius: 50%;
    content: "";
    content: "";
  }
  .access__cont03 .access__h3 {
    display: block;
    position: relative;
    padding: 15px;
    padding-left: 85px;
    border-radius: 5px;
    background: url(../img/bg_green01.png) center center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
  }
  .access__cont03 .access__h3::before {
    display: block;
    position: absolute;
    top: calc(50% - 60px / 2);
    left: 8px;
    z-index: 1;
    width: 75px;
    height: 60px;
    background: url(../img/keyword_balloon01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .access__cont03 .access__h3.-trans01::after {
    display: block;
    position: absolute;
    z-index: 2;
    background: url(../img/access_icon_trans01.png) no-repeat;
    background-size: 100% auto;
    content: "";
    top: 17px;
    left: 19px;
    width: 38px;
    height: 18px;
  }
  .access__cont03 .access__h3.-trans02::after {
    display: block;
    position: absolute;
    z-index: 2;
    background: url(../img/access_icon_trans02.png) no-repeat;
    background-size: 100% auto;
    content: "";
    top: 10px;
    left: 13px;
    width: 43px;
    height: 31px;
  }
  .access__cont03 .access__h3.-trans03::after {
    display: block;
    position: absolute;
    z-index: 2;
    background: url(../img/access_icon_trans03.png) no-repeat;
    background-size: 100% auto;
    content: "";
    top: 10px;
    left: 13px;
    width: 45px;
    height: 30px;
  }
  .access__cont03 .access__h3.-trans04::after {
    display: block;
    position: absolute;
    z-index: 2;
    background: url(../img/access_icon_trans04.png) no-repeat;
    background-size: 100% auto;
    content: "";
    top: 10px;
    left: 13px;
    width: 43px;
    height: 31px;
  }
  .access__cont03 .access__h3.-trans05::after {
    display: block;
    position: absolute;
    z-index: 2;
    background: url(../img/access_icon_trans05.png) no-repeat;
    background-size: 100% auto;
    content: "";
    top: 10px;
    left: 13px;
    width: 43px;
    height: 31px;
  }
  .access__cont03 .access__h3.-trans06::after {
    display: block;
    position: absolute;
    z-index: 2;
    background: url(../img/access_icon_trans06.png) no-repeat;
    background-size: 100% auto;
    content: "";
    top: 17px;
    left: 19px;
    width: 38px;
    height: 18px;
  }
  .access__cont03 .access__h3.-trans07::after {
    display: block;
    position: absolute;
    z-index: 2;
    background: url(../img/access_icon_trans07.png) no-repeat;
    background-size: 100% auto;
    content: "";
    top: 17px;
    left: 19px;
    width: 38px;
    height: 18px;
  }
  .access__balloon03 {
    display: block;
    position: absolute;
    top: -64px;
    left: 0;
    padding: 8px;
    padding-bottom: calc(21px + 8px);
    background: url(../img/access_balloon03.png) no-repeat center bottom;
    background-size: 100% auto;
    font-family: "Sawarabi Mincho", serif;
    font-size: 21px;
    font-weight: bold;
    color: #007c17;
  }
  .access__cont03Inner {
    margin-top: 40px;
  }
  .access__listWrapper01 {
    display: block;
    margin-top: 25px;
    padding: 30px;
    background: #fff;
  }
  .access__listWrapper02 {
    padding-top: 20px;
  }
  .access__listTtl01 {
    display: block;
    padding-bottom: 8px;
    border-bottom: 1px solid #007c17;
    font-size: 18px;
    font-weight: bold;
    color: #007c17;
  }
  .access__listTtl02 {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #007c17;
  }
  .access__list {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
  }
  .access__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-basis: 100px;
    flex-grow: 2;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    line-height: 1.3;
  }
  .access__item.-green {
    padding: 10px 0;
    background: url(../img/bg_green01.png) center center;
    font-weight: bold;
    color: #fff;
  }
  .access__item.-orange {
    padding: 10px 0;
    background: url(../img/bg_orange01.png) center center;
    color: #000;
  }
  .access__item.-time {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 10;
    position: relative;
    padding: 0 10px;
    line-height: 2;
    white-space: nowrap;
  }
  .access__item.-time::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px dashed #007c17;
    content: "";
  }
  .access__item.-time::after {
    display: block;
    position: absolute;
    top: calc(50% - 10px / 2.2360679775);
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(10px / 2) 0 calc(10px / 2) 10px;
    border-color: transparent transparent transparent #007c17;
    content: "";
  }
  .access__itemTxt01 {
    font-size: 12px;
    white-space: nowrap;
  }
  .access__listCap {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    color: #000;
  }
  .access__listCap::before {
    margin-right: 3px;
    color: #cb2527;
    content: "※";
  }
  .access__linkApply {
    display: block;
    width: 420px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 25px 0;
    border-radius: 5px;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    transition: background 0.2s;
  }
  .access__linkApply:hover {
    background: #dd4648;
    color: #fff;
  }
  .access__cont04 {
    margin-top: 90px;
  }
  .access__cont04 .access__h3 {
    display: block;
    position: relative;
    padding: 15px;
    border-radius: 5px;
    background: url(../img/bg_green01.png) center center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
  }
  .access__cont04 .access__imgWrapper {
    display: block;
    flex-basis: 490px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 25px;
  }
  .access__contItem {
    margin-top: 50px;
  }
  .access__contItemInner04 {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }
  .access__ttl {
    font-size: 18px;
    font-weight: bold;
    color: #007c17;
    line-height: 1.5;
  }
  .access__descList {
    display: flex;
    align-items: center;
    margin-top: 15px;
  }
  .access__descList:first-of-type {
    margin-top: 25px;
  }
  .access__descTtl {
    flex-basis: 85px;
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    background: #007c17;
    font-size: 14px;
    color: #fff;
    text-align: center;
  }
  .access__descDef {
    font-size: 18px;
    font-weight: bold;
    color: #007c17;
  }
  .access__infoTtl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
    font-size: 16px;
    font-weight: bold;
    color: #007c17;
  }
  .access__infoTtl::after {
    display: block;
    position: relative;
    flex-basis: 100px;
    flex-grow: 2;
    height: 5px;
    margin-left: 10px;
    background: url(../img/dotted_border_green01.png) repeat-x center center;
    background-size: auto 100%;
    content: "";
  }
  .access__infoList {
    display: block;
    margin-top: 15px;
  }
  .access__infoItem {
    display: block;
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    color: #000;
    line-height: 1.8;
  }
  .access__infoItem::before {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #007c17;
    border-radius: 50%;
    content: "";
  }
  .access__infoLink {
    color: #007c17;
    text-decoration: underline;
  }
  .access__infoLink:hover {
    color: #007c17;
    text-decoration: none;
  }
  .access__transLink {
    display: block;
    position: relative;
    width: 420px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 25px;
    border-radius: 5px;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    transition: background 0.2s;
  }
  .access__transLink::after {
    display: block;
    position: absolute;
    bottom: 6px;
    right: 4px;
    width: 15px;
    height: 13px;
    background: url(../img/access_blank01.png) no-repeat;
    background-size: 100% auto;
    pointer-events: none;
    content: "";
  }
  .access__transLink:hover {
    color: #fff;
    background: #dd4648;
  }
  .access__inner02 {
    padding: 45px 0 40px;
    background: url(../img/bg_white01.png) center center;
  }
  .access__cont05 {
    display: block;
    width: 1100px;
    margin: 0 auto;
    padding: 45px 0;
  }
  .access__cont05 .access__h2 {
    font-size: 28px;
    font-weight: bold;
    color: #007c17;
  }
  .access__linkList01 {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
  }
  .access__linkItem01 {
    display: flex;
    flex-direction: column;
    flex-basis: 100px;
    flex-grow: 2;
  }
  .access__linkItem01:not(:last-child) {
    margin-right: 40px;
  }
  .access__linkTtl {
    display: flex;
    align-items: center;
    flex-grow: 2;
    margin-bottom: 15px;
    padding: 10px 0;
    border-bottom: 1px solid #007c17;
    font-size: 16px;
    font-weight: bold;
    color: #007c17;
  }
  .access__linkTtl::before {
    display: block;
    position: relative;
    margin-right: 12px;
    content: "";
  }
  .access__linkTtl.-airplane::before {
    width: 38px;
    height: 18px;
    background: url(../img/access_icon_airplane01.png) no-repeat;
    background-size: 100% auto;
  }
  .access__linkTtl.-boat::before {
    width: 36px;
    height: 15px;
    background: url(../img/access_icon_highspeed01.png) no-repeat;
    background-size: 100% auto;
  }
  .access__linkTtl.-bus::before {
    width: 18px;
    height: 22px;
    background: url(../img/access_icon_bus01.png) no-repeat;
    background-size: 100% auto;
  }
  .access__linkList02 {
    display: block;
  }
  .access__linkItem02 {
    position: relative;
    padding-left: 14px;
  }
  .access__linkItem02::before {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #007c17;
    border-radius: 50%;
    content: "";
    content: "";
  }
  .access__link {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 14px;
    color: #000;
    line-height: 1.8;
  }
  .access__link::after {
    display: block;
    margin-left: 7px;
    width: 15px;
    height: 13px;
    background: url(../img/access_blank02.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .access__link:hover {
    color: #000;
    text-decoration: underline;
  }
}
@media screen and (max-width: 768px) {
  html.-fixed {
    position: relative;
    overflow: hidden;
  }
  html.-fixed body {
    position: fixed;
    width: 100%;
  }

  body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  }

  .-pcOnly {
    display: none;
  }

  .-spOnly {
    display: block;
  }

  .access__tableWrapper::-webkit-scrollbar, .trekking__tableWrapper::-webkit-scrollbar, .detail__cont.-scroll::-webkit-scrollbar, .about__table03Wrapper::-webkit-scrollbar, .about__table01Wrapper::-webkit-scrollbar {
    height: 1.3333333333vw;
  }
  .access__tableWrapper::-webkit-scrollbar-thumb, .trekking__tableWrapper::-webkit-scrollbar-thumb, .detail__cont.-scroll::-webkit-scrollbar-thumb, .about__table03Wrapper::-webkit-scrollbar-thumb, .about__table01Wrapper::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 1.3333333333vw;
  }

  #air_orion_common_header_sp {
    position: relative;
    z-index: 100;
  }

  #breadcrumb {
    border-top: 0;
  }

  .pagetop {
    display: block;
    position: fixed;
    bottom: 6.6666666667vw;
    right: 4vw;
    z-index: 20;
    width: 12vw;
    height: 12vw;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: filter 0.2s, opacity 0.2s;
  }
  .pagetop:hover {
    filter: brightness(1.1);
  }
  .pagetop.-active {
    opacity: 1;
    pointer-events: visible;
  }
  .pagetop__img {
    width: 100%;
    opacity: 1 !important;
  }

  .flatpickr-calendar {
    position: fixed;
    top: calc(50% - 45vw) !important;
    left: calc(50% - 45vw) !important;
    width: 90vw;
    height: calc(90vw + 5vw);
    border-radius: 1vw;
    min-height: 90vw;
    padding: 1vw;
  }
  .flatpickr-calendar::before, .flatpickr-calendar::after {
    display: none;
  }

  .flatpickr-rContainer {
    width: 100%;
  }

  .flatpickr-months .flatpickr-month {
    height: 13.5vw;
  }

  .flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    height: auto;
    padding: 4.5vw;
    line-height: 1.5;
  }
  .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    width: 4vw;
    height: 4vw;
  }

  .flatpickr-current-month {
    height: auto;
    padding: 2vw;
    padding-top: 3vw;
    font-size: 4vw !important;
  }

  .flatpickr-current-month input.cur-year {
    font-size: 3.5vw !important;
  }

  .flatpickr-weekdays {
    height: 4.5vw;
  }

  .flatpickr-days {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }

  .dayContainer {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }

  span.flatpickr-weekday {
    font-size: 3.5vw;
  }

  .flatpickr-day {
    max-width: 100%;
    height: 14.2857143%;
    border: 0.1333333333vw solid transparent;
    font-size: 3.5vw;
    line-height: 3.5;
  }

  .breadcrumb_homeLink {
    display: block;
    width: 4vw;
    height: calc(4vw / 1.3125);
    background: url("/wp-content/themes/orion/air/img/pc/common/home_ico.png") no-repeat;
    background-size: 100% auto;
    content: "";
  }

  .breadcrumb_homeTxt {
    display: block;
    text-indent: -9999px;
  }

  .popupYakushima {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 20;
  }
  .popupYakushima.-active {
    display: block;
  }
  .popupYakushima__inner {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 94.6666666667vw;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 1.3333333333vw -0.2666666667vw rgba(0, 0, 0, 0.5);
    transform: translate(-50%, -50%);
  }
  .popupYakushima__h2 {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
    padding: 2.6666666667vw 0;
    height: 9.3333333333vw;
    background: #007c17;
    font-size: 3.7333333333vw;
    color: #fff;
    text-align: center;
  }
  .popupYakushima__close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 9.2vw;
    height: 9.2vw;
    background: #000;
    cursor: pointer;
    transition: background 0.2s;
  }
  .popupYakushima__close::before, .popupYakushima__close::after {
    display: block;
    position: absolute;
    top: 20%;
    left: 50%;
    width: 0.2666666667vw;
    height: 6vw;
    background: #fff;
    transition: background 0.2s;
    content: "";
  }
  .popupYakushima__close::before {
    transform: rotate(-45deg);
  }
  .popupYakushima__close::after {
    transform: rotate(45deg);
  }
  .popupYakushima__close:hover::before, .popupYakushima__close:hover::after {
    background: #007c17;
  }
  .popupYakushima__list {
    display: flex;
    flex-wrap: wrap;
    padding: 4vw;
  }
  .popupYakushima__item {
    width: calc(100% / 2 - 4vw * (1 / 2));
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3.3333333333vw 1.3333333333vw;
    border: 0.1333333333vw solid #007c17;
    font-size: 3.2vw;
    color: #007c17;
    text-align: center;
    transition: background 0.2s, color 0.2s;
    cursor: pointer;
  }
  .popupYakushima__item:not(:nth-child(2n)) {
    margin-right: 4vw;
  }
  .popupYakushima__item:hover {
    background: #007c17;
    color: #fff;
  }
  .popupYakushima__item:not(:nth-last-child(-n+2)) {
    margin-bottom: 4vw;
  }

  .kv.-sub {
    position: relative;
    background: #fff;
  }
  .kv.-sub.-noLeading .kv__inner {
    height: 42.6666666667vw;
  }
  .kv.-sub.-noLeading .kv__imgWrapper01 {
    height: 42.6666666667vw;
    overflow: hidden;
  }
  .kv.-sub::before {
    position: absolute;
    bottom: 2.6666666667vw;
    z-index: 2;
    width: 100%;
    height: 1.2vw;
    background: url(../img/zigzag_white_top.png) repeat-x center top;
    background-size: auto 1.2vw;
    content: "";
  }
  .kv.-sub .kv__inner {
    height: 66.6666666667vw;
    padding-bottom: 2.6666666667vw;
    background: #fff;
    box-sizing: content-box;
  }
  .kv.-sub .kv__inner::before {
    bottom: 0vw;
    left: 4vw;
    z-index: 2;
    width: 12.1333333333vw;
    height: calc(12.1333333333vw / 0.798245614);
    background: url(../img/kv_deer.png) no-repeat;
    background-size: 100% auto;
  }
  .kv.-sub .kv__inner::after {
    bottom: 0vw;
    left: auto;
    right: 4vw;
    z-index: 2;
    width: 15.7333333333vw;
    height: calc(15.7333333333vw / 0.9526315789);
  }
  .kv.-sub .kv__h2, .kv.-sub .kv__desc {
    position: relative;
    z-index: 2;
    background: none;
    color: #fff;
    text-align: center;
  }
  .kv.-sub .kv__h2 {
    margin-top: 17.3333333333vw;
    font-size: 5.6vw;
    font-weight: bold;
    font-family: "Sawarabi Mincho", serif;
  }
  .kv.-sub .kv__desc {
    height: auto;
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
    line-height: 1.8;
  }
  .kv__inner {
    display: block;
    position: relative;
    width: 100%;
    height: 150vw;
    overflow: hidden;
  }
  .kv__inner::before, .kv__inner::after {
    position: absolute;
    z-index: 4;
    pointer-events: none;
    content: "";
  }
  .kv__inner::before {
    bottom: 38.6666666667vw;
    left: calc(50% - 73.3333333333vw);
    width: 84.4vw;
    height: calc(84.4vw / 2.6016949153);
    background: url(../img/kv_water-activity.png) no-repeat;
    background-size: 100% auto;
  }
  .kv__inner::after {
    bottom: calc(38.6666666667vw - 5.3333333333vw);
    left: calc(50% + 24vw);
    width: 20.6666666667vw;
    height: 21.8666666667vw;
    background: url(../img/kv_monkeys.png) no-repeat;
    background-size: 100% auto;
  }
  .kv__item .kv__img {
    position: relative;
    -webkit-animation-name: slide-show;
            animation-name: slide-show;
    -webkit-animation-duration: 30s;
            animation-duration: 30s;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    opacity: 0;
  }
  .kv__item:nth-child(1) .kv__img {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
  }
  .kv__item:nth-child(2) .kv__img {
    -webkit-animation-delay: 10s;
            animation-delay: 10s;
  }
  .kv__item:nth-child(3) .kv__img {
    -webkit-animation-delay: 20s;
            animation-delay: 20s;
  }
  .kv__imgWrapper01 {
    display: block;
    position: absolute;
    top: 0;
    z-index: 0;
  }
  .kv__imgWrapper02 {
    position: absolute;
    top: 18.5333333333vw;
    left: 50%;
    z-index: 2;
    width: 80.2666666667vw;
    transform: translateX(-50%);
    pointer-events: none;
  }
  .kv__imgWrapper02 .kv__img {
    width: 100%;
  }
  .kv__img {
    display: block;
    width: 100%;
  }
  .kv__link {
    display: block;
    position: absolute;
    top: 2.5333333333vw;
    left: 55.8666666667vw;
    width: 28.1333333333vw;
    height: 28.1333333333vw;
    transition: filter 0.2s;
  }
  .kv__link:hover {
    filter: brightness(1.1);
  }
  .kv__link .kv__img {
    width: 100%;
    opacity: 1;
  }
  .kv__desc {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    z-index: 3;
    width: 100%;
    height: 38.6666666667vw;
    padding: 0 3.3333333333vw;
    background: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    font-size: 3.4666666667vw;
    color: #fff;
    line-height: 1.8;
  }

  .nav.-sub .nav__inner {
    padding-top: 0;
    padding-bottom: 2.6666666667vw;
  }
  .nav__inner {
    padding: 5.3333333333vw 0;
  }
  .nav__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0 4vw;
  }
  .nav__item {
    display: flex;
    justify-content: center;
    flex-basis: calc(100% / 3);
    position: relative;
    min-height: 14.6666666667vw;
    text-align: center;
  }
  .nav__item::after {
    position: absolute;
    width: 90%;
    border-radius: 0.6666666667vw;
    height: 90%;
    background: url(../img/bg_green01.png);
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 2;
    content: "";
  }
  .nav__item:nth-child(-n+2)::before {
    display: block;
    position: absolute;
    bottom: calc(-5.7333333333vw / 2);
    right: calc(-5.7333333333vw / 2);
    width: 5.7333333333vw;
    height: 5.7333333333vw;
    background: #fff;
    z-index: 2;
    pointer-events: none;
    content: "";
  }
  .nav__item:not(:nth-child(3n)) {
    border-right: 0.2666666667vw dotted #007c17;
  }
  .nav__item:nth-last-child(-n+3) {
    display: flex;
    align-items: flex-end;
  }
  .nav__item:not(:nth-last-child(-n+3)) {
    border-bottom: 0.2666666667vw dotted #007c17;
  }
  .nav__item.-current::after {
    opacity: 1;
  }
  .nav__item.-current .nav__link {
    color: #fff;
  }
  .nav__item:hover::after {
    opacity: 1;
  }
  .nav__item:hover .nav__link {
    color: #fff;
  }
  .nav__link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 2;
    position: relative;
    z-index: 3;
    width: 90%;
    height: 90%;
    border-radius: 0.6666666667vw;
    padding: 1.3333333333vw 0;
    overflow: hidden;
    font-family: "Sawarabi Mincho", serif;
    font-size: 3.7333333333vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1.3;
    text-decoration: none;
    transition: color 0.2s;
  }

  .dept {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  }
  .dept__area {
    display: flex;
    align-items: center;
    position: absolute;
    top: 4.6666666667vw;
    left: 52vw;
    z-index: 20;
    height: 6.6666666667vw;
    padding-left: 2vw;
    border-left: 0.1333333333vw solid #000;
    font-size: 3.2vw;
    color: #000;
  }
  .dept__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.6666666667vw;
    background: #007c17;
  }
  .dept__cont {
    flex-basis: 13.3333333333vw;
    flex-grow: 2;
  }
  .dept__current, .dept__select {
    font-weight: bold;
  }
  .dept__current {
    margin-right: 3.3333333333vw;
    font-size: 3.7333333333vw;
    color: #fff;
  }
  .dept__current .-spOnly {
    display: inline-block;
  }
  .dept__selectWrapper {
    display: block;
    position: relative;
    flex-basis: 66.6666666667vw;
    flex-grow: 0;
    flex-shrink: 0;
    border-radius: 1.3333333333vw;
    overflow: hidden;
  }
  .dept__selectWrapper::after {
    display: block;
    position: absolute;
    top: calc(50% - 2.9333333333vw / 2);
    right: calc(3.7333333333vw / 2);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2.9333333333vw calc(3.7333333333vw / 2) 0 calc(3.7333333333vw / 2);
    border-color: #007c17 transparent transparent transparent;
    pointer-events: none;
    content: "";
  }
  .dept__select {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    background: none transparent;
    font-size: inherit;
    color: inherit;
    vertical-align: middle;
    outline: none;
    text-indent: 0.01px;
    text-overflow: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2vw 3.3333333333vw;
    background: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 16px;
    color: #007c17;
  }
  .dept__select::-ms-expand {
    display: none;
  }

  .faq__inner {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 8vw 0;
  }
  .faq__h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4vw;
    font-size: 4.0625vw;
    color: #000;
    text-align: center;
  }
  .faq__h2::before {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.0625vw;
    height: 4.0625vw;
    margin-right: 2vw;
    border-radius: 50%;
    background: #000;
    font-size: 3.125vw;
    font-weight: bold;
    color: #fff;
    content: "？";
  }
  .faq__defList:not(:last-child) {
    margin-bottom: 2vw;
  }
  .faq__defTtl, .faq__defDesc {
    position: relative;
    box-sizing: border-box;
    font-size: 3.125vw;
    color: #000;
    line-height: 1.5;
  }
  .faq__defTtl {
    border-top-left-radius: 0.8vw;
    border-top-right-radius: 0.8vw;
    border-bottom-left-radius: 0.8vw;
    border-bottom-right-radius: 0.8vw;
    padding: 3.125vw;
    padding-left: 10vw;
    padding-right: 10vw;
    background: #cdd4df;
  }
  .faq__defTtl::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 3.125vw;
    left: 3.125vw;
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    background: #6181c2;
    box-sizing: border-box;
    font-size: 3.5vw;
    font-weight: bold;
    color: #fff;
    content: "Q";
  }
  .faq__defTtl::after {
    display: block;
    position: absolute;
    top: calc(50% - 1.75vw);
    right: 3.5vw;
    width: 1.75vw;
    height: 1.75vw;
    border-top: 0.3vw solid #000;
    border-right: 0.3vw solid #000;
    transform: rotate(135deg);
    transition: top 0.2s, transform 0.2s;
    content: "";
  }
  .faq__defTtl.-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .faq__defTtl.-active::after {
    top: calc(50% - 1.75vw / 2);
    transform: rotate(-45deg);
  }
  .faq__defDesc {
    border-bottom-left-radius: 0.8vw;
    border-bottom-right-radius: 0.8vw;
    background: #f2f2f2;
  }
  .faq__defDesc::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 3.125vw;
    left: 3.125vw;
    width: 5vw;
    height: 5vw;
    border: 0.2vw solid #6181c2;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 3.5vw;
    font-weight: bold;
    color: #6181c2;
    content: "A";
  }
  .faq__defDescInner {
    padding: 3.125vw;
    padding-left: 10vw;
  }
  .faq [data-toggle-cont] {
    height: 0;
    opacity: 0;
    transition: height 0.3s, opacity 0.2s;
  }
  .faq [data-toggle-cont].-active {
    opacity: 1;
  }

  .pickup {
    background: url(../img/bg_cream01.png);
  }
  .pickup__inner {
    display: block;
    padding: 6.6666666667vw 4vw;
  }
  .pickup__cont {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .pickup__cont::before {
    display: block;
    flex-basis: 20.1333333333vw;
    flex-shrink: 0;
    width: 20.1333333333vw;
    height: 8vw;
    margin-right: 2.6666666667vw;
    background: url(../img/sp/pickup_label01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .pickup__img {
    display: block;
    flex-basis: 18.6666666667vw;
    flex-grow: 0;
    flex-shrink: 0;
    width: 18.6666666667vw;
    margin-right: 1.3333333333vw;
    border: 0.8vw solid #fff;
    box-sizing: content-box;
  }
  .pickup__link {
    font-size: 3.2vw;
    color: #007c17;
    line-height: 1.6;
    text-decoration: none;
  }
  .pickup__link:hover {
    text-decoration: underline;
  }

  .search {
    position: relative;
    background: url(../img/bg_green01.png);
  }
  .search::before, .search::after {
    position: absolute;
    width: 100%;
    height: 1.2vw;
  }
  .search::before {
    top: -1.2vw;
    background: url(../img/zigzag_green_top.png) repeat-x;
    background-size: auto 1.2vw;
    content: "";
  }
  .search::after {
    bottom: -1.2vw;
    background: url(../img/zigzag_green_bottom.png) repeat-x;
    background-size: auto 1.2vw;
    content: "";
  }
  .search__inner {
    display: block;
    margin: 0 auto;
    padding: 10.6666666667vw 0 8vw;
  }
  .search__h2 {
    margin-bottom: 6.6666666667vw;
    padding-left: 10.6666666667vw;
    text-align: center;
  }
  .search__inner01 {
    display: block;
    position: relative;
    width: 94.6666666667vw;
    margin: 0 auto;
  }
  .search__radio11 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
  }
  .search__radio11#tabBtn-1-1:checked ~ .search__btnList .search__btnLabel[for=tabBtn-1-1] {
    pointer-events: none;
  }
  .search__radio11#tabBtn-1-1:checked ~ .search__contList .search__contItem#tabCont-1-1 {
    display: block;
  }
  .search__radio11#tabBtn-1-2:checked ~ .search__btnList .search__btnLabel[for=tabBtn-1-2] {
    pointer-events: none;
  }
  .search__radio11#tabBtn-1-2:checked ~ .search__contList .search__contItem#tabCont-1-2 {
    display: block;
  }
  .search__radio11#tabBtn-1-3:checked ~ .search__btnList .search__btnLabel[for=tabBtn-1-3] {
    pointer-events: none;
  }
  .search__radio11#tabBtn-1-3:checked ~ .search__contList .search__contItem#tabCont-1-3 {
    display: block;
  }
  .search__radio11#tabBtn-2-1:checked ~ .search__btnList .search__btnLabel[for=tabBtn-2-1] {
    pointer-events: none;
  }
  .search__radio11#tabBtn-2-1:checked ~ .search__contList .search__contItem#tabCont-2-1 {
    display: block;
  }
  .search__radio11#tabBtn-2-2:checked ~ .search__btnList .search__btnLabel[for=tabBtn-2-2] {
    pointer-events: none;
  }
  .search__radio11#tabBtn-2-2:checked ~ .search__contList .search__contItem#tabCont-2-2 {
    display: block;
  }
  .search__radio11#tabBtn-2-3:checked ~ .search__btnList .search__btnLabel[for=tabBtn-2-3] {
    pointer-events: none;
  }
  .search__radio11#tabBtn-2-3:checked ~ .search__contList .search__contItem#tabCont-2-3 {
    display: block;
  }
  .search__btnList {
    display: flex;
    position: relative;
  }
  .search__btnItem, .search__btnLabel {
    display: flex;
    flex-direction: column;
    flex-basis: auto;
    flex-grow: 1;
    min-height: 0%;
  }
  .search__btnItem {
    width: calc(100% / 2 - 2vw * (1 / 2));
  }
  .search__btnItem:not(:nth-child(2n)) {
    margin-right: 2vw;
  }
  .search__btnItem.-red .search__btnLabel {
    background-color: #cb2527;
  }
  .search__btnItem.-black .search__btnLabel {
    background-color: #2d2d2d;
  }
  .search__btnLabel {
    justify-content: center;
    padding: 2.6666666667vw 0;
    border-top-left-radius: 1.0666666667vw;
    border-top-right-radius: 1.0666666667vw;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.4;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s;
  }
  .search__btnLabelTxt01, .search__btnLabelTxt02 {
    display: block;
  }
  .search__btnLabelTxt01 {
    font-size: 3.4666666667vw;
    font-weight: bold;
  }
  .search__btnLabelTxt02 {
    font-size: 2.6666666667vw;
  }
  .search__contItem {
    display: none;
    border-top: 0.5333333333vw solid;
    box-sizing: border-box;
  }
  .search__contItem.-red {
    border-color: #cb2527;
  }
  .search__contItem.-black {
    border-color: #2d2d2d;
  }
  .search__list {
    display: block;
    width: 100%;
  }
  .search__item {
    background: #fff;
  }
  .search__item:not(:last-child) {
    border-bottom: 1px dashed #007c17;
  }
  .search__item.-input .search__descDef {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 2;
  }
  .search__item.-area .search__descTtl {
    font-size: 3.2vw;
  }
  .search__desc {
    display: flex;
    align-items: center;
  }
  .search__descTtl {
    flex-basis: 24vw;
    flex-grow: 0;
    flex-shrink: 0;
    padding-left: 3.3333333333vw;
    font-size: 3.7333333333vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1.3;
  }
  .search__descDef {
    flex-grow: 2;
  }
  .search__selectWrapper {
    position: relative;
    height: 16.6666666667vw;
  }
  .search__selectWrapper::after {
    position: absolute;
    top: calc(50% - 4.4vw / 2);
    right: 3.2vw;
    width: 0;
    height: 0;
    border-style: solid;
    width: 0;
    border-width: calc(4.4vw / 2) 0 calc(4.4vw / 2) 3.2vw;
    border-color: transparent transparent transparent #007c17;
    pointer-events: none;
    content: "";
  }
  .search__selectWrapper.-quantity::before {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    top: calc(50% - 4vw / 2);
    left: 90px;
    width: 120px;
    height: 4vw;
    padding-top: 0.1333333333vw;
    box-sizing: border-box;
    font-size: 16px;
    color: #007c17;
    pointer-events: none;
    content: "1部屋あたり";
  }
  .search__select {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    background: none transparent;
    font-size: inherit;
    color: inherit;
    vertical-align: middle;
    outline: none;
    text-indent: 0.01px;
    text-overflow: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding-left: 4vw;
    padding-right: 10vw;
    background: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 16px;
    color: #000;
    cursor: pointer;
  }
  .search__select::-ms-expand {
    display: none;
  }
  .search__select02 {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    pointer-events: none;
  }
  .search__select02.-active {
    opacity: 1;
    pointer-events: auto;
  }
  .search__selectInner02 {
    display: block;
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 90.6666666667vw;
    max-height: 60vh;
    padding: 2vw;
    border-radius: 1.6vw;
    background: #fff;
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    transform: translate(-50%, 50%);
  }
  .search__input02 {
    display: none;
  }
  .search__input02:checked + .search__label02::after {
    display: block;
    position: absolute;
    top: calc(50% - 3.3333333333vw / 2);
    left: 1.6666666667vw;
    width: 3.3333333333vw;
    height: 3.3333333333vw;
    background: #007c17;
    border-radius: 50%;
    content: "";
  }
  .search__label02 {
    display: block;
    position: relative;
    padding: 4vw 1.3333333333vw;
    padding-left: 9.3333333333vw;
    font-size: 4.5333333333vw;
    color: #000;
    line-height: 1.2;
    cursor: pointer;
  }
  .search__label02:not(:last-child) {
    border-bottom: 0.2666666667vw solid #d9d9d9;
  }
  .search__label02::before {
    display: block;
    position: absolute;
    top: calc(50% - 5.3333333333vw / 2);
    left: 0.6666666667vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    background: #fff;
    border-radius: 50%;
    content: "";
    border: 0.2666666667vw solid gray;
    box-sizing: border-box;
  }
  .search__selected {
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 6.6666666667vw;
    font-size: 16px;
    color: #000;
    cursor: pointer;
  }
  .search__item02 {
    display: block;
    padding-left: 4vw;
    padding-right: 10vw;
    font-size: 16px;
    color: #000;
  }
  .search__inputWrapper {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 2;
    position: relative;
    width: 100%;
    height: 16.6666666667vw;
  }
  .search__inputWrapper::after {
    display: block;
    position: absolute;
    top: calc(50% - 5.8666666667vw / 0.8846153846 / 2);
    right: calc(5.8666666667vw / 2);
    width: 5.8666666667vw;
    height: calc(5.8666666667vw / 0.8846153846);
    background: url(../img/sp/calendar.png) no-repeat;
    background-size: 100% auto;
    pointer-events: none;
    content: "";
  }
  .search__inputWrapper.-active {
    display: block;
  }
  .search__input {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    outline: none;
    background: none;
    -webkit-appearance: none;
    width: 100%;
    flex-grow: 2;
    padding-left: 4vw;
    padding-right: 10vw;
    background: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 16px;
    color: #000;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
  }
  .search__input[disabled] {
    background: #ccc;
    color: gray;
  }
  .search__checkbox {
    display: none;
  }
  .search__labelCheckbox {
    display: flex;
    align-items: center;
    flex-grow: 2;
    padding-top: 4vw;
    padding-bottom: 4vw;
    padding-left: 4.6666666667vw;
    position: relative;
    border: 1px solid #fff;
    font-size: 3.2vw;
    color: #007c17;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
  }
  .search__labelCheckbox::before {
    position: absolute;
    top: 4.2666666667vw;
    left: 0vw;
    width: 2.9333333333vw;
    height: 2.9333333333vw;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background: linear-gradient(to bottom, #fafafa, #e0e0e0);
    border-radius: 0.2666666667vw;
    box-sizing: border-box;
    content: "";
  }
  .search__checkbox:checked + .search__labelCheckbox::after {
    position: absolute;
    top: 4.6666666667vw;
    left: 0.8vw;
    width: 0.8vw;
    height: 1.4666666667vw;
    border-right: 0.4vw solid #000;
    border-bottom: 0.4vw solid #000;
    transform: rotate(45deg);
    content: "";
  }
  .search__particular {
    display: block;
    width: 94.6666666667vw;
    margin: 0 auto;
    margin-top: 4vw;
    margin-bottom: 8vw;
    transition: margin-bottom 0.3s;
  }
  .search__particular.-active .search__particularCont {
    height: auto;
    padding: 6.6666666667vw 4vw;
    opacity: 1;
    pointer-events: auto;
  }
  .search__particular.-active .search__particularBtnSquare::before {
    transform: rotate(90deg);
  }
  .search__particular.-active .search__particularBtnSquare::after {
    opacity: 0;
  }
  .search__particularBtn {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 37.3333333333vw;
    height: 9.3333333333vw;
    margin-left: auto;
    margin-bottom: calc(-9.3333333333vw / 2);
    padding: 2.6666666667vw 0;
    padding-left: 4vw;
    border-radius: 6.6666666667vw;
    background: #eaa000;
    font-size: 3.7333333333vw;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    transition: background 0.2s;
  }
  .search__particularBtn:hover {
    background: #ffb81e;
  }
  .search__particularBtnSquare {
    position: absolute;
    top: calc(50% - 3.3333333333vw / 2);
    right: 2.6666666667vw;
    width: 3.3333333333vw;
    height: 3.3333333333vw;
    background: #fff;
    content: "";
  }
  .search__particularBtnSquare::before, .search__particularBtnSquare::after {
    position: absolute;
    top: calc(50% - 2.2666666667vw / 2);
    right: 1.6vw;
    width: 0.1333333333vw;
    height: 2.2666666667vw;
    background: #eaa000;
    content: "";
  }
  .search__particularBtnSquare::before {
    transition: transform 0.2s;
  }
  .search__particularBtnSquare::after {
    transform: rotate(90deg);
    transition: opacity 0.2s;
  }
  .search__particularCont {
    position: relative;
    height: 0;
    padding: 0 4vw;
    box-sizing: border-box;
    opacity: 0;
    background: #fff;
    pointer-events: none;
    transition: padding 0.3s, opacity 0s;
  }
  .search__radioTtl {
    display: none;
  }
  .search__radioList {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 4vw;
  }
  .search__radioItem {
    display: flex;
    flex-basis: 50%;
    flex-grow: 2;
    border-bottom: 1px solid #ccc;
  }
  .search__radioItem:nth-last-child(-n+2) {
    border-bottom: 0;
  }
  .search__radio {
    display: none;
  }
  .search__radio:checked + .search__radioLabel::after {
    opacity: 1;
  }
  .search__radioLabel {
    flex-grow: 2;
    position: relative;
    padding: 3.3333333333vw 0;
    padding-left: 4.6666666667vw;
    font-size: 3.2vw;
    line-height: 1.3;
    color: #000;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    transition: background 0.2s;
  }
  .search__radioLabel::before, .search__radioLabel::after {
    position: absolute;
    box-sizing: border-box;
    content: "";
  }
  .search__radioLabel::before {
    position: absolute;
    top: calc(50% - 3.3333333333vw / 2);
    left: 0;
    width: 3.3333333333vw;
    height: 3.3333333333vw;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background: linear-gradient(to bottom, #fafafa, #e0e0e0);
    border-radius: 0.2666666667vw;
  }
  .search__radio:checked + .search__radioLabel::after {
    position: absolute;
    top: 3.7333333333vw;
    left: 0.8vw;
    width: 1.6vw;
    height: 2.2666666667vw;
    border-right: 0.4vw solid #000;
    border-bottom: 0.4vw solid #000;
    transform: rotate(45deg);
  }
  .search__keywordTtl {
    display: block;
    margin-bottom: 2vw;
    font-size: 3.2vw;
    color: #007c17;
  }
  .search__inputTextWrapper {
    display: block;
    position: relative;
  }
  .search__inputText {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    outline: none;
    background: none;
    -webkit-appearance: none;
    display: block;
    padding: 3.3333333333vw 2vw;
    border-radius: 1.3333333333vw;
    background: #f4f5d4;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 16px;
  }
  .search__inputText.-active + .search__keywordListWrapper {
    display: block;
  }
  .search__inputTextClear {
    display: block;
    position: absolute;
    top: calc(50% - 6vw / 2);
    right: 2.6666666667vw;
    width: 6vw;
    height: 6vw;
    background: #ccc;
    border-radius: 50%;
    content: "";
    cursor: pointer;
    content: "";
  }
  .search__inputTextClear::before, .search__inputTextClear::after {
    display: block;
    position: absolute;
    top: 2.8vw;
    left: 1.4vw;
    z-index: 2;
    width: 3.3333333333vw;
    height: 0.4vw;
    background: #fff;
    pointer-events: none;
    content: "";
  }
  .search__inputTextClear::before {
    transform: rotate(-45deg);
  }
  .search__inputTextClear::after {
    transform: rotate(45deg);
  }
  .search__submit {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 64vw;
    margin: 0 auto;
    padding: 3.3333333333vw;
    border: 1px solid #fd5658;
    border-radius: 0.6666666667vw;
    box-sizing: border-box;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 5.6vw;
    font-weight: normal;
    color: #fff;
    line-height: 1.6;
    letter-spacing: 0.1em;
    cursor: pointer;
    transition: background 0.2s;
  }
  .search__submit::before {
    width: 4.8vw;
    height: 4.8vw;
    margin-right: 2.4vw;
    background: url(../img/search_glass01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .search__submit:hover {
    background: #dd4648;
  }
  .search__keywordListWrapper {
    display: none;
    position: absolute;
    z-index: 2;
    width: 100%;
    padding: 1.3333333333vw;
    border-bottom-left-radius: 1.3333333333vw;
    border-bottom-right-radius: 1.3333333333vw;
    background: #fff;
    box-shadow: 0 0.4vw 1.3333333333vw 0 rgba(0, 0, 0, 0.2);
  }
  .search__keywordListTtl {
    display: block;
    padding: 2.6666666667vw 2vw;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    line-height: 2.5;
  }
  .search__keywordItem {
    display: block;
    padding: 2.6666666667vw 2vw;
    font-size: 16px;
    line-height: 2.5;
    color: #000;
    cursor: pointer;
  }
  .search__keywordItem:hover {
    background: #ececec;
  }
  .search__inner02 {
    margin-top: 9.3333333333vw;
  }
  .search__item02 {
    display: block;
  }
  .search__item02:not(:last-child) {
    margin-bottom: 5.3333333333vw;
  }
  .search__ttl02 {
    font-size: 3.2vw;
    font-weight: bold;
    color: #f9ff3c;
    line-height: 1.6;
  }
  .search__desc02 {
    font-size: 3.2vw;
    color: #fff;
    line-height: 1.6;
  }
  .search__link02 {
    display: inline-block;
    position: relative;
    padding-left: 3.3333333333vw;
    font-size: 3.2vw;
    color: #fff;
    line-height: 1.6;
    text-decoration: underline;
  }
  .search__link02:hover {
    color: #fff;
    text-decoration: none;
  }
  .search__link02::before {
    display: block;
    position: absolute;
    top: 1.4666666667vw;
    left: 0.2666666667vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(2.2666666667vw / 2) 0 calc(2.2666666667vw / 2) 2vw;
    border-color: transparent transparent transparent #fff;
    content: "";
  }
  .search .fw-mv-search {
    width: auto;
  }
  .search .fw-search-top--air {
    padding: 0;
    background: transparent;
  }
  .search .fw-search-top__header {
    display: none;
  }
  .search .fw-search-top__body {
    display: block;
  }
  .search .fw-search-top__item--trans, .search .fw-search-top__item--date, .search .fw-search-top__item--guest-room, .search .fw-search-top__item--arr {
    display: flex;
    align-items: flex-start;
    margin-top: 0;
    box-sizing: border-box;
    background: #fff;
  }
  .search .fw-search-top__item--trans:not(:last-child), .search .fw-search-top__item--date:not(:last-child), .search .fw-search-top__item--guest-room:not(:last-child), .search .fw-search-top__item--arr:not(:last-child) {
    margin-bottom: 0.2666666667vw;
  }
  .search .fw-search-top__item--trans:nth-child(1) .fw-search-top__item-label::before {
    left: 2.6666666667vw;
    width: 4.8vw;
    height: 4.6666666667vw;
    background: url(../img/sp/search_outward.png) no-repeat;
    background-size: 100% auto;
  }
  .search .fw-search-top__item--trans:nth-child(2) .fw-search-top__item-label::before {
    left: 2.6666666667vw;
    width: 4.8vw;
    height: 4.6666666667vw;
    background: url(../img/sp/search_return.png) no-repeat;
    background-size: 100% auto;
  }
  .search .fw-search-top__item--trans .fw-search-top__item-data {
    display: flex;
    flex-wrap: nowrap;
  }
  .search .fw-search-top__item--trans .fw-search-top__item-data > .MuiFormControl-root {
    display: block !important;
    width: auto !important;
    flex-basis: calc(100% / 2 - 5.3333333333vw / 2) !important;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0 !important;
    box-sizing: content-box;
  }
  .search .fw-search-top__item--trans .fw-search-top__item-data > .MuiFormControl-root:first-child {
    position: relative;
    margin-right: 5.3333333333vw;
    background-image: none !important;
  }
  .search .fw-search-top__item--trans .fw-search-top__item-data > .MuiFormControl-root:first-child::after {
    display: block;
    position: absolute;
    top: 50%;
    left: calc(100% + 2.8vw / 2);
    transform: translateY(-50%);
    width: 2.8vw;
    height: 1.7333333333vw;
    box-sizing: border-box;
    background-image: url(../img/sp/search_arrow-green.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    pointer-events: none;
    content: "";
  }
  .search .fw-search-top__item--date .fw-search-top__item-label::before {
    left: 2.4vw;
    width: 4.4vw;
    height: 4.9333333333vw;
    background: url(../img/sp/search_calendar-1.png) no-repeat;
    background-size: 100% auto;
  }
  .search .fw-select--area-set:not(:first-child)::before, .search .fw-search-top__item--date .fw-search-top__item-data .fw-checkbox--icon::before {
    display: block;
    position: absolute;
    top: 0;
    left: -22.6666666667vw;
    width: 94.6666666667vw;
    height: 0.2666666667vw;
    border-top: 0.2666666667vw dashed #007c17;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
  }

  .search .fw-search-top__item--date .fw-search-top__item-data .fw-checkbox--icon {
    position: relative;
  }
  .search .fw-search-top__item--date .fw-search-top__item-data .fw-checkbox__input:checked + .fw-checkbox__label::after {
    opacity: 1;
  }
  .search .fw-search-top__item--date .fw-search-top__item-data .fw-checkbox__label {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 20vw;
    padding: 1.3333333333vw 10px;
    padding-left: 35px;
    box-sizing: border-box;
    font-size: 16px;
    color: #000 !important;
    line-height: 1.3;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    opacity: 1 !important;
  }
  .search .fw-search-top__item--date .fw-search-top__item-data .fw-checkbox__label::before {
    display: block;
    position: absolute;
    top: 9.8666666667vw;
    left: 12px;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    background: #fff !important;
    content: "";
  }
  .search .fw-search-top__item--date .fw-search-top__item-data .fw-checkbox__label::after {
    display: block;
    position: absolute;
    top: 9.8666666667vw;
    left: 14px;
    transform: rotate(-45deg);
    width: 11px;
    height: 7px;
    border-left: 2px solid #007c17;
    border-bottom: 2px solid #007c17;
    box-sizing: border-box;
    opacity: 0;
    content: "";
  }
  .search .fw-search-top__item--guest-room .fw-search-top__item-label::before {
    left: 2.6666666667vw;
    width: 4vw;
    height: 4vw;
    background: url(../img/sp/search_user.png) no-repeat;
    background-size: 100% auto;
  }
  .search .fw-search-top__item--arr .fw-search-top__item-label::before {
    left: 2.6666666667vw;
    width: 4.4vw;
    height: 3.8666666667vw;
    background: url(../img/sp/search_lodging.png) no-repeat;
    background-size: 100% auto;
  }
  .search .fw-search-top__item--arr .fw-search-top__item-data {
    display: block;
  }
  .search .fw-search-top__item-label {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-basis: 22.6666666667vw;
    max-width: 22.6666666667vw;
    flex-grow: 0;
    flex-shrink: 0;
    height: 20vw;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 6.9333333333vw;
    box-sizing: border-box;
    font-size: 2.6666666667vw;
    font-weight: normal;
    color: #007c17;
    line-height: 1.6;
    text-align: center;
  }
  .search .fw-search-top__item-label::before {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "";
  }
  .search .fw-search-top__item-data {
    display: block;
    flex-basis: calc(100% - 22.6666666667vw);
    max-width: calc(100% - 22.6666666667vw);
    flex-grow: 0;
    flex-shrink: 0;
  }
  .search .fw-search-top__sub-item {
    display: block !important;
    margin-top: 0 !important;
  }
  .search .fw-search-top__sub-data {
    width: 100% !important;
  }
  .search .fw-search-top__sub-label {
    display: block;
    margin-right: 0 !important;
    padding-top: 0;
    padding-left: 10px !important;
    box-sizing: border-box;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #000;
    line-height: 1.6;
  }
  .search .fw-search-top__footer {
    margin-top: 8vw;
  }
  .search .fw-text-set--grid-2 {
    display: flex;
    flex-basis: auto;
    flex-grow: 1;
  }
  .search .fw-text--date {
    position: relative;
  }
  .search .fw-text--date::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 2.4vw !important;
    transform: translateY(-50%);
    width: 4.2666666667vw;
    height: 4.8vw;
    margin-top: 0;
    background: url(../img/sp/search_calendar-2.png) no-repeat;
    background-size: 100% auto;
    pointer-events: none;
    content: "";
  }
  .search .fw-text--date input {
    height: 20vw;
    padding: 1.3333333333vw 10px;
    padding-right: 8vw;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    color: #000;
    text-indent: -0.5em;
  }
  .search .fw-text--guest, .search .fw-text--room {
    width: auto !important;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .search .fw-text--guest input, .search .fw-text--room input {
    display: block;
    height: 20vw;
    padding: 1.3333333333vw 10px;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    color: #000;
  }
  .search .fw-text--guest {
    flex-basis: 65%;
    max-width: 65%;
  }
  .search .fw-text--room {
    flex-basis: 35%;
    max-width: 35%;
  }
  .search .fw-select--area-set {
    display: block;
    position: relative;
    width: 100% !important;
    margin: 0 !important;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    background: transparent;
  }
  .search .fw-select--area-set:not(:first-child)::before {
    right: auto !important;
    margin-top: 0;
    z-index: 10;
  }
  .search .fw-select--area-set::after {
    display: block;
    position: absolute;
    top: calc(50% - 1.4666666667vw / 2);
    right: 2.6666666667vw;
    left: auto;
    z-index: 10;
    width: 0;
    height: 0;
    margin-top: 0;
    border-style: solid;
    border-width: 1.4666666667vw calc(2vw / 2) 0 calc(2vw / 2);
    border-color: #007c17 transparent transparent transparent;
    pointer-events: none;
    content: "";
  }
  .search .fw-select--area-set.fw-is-disabled::after {
    display: none;
  }
  .search .fw-select--area-set.fw-is-disabled select {
    background: #ddd;
    color: #646464;
  }
  .search .fw-select--area-set select {
    height: 20vw;
    padding: 1.3333333333vw 10px;
    padding-right: 6vw;
    border-radius: 0;
    background: #fff;
    font-size: 16px;
    color: #000;
  }
  .search .fw-btn-search-01--hotel {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 64vw;
    margin: 0 auto;
    padding: 3.3333333333vw;
    border: 1px solid #fd5658;
    border-radius: 0.6666666667vw;
    box-sizing: border-box;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 5.6vw;
    font-weight: normal;
    color: #fff;
    line-height: 1.6;
    letter-spacing: 0.1em;
    cursor: pointer;
    transition: background 0.2s;
  }
  .search .fw-btn-search-01--hotel::before {
    width: 4.8vw;
    height: 4.8vw;
    margin-right: 2.4vw;
    background: url(../img/search_glass01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .search .fw-btn-search-01--hotel::after {
    content: "する";
  }
  .search .fw-btn-search-01--hotel:hover {
    background: #dd4648;
  }
  .search .fw-btn-search-01--hotel.fw-is-disabled {
    border-color: #aaa;
  }
  .search .MuiAutocomplete-root {
    display: block !important;
    width: auto !important;
    flex-basis: calc(100% / 2 - 40px / 2) !important;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0 !important;
    box-sizing: content-box;
  }
  .search .MuiAutocomplete-root:first-child {
    position: relative;
    margin-right: 40px;
    background-image: none !important;
  }
  .search .MuiAutocomplete-root:first-child::after {
    display: block;
    position: absolute;
    top: 50%;
    left: calc(100% + 2.8vw / 2);
    transform: translateY(-50%);
    width: 2.8vw;
    height: 1.7333333333vw;
    box-sizing: border-box;
    background-image: url(../img/sp/search_arrow-green.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    pointer-events: none;
    content: "";
  }
  .search .MuiFormControl-root {
    display: block;
    position: relative;
    flex-basis: auto;
    flex-grow: 1;
    width: 100% !important;
    margin-right: 0;
    padding-right: 0 !important;
    box-sizing: border-box;
    background-image: none !important;
  }
  .search .MuiFormLabel-root {
    display: block;
    position: absolute;
    top: 2.6666666667vw;
    left: 10px;
    transform: none !important;
    font-size: 2.6666666667vw;
    color: #007c17 !important;
    line-height: 1.3;
    pointer-events: none;
  }
  .search .MuiInputBase-root {
    position: relative;
    padding: 0 !important;
  }
  .search .MuiInputBase-input {
    display: flex;
    align-items: center;
    height: 20vw;
    padding: 1.3333333333vw 10px !important;
    padding-top: 3.3333333333vw !important;
    padding-right: 39px !important;
    border-radius: 0;
    box-sizing: border-box;
    background: #fff;
    font-size: 16px;
    color: #000;
  }
  .search .MuiOutlinedInput-notchedOutline {
    display: none;
  }
  .search .MuiSvgIcon-root {
    display: none;
  }

  .topics {
    background: url(../img/sp/bg_island01.jpg) no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
  }
  .topics__inner {
    display: block;
    margin: 0 auto;
    padding: 13.3333333333vw 0 36vw;
    box-sizing: border-box;
  }
  .topics__h2 {
    font-family: "Sawarabi Mincho", serif;
    font-size: 9.3333333333vw;
    color: #007c17;
    text-align: center;
  }
  .topics__cont {
    display: block;
    width: 92vw;
    margin: 0 auto;
    flex-grow: 2;
    margin-top: 6vw;
  }
  .topics__btnList {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #007c17;
  }
  .topics__btnItem {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3.3333333333vw 9.3333333333vw;
    border: 1px solid #007c17;
    border-bottom: 0;
    border-top-left-radius: 0.6666666667vw;
    border-top-right-radius: 0.6666666667vw;
    background: #fff;
    box-sizing: border-box;
    font-family: "Sawarabi Mincho", serif;
    font-size: 3.7333333333vw;
    color: #007c17;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
  }
  .topics__btnItem:hover, .topics__btnItem.-current {
    background: #007c17;
    color: #fff;
  }
  .topics__btnItem.-current {
    pointer-events: none;
  }
  .topics__btnItem:first-child {
    margin-right: 1.3333333333vw;
  }
  .topics__contItem {
    display: none;
  }
  .topics__contItem.-current {
    display: block;
  }
  .topics__item {
    border-bottom: 1px dashed #007c17;
  }
  .topics__link {
    display: block;
    padding: 6.6666666667vw 0;
    text-decoration: none;
    transition: background 0.3s;
  }
  .topics__link:hover {
    background: rgba(0, 0, 0, 0.1);
  }
  div.topics__link:hover {
    background: none;
  }

  .topics__txtWrapper01, .topics__txtWrapper02 {
    flex-grow: 0;
    flex-shrink: 0;
  }
  .topics__txtWrapper01 {
    display: flex;
  }
  .topics__type, .topics__date {
    font-size: 2.9333333333vw;
    padding: 1.3333333333vw 3.3333333333vw;
    text-align: center;
  }
  .topics__type {
    margin-right: 1.3333333333vw;
    background: #cb2527;
    color: #fff;
  }
  .topics__date {
    background: #f4f5d4;
    color: #cb2527;
  }
  .topics__infoList {
    display: flex;
    width: 100%;
    margin-top: 2.6666666667vw;
  }
  .topics__infoItem {
    padding: 0.4vw 2vw;
    font-size: 2.9333333333vw;
    color: #cb2527;
    border-right: 1px solid #cb2527;
  }
  .topics__infoItem:not(:last-child) {
    border-left: 1px solid #cb2527;
    margin-right: 1.3333333333vw;
  }
  .topics__text {
    margin-top: 2vw;
    font-size: 3.4666666667vw;
    line-height: 1.5;
    color: #000;
  }

  .ranking {
    position: relative;
    background: url(../img/bg_cream01.png);
  }
  .ranking::before {
    position: absolute;
    top: calc(-2.4vw + 0.1333333333vw);
    width: 100%;
    height: 2.4vw;
    background: url(../img/bg_wave_cream01.png) repeat-x 10vw top;
    background-size: auto 2.4vw;
    content: "";
  }
  .ranking__inner {
    display: block;
    margin: 0 auto;
    padding: 12vw 0 14.6666666667vw;
  }
  .ranking__h2 {
    display: block;
    width: 78.6666666667vw;
    margin: 0 auto;
    margin-bottom: -4.6666666667vw;
    padding-left: 3.3333333333vw;
    box-sizing: content-box;
    text-align: center;
  }
  .ranking__listWrapper {
    position: relative;
    margin-bottom: 8vw;
  }
  .ranking__list.-column03 .ranking__item {
    width: 74.6666666667vw !important;
    height: auto;
    padding: 0 12.6666666667vw;
    box-sizing: content-box;
  }
  .ranking__list.-column03 .ranking__item::before {
    position: absolute;
    top: 0;
    left: 12.6666666667vw;
    z-index: 2;
    width: 24.8vw;
    height: calc(24.8vw / 1.5949367089);
    background: url(../img/ranking_flag01.png) no-repeat;
    background-size: 100% auto;
    pointer-events: none;
    content: "";
  }
  .ranking__list.-column03 .ranking__stay {
    flex-basis: 35%;
  }
  .ranking__list.-column03 .ranking__price {
    flex-basis: calc(100% - 35%);
    font-size: 5.6vw;
  }
  .ranking__list.-column03 .ranking__price::after {
    margin-top: 1.0666666667vw;
    font-size: 4vw;
  }
  .ranking__list.-column04 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 92vw;
    margin: 0 auto;
    padding-top: 8vw;
    background: url(../img/dotted_border_brown01.png) repeat-x;
    background-size: auto 0.5333333333vw;
  }
  .ranking__list.-column04 .ranking__item {
    width: calc(100% / 2 - 4vw * (1 / 2));
  }
  .ranking__list.-column04 .ranking__item:not(:nth-child(2n)) {
    margin-right: 4vw;
  }
  .ranking__list.-column04 .ranking__item:not(:nth-last-child(-n+2)) {
    margin-bottom: 4vw;
  }
  .ranking__list.-column04 .ranking__stay, .ranking__list.-column04 .ranking__price {
    white-space: nowrap;
    height: 9.3333333333vw;
  }
  .ranking__list.-column04 .ranking__stay {
    padding: 0 1.3333333333vw;
    font-size: 3.4666666667vw;
  }
  .ranking__list.-column04 .ranking__price {
    font-size: 4.1333333333vw;
  }
  .ranking__list.-column04 .ranking__price::after {
    margin-top: 0.6666666667vw;
    font-size: 2.9333333333vw;
  }
  .ranking__item {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .ranking__arrow {
    display: block;
    position: absolute;
    top: calc(50% - 8vw / 2);
    z-index: 3;
    width: 8vw;
    height: 8vw;
    background: url(../img/slider_arrow01.png) no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    content: "";
  }
  .ranking__arrow.-prev {
    left: 2.6666666667vw;
  }
  .ranking__arrow.-next {
    right: 2.6666666667vw;
    transform: rotate(180deg);
  }
  .ranking__link {
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    text-decoration: none;
    transition: box-shadow 0.3s;
  }
  .ranking__link:hover {
    box-shadow: 0 0 2.1333333333vw 0 rgba(0, 0, 0, 0.2);
  }
  .ranking__rank {
    position: absolute;
    top: 1.0666666667vw;
    left: 21.3333333333vw;
    z-index: 2;
    font-family: "Sawarabi Mincho", serif;
    font-size: 6.9333333333vw;
    color: #cb2527;
  }
  .ranking__rank::after {
    font-size: 3.6vw;
    content: "位";
  }
  .ranking__recommend {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 1.7333333333vw;
    left: 0;
    z-index: 2;
    height: 4vw;
    padding: 0 1.3333333333vw;
    background: #fff;
    font-family: "Sawarabi Mincho", serif;
    font-size: 2.1333333333vw;
    font-weight: bold;
    color: #cb2527;
  }
  .ranking__recommend::after {
    position: absolute;
    top: 0;
    right: -2.2666666667vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(4vw / 2) 0 calc(4vw / 2) 2.2666666667vw;
    border-color: transparent transparent transparent #fff;
    content: "";
  }
  .ranking__imgWrapper {
    flex-grow: 0;
  }
  .ranking__img {
    display: block;
    width: 100%;
  }
  .ranking__txtWrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 2;
    background: #fff;
  }
  .ranking__txt01 {
    padding: 4vw;
  }
  .ranking__dept {
    margin-bottom: 2vw;
    font-size: 3.4666666667vw;
    color: #007c17;
  }
  .ranking__desc {
    font-size: 3.4666666667vw;
    color: #000;
    line-height: 1.7;
  }
  .ranking__txt02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 0.1333333333vw dashed #007c17;
  }
  .ranking__stay, .ranking__price {
    display: flex;
    align-items: center;
    height: 12vw;
  }
  .ranking__stay {
    justify-content: center;
    border-right: 0.1333333333vw dashed #007c17;
    font-size: 3.7333333333vw;
    color: #007c17;
  }
  .ranking__price {
    justify-content: flex-end;
    padding-right: 2vw;
    font-weight: bold;
    color: #cb2527;
  }
  .ranking__price::after {
    content: "円～";
  }
  .ranking__listWrapper02 {
    display: block;
    width: 90.6666666667vw;
    margin: 0 auto;
    padding-top: 6.6666666667vw;
    box-sizing: border-box;
  }
  .ranking__listWrapper02:not(:last-child) {
    background: url(../img/dotted_border_brown01.png) repeat-x center top;
    background-size: auto 0.5333333333vw;
  }
  .ranking__ttl02 {
    font-family: "Sawarabi Mincho", serif;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    font-size: 5.6vw;
    color: #007c17;
    line-height: 1.6;
    text-align: center;
  }
  .ranking .fw-static-api-departure {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 5.3333333333vw;
  }
  .ranking .fw-select {
    margin-left: 1.3333333333vw;
  }
  .ranking .fw-static-api-search-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5.3333333333vw;
    margin-bottom: -2.6666666667vw;
  }
  .ranking .fw-static-api-search__item, .ranking .fw-static-api-search-data, .ranking .fw-static-api-search-info {
    display: flex;
    flex-direction: column;
    flex-basis: auto;
    flex-grow: 1;
    min-height: 0%;
  }
  .ranking .fw-static-api-search__item {
    width: calc(100% / 2 - 2.6666666667vw * (1 / 2));
    margin-bottom: 2.6666666667vw;
    background: #fff;
  }
  .ranking .fw-static-api-search__item:not(:nth-child(2n)) {
    margin-right: 2.6666666667vw;
  }
  .ranking .fw-static-api-search-img {
    display: block;
    flex-basis: auto;
    flex-grow: 0;
    min-height: 0%;
  }
  .ranking .fw-static-api-search-img img {
    display: block;
    width: 100%;
  }
  .ranking .fw-static-api-search-info {
    padding: 1.3333333333vw;
    box-sizing: border-box;
  }
  .ranking .fw-static-api-search-info > div:not([class]),
.ranking .fw-static-api-search-info > div[class=""] {
    order: 2;
    margin-top: 0.6666666667vw;
    font-size: 2.6666666667vw;
    color: #000;
    line-height: 1.6;
  }
  .ranking .fw-static-api-search-name {
    order: 1;
    font-size: 3.2vw;
    font-weight: bold;
    color: #007c17 !important;
    line-height: 1.6;
  }
  .ranking .fw-static-api-search-price-box {
    order: 3;
    margin-top: 0.6666666667vw;
  }
  .ranking .fw-static-api-search-price {
    display: block;
  }
  .ranking .fw-static-api-search-price::before {
    display: block;
    font-size: 2.4vw;
    font-weight: bold;
    color: #000;
    line-height: 1.6;
    text-align: center;
    content: "旅行代金";
  }
  .ranking .fw-static-api-search-price-range {
    display: block;
    font-size: 5.3333333333vw;
    font-weight: bold;
    color: #cb2527;
    line-height: 1.6;
    text-align: center;
  }
  .ranking .fw-static-api-search-price-sub {
    display: none;
  }
  .ranking .fw-static-api-search-col {
    order: 2;
    margin-top: 0.6666666667vw;
    font-size: 2.6666666667vw;
    color: #000;
    line-height: 1.4;
  }
  .ranking .fw-static-api-search-btn {
    padding: 0 1.3333333333vw 2vw;
    box-sizing: border-box;
  }
  .ranking .fw-btn-search-01 {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: block;
    width: 100%;
    padding: 2.4vw 1.3333333333vw;
    border-radius: 0.5333333333vw;
    box-sizing: border-box;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 4.2666666667vw;
    font-weight: normal;
    color: #fff;
    text-align: center;
    transition: background 0.2s;
  }
  .ranking .fw-btn-search-01:hover {
    background: #dd4648;
  }

  .feature {
    position: relative;
    background: url(../img/bg_cream02.png);
  }
  .feature__inner01::before, .feature__inner01::after, .feature::before, .feature::after {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 0.4vw;
    background: #f3f6a1;
    content: "";
  }

  .feature::before {
    top: calc(-0.4vw * 4);
  }
  .feature::after {
    bottom: calc(-0.4vw * 4);
  }
  .feature__inner01::before {
    top: calc(-0.4vw * 2);
  }
  .feature__inner01::after {
    bottom: calc(-0.4vw * 2);
  }
  .feature__inner02 {
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 8vw 0;
  }
  .feature__h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 92vw;
    margin: 0 auto;
  }
  .feature__h2::before, .feature__h2::after {
    display: block;
    width: 31.0666666667vw;
    height: 0.8vw;
    margin-top: 8.6666666667vw;
    background: url(../img/dotted_border_green01.png) repeat-x;
    background-size: auto auto;
    content: "";
  }
  .feature__h2 .feature__imgWrapper {
    width: 25.7333333333vw;
  }
  .feature__listWrapper01 {
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 8vw;
  }
  .feature__listWrapper02 {
    display: flex;
    position: relative;
    margin: 0 auto;
    box-sizing: content-box;
    overflow: hidden;
  }
  .feature__list {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8vw;
  }
  .feature__list.-wrap {
    flex-wrap: wrap;
  }
  .feature__item {
    display: flex;
    flex-direction: column;
    width: 74.6666666667vw;
    padding: 0 12.6666666667vw;
    height: auto;
  }
  .feature__link {
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    background: #fff;
    text-decoration: none;
    transition: box-shadow 0.3s;
  }
  .feature__link:hover {
    box-shadow: 0 0 1.3333333333vw 0 rgba(0, 0, 0, 0.25);
  }
  .feature__txtWrapper {
    padding: 4vw;
  }
  .feature__dept {
    margin-bottom: 2vw;
    font-size: 3.4666666667vw;
    color: #007c17;
  }
  .feature__desc {
    font-size: 3.4666666667vw;
    color: #000;
    line-height: 1.7;
  }
  .feature__img {
    display: block;
    width: 100%;
  }
  .feature__arrow {
    position: absolute;
    top: calc(50% - 8vw / 2);
    z-index: 2;
    width: 8vw;
    height: 8vw;
    background-image: url(../img/slider_arrow01.png);
    background-size: 100% auto;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    outline: none;
    transition: filter 0.2s;
    content: "";
  }
  .feature__arrow:hover {
    filter: brightness(1.2);
  }
  .feature__arrow.-prev {
    left: 2.6666666667vw;
  }
  .feature__arrow.-next {
    transform: rotate(180deg);
    right: 2.6666666667vw;
  }
  .feature__showAll {
    display: none;
  }

  .find__inner01 {
    position: relative;
    background: url(../img/bg_cream01.png);
    padding-top: 18.6666666667vw;
  }
  .find__inner01::before {
    position: absolute;
    top: 18.6666666667vw;
    width: 100%;
    height: 2.4vw;
    background: url(../img/bg_wave_cream01.png) repeat-x -11.3333333333vw;
    background-size: auto 2.4vw;
    transform: rotate(180deg);
    content: "";
  }
  .find__inner02 {
    padding: 8vw 0;
    background: #fff;
  }
  .find__inner03 {
    background: url(../img/sp/bg_footprint01.png) no-repeat bottom 0.6666666667vw center;
    background-size: 100% auto;
  }
  .find__cont {
    position: relative;
    padding: 13.3333333333vw 0;
  }
  .find__cont.-cont01 {
    display: block;
    width: 92vw;
    margin: 0 auto;
    padding-bottom: 30.6666666667vw;
  }
  .find__cont.-cont02 {
    display: block;
    padding-bottom: 24vw;
  }
  .find__cont:not(:last-child)::after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.5333333333vw;
    background: url(../img/dotted_border_brown01.png) repeat-x;
    background-size: auto 0.5333333333vw;
    content: "";
  }
  .find__contInner01 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .find__contInner02 {
    margin-top: 8vw;
  }
  .find__h3 {
    font-family: "Sawarabi Mincho", serif;
    font-size: 7.4666666667vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1;
    text-align: center;
  }
  .find__desc {
    margin-top: 4.6666666667vw;
    font-size: 3.4666666667vw;
    color: #000;
    line-height: 1.7;
    text-align: center;
  }
  .find__acmdList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 7.3333333333vw;
  }
  .find__acmdItem {
    display: flex;
    align-items: center;
    width: calc(100% / 2);
    border: 1px dashed #007c17;
    box-sizing: border-box;
  }
  .find__acmdItem:not(:nth-child(2n)) {
    border-right: 0;
  }
  .find__acmdItem:nth-child(n+3) {
    border-top: 0;
  }
  .find__acmdItem:last-child {
    border-right: 1px dashed #007c17;
  }
  .find__acmdLink {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 3.3333333333vw 1.3333333333vw;
    padding-left: 6.6666666667vw;
    font-size: 3.7333333333vw;
    color: #007c17;
    line-height: 1.5;
    text-decoration: none;
  }
  .find__acmdLink::before {
    display: block;
    position: absolute;
    top: calc(50% - 1.8666666667vw / 2);
    left: 2.6666666667vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(1.8666666667vw / 2) 0 calc(1.8666666667vw / 2) 1.8666666667vw;
    border-color: transparent transparent transparent #cb2527;
    content: "";
  }
  .find__linkMore {
    display: block;
    position: absolute;
    bottom: 13.3333333333vw;
    left: calc(50% - 58vw / 2);
    width: 58vw;
    padding: 3.3333333333vw 2vw;
    border-radius: 0.6666666667vw;
    background: #cb2527;
    box-sizing: border-box;
    font-family: "Sawarabi Mincho", serif;
    font-size: 3.6vw;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: background 0.2s;
  }
  .find__linkMore:hover {
    background: #dd4648;
    color: #fff;
  }
  .find__optItem {
    display: block;
    position: relative;
  }
  .find__optItem:not(:last-child) {
    margin-bottom: 2.6666666667vw;
  }
  .find__optItem:nth-child(1)::before {
    position: absolute;
    top: 3.3333333333vw;
    right: 2.6666666667vw;
    width: 9.8666666667vw;
    height: 9.6vw;
    background: url(../img/sp/find_badge01.png) no-repeat;
    background-size: 100% auto;
    z-index: 2;
    pointer-events: none;
    content: "";
  }
  .find__optItem:nth-child(2)::before {
    position: absolute;
    top: 3.3333333333vw;
    right: 2.6666666667vw;
    width: 9.8666666667vw;
    height: 9.6vw;
    background: url(../img/sp/find_badge02.png) no-repeat;
    background-size: 100% auto;
    z-index: 2;
    pointer-events: none;
    content: "";
  }
  .find__optItem:nth-child(3)::before {
    position: absolute;
    top: 3.3333333333vw;
    right: 2.6666666667vw;
    width: 9.8666666667vw;
    height: 9.6vw;
    background: url(../img/sp/find_badge03.png) no-repeat;
    background-size: 100% auto;
    z-index: 2;
    pointer-events: none;
    content: "";
  }
  .find__optItem:nth-child(4)::before {
    position: absolute;
    top: 3.3333333333vw;
    right: 2.6666666667vw;
    width: 9.8666666667vw;
    height: 9.6vw;
    background: url(../img/sp/find_badge04.png) no-repeat;
    background-size: 100% auto;
    z-index: 2;
    pointer-events: none;
    content: "";
  }
  .find__optLink {
    display: flex;
    align-items: center;
    position: relative;
    padding: 3.3333333333vw 0;
    background: url(../img/bg_cream01.png);
    text-decoration: none;
    transition: box-shadow 0.3s;
  }
  .find__optLink::before, .find__optLink::after {
    position: absolute;
    width: 100%;
    height: 0.5333333333vw;
    background-image: linear-gradient(-45deg, #fff 25%, #007c17 25%, #007c17 50%, #fff 50%, #fff 75%, #007c17 75%, #007c17);
    /* 幅pxToVw(8)、高さpxToVw(8)で背景画像のサイズを指定 */
    background-size: 1.6vw 1.6vw;
    content: "";
  }
  .find__optLink::before {
    top: 0;
  }
  .find__optLink::after {
    bottom: 0;
  }
  .find__optLink:hover {
    box-shadow: 0 0 2vw 0 rgba(0, 0, 0, 0.25);
  }
  .find__optTtl {
    display: block;
    margin-left: 4vw;
    font-size: 3.7333333333vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1.4;
  }
  .find__listWrapper01 {
    display: block;
    position: relative;
    margin: 0 auto;
  }
  .find__listWrapper02 {
    display: block;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
  }
  .find__arrow {
    position: absolute;
    top: calc(50% - 8vw / 2);
    z-index: 2;
    width: 8vw;
    height: 8vw;
    background-image: url(../img/slider_arrow01.png);
    background-size: 100% auto;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    outline: none;
    transition: filter 0.2s;
    content: "";
  }
  .find__arrow:hover {
    filter: brightness(1.2);
  }
  .find__arrow.-prev {
    left: 2.6666666667vw;
  }
  .find__arrow.-next {
    transform: rotate(180deg);
    right: 2.6666666667vw;
  }
  .find__arrow.-invisible {
    display: none;
  }
  .find__list {
    display: flex;
    justify-content: space-between;
    margin-top: 8vw;
    padding-bottom: 8vw;
  }
  .find__item {
    display: flex;
    flex-direction: column;
    width: 74.6666666667vw;
    padding: 0 12.6666666667vw;
    height: auto;
  }
  .find__item:only-child {
    box-sizing: content-box;
  }
  .find__link {
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    background: url(../img/bg_cream01.png);
    text-decoration: none;
    transition: box-shadow 0.3s;
  }
  .find__link:hover {
    box-shadow: 0 0 1.3333333333vw 0 rgba(0, 0, 0, 0.25);
  }
  .find__txtWrapper02 {
    position: relative;
    padding: 6vw 2vw 2.6666666667vw;
  }
  .find__stay {
    display: block;
    position: absolute;
    top: -2.6666666667vw;
    padding: 1.0666666667vw 3.3333333333vw;
    background: #cb2527;
    font-size: 3.2vw;
    color: #fff;
  }
  .find__txt01, .find__txt02 {
    display: block;
    font-family: "Sawarabi Mincho", serif;
    font-weight: bold;
    color: #007c17;
    line-height: 1.5;
  }
  .find__txt01 {
    font-size: 3.2vw;
    margin-bottom: 1.3333333333vw;
  }
  .find__txt02 {
    font-size: 4.2666666667vw;
  }
  .find__imgWrapper {
    flex-basis: 37.3333333333vw;
  }
  .find__img.-small {
    width: 100%;
  }
  .find__img.-medium {
    width: 100%;
  }

  .about {
    position: relative;
    background: url(../img/bg_cream01.png);
  }
  .about::before {
    position: absolute;
    top: calc(-2.4vw + 0.1333333333vw);
    width: 100%;
    height: 2.4vw;
    background: url(../img/bg_wave_cream01.png) repeat-x 10vw top;
    background-size: auto 2.4vw;
    content: "";
  }
  .about__cont01 {
    background: url(../img/sp/about_bg01.png), url(../img/bg_cream01.png);
    background-repeat: no-repeat, repeat;
    background-position: center top 25px, center;
    background-size: 100% auto, auto;
  }
  .about__contInner01 {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 25.3333333333vw 0 19.3333333333vw;
  }
  .about__contInner02 {
    display: block;
    margin: 0 auto;
    margin-top: 7.3333333333vw;
    padding: 6.6666666667vw 4vw;
    background: #fff;
  }
  .about__cont02 {
    display: block;
    margin: 0 auto;
    background: #fff;
  }
  .about__h2 {
    font-family: "Sawarabi Mincho", serif;
    font-size: 7.4666666667vw;
    font-weight: bold;
    color: #007c17;
    text-align: center;
  }
  .about__desc {
    display: block;
    margin-top: 4vw;
    font-size: 3.4666666667vw;
    color: #000;
    line-height: 1.8;
    text-align: center;
  }
  .about__imgWrapper {
    display: block;
  }
  .about__imgWrapper.-graph {
    margin-top: 2.6666666667vw;
  }
  .about__imgWrapper.-icon {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .about__imgWrapper.-shield {
    position: absolute;
    top: 8.6666666667vw;
    left: 4vw;
    width: 26.5333333333vw;
  }
  .about__imgWrapper.-shield .about__img {
    width: 100%;
  }
  .about__img {
    width: 100%;
  }
  .about__graphH3 {
    display: block;
    margin-top: 1.3333333333vw;
    font-family: "Sawarabi Mincho", serif;
    font-weight: bold;
    color: #007c17;
    text-align: center;
  }
  .about__graphH3Txt01 {
    font-size: 4.8vw;
  }
  .about__graphH3Txt01::after {
    display: block;
    clear: both;
    content: "";
  }
  .about__graphH3Txt02 {
    font-size: 3.4666666667vw;
  }
  .about__graphElList {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5.3333333333vw;
  }
  .about__graphElItem {
    display: flex;
    align-items: center;
    font-size: 1.8666666667vw;
    color: #000;
    white-space: nowrap;
  }
  .about__graphElItem:not(:last-child) {
    margin-right: 1.3333333333vw;
  }
  .about__graphElItem::before {
    display: block;
    margin-right: 1.3333333333vw;
    content: "";
  }
  .about__graphElItem.-average::before {
    width: 4vw;
    height: 0.5333333333vw;
  }
  .about__graphElItem.-average.-yakushima::before {
    background: #00670b;
  }
  .about__graphElItem.-average.-tokyo::before {
    background: #6baddf;
  }
  .about__graphElItem.-amount::before {
    width: 4vw;
    height: 1.6vw;
  }
  .about__graphElItem.-amount.-yakushima::before {
    background: #45a11c;
  }
  .about__graphElItem.-amount.-tokyo::before {
    background: #6bcadf;
  }
  .about__table01Wrapper {
    display: block;
    margin: 0 auto;
    margin-top: 6.6666666667vw;
    overflow-x: scroll;
  }
  .about__table01 {
    display: block;
    width: 200vw;
    margin-left: 33.3333333333vw;
  }
  .about__table01 {
    width: 100%;
    table-layout: fixed;
  }
  .about__thead01 {
    border-top: 2px solid #c8c8c8;
  }
  .about__tbody01 {
    border-top: 2px solid #c8c8c8;
    border-bottom: 2px solid #c8c8c8;
  }
  .about__th01, .about__td01 {
    min-width: 16vw;
    padding: 2.6666666667vw 0.4vw;
    border-bottom: 1px solid #c8c8c8;
    background: #fff;
    font-size: 3.2vw;
    color: #000;
    text-align: center;
    vertical-align: middle;
  }
  .about__th01:not(:last-child), .about__td01:not(:last-child) {
    border-right: 1px solid #c8c8c8;
  }
  .about__th01:first-child, .about__td01:first-child {
    position: absolute;
    left: 4vw;
    width: 33.3333333333vw;
    border-right: 2px solid #c8c8c8;
    text-align: left;
  }
  .about__th01:first-child::after {
    content: "　";
  }
  .about__td01:first-child::after {
    content: "";
  }
  .about__graphCap {
    display: block;
    margin: 0 auto;
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.5;
  }
  .about__h3 {
    margin-top: 9.3333333333vw;
    padding: 2.6666666667vw 2.6666666667vw;
    border-radius: 0.6666666667vw;
    font-size: 3.4666666667vw;
    font-weight: bold;
    color: #fff;
    background: url(../img/bg_green01.png) center;
  }
  .about__table02 {
    width: 100%;
    margin-top: 4vw;
    border: 1px solid #007c17;
  }
  .about__table02.-trekking .about__th02, .about__table02.-trekking .about__td02 {
    font-size: 3.2vw;
  }
  .about__table02.-trekking .about__th02 {
    padding: 2vw 2.6666666667vw;
  }
  .about__table02.-trekking .about__td02 {
    padding: 2vw 4vw;
  }
  .about__table02.-price .about__th02 {
    width: 10vw;
    padding: 2.6666666667vw 2.9333333333vw;
  }
  .about__table02.-price .about__td02 {
    padding-left: 21.3333333333vw;
  }
  .about__th02, .about__td02 {
    border: 1px dashed #007c17;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.7;
    vertical-align: middle;
  }
  .about__th02 {
    color: #007c17;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
  }
  .about__td02.-off, .about__td02.-peek, .about__td02.-shoulder {
    position: relative;
  }
  .about__td02.-off::before, .about__td02.-off::after, .about__td02.-peek::before, .about__td02.-peek::after, .about__td02.-shoulder::before, .about__td02.-shoulder::after {
    position: absolute;
    top: 0;
    left: 0;
  }
  .about__td02.-off::before, .about__td02.-peek::before, .about__td02.-shoulder::before {
    display: block;
    width: 20.6666666667vw;
    background: #fff;
    content: "";
  }
  .about__td02.-off::after, .about__td02.-peek::after, .about__td02.-shoulder::after {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(20.6666666667vw - 1.0666666667vw * 2);
    margin: 1.0666666667vw;
    border-radius: 0.5333333333vw;
    box-sizing: border-box;
    font-size: 3.2vw;
    font-weight: bold;
  }
  .about__td02.-off::before {
    height: calc(1 * 100% + 0 * 1px);
  }
  .about__td02.-off::after {
    height: calc(1 * 100% - 1.0666666667vw * 2 + 0 * 1px);
    background: #dae1ef;
    color: #3358a2;
    content: "オフ";
  }
  .about__td02.-peek::before {
    height: calc(2 * 100% + 1 * 1px);
  }
  .about__td02.-peek::after {
    height: calc(2 * 100% - 1.0666666667vw * 2 + 1 * 1px);
    background: #fdecee;
    color: #e80115;
    content: "ピーク";
  }
  .about__td02.-shoulder::before {
    height: calc(3 * 100% + 2 * 1px);
  }
  .about__td02.-shoulder::after {
    height: calc(3 * 100% - 1.0666666667vw * 2 + 2 * 1px);
    background: #fef4e3;
    color: #eb6100;
    content: "ショルダー";
  }
  .about__table03Wrapper {
    display: block;
    margin: 0 auto;
    margin-top: 6.6666666667vw;
    overflow-x: scroll;
  }
  .about__table03 {
    display: block;
    width: 200vw;
    margin-left: 26.6666666667vw;
    border: 1px solid #007c17;
    table-layout: fixed;
  }
  .about__thead03 .about__tr03:first-child {
    background: #007c17;
    font-weight: bold;
    color: #fff;
  }
  .about__thead03 .about__tr03:first-child .about__th03:first-child {
    background: #007c17;
  }
  .about__thead03 .about__tr03:first-child .about__th03:not(:last-child) {
    border-right: 1px dashed #fff;
  }
  .about__thead03 .about__tr03:first-child .about__th03:nth-last-child(2) {
    border-right: 0;
  }
  .about__thead03 .about__tr03:nth-child(2) {
    background: #e3f7e6;
    color: #007c17;
  }
  .about__thead03 .about__tr03:nth-child(2) .about__th03:first-child {
    background: #e3f7e6;
  }
  .about__tbody03 {
    border: 1px solid #007c17;
  }
  .about__tbody03 .about__tr03:last-child .about__td03:first-child {
    border-bottom: 1px solid #007c17;
  }
  .about__th03, .about__td03 {
    width: 16.6666666667vw;
    height: 8vw;
    border: 1px dashed #007c17;
    font-size: 3.2vw;
    text-align: center;
    vertical-align: middle;
  }
  .about__th03::after, .about__td03::after {
    content: "　";
  }
  .about__th03:first-child, .about__td03:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 4vw;
    z-index: 2;
    width: 26.6666666667vw;
    height: 8.6vw;
    margin-top: -0.2666666667vw;
    border-left: 1px solid #007c17 !important;
    border-right: 1px solid #007c17 !important;
  }
  .about__th03:first-child::after, .about__td03:first-child::after {
    display: none;
  }
  .about__th03:nth-child(2), .about__td03:nth-child(2) {
    border-left: 0;
  }
  .about__th03:nth-last-child(2), .about__td03:nth-last-child(2) {
    border-right: 0;
  }
  .about__th03:last-child, .about__td03:last-child {
    width: 0;
    margin: 0;
    padding: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
  }
  .about__th03:last-child::after, .about__td03:last-child::after {
    display: none;
  }
  .about__th03 {
    border-top: 0;
    border-bottom: 0;
    text-align: center;
    white-space: nowrap;
  }
  .about__th03::after {
    display: none;
  }
  .about__td03 {
    background: #fff;
    font-weight: bold;
    color: #000;
  }
  .about__td03.-season, .about__td03.-dress01, .about__td03.-dress02 {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
  }
  .about__td03.-season, .about__td03.-season + .about__td03 {
    height: 20vw;
  }
  .about__td03.-contents {
    position: relative;
  }
  .about__td03List {
    display: flex;
    position: absolute;
    top: 1.3333333333vw;
    left: -199.3333333333vw;
    width: 199.3333333333vw;
    padding: 0 1.3333333333vw;
  }
  .about__td03List:nth-child(2) {
    top: 7.7333333333vw;
  }
  .about__td03List:nth-child(3) {
    top: 13.3333333333vw;
  }
  .about__td03Item {
    flex-grow: 0;
    flex-shrink: 0;
    padding: 1.3333333333vw 0;
    border-radius: 0.5333333333vw;
    font-size: 2.4vw;
    color: #fff;
    text-align: center;
    white-space: nowrap;
  }
  .about__td03Item.-fish {
    background: #7ecef4;
  }
  .about__td03Item.-flower {
    background: #f5bcd5;
  }
  .about__td03Item.-shortSleeve {
    background: #a2d1f3;
  }
  .about__td03Item.-longSleeve {
    background: #72a7cc;
  }
  .about__td03Item.-down {
    background: #1d4e70;
  }
  .about__td03Item.-fleece {
    background: #437395;
  }
  .about__td03Item[colspan="1"] {
    flex-basis: calc(16.6vw * 1 - 2.4vw);
  }
  .about__td03Item[colspan="2"] {
    flex-basis: calc(16.6vw * 2 - 2.4vw);
  }
  .about__td03Item[colspan="3"] {
    flex-basis: calc(16.6vw * 3 - 2.4vw);
  }
  .about__td03Item[colspan="4"] {
    flex-basis: calc(16.6vw * 4 - 2.4vw);
  }
  .about__td03Item[colspan="5"] {
    flex-basis: calc(16.6vw * 5 - 2.4vw);
  }
  .about__td03Item[colspan="6"] {
    flex-basis: calc(16.6vw * 6 - 2.4vw);
  }
  .about__td03Item[colspan="7"] {
    flex-basis: calc(16.6vw * 7 - 2.4vw);
  }
  .about__td03Item[colspan="8"] {
    flex-basis: calc(16.6vw * 8 - 2.4vw);
  }
  .about__td03Item[colspan="9"] {
    flex-basis: calc(16.6vw * 9 - 2.4vw);
  }
  .about__td03Item:not(:last-child) {
    margin-right: 2.4vw;
  }
  .about__td03Item[col-mr="1"] {
    margin-right: 18.9333333333vw;
  }
  .about__td03Item[col-mr="2"] {
    margin-right: 35.6vw;
  }
  .about__td03Item[col-mr="3"] {
    margin-right: 52vw;
  }
  .about__list {
    display: flex;
    margin-top: 8vw;
  }
  .about__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% / 3);
    padding: 1.3333333333vw;
  }
  .about__item:not(:last-child) {
    border-right: 1px solid #d2c74a;
  }
  .about__link {
    display: block;
    width: 24vw;
    margin: 0 auto;
    margin-top: 4vw;
    padding: 1.6vw 1.3333333333vw;
    border-radius: 0.6666666667vw;
    box-sizing: border-box;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 3.2vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s;
  }
  .about__link:hover {
    background: #dd4648;
    color: #fff;
  }
  .about__relation {
    position: relative;
    top: -8vw;
    width: 92vw;
    margin: 0 auto;
    padding: 0.2666666667vw;
    background: url(../img/bg_orange01_top.png) no-repeat top, url(../img/bg_orange01_right.png) no-repeat right, url(../img/bg_orange01_bottom.png) no-repeat bottom, url(../img/bg_orange01_left.png) no-repeat left;
  }
  .about__relationInner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3.3333333333vw;
    background: url(../img/bg_orange01.png);
  }
  .about__relationTtl {
    margin-top: 9.3333333333vw;
    padding-left: 30.6666666667vw;
    font-family: "Sawarabi Mincho", serif;
    font-size: 4.6666666667vw;
    font-weight: bold;
    line-height: 1.5;
  }
  .about__relationDesc {
    display: block;
    margin-top: 9.3333333333vw;
    font-size: 3.2vw;
    line-height: 1.7;
  }
  .about__bnrList {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 92vw;
    margin: 0 auto;
  }
  .about__bnrItem {
    margin-bottom: 4vw;
  }
  .about__bnrItem:first-child {
    margin-right: 4vw;
  }
  .about__bnrLink {
    display: block;
    width: 44vw;
    transition: filter 0.2s;
  }
  .about__bnrLink:hover {
    filter: brightness(1.1);
  }

  .info {
    background: url(../img/bg_cream02.png) center;
  }
  .info__inner {
    position: relative;
    margin: 0 auto;
    padding: 2.6666666667vw 2.6666666667vw;
    box-sizing: border-box;
  }
  .info__h2 {
    display: flex;
    align-items: center;
    font-size: 3.7333333333vw;
    font-weight: bold;
    color: #007c17;
  }
  .info__h2::before {
    display: block;
    width: 8vw;
    height: 8vw;
    margin-right: 0.6666666667vw;
    background: url(../img/info_icon01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .info__desc {
    margin-top: 2vw;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.4;
  }

  .area {
    background: url(../img/bg_cream01.png) center;
  }
  .area__inner {
    display: block;
    margin: 0 auto;
    padding: 9.3333333333vw 0;
  }
  .area__h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 98%;
    margin: 0 auto;
    font-family: "Sawarabi Mincho", serif;
    font-size: 5.3333333333vw;
    font-weight: bold;
    color: #007c17;
    white-space: nowrap;
  }
  .area__h2::after {
    width: 108vw;
    height: 0.6666666667vw;
    margin-left: 0.6666666667vw;
    background: url(../img/dotted_border_green01.png) repeat-x left;
    background-size: auto;
    content: "";
  }
  .area__areaList {
    display: flex;
    flex-wrap: wrap;
    width: 95%;
    margin: 0 auto;
    margin-top: 3.3333333333vw;
  }
  .area__areaItem {
    width: calc(100% / 3 - 1.5% * (2 / 3));
    position: relative;
    margin-bottom: 1.5%;
  }
  .area__areaItem:not(:nth-child(3n)) {
    margin-right: 1.5%;
  }
  .area__areaItem::before, .area__areaItem::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.3333333333vw;
    overflow: hidden;
  }
  .area__areaItem::before {
    z-index: 2;
    border: 0.4vw solid #007c17;
    background: #fff;
    box-sizing: border-box;
    transition: opacity 0.2s;
    content: "";
  }
  .area__areaItem::after {
    z-index: 1;
    background: url(../img/bg_green01.png);
    transition: background 0.2s;
    content: "";
  }
  .area__areaItem:hover::before {
    opacity: 0;
  }
  .area__areaItem:hover .area__areaLink {
    color: #fff;
  }
  .area__areaLink {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 5.3333333333vw 0.6666666667vw;
    border-radius: 1.3333333333vw;
    overflow: hidden;
    font-size: 3.2vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1;
    text-align: center;
    transition: color 0.2s;
  }
  .area__feature {
    display: flex;
    width: 97.3333333333vw;
    margin: 0 auto;
    margin-top: 6.6666666667vw;
    padding: 4vw 0;
  }
  .area__feature.-miyanoura .area__featureMap::before {
    top: 3.0666666667vw;
    left: 10.8vw;
  }
  .area__feature.-anbo .area__featureMap::before {
    top: 9.8666666667vw;
    left: 16vw;
  }
  .area__feature.-airport .area__featureMap::before {
    top: 3.8666666667vw;
    left: 16.6666666667vw;
  }
  .area__feature.-nagata .area__featureMap::before {
    top: 2vw;
    left: 4vw;
  }
  .area__feature.-onoma .area__featureMap::before {
    top: 14.9333333333vw;
    left: 8.4vw;
  }
  .area__feature.-omakase .area__featureMap::before {
    top: 10.2666666667vw;
    left: 5.3333333333vw;
    width: 10.8vw;
    height: 1.3333333333vw;
    background: url(../img/area_omakase01.png) no-repeat;
    background-size: 100% auto;
  }
  .area__featureMap {
    display: block;
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    width: 22.9333333333vw;
    height: 20.6666666667vw;
    margin-right: 4vw;
    background: url(../img/area_island01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .area__featureMap::before {
    position: absolute;
    width: 4vw;
    height: calc(4vw / 0.75);
    background: url(../img/area_point01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .area__featureTxt {
    display: flex;
    flex-shrink: 1;
    flex-direction: column;
    padding-top: 1.3333333333vw;
  }
  .area__featureTtl {
    font-size: 4vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1;
  }
  .area__featureDesc {
    margin-top: 2vw;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.7;
  }
  .area__acmdItem {
    display: block;
    position: relative;
    width: 97.3333333333vw;
    margin: 0 auto;
    background: #fff;
  }
  .area__acmdItem:not(:last-child) {
    margin-bottom: 4vw;
  }
  .area__acmdItem::before {
    display: block;
    width: 100%;
    height: 1.3333333333vw;
    background: repeating-linear-gradient(-45deg, #007c17 0, #007c17 0.5333333333vw, #fff 0.5333333333vw, #fff calc(0.5333333333vw * 2));
    content: "";
  }
  .area__typeList {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 1.3333333333vw;
    padding: 0 1.3333333333vw;
  }
  .area__typeItem {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.3333333333vw 3.3333333333vw;
    background: #007c17;
    font-size: 2.6666666667vw;
    color: #fff;
  }
  .area__typeItem:not(:first-child) {
    margin-left: 0.6666666667vw;
  }
  .area__wrapper01 {
    position: relative;
  }
  .area__imgWrapper {
    position: absolute;
    top: 13.3333333333vw;
    width: 100%;
    height: 70.6666666667vw;
  }
  .area__txtWrapper {
    padding: 0 2vw 4vw;
  }
  .area__leading {
    margin-top: 2vw;
    font-size: 3.2vw;
    color: #000;
  }
  .area__detailLink {
    display: flex;
    align-items: center;
    margin-top: 1.3333333333vw;
    margin-bottom: calc(70.6666666667vw + 8vw);
  }
  .area__detailLink:hover .area__ttl {
    text-decoration: none;
  }
  .area__detailLink:hover .area__detail {
    border: 0.2vw solid #d9d9d9;
    background: #d9d9d9;
  }
  .area__ttl {
    margin-right: 2vw;
    font-size: 4.2666666667vw;
    font-weight: bold;
    color: #007c17;
    text-decoration: underline;
  }
  .area__detail {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0.9333333333vw 2vw;
    padding-right: 5.3333333333vw;
    border: 0.2vw solid #ccc;
    border-radius: 4vw;
    background: #fff;
    font-size: 3.2vw;
    color: #000;
    line-height: 1;
    text-align: center;
    transition: background 0.2s, border 0.2s;
  }
  .area__detail::after {
    display: block;
    position: absolute;
    top: 1.4666666667vw;
    right: 1.7333333333vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(2vw / 2) 0 calc(2vw / 2) 2vw;
    border-color: transparent transparent transparent #007c17;
    content: "";
  }
  .area__desc {
    margin-top: 2vw;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.7;
  }
  .area__wrapper02 {
    display: block;
    margin-top: 2.6666666667vw;
    padding-top: 2.6666666667vw;
    border-top: 1px dashed #007c17;
  }
  .area__accessList {
    display: flex;
    justify-content: space-between;
  }
  .area__accessTtl {
    display: flex;
    flex-basis: 20.6666666667vw;
    font-size: 3.2vw;
    font-weight: bold;
    color: #000;
    line-height: 1.5;
  }
  .area__accessTtl::before {
    display: inline-block;
    width: 6vw;
    height: 2.6666666667vw;
    margin-top: 0.9333333333vw;
    margin-right: 0.9333333333vw;
    background: url(../img/sp/area_car01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .area__accessDesc {
    display: block;
    flex-basis: 72.6666666667vw;
    position: relative;
    padding-left: 4.6666666667vw;
    box-sizing: border-box;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.5;
  }
  .area__accessDesc::before {
    display: block;
    position: absolute;
    top: 0.9333333333vw;
    left: 0;
    width: 2.9333333333vw;
    height: 2.2666666667vw;
    background: url(../img/area_arrow01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .area__link {
    display: block;
    width: 85.3333333333vw;
    margin: 0 auto;
    margin-top: 4vw;
    padding: 4vw 1.3333333333vw;
    border-radius: 1.0666666667vw;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 4.2666666667vw;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    transition: background 0.2s;
  }
  .area__link:hover {
    background: #e15b5d;
    color: #fff;
  }

  .category {
    background: url(../img/bg_cream01.png) center;
  }
  .category__inner {
    display: block;
    margin: 0 auto;
    padding: 5.3333333333vw 0 9.3333333333vw;
  }
  .category__h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 98%;
    margin: 0 auto;
    margin-top: 8vw;
    font-family: "Sawarabi Mincho", serif;
    font-size: 5.3333333333vw;
    font-weight: bold;
    color: #007c17;
    white-space: nowrap;
  }
  .category__h2::after {
    width: 108vw;
    height: 0.6666666667vw;
    margin-left: 0.6666666667vw;
    background: url(../img/dotted_border_green01.png) repeat-x left;
    background-size: auto;
    content: "";
  }
  .category__categoryList {
    display: flex;
    flex-wrap: wrap;
    width: 95%;
    margin: 0 auto;
    margin-top: 3.3333333333vw;
  }
  .category__categoryItem {
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    position: relative;
    width: calc(100% / 2 - 1.5% * (1 / 2));
    margin-bottom: 1.5%;
  }
  .category__categoryItem:not(:nth-child(2n)) {
    margin-right: 1.5%;
  }
  .category__categoryItem.-trekking::after {
    background: url(../img/bg_green01.png);
  }
  .category__categoryItem.-trekking .category__categoryLink {
    border: 2px solid #007c17;
    color: #007c17;
  }
  .category__categoryItem.-trekking .category__categoryLink::before, .category__categoryItem.-trekking .category__categoryLink::after {
    width: 3.3333333333vw;
    height: 4.5333333333vw;
    top: calc(50% - 4.5333333333vw / 2 - 2vw);
    left: calc(50% - 3.3333333333vw / 2);
  }
  .category__categoryItem.-trekking .category__categoryLink::before {
    background: url(../img/sp/category_icon_trekking01.png) no-repeat center center;
    background-size: 100% auto;
  }
  .category__categoryItem.-trekking .category__categoryLink::after {
    background: url(../img/sp/category_icon_trekking01-current.png) no-repeat center center;
    background-size: 100% auto;
  }
  .category__categoryItem.-water-activity::after {
    background: url(../img/bg_blue01.png);
  }
  .category__categoryItem.-water-activity .category__categoryLink {
    border: 2px solid #027efd;
    color: #027efd;
  }
  .category__categoryItem.-water-activity .category__categoryLink::before, .category__categoryItem.-water-activity .category__categoryLink::after {
    width: 6.5333333333vw;
    height: 4.6666666667vw;
    top: calc(50% - 4.6666666667vw / 2 - 2vw);
    left: calc(50% - 6.5333333333vw / 2);
  }
  .category__categoryItem.-water-activity .category__categoryLink::before {
    background: url(../img/sp/category_icon_water-activity01.png) no-repeat center center;
    background-size: 100% auto;
  }
  .category__categoryItem.-water-activity .category__categoryLink::after {
    background: url(../img/sp/category_icon_water-activity01-current.png) no-repeat center center;
    background-size: 100% auto;
  }
  .category__categoryItem.-experience::after {
    background: url(../img/bg_orange02.png);
  }
  .category__categoryItem.-experience .category__categoryLink {
    border: 2px solid #f58a18;
    color: #f58a18;
  }
  .category__categoryItem.-experience .category__categoryLink::before, .category__categoryItem.-experience .category__categoryLink::after {
    width: 4.9333333333vw;
    height: 4.5333333333vw;
    top: calc(50% - 4.5333333333vw / 2 - 2vw);
    left: calc(50% - 4.9333333333vw / 2);
  }
  .category__categoryItem.-experience .category__categoryLink::before {
    background: url(../img/sp/category_icon_experience01.png) no-repeat center center;
    background-size: 100% auto;
  }
  .category__categoryItem.-experience .category__categoryLink::after {
    background: url(../img/sp/category_icon_experience01-current.png) no-repeat center center;
    background-size: 100% auto;
  }
  .category__categoryItem.-rental-car::after {
    background: url(../img/bg_pink01.png);
  }
  .category__categoryItem.-rental-car .category__categoryLink {
    border: 2px solid #f571ac;
    color: #f571ac;
  }
  .category__categoryItem.-rental-car .category__categoryLink::before, .category__categoryItem.-rental-car .category__categoryLink::after {
    width: 6.5333333333vw;
    height: 2.6666666667vw;
    top: calc(50% - 2.6666666667vw / 2 - 2vw);
    left: calc(50% - 6.5333333333vw / 2);
  }
  .category__categoryItem.-rental-car .category__categoryLink::before {
    background: url(../img/sp/category_icon_rental-car01.png) no-repeat center center;
    background-size: 100% auto;
  }
  .category__categoryItem.-rental-car .category__categoryLink::after {
    background: url(../img/sp/category_icon_rental-car01-current.png) no-repeat center center;
    background-size: 100% auto;
  }
  .category__categoryItem::before, .category__categoryItem::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.6666666667vw;
    overflow: hidden;
  }
  .category__categoryItem::before {
    z-index: 2;
    background: #fff;
    box-sizing: border-box;
    transition: opacity 0.2s;
    content: "";
  }
  .category__categoryItem::after {
    z-index: 1;
    transition: background 0.2s;
    content: "";
  }
  .category__categoryItem:hover::before {
    opacity: 0;
  }
  .category__categoryItem:hover .category__categoryLink {
    color: #fff;
  }
  .category__categoryLink {
    display: block;
    flex-grow: 2;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 1.3333333333vw 0;
    padding-top: 7.3333333333vw;
    border-radius: 1.0666666667vw;
    overflow: hidden;
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    transition: color 0.2s;
  }
  .category__categoryLink::before, .category__categoryLink::after {
    display: block;
    position: absolute;
    pointer-events: none;
    transition: opacity 0.2s;
    content: "";
  }
  .category__categoryLink::before {
    opacity: 1;
  }
  .category__categoryLink::after {
    opacity: 0;
  }
  .category__categoryLink:hover::before {
    opacity: 0;
  }
  .category__categoryLink:hover::after {
    opacity: 1;
  }
  .category__contWrapper {
    display: block;
    width: 97.3333333333vw;
    margin: 0 auto;
    margin-top: 4vw;
    border: 2px solid #e1b742;
  }
  .category__cont {
    padding: 2vw;
    border: 0.8vw solid #fff;
    background: url(../img/bg_orange01.png) center top;
  }
  .category__cont.-active .category__contListWrapper {
    margin-top: 4vw;
    opacity: 1;
  }
  .category__cont.-active .category__btnSquare::before {
    transform: rotate(90deg);
  }
  .category__cont.-active .category__btnSquare::after {
    opacity: 0;
  }
  .category__cont.-active .category__contItemFirstLine {
    display: none;
  }
  .category__cont.-active .category__contItem {
    border-bottom: 1px dashed #000;
    padding: 2.6666666667vw 0;
    padding-left: 1.8666666667vw0.4vw;
    padding-right: 1.8666666667vw0.4vw;
    opacity: 1;
    line-height: 1.8;
  }
  .category__btn {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 2vw 0;
    border-radius: 1.3333333333vw;
    background: #cb2527;
    font-size: 3.2vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    transition: background 0.2s;
  }
  .category__btn:hover {
    background: #dd4648;
  }
  .category__btnSquare {
    position: absolute;
    top: calc(50% - 3.3333333333vw / 2);
    right: 2.6666666667vw;
    width: 3.3333333333vw;
    height: 3.3333333333vw;
    background: #fff;
    content: "";
  }
  .category__btnSquare::before, .category__btnSquare::after {
    position: absolute;
    top: calc(50% - 2.2666666667vw / 2);
    right: 1.6vw;
    width: 0.1333333333vw;
    height: 2.2666666667vw;
    background: #cb2527;
    content: "";
  }
  .category__btnSquare::before {
    transition: transform 0.2s;
  }
  .category__btnSquare::after {
    transform: rotate(90deg);
    transition: opacity 0.2s;
  }
  .category__cap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
    font-weight: bold;
    text-align: center;
    color: #cb2527;
  }
  .category__cap::before, .category__cap::after {
    display: block;
    flex-grow: 2;
    width: 24.6666666667vw;
    height: 0.1333333333vw;
    background: #cb2527;
    content: "";
  }
  .category__cap::before {
    margin-right: 3.3333333333vw;
  }
  .category__cap::after {
    margin-left: 3.3333333333vw;
  }
  .category__contListWrapper {
    margin-top: 0;
    opacity: 0;
    transition: margin-top 0.3s, opacity 0.3s;
  }
  .category__contItemFirstLine {
    display: block;
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
    color: #000;
    text-align: center;
    line-height: 1.8;
  }
  .category__contItem {
    border-top: 0;
    border-bottom: 0;
    line-height: 0;
    opacity: 0;
    font-size: 3.2vw;
    color: #000;
    transition: padding 0.1s, border-top 0.3s, border-bottom 0.3s, line-height 0.1s, opacity 0.3s;
  }
  .category__contItem:first-child {
    border-top: 1px dashed #000;
  }
  .category__contItemTxt01 {
    display: block;
    padding-left: 3.2vw;
    text-indent: -3.2vw;
    font-size: 3.2vw;
  }
  .category__contItemTxt02 {
    color: #cb2527;
  }
  .category__feature {
    display: flex;
    align-items: center;
    width: 97.3333333333vw;
    margin: 0 auto;
    margin-top: 6.6666666667vw;
    padding: 4vw 0;
  }
  .category__feature.-trekking .category__featureIcon {
    background: url(../img/sp/category_icon_trekking02.png) no-repeat;
    background-size: 100% auto;
  }
  .category__feature.-trekking .category__featureTtl {
    color: #007c17;
  }
  .category__feature.-trekking + .category__leisureList .category__leisureItem::before {
    background: repeating-linear-gradient(-45deg, #007c17 0, #007c17 0.5333333333vw, #fff 0.5333333333vw, #fff calc(0.5333333333vw * 2));
  }
  .category__feature.-trekking + .category__leisureList .category__typeItem {
    background: #007c17;
  }
  .category__feature.-trekking + .category__leisureList .category__wrapper02 {
    border-top: 1px dashed #007c17;
  }
  .category__feature.-trekking + .category__leisureList .category__ttl {
    color: #007c17;
  }
  .category__feature.-trekking + .category__leisureList .category__detail::after {
    display: block;
    position: absolute;
    top: 1.4666666667vw;
    right: 1.7333333333vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(2vw / 2) 0 calc(2vw / 2) 2vw;
    border-color: transparent transparent transparent #007c17;
    content: "";
  }
  .category__feature.-water-activity .category__featureIcon {
    background: url(../img/sp/category_icon_water-activity02.png) no-repeat;
    background-size: 100% auto;
  }
  .category__feature.-water-activity .category__featureTtl {
    color: #027efd;
  }
  .category__feature.-water-activity + .category__leisureList .category__leisureItem::before {
    background: repeating-linear-gradient(-45deg, #027efd 0, #027efd 0.5333333333vw, #fff 0.5333333333vw, #fff calc(0.5333333333vw * 2));
  }
  .category__feature.-water-activity + .category__leisureList .category__typeItem {
    background: #027efd;
  }
  .category__feature.-water-activity + .category__leisureList .category__wrapper02 {
    border-top: 1px dashed #027efd;
  }
  .category__feature.-water-activity + .category__leisureList .category__ttl {
    color: #027efd;
  }
  .category__feature.-water-activity + .category__leisureList .category__detail::after {
    display: block;
    position: absolute;
    top: 1.4666666667vw;
    right: 1.7333333333vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(2vw / 2) 0 calc(2vw / 2) 2vw;
    border-color: transparent transparent transparent #027efd;
    content: "";
  }
  .category__feature.-experience .category__featureIcon {
    background: url(../img/sp/category_icon_experience02.png) no-repeat;
    background-size: 100% auto;
  }
  .category__feature.-experience .category__featureTtl {
    color: #f58a18;
  }
  .category__feature.-experience + .category__leisureList .category__leisureItem::before {
    background: repeating-linear-gradient(-45deg, #f58a18 0, #f58a18 0.5333333333vw, #fff 0.5333333333vw, #fff calc(0.5333333333vw * 2));
  }
  .category__feature.-experience + .category__leisureList .category__typeItem {
    background: #f58a18;
  }
  .category__feature.-experience + .category__leisureList .category__wrapper02 {
    border-top: 1px dashed #f58a18;
  }
  .category__feature.-experience + .category__leisureList .category__ttl {
    color: #f58a18;
  }
  .category__feature.-experience + .category__leisureList .category__detail::after {
    display: block;
    position: absolute;
    top: 1.4666666667vw;
    right: 1.7333333333vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(2vw / 2) 0 calc(2vw / 2) 2vw;
    border-color: transparent transparent transparent #f58a18;
    content: "";
  }
  .category__feature.-rental-car .category__featureIcon {
    background: url(../img/sp/category_icon_rental-car02.png) no-repeat;
    background-size: 100% auto;
  }
  .category__feature.-rental-car .category__featureTtl {
    color: #f571ac;
  }
  .category__feature.-rental-car + .category__leisureList .category__leisureItem::before {
    background: repeating-linear-gradient(-45deg, #f571ac 0, #f571ac 0.5333333333vw, #fff 0.5333333333vw, #fff calc(0.5333333333vw * 2));
  }
  .category__feature.-rental-car + .category__leisureList .category__typeItem {
    background: #f571ac;
  }
  .category__feature.-rental-car + .category__leisureList .category__wrapper02 {
    border-top: 1px dashed #f571ac;
  }
  .category__feature.-rental-car + .category__leisureList .category__ttl {
    color: #f571ac;
  }
  .category__feature.-rental-car + .category__leisureList .category__detail::after {
    display: block;
    position: absolute;
    top: 1.4666666667vw;
    right: 1.7333333333vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(2vw / 2) 0 calc(2vw / 2) 2vw;
    border-color: transparent transparent transparent #f571ac;
    content: "";
  }
  .category__featureMap {
    display: block;
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    width: 23.2vw;
    height: 22vw;
    margin-right: 4vw;
    background: url(../img/category_island01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .category__featureMap::before {
    position: absolute;
    width: 6.9333333333vw;
    height: calc(6.9333333333vw / 0.9811320755);
    background: url(../img/category_point01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .category__featureIcon {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    width: 24vw;
    height: 23.3333333333vw;
    margin-right: 3.3333333333vw;
    content: "";
  }
  .category__featureTxt {
    display: flex;
    flex-shrink: 1;
    flex-direction: column;
    justify-content: center;
  }
  .category__featureTtl {
    font-size: 4vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1;
  }
  .category__featureDesc {
    margin-top: 2vw;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.5;
  }
  .category__leisureItem {
    display: block;
    position: relative;
    width: 97.3333333333vw;
    margin: 0 auto;
    background: #fff;
  }
  .category__leisureItem:not(:last-child) {
    margin-bottom: 4vw;
  }
  .category__leisureItem::before {
    display: block;
    width: 100%;
    height: 1.3333333333vw;
    background: repeating-linear-gradient(-45deg, #007c17 0, #007c17 0.5333333333vw, #fff 0.5333333333vw, #fff calc(0.5333333333vw * 2));
    content: "";
  }
  .category__typeList {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 1.3333333333vw;
    padding: 0 1.3333333333vw;
  }
  .category__typeItem {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.3333333333vw 3.3333333333vw;
    font-size: 2.6666666667vw;
    color: #fff;
  }
  .category__typeItem:not(:first-child) {
    margin-left: 0.6666666667vw;
  }
  .category__wrapper01 {
    position: relative;
  }
  .category__imgWrapper {
    position: absolute;
    top: 16.6666666667vw;
    width: 100%;
    height: 73.0666666667vw;
  }
  .category__txtWrapper {
    padding: 0 2vw 4vw;
  }
  .category__ttl {
    color: #007c17;
  }
  .category__leading {
    margin-top: 2vw;
    font-size: 3.2vw;
    color: #000;
  }
  .category__detailLink {
    display: flex;
    align-items: center;
    margin-top: 1.3333333333vw;
    margin-bottom: calc(73.0666666667vw + 8vw);
    padding: 1.3333333333vw 0;
  }
  .category__ttl {
    margin-right: 2vw;
    font-size: 4.2666666667vw;
    font-weight: bold;
    text-decoration: underline;
  }
  .category__ttl:hover {
    text-decoration: none;
  }
  .category__detail {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0.9333333333vw 2vw;
    padding-right: 5.3333333333vw;
    border: 0.2vw solid #ccc;
    border-radius: 4vw;
    background: #fff;
    font-size: 3.2vw;
    color: #000;
    line-height: 1;
    text-align: center;
    transition: background 0.2s, border 0.2s;
  }
  .category__detail:hover {
    border: 0.2vw solid #d9d9d9;
    background: #d9d9d9;
  }
  .category__desc {
    margin-top: 2vw;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.7;
  }
  .category__wrapper02 {
    display: block;
    margin-top: 2.6666666667vw;
    padding-top: 4.6666666667vw;
    border-top: 1px dashed #007c17;
  }
  .category__priceList, .category__priceDesc {
    display: flex;
    align-items: baseline;
  }
  .category__priceList {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  .category__priceTtl, .category__priceDesc {
    font-weight: bold;
    color: #cb2527;
  }
  .category__priceTtl:not(:first-of-type), .category__priceDesc:not(:first-of-type) {
    margin-top: 1.3333333333vw;
  }
  .category__priceTtl, .category__priceCap {
    font-size: 3.2vw;
  }
  .category__priceTtl {
    flex-grow: 2;
    margin-right: 1.3333333333vw;
    text-align: right;
  }
  .category__priceNum.-large {
    font-size: 5.6vw;
  }
  .category__priceNum.-medium {
    font-size: 5.0666666667vw;
  }
  .category__link {
    display: block;
    width: 85.3333333333vw;
    margin: 0 auto;
    margin-top: 4vw;
    padding: 4vw 1.3333333333vw;
    border-radius: 1.0666666667vw;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 4.2666666667vw;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    transition: background 0.2s;
  }
  .category__link:hover {
    background: #e15b5d;
    color: #fff;
  }

  .detail {
    background: url(../img/bg_cream01.png) center;
  }
  .detail__inner {
    display: block;
    margin: 0 auto;
    padding: 0 0 9.3333333333vw;
  }
  .detail__h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-basis: 40vw;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 1.3333333333vw;
    font-family: "Sawarabi Mincho", serif;
    font-size: 5.3333333333vw;
    font-weight: bold;
    color: #007c17;
  }
  .detail__h2::after {
    flex-basis: 41.3333333333vw;
    flex-grow: 5;
    height: 0.6666666667vw;
    margin-left: 0.6666666667vw;
    background: url(../img/dotted_border_green01.png) repeat-x left;
    background-size: auto;
    content: "";
  }
  .detail__optCode {
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 2.6666666667vw;
    margin-left: 1.3333333333vw;
    padding: 1.8666666667vw 2.9333333333vw;
    border-radius: 6.6666666667vw;
    background: #d2c74a;
    font-size: 3.2vw;
    color: #fff;
    line-height: 1;
  }
  .detail__labelList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2vw;
    margin-left: 1.3333333333vw;
  }
  .detail__labelItem {
    display: flex;
    align-items: center;
    position: relative;
    min-width: 13.3333333333vw;
    height: 6.9333333333vw;
    margin-right: calc(6.4vw + 1.3333333333vw);
    margin-bottom: 1.3333333333vw;
    padding: 1.3333333333vw;
    padding-right: 2.6666666667vw;
    background: url(../img/sp/detail_label01-base.png) repeat-x;
    background-size: auto 100%;
    font-size: 2.6666666667vw;
    color: #007c17;
    line-height: 1;
    white-space: nowrap;
  }
  .detail__labelItem::after {
    position: absolute;
    top: 0;
    right: -6.4vw;
    width: 6.4vw;
    height: 6.9333333333vw;
    background: url(../img/sp/detail_label01-right.png) no-repeat;
    background-size: auto 100%;
    content: "";
  }
  .detail__containerWrapper {
    display: block;
    margin-top: 2.6666666667vw;
  }
  .detail__containerWrapper01 {
    position: relative;
    width: 100%;
    background: #fff;
  }
  .detail__containerWrapper02 {
    position: relative;
    width: 100%;
    background: url(../img/bg_cream02.png);
  }
  .detail__listWrapper01 {
    border: 2.6666666667vw solid #fff;
    box-sizing: border-box;
    overflow: hidden;
  }
  .detail__listWrapper02 {
    height: 100%;
    border-top: 2.6666666667vw solid transparent;
    border-bottom: 2.6666666667vw solid transparent;
    border-left: 2.6666666667vw solid transparent;
    border-right: 2.6666666667vw solid transparent;
    box-sizing: border-box;
    overflow: hidden;
  }
  .detail__arrow01 {
    position: absolute;
    top: calc(50% - 8vw / 2);
    width: 8vw;
    height: 8vw;
    background: url(../img/slider_arrow01.png) no-repeat;
    background-size: 100% auto;
    z-index: 2;
    cursor: pointer;
    outline: none;
    transition: filter 0.2s;
    content: "";
  }
  .detail__arrow01.-prev {
    left: 0.6666666667vw;
  }
  .detail__arrow01.-next {
    right: 0.6666666667vw;
    transform: rotate(180deg);
  }
  .detail__arrow01:hover {
    filter: brightness(1.1);
  }
  .detail__arrow02 {
    display: none;
  }
  .detail__item02 {
    cursor: pointer;
    transition: filter 0.2s;
  }
  .detail__item02:hover {
    filter: brightness(1.1);
  }
  .detail__ttl, .detail__desc {
    display: block;
    width: 97.3333333333vw;
    margin: 0 auto;
  }
  .detail__ttl {
    display: block;
    margin-top: 4vw;
    font-family: "Sawarabi Mincho", serif;
    font-size: 4.2666666667vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1.4;
  }
  .detail__desc {
    display: block;
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.8;
  }
  .detail__contact {
    display: block;
    width: 97.3333333333vw;
    margin: 0 auto;
    margin-top: 8vw;
    box-shadow: 0 0 1.0666666667vw 0 rgba(0, 0, 0, 0.2);
  }
  .detail__contactInner01 {
    display: block;
    padding: 2.6666666667vw 3.3333333333vw;
    background: #cb2527;
    box-sizing: border-box;
  }
  .detail__contactInner02 {
    display: block;
    padding: 4vw 6vw;
    background: #fff;
    box-sizing: border-box;
  }
  .detail__contactTxt01 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Sawarabi Mincho", serif;
    font-size: 4.2666666667vw;
    color: #fff;
    line-height: 1.7;
    text-align: center;
  }
  .detail__contactTxt02 {
    display: block;
    font-size: 3.4666666667vw;
    font-weight: bold;
    color: #000;
    text-align: center;
  }
  .detail__contactNum {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    margin-top: 2.6666666667vw;
    padding: 2.6666666667vw;
    border: 2px solid #cb2527;
    border-radius: 1.3333333333vw;
    font-size: 5.3333333333vw;
    font-weight: bold;
    color: #000;
  }
  .detail__contactNum::before {
    display: block;
    position: relative;
    margin-right: 1.6vw;
    width: 7.0666666667vw;
    height: 7.0666666667vw;
    background: url(../img/detail_tel01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .detail__contactNum:hover {
    color: #000;
    text-decoration: underline;
  }
  .detail__contactHours {
    display: block;
    margin-top: 1.3333333333vw;
    font-size: 3.4666666667vw;
    color: #000;
    line-height: 1.4;
  }
  .detail__bnrList {
    display: block;
    width: 97.3333333333vw;
    margin: 0 auto;
    margin-top: 6.6666666667vw;
  }
  .detail__bnrItem:not(:last-child) {
    margin-bottom: 5.3333333333vw;
  }
  .detail__bnrItem.-red .detail__bnrLink {
    width: 100%;
    font-size: 3.7333333333vw;
    background: #cb2527;
  }
  .detail__bnrItem.-red .detail__bnrLink::after {
    display: block;
    position: absolute;
    top: calc(50% - 6.4vw / 2);
    right: 2.6666666667vw;
    width: 6.4vw;
    height: 6.4vw;
    background: url(../img/detail_arrow01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .detail__bnrItem.-red .detail__bnrLink:hover {
    background: #dd4648;
  }
  .detail__bnrItem.-gold .detail__bnrLink {
    width: 100%;
    font-size: 3.2vw;
    background: #cfb005;
  }
  .detail__bnrItem.-gold .detail__bnrLink::after {
    display: block;
    position: absolute;
    top: calc(50% - 5.3333333333vw / 2);
    right: 2.6666666667vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    background: url(../img/detail_arrow02.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .detail__bnrItem.-gold .detail__bnrLink:hover {
    background: #e8c506;
  }
  .detail__bnrLink {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 14.6666666667vw;
    border-radius: 0.6666666667vw;
    margin: 0 auto;
    font-family: "Sawarabi Mincho", serif;
    font-weight: bold;
    color: #fff;
    transition: background 0.2s;
  }
  .detail__bnrLink:hover {
    color: #fff;
  }
  .detail__h3 {
    display: block;
    width: 97.3333333333vw;
    margin: 0 auto;
    margin-top: 11.3333333333vw;
    padding: 2.6666666667vw;
    border-radius: 0.6666666667vw;
    font-size: 3.2vw;
    font-weight: bold;
    color: #fff;
    background: url(../img/bg_green01.png) center;
  }
  .detail__cont {
    display: block;
    width: 97.3333333333vw;
    margin: 0 auto;
    margin-top: 2.6666666667vw;
  }
  .detail__cont.-scroll {
    overflow-x: scroll;
  }
  .detail__cont.-scroll .detail__table {
    table-layout: fixed;
    width: 200vw;
  }
  .detail__cont.-scroll .detail__thead .detail__th {
    background: #007c17;
    color: #fff;
    border-right: 0.2666666667vw dashed #fff;
    border-bottom: 0;
  }
  .detail__table {
    border: 4px solid #007c17;
    background: #fff;
  }
  .detail__th, .detail__td {
    padding: 2vw;
    border: 2px dashed #007c17;
    font-size: 3.2vw;
    line-height: 1.7;
    vertical-align: middle;
  }
  .detail__th {
    min-width: 28.6666666667vw;
    font-weight: bold;
    color: #007c17;
  }
  .detail__td {
    color: #000;
  }
  .detail__txt.-green {
    color: #007c17;
  }
  .detail__txt.-red {
    color: #cb2527;
  }
  .detail__txt.-price {
    margin: 0 1.3333333333vw;
    font-size: 3.3333333333vw;
    font-weight: bold;
    color: #cb2527;
  }
  .detail__txtWrapper:not(:first-child) {
    margin-top: 3.3333333333vw;
  }
  .detail__tdItem {
    display: flex;
  }
  .detail__tdTtl {
    position: relative;
    min-width: 22.6666666667vw;
    padding-left: 2.2666666667vw;
  }
  .detail__tdTtl::before {
    display: block;
    position: absolute;
    top: calc(50% - 0.9333333333vw / 2);
    left: 0.2666666667vw;
    width: 0.9333333333vw;
    height: 0.9333333333vw;
    background: #007c17;
    border-radius: 50%;
    content: "";
  }
  .detail__map {
    display: block;
    width: 97.3333333333vw;
    height: 49.3333333333vw;
    margin: 0 auto;
    margin-top: 2.6666666667vw;
    border: 2px solid #d2c74a;
  }
  .detail__iframe {
    width: 100%;
    height: 100%;
  }

  .keyword {
    background: url(../img/bg_cream01.png) center;
  }
  .keyword__inner {
    display: block;
    margin: 0 auto;
    padding: 9.3333333333vw 0;
  }
  .keyword__btnList {
    display: flex;
    justify-content: center;
    width: 97.3333333333vw;
    margin: 0 auto;
  }
  .keyword__btnItem {
    display: flex;
    align-items: center;
    position: relative;
    flex-basis: 50%;
  }
  .keyword__btnItem::before, .keyword__btnItem::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.3333333333vw;
    overflow: hidden;
  }
  .keyword__btnItem::before {
    z-index: 2;
    border: 2px solid #007c17;
    background: #fff;
    box-sizing: border-box;
    transition: opacity 0.2s;
    content: "";
  }
  .keyword__btnItem::after {
    z-index: 1;
    background: url(../img/bg_green01.png);
    transition: background 0.2s;
    content: "";
  }
  .keyword__btnItem:not(:last-child) {
    margin-right: 2.6666666667vw;
  }
  .keyword__btnItem:hover::before {
    opacity: 0;
  }
  .keyword__btnItem:hover .keyword__btnLink {
    color: #fff;
  }
  .keyword__btnLink {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 2.6666666667vw;
    border-radius: 1.3333333333vw;
    overflow: hidden;
    font-size: 3.3333333333vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1.5;
    text-align: center;
    transition: color 0.2s;
  }
  .keyword__h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 97.3333333333vw;
    height: 10.9333333333vw;
    margin: 0 auto;
    margin-top: 11.3333333333vw;
    background: url(../img/sp/keyword_h2.png) no-repeat center;
    background-size: 100% auto;
    font-family: "Sawarabi Mincho", serif;
    font-size: 4.5333333333vw;
    font-weight: bold;
    color: #007c17;
    text-align: center;
    white-space: nowrap;
  }
  .keyword__item {
    display: block;
    position: relative;
    width: 97.3333333333vw;
    margin: 0 auto;
    margin-top: 4.6666666667vw;
    padding: 2.6666666667vw;
    border-radius: 1.3333333333vw;
    background: url(../img/sp/keyword_bg01.jpg) no-repeat center top;
    background-size: cover;
    counter-increment: num;
  }
  .keyword__num {
    display: block;
    position: absolute;
    top: -1.0666666667vw;
    left: calc(50% - 13.0666666667vw / 2);
    width: 13.0666666667vw;
    height: 10.4vw;
    background: url(../img/keyword_balloon01.png) no-repeat;
    background-size: 100% auto;
    transform: rotate(90deg);
    content: "";
  }
  .keyword__numTxt01 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 1.8666666667vw;
    width: 100%;
    height: 100%;
    font-size: 1.7333333333vw;
    font-weight: bold;
    color: #007c17;
    text-align: center;
    transform: rotate(-90deg);
  }
  .keyword__numTxt01::after {
    display: block;
    margin-top: 0.2666666667vw;
    font-size: 3.3333333333vw;
    content: counter(num);
  }
  .keyword__txtWrapper:last-child .keyword__leading {
    margin-top: 2.6666666667vw;
  }
  .keyword__h3Wrapper {
    display: block;
    margin-top: 8vw;
    text-align: center;
  }
  .keyword__h3, .keyword__h3Ruby {
    color: #fff;
    text-align: center;
  }
  .keyword__h3 {
    font-family: "Sawarabi Mincho", serif;
    font-size: 5.6vw;
  }
  .keyword__h3Ruby {
    margin-top: 1.3333333333vw;
    font-size: 2.6666666667vw;
    letter-spacing: 0.15em;
  }
  .keyword__imgWrapper {
    display: block;
    width: 100%;
    height: 56vw;
    padding: 0 2.6666666667vw;
    position: absolute;
    top: 23.3333333333vw;
    left: 0;
  }
  .keyword__img {
    display: block;
  }
  .keyword__leading {
    display: block;
    margin-top: calc(56vw + 19.3333333333vw);
    font-size: 3.7333333333vw;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
  }
  .keyword__desc {
    display: block;
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
    color: #fff;
    line-height: 1.5;
  }

  .spot {
    background: url(../img/bg_cream01.png) center;
  }
  .spot__inner {
    display: block;
    margin: 0 auto;
    padding: 9.3333333333vw 0;
  }
  .spot__h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 97.3333333333vw;
    height: 10.9333333333vw;
    margin: 0 auto;
    background: url(../img/sp/keyword_h2.png) no-repeat center;
    background-size: 100% auto;
    font-family: "Sawarabi Mincho", serif;
    font-size: 4.5333333333vw;
    font-weight: bold;
    color: #007c17;
    text-align: center;
    white-space: nowrap;
  }
  .spot__map {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 4vw;
    padding: 2.6666666667vw 1.3333333333vw;
    background: url(../img/bg_orange01.png) center;
  }
  .spot__map::before, .spot__map::after {
    display: block;
    position: absolute;
    left: 50%;
    width: 100%;
    height: 0.2666666667vw;
    transform: translateX(-50%);
    z-index: 2;
    content: "";
  }
  .spot__map::before {
    top: -0.2666666667vw;
    background: url(../img/bg_orange01_top.png) repeat-x center top;
    background-size: auto 100%;
  }
  .spot__map::after {
    bottom: -0.2666666667vw;
    background: url(../img/bg_orange01_bottom.png) repeat-x center top;
    background-size: auto 100%;
  }
  .spot__pointListWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 76.5333333333vw;
    margin: 0 auto;
    background: url(../img/sp/spot_map.jpg) no-repeat;
    background-size: 100% auto;
  }
  .spot__pointItem {
    display: block;
    position: absolute;
    height: 7.0666666667vw;
  }
  .spot__pointItem[data-num="1"] {
    top: 30.1333333333vw;
    left: 42.1333333333vw;
    width: 15.3333333333vw;
  }
  .spot__pointItem[data-num="2"] {
    top: 27.0666666667vw;
    left: 59.0666666667vw;
    width: 20vw;
  }
  .spot__pointItem[data-num="3"] {
    top: 50.5333333333vw;
    left: 59.0666666667vw;
    width: 22.6666666667vw;
  }
  .spot__pointItem[data-num="4"] {
    top: 18.8vw;
    left: 26.5333333333vw;
    width: 22.2666666667vw;
  }
  .spot__pointItem[data-num="5"] {
    top: 25.6vw;
    left: 2.8vw;
    width: 20.2666666667vw;
  }
  .spot__pointItem[data-num="6"] {
    top: 32.6666666667vw;
    left: 6.2666666667vw;
    width: 17.4666666667vw;
  }
  .spot__pointItem[data-num="7"] {
    top: 45.7333333333vw;
    left: 12.6666666667vw;
    width: 17.3333333333vw;
  }
  .spot__pointItem[data-num="8"] {
    top: 62.8vw;
    left: 22vw;
    width: 22.2666666667vw;
  }
  .spot__pointItem[data-num="9"] {
    top: 57.4666666667vw;
    left: 47.6vw;
    width: 17.4666666667vw;
  }
  .spot__pointItem[data-num="10"] {
    top: 7.8666666667vw;
    left: 58vw;
    width: 36.1333333333vw;
  }
  .spot__pointLink {
    display: block;
    transition: filter 0.2s;
  }
  .spot__pointLink .spot__imgWrapper {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
  }
  .spot__pointLink:hover {
    filter: brightness(1.2);
  }
  .spot__pointLink:hover .spot__img {
    opacity: 1 !important;
  }
  .spot__imgWrapper01 {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .spot__contList {
    margin-top: 8vw;
  }
  .spot__cap {
    display: block;
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
    color: #000;
    text-align: center;
  }
  .spot__capTxt01 {
    color: #cb2527;
  }
  .spot__contItem {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 5.3333333333vw;
    padding: 1.3333333333vw;
    border-radius: 1.3333333333vw;
    background: #fff;
  }
  .spot__contItem[data-num="1"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number1.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="2"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number2.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="3"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number3.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="4"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number4.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="5"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number5.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="6"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number6.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="7"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number7.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="8"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number8.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="9"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number9.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="10"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number10.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="11"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number11.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="12"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number12.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="13"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number13.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="14"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number14.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="15"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number15.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="16"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number16.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="17"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number17.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="18"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number18.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="19"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number19.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contItem[data-num="20"] .spot__contPoint01::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.9333333333vw;
    margin-top: 3.2vw;
    background: url(../img/spot_number20.png) no-repeat center bottom;
    background-size: auto 100%;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
  }
  .spot__contPoint01 {
    display: flex;
    justify-content: center;
    position: absolute;
    top: -3.3333333333vw;
    left: 0vw;
    z-index: 3;
    width: 8vw;
    height: 11.4666666667vw;
    background: url(../img/spot_point01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .spot__contPoint02 {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 1.3333333333vw;
    right: 1.3333333333vw;
    width: 5.0666666667vw;
    height: 5.0666666667vw;
    border-radius: 0.6666666667vw;
    background: url(../img/bg_green01.png) center;
    overflow: hidden;
    cursor: pointer;
    transition: filter 0.2s;
  }
  .spot__contPoint02::before {
    width: 2.1333333333vw;
    height: 3.2vw;
    background: url(../img/spot_point02.png);
    content: "";
  }
  .spot__contPoint02:hover {
    filter: brightness(1.2);
  }
  .spot__currentMap {
    position: absolute;
    top: -13.3333333333vw;
    right: -16vw;
    z-index: -1;
    padding: 2.6666666667vw 13.3333333333vw;
    border: 2.6666666667vw solid #fff;
    border-radius: 1.3333333333vw;
    background: radial-gradient(circle, #78bbea, #c1eafb);
    box-shadow: 0 0 1.3333333333vw 0 rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    transform: scale(0);
    transform-origin: center;
  }
  .spot__currentMap.-active {
    -webkit-animation-name: expand-in;
            animation-name: expand-in;
    -webkit-animation-duration: 0.1s;
            animation-duration: 0.1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    z-index: 4;
  }
  .spot__currentMap .spot__pointList {
    margin-bottom: 0;
    pointer-events: none;
  }
  .spot__currentMap .spot__pointLink.-active {
    -webkit-animation-name: none;
            animation-name: none;
    opacity: 1;
    transform: scale(1.35) translateX(1.2vw) translateY(0.2666666667vw);
    transform-origin: bottom;
  }
  .spot__btnClose {
    position: absolute;
    top: -4.6666666667vw;
    right: -4.6666666667vw;
    width: 8vw;
    height: 8vw;
    border-radius: calc(8vw * 2);
    background: url(../img/bg_green01.png);
    cursor: pointer;
    transition: filter 0.2s;
  }
  .spot__btnClose::before, .spot__btnClose::after {
    position: absolute;
    top: 2.2666666667vw;
    right: 3.7333333333vw;
    width: 0.4vw;
    height: 3.3333333333vw;
    background: #fff;
    content: "";
  }
  .spot__btnClose::before {
    transform: rotate(-45deg);
  }
  .spot__btnClose::after {
    transform: rotate(45deg);
  }
  .spot__btnClose:hover {
    filter: brightness(1.2);
  }
  .spot__imgWrapper {
    display: block;
    position: absolute;
    top: 1.3333333333vw;
    left: 1.3333333333vw;
    width: 40vw;
  }
  .spot__img {
    display: block;
  }
  .spot__ttl, .spot__desc {
    margin-left: 42.6666666667vw;
  }
  .spot__ttl {
    margin-top: 2vw;
    font-weight: bold;
    color: #007c17;
  }
  .spot__ttlTxt01 {
    font-size: 4.8vw;
  }
  .spot__ttlTxt01::after {
    display: block;
    clear: both;
    content: "";
  }
  .spot__ttlTxt02 {
    font-size: 3.2vw;
    line-height: 1.4;
  }
  .spot__desc {
    display: block;
    min-height: 36.6666666667vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.5;
  }
  .spot__imgWrapper02 {
    display: flex;
    align-items: center;
    position: relative;
    width: 25.3333333333vw;
    padding-left: 1.3333333333vw;
    box-sizing: content-box;
  }
  .spot__imgWrapper02::after {
    position: absolute;
    top: calc(50% - 0.6666666667vw / 2);
    left: 29.3333333333vw;
    flex-basis: 13.3333333333vw;
    flex-grow: 2;
    width: 63.3333333333vw;
    height: 0.6666666667vw;
    background: url(../img/dotted_border_green01.png) repeat-x;
    content: "";
  }
  .spot__descList {
    display: flex;
    padding: 2vw 0;
  }
  .spot__descList:not(:first-of-type) {
    border-top: 1px dashed #007c17;
  }
  .spot__descTtl, .spot__descDef {
    padding: 1.3333333333vw;
    font-size: 3.2vw;
  }
  .spot__descTtl {
    flex-basis: 20vw;
    margin-right: 1.3333333333vw;
    position: relative;
    color: #007c17;
  }
  .spot__descTtl::after {
    position: absolute;
    top: calc(50% - 1.8666666667vw / 2);
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(1.8666666667vw / 2) 0 calc(1.8666666667vw / 2) 1.8666666667vw;
    border-color: transparent transparent transparent #007c17;
    content: "";
  }
  .spot__descDef {
    color: #000;
  }

  .trekking {
    background: url(../img/bg_cream01.png) center;
  }
  .trekking__inner {
    display: block;
    margin: 0 auto;
    padding: 9.3333333333vw 0;
  }
  .trekking__h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 97.3333333333vw;
    height: 10.9333333333vw;
    margin: 0 auto;
    background: url(../img/sp/keyword_h2.png) no-repeat center;
    background-size: 100% auto;
    font-family: "Sawarabi Mincho", serif;
    font-size: 3.2vw;
    font-weight: bold;
    color: #007c17;
    text-align: center;
    white-space: nowrap;
  }
  .trekking__btnList {
    display: flex;
    justify-content: center;
    width: 97.3333333333vw;
    margin: 0 auto;
    margin-top: 5.3333333333vw;
  }
  .trekking__btnItem {
    display: flex;
    align-items: center;
    position: relative;
    flex-basis: 50%;
  }
  .trekking__btnItem::before, .trekking__btnItem::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.3333333333vw;
    overflow: hidden;
  }
  .trekking__btnItem::before {
    z-index: 2;
    border: 2px solid #007c17;
    background: #fff;
    box-sizing: border-box;
    transition: opacity 0.2s;
    content: "";
  }
  .trekking__btnItem::after {
    z-index: 1;
    background: url(../img/bg_green01.png);
    transition: background 0.2s;
    content: "";
  }
  .trekking__btnItem:not(:last-child) {
    margin-right: 2.6666666667vw;
  }
  .trekking__btnItem:hover::before {
    opacity: 0;
  }
  .trekking__btnItem:hover .keyword__btnLink {
    color: #fff;
  }
  .trekking__btnLink {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 2.6666666667vw;
    border-radius: 1.3333333333vw;
    overflow: hidden;
    font-size: 3.3333333333vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1.5;
    text-align: center;
    transition: color 0.2s;
  }
  .trekking__btnLink:hover {
    color: #fff;
  }
  .trekking__containerWrapper {
    display: block;
    margin-top: 2.6666666667vw;
  }
  .trekking__containerWrapper01 {
    position: relative;
    width: 100%;
    background: #fff;
  }
  .trekking__containerWrapper02 {
    position: relative;
    width: 100%;
    background: url(../img/bg_cream02.png);
  }
  .trekking__listWrapper01 {
    border: 2.6666666667vw solid #fff;
    box-sizing: border-box;
    overflow: hidden;
  }
  .trekking__listWrapper02 {
    height: 100%;
    border-top: 2.6666666667vw solid transparent;
    border-bottom: 2.6666666667vw solid transparent;
    border-left: 2.6666666667vw solid transparent;
    border-right: 2.6666666667vw solid transparent;
    box-sizing: border-box;
    overflow: hidden;
  }
  .trekking__arrow01 {
    position: absolute;
    top: calc(50% - 8vw / 2);
    width: 8vw;
    height: 8vw;
    background: url(../img/slider_arrow01.png) no-repeat;
    background-size: 100% auto;
    z-index: 2;
    cursor: pointer;
    outline: none;
    transition: filter 0.2s;
    content: "";
  }
  .trekking__arrow01.-prev {
    left: 0.6666666667vw;
  }
  .trekking__arrow01.-next {
    right: 0.6666666667vw;
    transform: rotate(180deg);
  }
  .trekking__arrow01:hover {
    filter: brightness(1.1);
  }
  .trekking__arrow02 {
    display: none;
  }
  .trekking__item02 {
    cursor: pointer;
    transition: filter 0.2s;
  }
  .trekking__item02:hover {
    filter: brightness(1.1);
  }
  .trekking__ttl, .trekking__desc {
    display: block;
    width: 97.3333333333vw;
    margin: 0 auto;
  }
  .trekking__ttl {
    display: block;
    margin-top: 4vw;
    font-family: "Sawarabi Mincho", serif;
    font-size: 4.2666666667vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1.4;
  }
  .trekking__desc {
    display: block;
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.8;
  }
  .trekking__h3 {
    display: flex;
    align-items: center;
    flex-grow: 2;
    width: 97.3333333333vw;
    margin: 0 auto;
    margin-top: 8vw;
    font-family: "Sawarabi Mincho", serif;
    font-size: 5.3333333333vw;
    font-weight: bold;
    color: #007c17;
    white-space: nowrap;
  }
  .trekking__h3::after {
    flex-basis: 13.3333333333vw;
    flex-grow: 5;
    height: 0.6666666667vw;
    margin-left: 1.3333333333vw;
    background: url(../img/dotted_border_green01.png) repeat-x left;
    background-size: auto;
    content: "";
  }
  .trekking__cont {
    display: block;
    width: 97.3333333333vw;
    margin: 0 auto;
    margin-top: 9.3333333333vw;
  }
  .trekking__cont.-trekking .trekking__h4Txt01 {
    background: #fff799;
  }
  .trekking__cont.-crimbing .trekking__h4Txt01 {
    background: #fed998;
  }
  .trekking__h4 {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 4.6666666667vw;
    padding: 2vw 2.6666666667vw;
    padding-left: 13.3333333333vw;
    border-radius: 0.6666666667vw;
    font-size: 3.2vw;
    font-weight: bold;
    color: #fff;
    background: url(../img/bg_green01.png) center;
  }
  .trekking__h4::before {
    position: absolute;
    top: calc(50% - (12vw / 1.25) / 2);
    left: 1.3333333333vw;
    width: 12vw;
    height: calc(12vw / 1.25);
    background: url(../img/keyword_balloon01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .trekking__h4::after {
    position: absolute;
    top: calc(50% - (3.7333333333vw / 0.7333333333) / 2);
    left: 4.2666666667vw;
    width: 3.7333333333vw;
    height: calc(3.7333333333vw / 0.7333333333);
    background: url(../img/trekking_icon.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .trekking__h4Txt01 {
    margin-right: 1.3333333333vw;
    padding: 1.0666666667vw;
    border-radius: 0.5333333333vw;
    font-size: 2.4vw;
    font-weight: bold;
    color: #007c17;
  }
  .trekking__item03 {
    margin-top: 4vw;
    counter-increment: num;
  }
  .trekking__item03Ttl {
    display: flex;
  }
  .trekking__item03Txt01 {
    display: block;
    margin-right: 1.3333333333vw;
    margin-bottom: auto;
    padding: 0 1.3333333333vw;
    border: 1px solid #007c17;
    background: #fff;
    font-family: "Sawarabi Mincho", serif;
    font-size: 2.9333333333vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1.7;
  }
  .trekking__item03Txt01::after {
    margin-left: 1.0666666667vw;
    content: counter(num);
  }
  .trekking__item03Txt02 {
    margin-top: 0.5333333333vw;
    font-size: 3.2vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1.4;
  }
  .trekking__item03Desc {
    margin-top: 2vw;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.8;
  }
  .trekking__item03Cap {
    margin-top: 1.3333333333vw;
    font-size: 3.2vw;
    font-weight: bold;
    color: #000;
    line-height: 1.6;
  }
  .trekking__imgWrapper {
    display: block;
    margin-top: 4vw;
    text-align: center;
  }
  .trekking__list04 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 4vw;
    padding: 1.3333333333vw;
    background: url(../img/bg_orange01.png) center;
  }
  .trekking__list04::before {
    position: absolute;
    top: -2.2666666667vw;
    left: calc(50% - 4.5333333333vw / 2);
    width: 4.5333333333vw;
    height: 2.2666666667vw;
    background: url(../img/trekking_ballon_arrow01-top.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .trekking__item04 {
    display: flex;
    justify-content: center;
    flex-basis: calc(100% / 2);
    max-width: calc(100% / 2);
    flex-grow: 2;
    padding: 2vw;
  }
  .trekking__item04:nth-child(odd) {
    border-right: 0.1333333333vw solid #007c17;
  }
  .trekking__item04:not(:nth-last-child(-n+2)) {
    margin-bottom: 4vw;
  }
  .trekking__item04:last-child {
    padding-left: 4vw;
  }
  .trekking__item04.-spring .trekking__descTtl::before {
    top: calc(50% - 3.6vw / 2);
    left: 0;
    width: 3.6vw;
    height: 3.6vw;
    background: url(../img/trekking_cherry-blossom.png) no-repeat;
    background-size: 100% auto;
  }
  .trekking__item04.-summer .trekking__descTtl::before {
    top: calc(50% - 3.8666666667vw / 2);
    left: 0;
    width: 2.9333333333vw;
    height: 3.8666666667vw;
    background: url(../img/trekking_leaf.png) no-repeat;
    background-size: 100% auto;
  }
  .trekking__item04.-summer .trekking__descDef {
    flex-basis: 100%;
  }
  .trekking__item04.-autumn .trekking__descTtl::before {
    top: calc(50% - 4.1333333333vw / 2);
    left: 0;
    width: 4.4vw;
    height: 4.1333333333vw;
    background: url(../img/trekking_autumn-leaf.png) no-repeat;
    background-size: 100% auto;
  }
  .trekking__item04.-winter .trekking__descTtl::before {
    top: calc(50% - 3.4666666667vw / 2);
    left: 0;
    width: 4vw;
    height: 3.4666666667vw;
    background: url(../img/trekking_snow.png) no-repeat;
    background-size: 100% auto;
  }
  .trekking__descList {
    display: flex;
    flex-wrap: wrap;
  }
  .trekking__descTtl {
    display: flex;
    align-content: center;
    flex-basis: 100%;
    position: relative;
    margin-bottom: 2vw;
    padding-left: 4.6666666667vw;
    font-size: 3.2vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1.5;
  }
  .trekking__descTtl::before {
    display: block;
    position: absolute;
    content: "";
  }
  .trekking__descDef {
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    margin-bottom: 1.3333333333vw;
    padding-left: 2vw;
    font-size: 3.2vw;
    color: #000;
    line-height: 1;
  }
  .trekking__descDef::before {
    position: absolute;
    top: calc(50% - 0.9333333333vw / 2);
    left: 0;
    width: 0.9333333333vw;
    height: 0.9333333333vw;
    background: #007c17;
    border-radius: 50%;
    content: "";
    content: "";
  }
  .trekking__tableWrapper {
    width: 100%;
    overflow-x: scroll;
  }
  .trekking__table {
    width: 133.3333333333vw;
    margin-top: 2vw;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    table-layout: fixed;
  }
  .trekking__table.-table01 {
    width: 100%;
  }
  .trekking__table.-table02 .trekking__th, .trekking__table.-table02 .trekking__td {
    vertical-align: middle;
  }
  .trekking__th, .trekking__td {
    padding: 2vw;
    border: 1px solid #000;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.7;
  }
  .trekking__th:first-child, .trekking__td:first-child {
    border-left: 0;
  }
  .trekking__th:last-child, .trekking__td:last-child {
    border-right: 0;
  }
  .trekking__th {
    min-width: 24.6666666667vw;
    background: #ecefb5;
  }
  .trekking__td {
    padding-left: 4vw;
  }
  .trekking__txt.-green {
    color: #007c17;
  }
  .trekking__txt.-red {
    color: #cb2527;
  }
  .trekking__txt.-price {
    margin: 0 1.3333333333vw;
    font-size: 3.2vw;
    font-weight: bold;
    color: #cb2527;
  }
  .trekking__txtWrapper:not(:first-child) {
    margin-top: 3.3333333333vw;
  }
  .trekking__tdItem {
    display: flex;
  }
  .trekking__tdTtl {
    position: relative;
    min-width: 22.6666666667vw;
    padding-left: 2.2666666667vw;
  }
  .trekking__tdTtl::before {
    display: block;
    position: absolute;
    top: calc(50% - 0.9333333333vw / 2);
    left: 0.2666666667vw;
    width: 0.9333333333vw;
    height: 0.9333333333vw;
    background: #007c17;
    border-radius: 50%;
    content: "";
  }
  .trekking__map {
    width: 100%;
    height: 73.3333333333vw;
    margin-top: 4vw;
  }
  .trekking__iframe {
    width: 100%;
    height: 100%;
  }

  .external__inner {
    display: block;
    width: 97.3333333333vw;
    margin: 0 auto;
  }
  .external__h1 {
    margin-top: 10.6666666667vw;
    font-size: 4.8vw;
    text-align: center;
  }
  .external__img {
    display: block;
    margin: 0 auto;
  }
  .external__img.-logo {
    width: 33.3333333333vw;
    margin-top: 5.3333333333vw;
  }
  .external__img.-loading {
    width: 20vw;
    margin-top: 5.3333333333vw;
  }
  .external__link {
    display: block;
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
    color: #43a2ca;
    text-align: center;
  }
  .external__link:hover {
    text-decoration: none;
  }
  .external__desc {
    margin-top: 6.6666666667vw;
    font-size: 3.2vw;
    color: #000;
    line-height: 2;
    text-align: center;
  }
  .external__txt01 {
    color: #cb2527;
  }

  .eHeader__inner {
    display: block;
    padding: 3vw 4vw;
    border-bottom: 0.5333333333vw solid #000;
  }
  .eHeader__link {
    display: block;
    width: 50%;
  }
  .eHeader__img {
    display: block;
    width: 100%;
  }

  .access__inner01 {
    padding: 10.6666666667vw 0;
    background: url(../img/bg_cream01.png) center;
  }
  .access__cont01Wrapper {
    display: block;
    width: 95%;
    margin: 0 auto;
    padding: 0.2666666667vw;
    background: url(../img/bg_cream02-top.png) repeat-x top, url(../img/bg_cream02-right.png) repeat-y right, url(../img/bg_cream02-bottom.png) repeat-x bottom, url(../img/bg_cream02-right.png) repeat-y left;
  }
  .access__cont01 {
    padding: 6.6666666667vw 2.6666666667vw;
    background: url(../img/bg_cream02.png);
  }
  .access__cont01Inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .access__cont01Inner .access__h3 {
    font-family: "Sawarabi Mincho", serif;
    font-size: 5.3333333333vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1.5;
    text-align: center;
  }
  .access__cont01Inner:not(:last-child) {
    padding-bottom: 6.6666666667vw;
    background: url(../img/dotted_border_brown01.png) repeat-x bottom center;
  }
  .access__cont01Inner:last-child {
    padding-top: 6.6666666667vw;
  }
  .access__cont01Inner:last-child .access__txtWrapper {
    order: 1;
    margin-right: 6.6666666667vw;
  }
  .access__imgWrapper.-cont01 {
    flex-basis: 50%;
    order: 2;
    margin-top: 3.3333333333vw;
  }
  .access__txtWrapper.-cont01 {
    flex-basis: 100%;
  }
  .access__desc {
    display: block;
    margin-top: 3.3333333333vw;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.5;
    text-align: center;
  }
  .access__cont02, .access__cont03, .access__cont04 {
    display: block;
    width: 95%;
    margin: 0 auto;
    margin-top: 20vw;
  }
  .access__cont02 .access__h2Wrapper, .access__cont03 .access__h2Wrapper, .access__cont04 .access__h2Wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .access__cont02 .access__h2Wrapper::after, .access__cont03 .access__h2Wrapper::after, .access__cont04 .access__h2Wrapper::after {
    display: block;
    position: relative;
    flex-basis: 13.3333333333vw;
    flex-grow: 2;
    height: 0.6666666667vw;
    background: url(../img/dotted_border_green01.png) repeat-x;
    background-size: auto 100%;
    content: "";
  }
  .access__cont02 .access__h2, .access__cont03 .access__h2, .access__cont04 .access__h2 {
    display: block;
    position: relative;
    margin-right: 1.3333333333vw;
    font-family: "Sawarabi Mincho", serif;
    font-size: 5.3333333333vw;
    font-weight: bold;
    color: #007c17;
    white-space: nowrap;
  }
  .access__balloon01, .access__balloon02 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
  }
  .access__balloon01::before, .access__balloon02::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    content: "";
  }
  .access__balloon01 {
    top: -13.3333333333vw;
    left: 0;
    width: 13.3333333333vw;
    height: calc(13.3333333333vw / 1.0684931507);
  }
  .access__balloon01::before {
    background: url(../img/access_balloon01.png) no-repeat;
    background-size: 100% auto;
  }
  .access__balloon02 {
    top: -11.3333333333vw;
    left: 13.0666666667vw;
    width: 9.3333333333vw;
    height: calc(9.3333333333vw / 0.9344262295);
  }
  .access__balloon02::before {
    background: url(../img/access_balloon01.png) no-repeat;
    background-size: 100% auto;
    transform: scale(-1, 1);
  }
  .access__balloon02 .access__balloonTxt {
    margin-bottom: 1.3333333333vw;
    margin-left: 0.4vw;
  }
  .access__balloonTxt {
    font-family: "Sawarabi Mincho", serif;
    display: block;
    position: relative;
    z-index: 2;
    font-size: 2.4vw;
    font-weight: bold;
    color: #007c17;
  }
  .access__tableWrapper {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-top: 3.3333333333vw;
    overflow-x: scroll;
  }
  .access__table {
    table-layout: fixed;
    width: 240vw;
    border: 2px solid #007c17;
  }
  .access__tr.-section .access__td:not(:first-child), .access__tr.-time .access__td:not(:first-child) {
    text-align: center;
  }
  .access__th, .access__td {
    padding: 2vw 2.6666666667vw;
    border-bottom: 1px dashed #007c17;
    background: #fff;
    line-height: 1.5;
    vertical-align: middle;
  }
  .access__th:first-child, .access__td:first-child {
    width: 26.6666666667vw;
  }
  .access__th:not(:last-child), .access__td:not(:last-child) {
    border-right: 1px dashed #007c17;
  }
  .access__th {
    position: relative;
    background: #fef6e1;
    font-size: 3.2vw;
    font-weight: bold;
    color: #007c17;
    text-align: center;
    vertical-align: middle;
  }
  .access__th.-airplane .access__thInner::before {
    display: block;
    position: relative;
    margin-right: 1.3333333333vw;
    width: 5.0666666667vw;
    height: 2.4vw;
    background: url(../img/access_icon_airplane01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .access__th.-highSpeed .access__thInner::before {
    display: block;
    position: relative;
    margin-right: 1.3333333333vw;
    width: 4.8vw;
    height: 2vw;
    background: url(../img/access_icon_highspeed01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .access__th.-ferry .access__thInner::before {
    display: block;
    position: relative;
    margin-right: 1.3333333333vw;
    width: 5.0666666667vw;
    height: 2.1333333333vw;
    background: url(../img/access_icon_ferry01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .access__thInner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 2.6666666667vw;
  }
  .access__td {
    font-size: 3.2vw;
    color: #000;
  }
  .access__td:first-child {
    background: #fef6e1;
    color: #007c17;
    font-weight: bold;
  }
  .access__td:not(:first-child) {
    width: 40vw;
  }
  .access__tdTxt02 {
    font-size: 3.2vw;
    white-space: nowrap;
  }
  .access__tdTxtWrapper01 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .access__tdTxtWrapper02 {
    text-align: center;
  }
  .access__arrow::after {
    display: block;
    margin: 0 2vw;
    font-size: 3.7333333333vw;
    color: #007c17;
    content: "↔";
  }
  .access__tdTxt03 {
    color: #cb2527;
  }
  .access__tdItem {
    position: relative;
    padding-left: 1.8666666667vw;
  }
  .access__tdItem::before {
    display: block;
    position: absolute;
    top: 1.8666666667vw;
    left: 0;
    width: 0.9333333333vw;
    height: 0.9333333333vw;
    background: #007c17;
    border-radius: 50%;
    content: "";
    content: "";
  }
  .access__cont03 .access__h3 {
    display: block;
    position: relative;
    padding: 2.6666666667vw;
    padding-left: 15.3333333333vw;
    border-radius: 0.6666666667vw;
    background: url(../img/bg_green01.png) center center;
    font-size: 3.7333333333vw;
    font-weight: bold;
    color: #fff;
  }
  .access__cont03 .access__h3::before {
    display: block;
    position: absolute;
    top: calc(50% - (13.3333333333vw / 1.25) / 2);
    left: 1.0666666667vw;
    z-index: 1;
    width: 13.3333333333vw;
    height: calc(13.3333333333vw / 1.25);
    background: url(../img/keyword_balloon01.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .access__cont03 .access__h3.-trans01::after {
    display: block;
    position: absolute;
    z-index: 2;
    background: url(../img/access_icon_trans01.png) no-repeat;
    background-size: 100% auto;
    content: "";
    top: 3.3333333333vw;
    left: 3.0666666667vw;
    width: 6.6666666667vw;
    height: calc(6.6666666667vw / 2.1111111111);
  }
  .access__cont03 .access__h3.-trans02::after {
    display: block;
    position: absolute;
    z-index: 2;
    background: url(../img/access_icon_trans02.png) no-repeat;
    background-size: 100% auto;
    content: "";
    top: 2vw;
    left: 2.5333333333vw;
    width: 6.9333333333vw;
    height: calc(6.9333333333vw / 1.3870967742);
  }
  .access__cont03 .access__h3.-trans03::after {
    display: block;
    position: absolute;
    z-index: 2;
    background: url(../img/access_icon_trans03.png) no-repeat;
    background-size: 100% auto;
    content: "";
    top: 2vw;
    left: 2.5333333333vw;
    width: 7.0666666667vw;
    height: calc(7.0666666667vw / 1.5);
  }
  .access__cont03 .access__h3.-trans04::after {
    display: block;
    position: absolute;
    z-index: 2;
    background: url(../img/access_icon_trans04.png) no-repeat;
    background-size: 100% auto;
    content: "";
    top: 2vw;
    left: 2.53333vw;
    width: 6.93333vw;
    height: calc(6.93333vw / 1.3871);
  }
  .access__cont03 .access__h3.-trans05::after {
    display: block;
    position: absolute;
    z-index: 2;
    background: url(../img/access_icon_trans05.png) no-repeat;
    background-size: 100% auto;
    content: "";
    top: 2vw;
    left: 2.53333vw;
    width: 6.93333vw;
    height: calc(6.93333vw / 1.3871);
  }
  .access__cont03 .access__h3.-trans06::after {
    display: block;
    position: absolute;
    z-index: 2;
    background: url(../img/access_icon_trans06.png) no-repeat;
    background-size: 100% auto;
    content: "";
    top: 3.33333vw;
    left: 3.06667vw;
    width: 6.66667vw;
    height: calc(6.66667vw / 2.11111);
  }
  .access__cont03 .access__h3.-trans07::after {
    display: block;
    position: absolute;
    z-index: 2;
    background: url(../img/access_icon_trans07.png) no-repeat;
    background-size: 100% auto;
    content: "";
    top: 3.33333vw;
    left: 3.06667vw;
    width: 6.66667vw;
    height: calc(6.66667vw / 2.11111);
  }
  .access__balloon03 {
    display: block;
    position: absolute;
    top: -8.5333333333vw;
    left: 0;
    padding: 1.0666666667vw;
    padding-bottom: calc(2.8vw + 1.0666666667vw);
    background: url(../img/access_balloon03.png) no-repeat center bottom;
    background-size: 100% auto;
    font-family: "Sawarabi Mincho", serif;
    font-size: 3.2vw;
    font-weight: bold;
    color: #007c17;
  }
  .access__cont03Inner {
    margin-top: 13.3333333333vw;
  }
  .access__listWrapper01 {
    display: block;
    margin-top: 3.3333333333vw;
    padding: 4vw;
    background: #fff;
  }
  .access__listWrapper02 {
    padding-top: 2.6666666667vw;
  }
  .access__listTtl01 {
    display: block;
    padding-bottom: 2vw;
    border-bottom: 1px solid #007c17;
    font-size: 3.2vw;
    font-weight: bold;
    color: #007c17;
  }
  .access__listTtl02 {
    display: block;
    margin-top: 2.6666666667vw;
    font-size: 2.9333333333vw;
    font-weight: bold;
    color: #007c17;
  }
  .access__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2vw;
  }
  .access__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    height: 10.6666666667vw;
    margin-bottom: 4vw;
    padding: 1.3333333333vw 3.3333333333vw;
    box-sizing: border-box;
    font-size: 2.9333333333vw;
    text-align: center;
    line-height: 1.3;
  }
  .access__item.-green {
    background: url(../img/bg_green01.png) center center;
    font-weight: bold;
    color: #fff;
  }
  .access__item.-orange {
    background: url(../img/bg_orange01.png) center center;
    color: #000;
  }
  .access__item.-time {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 10;
    position: relative;
    padding: 0 1.3333333333vw;
    font-size: 2.1333333333vw;
    line-height: 2.5;
    white-space: nowrap;
  }
  .access__item.-time::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.1333333333vw;
    border-top: 1px solid #007c17;
    content: "";
  }
  .access__item.-time::after {
    display: block;
    position: absolute;
    top: calc(50% - 2vw / 2.2360679775);
    right: 0vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(2vw / 2) 0 calc(2vw / 2) 2vw;
    border-color: transparent transparent transparent #007c17;
    content: "";
  }
  .access__item:last-child {
    flex-grow: 0;
  }
  .access__itemTxt01 {
    font-size: 2.1333333333vw;
    white-space: nowrap;
  }
  .access__listCap {
    display: block;
    margin-top: 4vw;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.5;
  }
  .access__listCap::before {
    margin-right: 0.4vw;
    color: #cb2527;
    content: "※";
  }
  .access__linkApply {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-top: 6.6666666667vw;
    padding: 4vw 2vw;
    border-radius: 0.6666666667vw;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 3.7333333333vw;
    color: #fff;
    text-align: center;
  }
  .access__linkApply:hover {
    background: #dd4648;
    color: #fff;
  }
  .access__cont04 .access__h3 {
    display: block;
    position: relative;
    padding: 2.6666666667vw;
    border-radius: 0.6666666667vw;
    background: url(../img/bg_green01.png) center center;
    font-size: 3.7333333333vw;
    font-weight: bold;
    color: #fff;
  }
  .access__cont04 .access__imgWrapper {
    display: block;
  }
  .access__contItem {
    margin-top: 6.6666666667vw;
  }
  .access__contItemInner04 {
    margin-top: 4vw;
  }
  .access__ttl {
    margin-top: 3.3333333333vw;
    font-size: 3.4666666667vw;
    font-weight: bold;
    color: #007c17;
    line-height: 1.5;
  }
  .access__descList {
    display: flex;
    align-items: center;
    margin-top: 2vw;
  }
  .access__descList:first-of-type {
    margin-top: 3.3333333333vw;
  }
  .access__descTtl {
    flex-basis: 20vw;
    margin-right: 1.3333333333vw;
    padding: 1.3333333333vw;
    border-radius: 0.6666666667vw;
    background: #007c17;
    font-size: 2.9333333333vw;
    color: #fff;
    text-align: center;
  }
  .access__descDef {
    font-size: 2.9333333333vw;
    font-weight: bold;
    color: #007c17;
  }
  .access__infoTtl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4.6666666667vw;
    font-size: 3.2vw;
    font-weight: bold;
    color: #007c17;
  }
  .access__infoTtl::after {
    display: block;
    position: relative;
    flex-basis: 13.3333333333vw;
    flex-grow: 2;
    height: 0.6666666667vw;
    margin-left: 1.3333333333vw;
    background: url(../img/dotted_border_green01.png) repeat-x center center;
    background-size: auto 100%;
    content: "";
  }
  .access__infoList {
    display: block;
    margin-top: 2vw;
  }
  .access__infoItem {
    display: block;
    position: relative;
    padding-left: 2vw;
    font-size: 3.2vw;
    color: #000;
    line-height: 1.8;
  }
  .access__infoItem::before {
    display: block;
    position: absolute;
    top: 2.1333333333vw;
    left: 0;
    width: 0.9333333333vw;
    height: 0.9333333333vw;
    background: #007c17;
    border-radius: 50%;
    content: "";
  }
  .access__infoLink {
    color: #007c17;
    text-decoration: underline;
  }
  .access__infoLink:hover {
    color: #007c17;
    text-decoration: none;
  }
  .access__transLink {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-top: 6.6666666667vw;
    padding: 4vw 2vw;
    border-radius: 0.6666666667vw;
    background: #cb2527;
    font-family: "Sawarabi Mincho", serif;
    font-size: 3.7333333333vw;
    color: #fff;
    text-align: center;
  }
  .access__transLink::after {
    display: block;
    position: absolute;
    bottom: 1.3333333333vw;
    right: 1.0666666667vw;
    width: 3.3333333333vw;
    height: calc(3.3333333333vw / 1.1538461538);
    background: url(../img/access_blank01.png) no-repeat;
    background-size: 100% auto;
    pointer-events: none;
    content: "";
  }
  .access__inner02 {
    padding: 6vw 0 5.3333333333vw;
    background: url(../img/bg_white01.png) center center;
  }
  .access__cont05 {
    display: block;
    width: 95%;
    margin: 0 auto;
    padding: 6vw 0;
  }
  .access__cont05 .access__h2 {
    font-size: 5.3333333333vw;
    font-weight: bold;
    color: #007c17;
  }
  .access__linkList01 {
    margin-top: 5.3333333333vw;
  }
  .access__linkItem01:not(:last-child) {
    margin-bottom: 2.6666666667vw;
  }
  .access__linkTtl {
    display: flex;
    align-items: center;
    flex-grow: 2;
    margin-bottom: 2vw;
    padding: 1.3333333333vw 0;
    border-bottom: 1px solid #007c17;
    font-size: 4.2666666667vw;
    font-weight: bold;
    color: #007c17;
  }
  .access__linkTtl::before {
    display: block;
    position: relative;
    margin-right: 1.6vw;
    content: "";
  }
  .access__linkTtl.-airplane::before {
    width: 5.0666666667vw;
    height: 2.4vw;
    background: url(../img/access_icon_airplane01.png) no-repeat;
    background-size: 100% auto;
  }
  .access__linkTtl.-boat::before {
    width: 4.8vw;
    height: 2vw;
    background: url(../img/access_icon_highspeed01.png) no-repeat;
    background-size: 100% auto;
  }
  .access__linkTtl.-bus::before {
    width: 2.4vw;
    height: 2.9333333333vw;
    background: url(../img/access_icon_bus01.png) no-repeat;
    background-size: 100% auto;
  }
  .access__linkList02 {
    display: block;
  }
  .access__linkItem02 {
    position: relative;
    padding-left: 1.8666666667vw;
  }
  .access__linkItem02::before {
    display: block;
    position: absolute;
    top: 4vw;
    left: 0;
    width: 0.9333333333vw;
    height: 0.9333333333vw;
    background: #007c17;
    border-radius: 50%;
    content: "";
    content: "";
  }
  .access__link {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 3.2vw;
    color: #000;
    line-height: 3;
  }
  .access__link::after {
    display: block;
    margin-left: 1.3333333333vw;
    width: 2.9333333333vw;
    height: calc(2.9333333333vw / 1.1538461538);
    background: url(../img/access_blank02.png) no-repeat;
    background-size: 100% auto;
    content: "";
  }
  .access__link:hover {
    color: #000;
    text-decoration: underline;
  }
}
/*# sourceMappingURL=style.css.map */