@charset "UTF-8";
/*
Theme Name: Go To Sado
Theme URL: http://gotosado.com
Description: Go To SadoのHP
Version: 1.0.0
*/
@import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Noto+Sans+JP:wght@400;500;700&display=swap");

/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

input[type="text"],
input[type="password"],
textarea,
select {
  outline: none;
}

/* Document */
/* ============================================ */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
* 3. Remove gray overlay on links for iOS.
*/
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
  scroll-padding-top: initial;
}

/* Sections */
/* ============================================ */
/**
* Remove the margin in all browsers.
*/
body {
  margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
* Remove the gray background on active links in IE 10.
*/
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

/**
* Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
* Prevent vertical alignment issues.
*/
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
* Reset form fields to make them styleable.
* 1. Make form elements stylable across systems iOS especially.
* 2. Inherit text-transform from parent.
*/
button,
input,
optgroup,
textarea,
select {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
  /* 2 */
}

checkbox {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
  /* 2 */
}

checkbox::before {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  content: '';
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}

checkbox::after {
  border-right: 6px solid #00cccc;
  border-bottom: 3px solid #00cccc;
  content: '';
  display: block;
  height: 20px;
  left: 7px;
  margin-top: -16px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 9px;
}

input[type=checkbox]:checked+checkbox::before {
  border-color: #666;
}

input[type=checkbox]:checked+checkbox::after {
  opacity: 1;
}

/**
* Reset radio and checkbox appearance to preserve their look in iOS.
*/


input[type="checkbox"] {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
}

@media (max-width: 768px) {
  input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    background-color: #fff;
    border: 1px solid #ccc;
  }
}

input[type="checkbox"]:checked {
  /* チェックされたときのスタイルを指定 */
  background-color: #f2a698;
  /* 例えば、チェックされたときに緑色のマークを表示する場合 */
}

[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

/**
* Correct cursors for clickable elements.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}

button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
  cursor: default;
}

/**
* Improve outlines for Firefox and unify style with input elements & buttons.
*/


Resources Remove padding option {
  padding: 0;
}

/**
* Reset to invisible
*/
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
  vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
  overflow: auto;
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
* 1. Correct the outline style in Safari.
*/
[type="search"] {
  outline-offset: -2px;
  /* 1 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Fix font inheritance.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
* Clickable labels
*/
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
  display: block;
}

/*
* Add the correct display in all browsers.
*/
summary {
  display: list-item;
}

/*
* Remove outline for editable content.
*/
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit;
  /* 1 */
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
  max-width: 2560px;
  margin: 0 auto;
}

@media (max-width: 2560px) {
  html {
    font-size: 15px;
  }
}

@media (max-width: 1440px) {
  html {
    font-size: calc(10px * 1.028571428571429);
  }
}

@media (max-width: 1080px) {
  html {
    font-size: 8px;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 5px;
  }
}

html img {
  max-width: 100%;
  width: 100%;
}

body {
  position: relative;
}

body.fixed {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 7rem;
  padding: 0 4rem;
  background-color: #fff;
  z-index: 1001;
}

@media (max-width: 768px) {
  .header {
    height: 10rem;
  }
}

.header .header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: inherit;
}

.header .header-inner.lower-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header .header-inner.lower-header .header-logo-area {
  margin-top: 0;
}

@media (max-width: 768px) {
  .header .header-inner.lower-header .header-logo-area {
    margin-bottom: 18px;
  }
}

.header .header-logo-area {
  position: relative;
  z-index: 1000;
  margin-top: 2.2rem;
}

.header .header-logo-area img {
  max-width: 100%;
}

@media (max-width: 2560px) {
  .header .header-logo-area {
    width: 15rem;
  }
}

@media (max-width: 1440px) {
  .header .header-logo-area {
    width: 20.499rem;
  }
}

@media (max-width: 768px) {
  .header .header-logo-area {
    width: 30.8rem;
  }
}

.header .header-nav {
  max-height: 100%;
}

.header .header-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
}

.header .header-nav-list .header-nav-item {
  display: inline;
  height: inherit;
  font-size: 1.5rem;
}

.header .header-nav-list .header-nav-item:hover .header-nav-top {
  color: #F98F7D;
}

.header .header-nav-list .header-nav-item:hover .header-hover-menu {
  display: block;
  -webkit-transition: .3s;
  transition: .3s;
}

.header .header-nav-list .header-nav-item:not(:last-of-type) {
  margin-right: 3rem;
}

.header .header-nav-list .header-nav-item .header-nav-top {
  position: relative;
  height: 100%;
  line-height: 7rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1vw;
}

.header .header-nav-list .active {
  color: #F98F7D;
}

@media (max-width: 1080px) {
  .header .header-nav-list {
    display: none;
  }
}

@media (max-width: 768px) {
  .header .header-nav-list {
    display: none;
  }
}

.header-hover-menu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 7rem;
  left: 0;
  z-index: 999;
  padding: 3rem 0 3.45rem;
  width: 100vw;
  background-color: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.header-hover-menu .header-hover-menu-inner {
  margin: 0 auto;
  width: 65.7142857142857%;
}

.header-hover-menu .header-hover-menu-inner .header-hover-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 3.35rem;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.header-hover-menu .header-hover-menu-inner .header-hover-menu__list .plan-item {
  width: calc((100% - 80px) / 3);
}

.header-hover-menu .header-hover-menu-inner .header-hover-menu__list .header-hover-menu {
  opacity: 0;
}

.header-hover-menu .header-hover-menu-inner .header-hover-menu__list .header-hover-menu__link-area {
  display: block;
  text-align: center;
}

/* ナビにレンタルグループを追加25/04/04 */
.rental .header-hover-menu .header-hover-menu-inner .header-hover-category {
  width: calc((100% - 4rem) / 3);
}

/* END レンタル追加25/04/04 */

.header-hover-menu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: .5rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
}

.header-hover-menu .header-hover-menu-inner .header-hover-menu__link-area .header-hover-menu__link i {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  border-radius: 50%;
  border: 1px solid;
}

@media (max-width: 768px) {
  .header-hover-menu .header-hover-menu-inner .header-hover-menu__link-area .header-hover-menu__link i {
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
  }
}

.header-hover-menu .header-hover-menu-inner .plan-item {
  position: relative;
  width: 30.4%;
  overflow: hidden;
}

.header-hover-menu .header-hover-menu-inner .plan-item::before {
  content: "";
  display: block;
  padding-top: 10%;
}

.header-hover-menu .header-hover-menu-inner .plan-item .plan-img-area {
  height: 10.6rem;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  overflow: hidden;
  -webkit-transition: .3s;
  transition: .3s;
}

.header-hover-menu .header-hover-menu-inner .plan-item .plan-img-area img {
  width: 100%;
  height: 100%;
}

.header-hover-menu .header-hover-menu-inner .plan-item .plan-txt-area {
  padding: 0;
}

.header-hover-menu .header-hover-menu-inner .plan-item .plan-txt-area .plan-txt-area__top {
  padding: 0 2rem;
  margin-bottom: 0;
}

.header-hover-menu .header-hover-menu-inner .plan-item .plan-txt-area .plan-txt-area__top .plan-txt-area__ttl {
  margin-top: -4rem;
  font-size: 2vw;
  line-height: 2.8rem;
}

.header-hover-menu .header-hover-menu-inner .plan-item .plan-txt-area .plan-txt-area__bottom {
  padding: 0 2rem 1.6rem;
}

.header-hover-menu .header-hover-menu-inner .plan-item .plan-txt-area .plan-txt-area__bottom .plan-txt-area__link {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #fff;
}

@media (max-width: 768px) {
  .header-hover-menu .header-hover-menu-inner .plan-item .plan-txt-area .plan-txt-area__bottom .plan-txt-area__link {
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
  }
}

.header-hover-menu .header-hover-menu-inner .plan-item .plan-txt-area .plan-txt-area__bottom .plan-txt-area__link i {
  color: #fff;
}

.header-hover-menu .header-hover-menu-inner .header-hover-category {
  width: calc((100% - 4rem) / 5);
  padding: 1.9rem 2rem;
  border: 1px solid #000;
  border-radius: .8rem;
  -webkit-transition: .3s;
  cursor: pointer;
  transition: .3s;
}

.header-hover-menu .header-hover-menu-inner .header-hover-category:hover a .header-hover-category__ttl {
  color: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

.header-hover-menu .header-hover-menu-inner .header-hover-category:hover a i {
  color: #fff;
  border-color: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

.header-hover-menu .header-hover-menu-inner .header-hover-category a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-hover-menu .header-hover-menu-inner .header-hover-category .header-hover-category__ttl {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
}

.header-hover-menu .header-hover-menu-inner .header-hover-category i {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #000;
}

@media (max-width: 768px) {
  .header-hover-menu .header-hover-menu-inner .header-hover-category i {
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
  }
}

.header-hover-menu .header-hover-menu-inner .--experience {
  border-color: #F98F7D;
}

.header-hover-menu .header-hover-menu-inner .--experience:hover {
  background-color: #F98F7D;
}

.header-hover-menu .header-hover-menu-inner .--experience:hover i {
  background-color: #F98F7D;
}

.header-hover-menu .header-hover-menu-inner .--experience i {
  color: #F98F7D;
  border-color: #F98F7D;
}

.header-hover-menu .header-hover-menu-inner .--gourmand {
  border-color: #FAAF64;
}

.header-hover-menu .header-hover-menu-inner .--gourmand:hover {
  background-color: #FAAF64;
}

.header-hover-menu .header-hover-menu-inner .--gourmand:hover i {
  background-color: #FAAF64;
}

.header-hover-menu .header-hover-menu-inner .--gourmand i {
  color: #FAAF64;
  border-color: #FAAF64;
}

.header-hover-menu .header-hover-menu-inner .--sightseeing {
  border-color: #73C79D;
}

.header-hover-menu .header-hover-menu-inner .--sightseeing:hover {
  background-color: #73C79D;
}

.header-hover-menu .header-hover-menu-inner .--sightseeing:hover i {
  background-color: #73C79D;
}

.header-hover-menu .header-hover-menu-inner .--sightseeing i {
  color: #73C79D;
  border-color: #73C79D;
}

.header-hover-menu .header-hover-menu-inner .--stay {
  border-color: #5DAEF5;
}

.header-hover-menu .header-hover-menu-inner .--stay:hover {
  background-color: #5DAEF5;
}

.header-hover-menu .header-hover-menu-inner .--stay:hover i {
  background-color: #5DAEF5;
}

.header-hover-menu .header-hover-menu-inner .--stay i {
  color: #5DAEF5;
  border-color: #5DAEF5;
}

.header-hover-menu .header-hover-menu-inner .--culture {
  border-color: #BF7CBD;
}

.header-hover-menu .header-hover-menu-inner .--culture:hover {
  background-color: #BF7CBD;
}

.header-hover-menu .header-hover-menu-inner .--culture:hover i {
  background-color: #BF7CBD;
}

.header-hover-menu .header-hover-menu-inner .--culture i {
  color: #BF7CBD;
  border-color: #BF7CBD;
}

.header-hover-menu__link .header-hover-menu__link-text {
  -webkit-transition: .3s;
  transition: .3s;
}

.header-hover-menu__link i {
  -webkit-transition: .3s;
  transition: .3s;
}

.header-hover-menu__link:hover .header-hover-menu__link-text {
  color: #F98F7D;
}

.header-hover-menu__link:hover i {
  color: #F98F7D;
  border-color: #F98F7D;
}

.mobile-nav {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 10001;
  margin-top: 4.5rem;
  width: 6.4rem;
  height: 100%;
  line-height: 50px;
  gap: 1.6rem;
}

@media (max-width: 1080px) {
  .mobile-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.5rem;
  }
}

@media (max-width: 768px) {
  .mobile-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4.5rem;
  }
}

.mobile-nav .mobile-nav__bar {
  width: 6.4rem;
  height: .4rem;
  background-color: #292929;
}

@media (max-width: 1080px) {
  .mobile-nav .mobile-nav__bar {
    width: 4.3rem;
    height: .2rem;
  }
}

.open-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  padding: 1.2rem 0;
  width: 100vw;
  height: 100vh;
  background-color: #292929;
  overflow-y: scroll;
  /* 25/04/04追加 */
}

.open-menu .open-menu-inner {
  width: 88%;
  margin: 0 auto;
}

.open-menu .open-menu-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 14rem;
}

@media (max-width: 1080px) {
  .open-menu .open-menu-header {
    margin-bottom: 15rem;
  }
}

.open-menu .open-menu-header .open-menu-header-logo-are {
  width: 28.616rem;
}

.open-menu .open-menu-header .open-menu-header-logo-are img {
  max-width: 100%;
}

.open-menu .open-menu-header .open-menu-header-btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 6.4rem;
}

.open-menu .open-menu-header .open-menu-header-nav__border {
  width: 6.4rem;
  height: .4rem;
  background-color: #fff;
}

.open-menu .open-menu-header .--first {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.open-menu .open-menu-header .--second {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.nav-menu-content .nav-menu-inner {
  width: 89%;
  margin: 0 auto;
}

.nav-menu-content .nav-menu-inner .nav-menu-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-l {
  margin-bottom: 8rem;
}

@media (max-width: 1080px) {
  .nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-l {
    margin-bottom: 5rem;
  }
}

.nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-l .nav-menu-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 7.5rem 7.9rem;
}

@media (max-width: 1080px) {
  .nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-l .nav-menu-nav-list {
    gap: 5.5rem 6rem;
  }
}

@media (max-width: 768px) {
  .nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-l .nav-menu-nav-list {
    gap: 6.5rem 7.5rem;
  }
}

.nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-l .nav-menu-nav-list .nav-menu-nav-item {
  margin-right: 6rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #fff;
}

/* @media (max-width: 768px) {
.nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-l .nav-menu-nav-list .nav-menu-nav-item:nth-child(3n) {
  margin-bottom: 8.5rem;
}
} */
.nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-l .nav-menu-nav-list .nav-menu-nav-item:first-of-type {
  margin-right: 8rem;
}

@media (max-width: 768px) {
  .nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-l .nav-menu-nav-list .nav-menu-nav-item {
    margin: 0;
  }
}

.nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-l .nav-menu-nav-list .nav-menu-nav-item .nav-menu-nav-item__ttl {
  font-size: 3.6rem;
}

@media (max-width: 768px) {
  .nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-l .nav-menu-nav-list .nav-menu-nav-item .nav-menu-nav-item__ttl {
    font-size: 4.8vw;
  }
}

.nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-l .nav-menu-nav-list .nav-menu-nav-item .nav-menu-nav-sub-list {
  margin-top: 3.6rem;
}

.nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-l .nav-menu-nav-list .nav-menu-nav-item .nav-menu-nav-sub-item {
  margin-bottom: 1.2rem;
  padding: 1rem 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3rem;
  color: #CCCCCC;
}

@media (max-width: 768px) {
  .nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-l .nav-menu-nav-list .nav-menu-nav-item .nav-menu-nav-sub-item {
    font-size: 4vw;
  }
}

.nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-r .nav-menu-sns-sp {
  display: none;
  margin: 0 auto;
  margin-bottom: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4.4rem;
}

.nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-r .nav-menu-sns-sp .nav-menu-sns-item a .fa-twitter {
  padding: .5rem .6rem;
  color: #292929;
  background-color: #fff;
  border-radius: 50%;
}

.nav-menu-content .nav-menu-inner .nav-menu-middle .nav-menu-r .nav-menu-sns-sp .nav-menu-sns-item a i {
  padding: none;
  color: #fff;
  background-color: #292929;
}

.active .mobile-nav__bar {
  background-color: #fff;
}

@media (max-width: 1080px) {
  .active .mobile-nav__bar:first-of-type {
    -webkit-transform: translateY(13px) rotate(-45deg);
    transform: translateY(13px) rotate(-45deg);
  }
}

@media (max-width: 768px) {
  .active .mobile-nav__bar:first-of-type {
    -webkit-transform: translateY(2rem) rotate(-45deg);
    transform: translateY(2rem) rotate(-45deg);
  }
}

.active .mobile-nav__bar:last-of-type {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}

.header-nav-item.header-open-menu:hover .header-hover-menu {
  opacity: 1;
  visibility: visible;
}

.header-open-menu:hover .header-hover-menu {
  visibility: visible;
  opacity: 1;
}

.open {
  display: block;
}

.header-logo-scroll.--before {
  display: none;
}

.header-logo-scroll.--after {
  display: block;
}

.header-logo.--after {
  display: none;
}

.header-logo.header-logo-scroll.--after {
  margin: -1.1rem;
  display: block;
}

main {
  margin-top: 7rem;
}

@media (max-width: 768px) {
  main {
    margin-top: 10rem;
  }
}

.fv {
  position: relative;
  height: calc(100vh - 7rem);
}

@media (max-width: 768px) {
  .fv {
    height: 128rem;
  }
}

.fv::before {
  position: absolute;
  bottom: 0;
  z-index: 0;
  content: '';
  width: 100%;
  height: 23rem;
  background-color: #F98F7D;
}

@media (max-width: 768px) {
  .fv::before {
    height: 43.2rem;
  }
}

.fv .fv-side {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 7%;
  height: 100%;
}

@media (max-width: 768px) {
  .fv .fv-side {
    width: 8%;
  }
}

.fv .fv-side .fv-movie {
  position: absolute;
  left: 4rem;
  bottom: 8rem;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 768px) {
  .fv .fv-side .fv-movie {
    left: 70%;
    bottom: 22.5rem;
    gap: 2rem;
  }
}

.fv .fv-side .fv-movie .fv-movie-area {
  position: relative;
}

.fv .fv-side .fv-movie .fv-movie-area:first-of-type {
  margin-bottom: 1.2rem;
}

@media (max-width: 768px) {
  .fv .fv-side .fv-movie .fv-movie-area:first-of-type {
    margin-bottom: 10px;
  }
}

.fv .fv-side .fv-movie .fv-movie-item {
  position: relative;
  width: 25rem;
  border-radius: .4rem;
  z-index: 5;
  overflow: hidden;
  cursor: pointer;
}

.fv .fv-side .fv-movie .fv-movie-item:after {
  border-radius: .4rem;
  bottom: -.25rem;
}

@media (max-width: 768px) {
  .fv .fv-side .fv-movie .fv-movie-item {
    width: 29rem;
    border-radius: .6rem;
  }
}

.fv .fv-side .fv-movie .fv-movie-item .fv-movie-item__ttl {
  position: absolute;
  top: .9rem;
  left: 1.2rem;
  z-index: 7;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1rem;
  color: #fff;
  line-height: 1.4rem;
}

@media (max-width: 768px) {
  .fv .fv-side .fv-movie .fv-movie-item .fv-movie-item__ttl {
    line-height: 2.4rem;
    font-size: 2.4rem;
  }
}

.fv .fv-side .fv-movie .fv-movie-item .fv-movie-item-imgarea {
  position: relative;
  z-index: 5;
  -webkit-transition: .3s all;
  transition: .3s all;
}

.fv .fv-side .fv-movie .fv-movie-item .fv-movie-item-imgarea:hover {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.fv .fv-side .fv-movie .fv-movie-item .fv-movie-item-imgarea::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  z-index: 5;
}

.fv .fv-side .fv-movie .fv-movie-item .fv-movie-item-imgarea img {
  position: relative;
  max-width: 100%;
}

.fv .fv-side .sns-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 38%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 1080px) {
  .fv .fv-side .sns-area {
    display: none;
  }
}

@media (max-width: 768px) {
  .fv .fv-side .sns-area {
    display: none;
  }
}

.fv .fv-side .sns-area .sns-item {
  padding: 5px 0 4px;
  border-radius: 50%;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.fv .fv-side .sns-area .sns-item:not(:last-child) {
  margin-bottom: 10px;
}

.fv .fv-side .sns-area .sns-item:first-of-type {
  background-color: #292929;
  width: 3rem;
  height: 3rem;
  line-height: 1.4rem;
}

.fv .fv-side .sns-area .sns-item:first-of-type:hover {
  color: #fff;
  background-color: #F98F7D;
  -webkit-transition: .2s;
  transition: .2s;
}

.fv .fv-side .sns-area .sns-item:first-of-type:hover a i {
  color: #fff;
}

.fv .fv-side .sns-area .sns-item a .fa-facebook, .fv .fv-side .sns-area .sns-item a .fa-instagram {
  color: #292929;
}

.fv .fv-side .sns-area .sns-item a .fa-facebook:hover, .fv .fv-side .sns-area .sns-item a .fa-instagram:hover {
  color: #F98F7D;
  -webkit-transition: .2s;
  transition: .2s;
}

.fv .fv-main {
  position: absolute;
  right: 0;
  top: 0;
  width: 93%;
  height: calc(100vh - 11rem);
  z-index: 1;
}

@media (max-width: 768px) {
  .fv .fv-main {
    width: 92%;
    height: 108.4rem;
  }
}

.fv .fv-main .fv-main-inner {
  position: relative;
  height: calc(100vh - 11rem);
}

@media (max-width: 768px) {
  .fv .fv-main .fv-main-inner {
    height: 108.4rem;
  }
}

.fv .fv-main .fv-main-inner img {
  max-width: 100%;
  width: 100%;
  height: calc(100vh - 11rem);
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 768px) {
  .fv .fv-main .fv-main-inner img {
    height: 108.4rem;
  }
}

.fv .fv-main .fv-main-inner .fv-main-txt {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5.1rem 6.9rem 0 0;
  text-align: right;
}

@media (max-width: 768px) {
  .fv .fv-main .fv-main-inner .fv-main-txt {
    padding: 6.03rem 4rem 0 0;
  }
}

.fv .fv-main .fv-main-inner .fv-main-txt .fv-main-ttl {
  margin-bottom: 3.7rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 5.6rem;
  line-height: 7.2rem;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

@media (max-width: 768px) {
  .fv .fv-main .fv-main-inner .fv-main-txt .fv-main-ttl {
    margin-bottom: 5.34rem;
  }
}

.fv .fv-main .fv-main-inner .fv-main-txt .fv-main-sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 2.8rem;
  color: #fff;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}

@media (max-width: 768px) {
  .fv .fv-main .fv-main-inner .fv-main-txt .fv-main-sub {
    font-size: 3rem;
    line-height: 5.4rem;
  }
}

.fv .fv-main .fv-main-inner .slider__img-ttl {
  margin-right: .8rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3rem;
  color: #fff;
  line-height: 2.2rem;
}

@media (max-width: 1080px) {
  .fv .fv-main .fv-main-inner .slider__img-ttl {
    display: none;
  }
}

@media (max-width: 768px) {
  .fv .fv-main .fv-main-inner .slider__img-ttl {
    display: none;
  }
}

.fv .fv-main .fv-main-inner .slider__nav .slider__dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 5.4rem;
  position: relative;
  color: #fff;
  line-height: 2.2rem;
}

.fv .fv-main .fv-main-inner .slider__nav .slider__dots .dots {
  width: .6rem;
  height: .6rem;
  background-color: #fff;
  border-radius: 50%;
}

.fv .fv-main .fv-main-inner .fv-main-scroll {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 768px) {
  .fv .fv-main .fv-main-inner .fv-main-scroll {
    left: calc(50% - 3rem);
  }
}

.fv .fv-main .fv-main-inner .fv-main-scroll a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.fv .fv-main .fv-main-inner .fv-main-scroll a .scroll-txt {
  margin-bottom: .75rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1rem;
  color: #fff;
}

@media (max-width: 768px) {
  .fv .fv-main .fv-main-inner .fv-main-scroll a .scroll-txt {
    font-size: 2.2rem;
  }
}

.fv .fv-main .fv-main-inner .fv-main-scroll a .scroll-bar {
  position: relative;
  margin: 0 auto;
  width: .1rem;
  height: 5rem;
  background-color: #fff;
}

@media (max-width: 768px) {
  .fv .fv-main .fv-main-inner .fv-main-scroll a .scroll-bar {
    height: 9rem;
  }
}

.fv .fv-main .fv-main-inner .fv-main-scroll a .scroll-bar::before {
  content: "";
  position: absolute;
  top: .95rem;
  left: -.2rem;
  width: .6rem;
  height: .6rem;
  background-color: #F98F7D;
  border-radius: 50%;
}

.fv .fv-main .fv-img-slider {
  position: relative;
  height: 100%;
}

.fv .fv-main .fv-img-slider .fv-main-img-area {
  position: relative;
}

.fv .slider__prev {
  margin-right: 1.8rem;
  right: 13.8%;
}

.fv .slider__next {
  margin-left: 1.8rem;
  right: 2.3%;
}

.fv .slider__arrow {
  position: absolute;
  bottom: 4.5%;
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  border: 1px solid #fff;
  cursor: pointer;
  z-index: 5;
}

@media (max-width: 768px) {
  .fv .slider__arrow {
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
  }
}

@media (max-width: 1080px) {
  .fv .slider__arrow {
    display: none;
  }
}

@media (max-width: 768px) {
  .fv .slider__arrow {
    display: none;
  }
}

.fv .slick-dots {
  width: auto;
  bottom: 4.6%;
  right: 5%;
}

.fv .slick-dots li button::before {
  color: #fff;
}

.fv .fv-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: calc(100% - 2.8571428571429%);
  height: 4rem;
  padding: 1.2rem 0 1rem 3.98rem;
  background-color: #292929;
  color: #FFFFFF;
  border-top-left-radius: 1.6rem;
}

@media (max-width: 768px) {
  .fv .fv-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2.7rem 4rem 3.4rem 3.96rem;
    width: 100%;
    height: 19.6rem;
    border-radius: 0px;
  }
}

.fv .fv-info .fv-info-headline {
  margin-right: 50px;
  padding-left: 2.2rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.7rem;
}

@media (max-width: 768px) {
  .fv .fv-info .fv-info-headline {
    margin-bottom: 12px;
    padding-left: 3.2rem;
    font-size: 3.0rem;
  }
}

.fv .fv-info .fv-info-headline span {
  position: relative;
  color: #F98F7D;
}

.fv .fv-info .fv-info-headline span::before {
  position: absolute;
  content: '';
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -2.2rem;
  width: .8rem;
  height: .8rem;
  background-color: #F98F7D;
  border-radius: 50%;
}

@media (max-width: 768px) {
  .fv .fv-info .fv-info-headline span::before {
    width: 1.6rem;
    height: 1.6rem;
    left: -3.2rem;
  }
}

.fv .fv-info .fv-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .fv .fv-info .fv-news {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .4rem;
  }
}

.fv .fv-info .fv-news .fv-info-date {
  margin-right: 24px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.7rem;
}

@media (max-width: 768px) {
  .fv .fv-info .fv-news .fv-info-date {
    margin-bottom: 2px;
    font-size: 2.6rem;
  }
}

.fv .fv-info .fv-news .fv-info-ttl {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.7rem;
  -webkit-transition: .2s;
  transition: .2s;
}

.fv .fv-info .fv-news .fv-info-ttl:hover {
  color: #F98F7D;
}

@media (max-width: 768px) {
  .fv .fv-info .fv-news .fv-info-ttl {
    font-size: 3rem;
  }
}

.movie-start-btn {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 8;
  width: 3.2rem;
  height: 3.2rem;
  border: .1rem solid currentColor;
  border-radius: 50%;
  color: #fff;
  font-size: 200px;
  cursor: pointer;
}

.movie-start-btn::before {
  position: absolute;
  top: 50%;
  left: 35%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border: .75rem solid transparent;
  border-left: 1.2rem solid currentColor;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  width: 100vw;
  min-height: 100vh;
  background-color: #000000;
  background: rgba(0, 0, 0, 0);
  visibility: hidden;
  -webkit-transition: .3s;
  transition: .3s;
}

.modal .modal-movie-container {
  position: relative;
}

.modal .modal-movie {
  position: absolute;
  width: 68.5714285714286%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.modal .modal-movie .modal-movie-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.modal .modal-movie .modal-movie-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal .modal-movie .modal-close-btn {
  position: absolute;
  text-align: right;
  top: -4%;
  right: 0;
  display: inline-block;
  width: 2.5rem;
  height: .3rem;
  cursor: pointer;
}

@media (max-width: 768px) {
  .modal .modal-movie .modal-close-btn {
    top: -12%;
    right: 5%;
  }
}

.modal .modal-movie .modal-close-btn .close-btn-border:before, .modal .modal-movie .modal-close-btn .close-btn-border::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  margin: -8% 0 0 -42%;
  background: #fff;
}

.modal .modal-movie .modal-close-btn .close-btn-border::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modal .modal-movie .modal-close-btn .close-btn-border::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.inner {
  width: 70%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .inner {
    width: 82%;
  }
}

#about {
  position: relative;
  z-index: 0;
  padding: 0rem 0 17rem;
}

@media (max-width: 768px) {
  #about {
    padding: 5rem 0 35.6rem;
  }
}

#about .inner::before {
  z-index: 1;
  content: '';
  position: absolute;
  top: 2.5%;
  left: 2.2%;
  width: 7rem;
  height: 55.9rem;
  background-image: url(./img/about-sado.png);
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 768px) {
  #about .inner::before {
    top: 0;
    left: 3%;
    height: 67rem;
    background-size: contain;
  }
}

#about .inner::after {
  content: "";
  background-image: url(./img/about-toki.png);
  background-size: cover;
  position: absolute;
  top: 7%;
  right: 4%;
  z-index: 1;
  margin: 0 auto;
  margin-top: -7.5rem;
  width: 11rem;
  height: 12rem;
}

@media (max-width: 768px) {
  #about .inner::after {
    width: 12rem;
    height: 17rem;
    top: 2.3%;
    right: 8.5%;
  }
}

#about .parallax-bg {
  position: relative;
  z-index: -1;
}

#about .parallax-bg__media {
  position: sticky;
  z-index: -1 !important;
  top: 200px;
  width: 100%;
  height: 65vh;
  margin: 0 0 -200px 0;
  overflow: hidden;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(./img/about-sado-bg-pc-r.png);
}

@media (max-width: 768px) {
  #about .parallax-bg__media {
    z-index: -1 !important;
    top: 200px;
    width: 100%;
    height: 34vh;
    margin: 0 0 -100px 0;
    background-image: url(./img/about-sado-bg-sp-r.png);
  }
}

#about .section-ttl-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 20;
  margin: -50vh 0 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #292929;
  text-align: center;
}

@media (max-width: 768px) {
  #about .section-ttl-area {
    margin: -24vh 0 0 0;
  }
}

#about .section-ttl-area::before {
  content: "";
  background-image: url(./img/about-sado.png);
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  margin: 0 auto;
  margin-top: -7.5rem;
  width: 21.181rem;
  height: 37.377rem;
  display: none;
}

@media (max-width: 768px) {
  #about .section-ttl-area::before {
    width: 33.826rem;
    height: 59.692rem;
    margin-top: -23.5rem;
  }
}

#about .section-ttl-area .section-ttl-area__ttl {
  position: relative;
  z-index: 2;
  margin-bottom: 4.8rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 4rem;
}

@media (max-width: 768px) {
  #about .section-ttl-area .section-ttl-area__ttl {
    font-size: 5.6rem;
    line-height: 8.8rem;
    margin-bottom: 27.4rem;
  }
}

#about .section-ttl-area .section-ttl-area__txt {
  position: relative;
  z-index: 2;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  line-height: 3.6rem;
}

@media (max-width: 768px) {
  #about .section-ttl-area .section-ttl-area__txt {
    font-size: 3.6rem;
    text-align: left;
    line-height: 6.4rem;
  }
}

#about .about-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#about .about-content .about-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 768px) {
  #about .about-content .about-content-item {
    gap: 5.7rem;
  }
}

#about .about-content .about-content-item .about-content-item__txt {
  width: 43.1034482758621%;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  color: #292929;
  line-height: 3.6rem;
}

@media (max-width: 768px) {
  #about .about-content .about-content-item .about-content-item__txt {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    font-size: 3.6rem;
    line-height: 6.4rem;
  }
}

#about .about-content .about-content-item .about-content-item__txt.--second {
  width: 57%;
  height: 57%;
}

@media (max-width: 768px) {
  #about .about-content .about-content-item .about-content-item__txt.--second {
    width: 100%;
  }
}

#about .about-content .about-content-item .about-content-item__img-area {
  position: relative;
  z-index: 10;
  width: 50%;
  height: 50%;
  border-radius: 1.6rem;
  overflow: hidden;
}

@media (max-width: 768px) {
  #about .about-content .about-content-item .about-content-item__img-area {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    border-radius: 2.4rem;
  }
}

#about .about-content .about-content-item .about-content-item__img-area.--second {
  width: 36%;
  height: 36%;
  border-radius: 1.6rem;
}

@media (max-width: 768px) {
  #about .about-content .about-content-item .about-content-item__img-area.--second {
    width: 100%;
    height: 47.2rem;
    border-radius: 2.4rem;
  }
}

#about .about-content .about-content-item .about-content-item__img-area.--second::before {
  content: "朱鷺（Nipponia nippon）";
  right: 1.1rem;
}

#about .about-content .about-content-item .about-content-item__img-area::before {
  position: absolute;
  z-index: 11;
  content: "鬼太鼓";
  bottom: 1.7rem;
  right: 2rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3rem;
  color: #fff;
}

@media (max-width: 768px) {
  #about .about-content .about-content-item .about-content-item__img-area::before {
    font-size: 2.8rem;
  }
}

#about .about-content .about-content-item .about-content-item__img-area img {
  position: relative;
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#about .about-content .about-dots {
  margin: 5.05rem 0 4.2rem;
}

#about .about-conclude::before {
  content: "";
  background-image: url(./img/about-sado.png);
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  margin: 0 auto;
  margin-top: -7.5rem;
  width: 21.181rem;
  height: 37.377rem;
}

@media (max-width: 768px) {
  #about .about-conclude::before {
    width: 33.826rem;
    height: 59.692rem;
    margin-top: -23.5rem;
  }
}

#about .about-conclude::before {
  margin-top: -12rem;
}

#about .about-conclude .about-conclude__txt {
  position: relative;
  z-index: 2;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  color: #292929;
  text-align: center;
  line-height: 3.6rem;
}

@media (max-width: 768px) {
  #about .about-conclude .about-conclude__txt {
    font-size: 3.6rem;
    text-align: left;
    line-height: 6.4rem;
  }
}

#about .about-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 3;
  margin: 0 auto;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .25rem;
  color: #292929;
  text-align: center;
}

#about .about-dots .diamond {
  width: .6rem;
  height: .6rem;
  background: #292929;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 768px) {
  #about .about-dots .diamond {
    width: 1.2rem;
    height: 1.2rem;
  }
}

#about .about-dots .diamond:first-of-type {
  margin-right: .35rem;
}

@media (max-width: 768px) {
  #about .about-dots .diamond:first-of-type {
    margin-right: 1.4rem;
  }
}

#about .about-dots.--first {
  margin: 4rem 0 5.05rem;
}

@media (max-width: 768px) {
  #about .about-dots.--first {
    margin: 8rem 0;
  }
}

#about .about-dots.--second {
  margin: 5.05rem 0 4.2rem;
}

@media (max-width: 768px) {
  #about .about-dots.--second {
    margin: 7.25rem 0 8.4rem;
  }
}

#about .about-dots.--third {
  margin: 4.95rem 0 10.5rem;
}

@media (max-width: 768px) {
  #about .about-dots.--third {
    margin: 8.65rem 0 7.5rem;
  }
}

#reservation {
  position: relative;
  padding: 16.3rem 0 6.25rem;
  background-color: #EBEBEB;
  z-index: 1;
}

#reservation::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background: url(./img/plan-back.jpg) center right/cover no-repeat;
}

@media (max-width: 768px) {
  #reservation {
    padding: 28.6rem 0 8.3rem;
  }
}

#reservation .section-ttl-area {
  position: absolute;
  top: -2.5rem;
  z-index: 2;
}

#reservation .section-ttl-area .section-ttl-area__ttl {
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 2;
  font-family: 'Dela Gothic One', cursive;
  line-height: 5.6rem;
}

@media (max-width: 768px) {
  #reservation .section-ttl-area .section-ttl-area__ttl {
    font-size: 6.4rem;
    line-height: 6.4rem;
    margin-bottom: 3rem;
  }
}

@media (max-width: 768px) {
  #reservation .section-ttl-area .section-ttl-area__ttl span {
    margin-left: 0;
  }
}

#reservation .section-ttl-area .section-ttl-area__sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3rem;
}

@media (max-width: 768px) {
  #reservation .section-ttl-area .section-ttl-area__sub {
    font-size: 2.6rem;
  }
}

#reservation .reservation-txt-area {
  position: relative;
  z-index: 2;
  margin-bottom: 5.45rem;
  margin-top: 5.45rem;
  /* 25/04/04追加 */
}

@media (max-width: 768px) {
  #reservation .reservation-txt-area {
    margin-bottom: 8.8rem;
  }
}

#reservation .reservation-txt-area .reservation-txt-area__txt {
  position: relative;
  z-index: 2;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  color: #292929;
}

@media (max-width: 768px) {
  #reservation .reservation-txt-area .reservation-txt-area__txt {
    font-size: 3rem;
    line-height: 5.6rem;
  }
}

#reservation .container {
  margin: 0 auto;
  width: 94.2857142857143%;
}

@media (max-width: 768px) {
  #reservation .container {
    width: 89.3333333333333%;
  }
}

#reservation .reservation-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 6.8rem;
}

@media (max-width: 768px) {
  #reservation .reservation-plan {
    gap: 7rem;
    margin-bottom: 9rem;
  }
}

.plan-item {
  position: relative;
  z-index: 10;
  width: calc((100% - 10rem) / 3);
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}

.plan-item:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 768px) {
  .plan-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 35px;
  }
}

.plan-item::after {
  right: -.5rem;
}

.plan-item:after {
  border-top-right-radius: .8rem;
  border-bottom-right-radius: .8rem;
}

@media (max-width: 768px) {
  .plan-item {
    width: 100%;
  }
}

.plan-item .plan-img-box {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  overflow: hidden;
}

.plan-item .plan-img-area {
  position: relative;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: .3s all;
  transition: .3s all;
}

.plan-item .plan-img-area:hover {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.plan-item .plan-img-area img {
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 768px) {
  .plan-item .plan-img-area img {
    width: 100%;
    height: 42rem;
  }
}

.plan-item .white {
  position: absolute;
  content: "";
  z-index: 1;
  right: -5px;
  bottom: -5px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 0.8rem;
}

.plan-item .plan-txt-area {
  position: relative;
  z-index: 2;
  padding: 0 3.9rem 3.5rem 4rem;
  border: 1px solid #292929;
  border-bottom-left-radius: .8rem;
  border-bottom-right-radius: .8rem;
  background-color: #292929;
  display: -ms-grid;
  display: grid;
}

@media (max-width: 1080px) {
  .plan-item .plan-txt-area {
    padding: 0 3rem 3.5rem;
  }
}

@media (max-width: 768px) {
  .plan-item .plan-txt-area {
    padding: 0 3.9rem 4.5rem 4rem;
  }
}

.plan-item .plan-txt-area .plan-txt-area__top {
  margin-bottom: 2.6rem;
}

@media (max-width: 768px) {
  .plan-item .plan-txt-area .plan-txt-area__top {
    margin-bottom: 2rem;
  }
}

.plan-item .plan-txt-area .plan-txt-area__top .plan-txt-area__ttl {
  position: relative;
  z-index: 1;
  margin-top: -2.5rem;
  font-family: 'Dela Gothic One', cursive;
  font-size: 2.85vw;
  font-weight: 400;
  line-height: 4rem;
  color: #FFFFFF;
}

@media (max-width: 768px) {
  .plan-item .plan-txt-area .plan-txt-area__top .plan-txt-area__ttl {
    margin-top: -7rem;
    font-size: 5.6rem;
    line-height: 5rem;
  }
}

.plan-item .plan-txt-area .plan-txt-area__top .plan-txt-area__ttl span {
  color: #F98F7D;
}

.plan-item .plan-txt-area .plan-txt-area__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.plan-item .plan-txt-area .plan-txt-area__sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1vw;
  color: #AAAAAA;
}

@media (max-width: 768px) {
  .plan-item .plan-txt-area .plan-txt-area__sub {
    font-size: 2.6rem;
  }
}

.plan-item .plan-txt-area .plan-more-area .plan-more {
  font-size: 1.1vw;
  color: #fff;
}

@media (max-width: 768px) {
  .plan-item .plan-txt-area .plan-more-area .plan-more {
    font-size: clamp(3rem, 3rem, 1.1vw);
  }
}

.plan-item .plan-txt-area .plan-more-area .plan-more i {
  color: #fff;
  border-color: #fff;
}

.plan-item .plan-txt-area .plan-more-area .plan-more:hover {
  color: #F98F7D;
}

.plan-item .plan-txt-area .plan-more-area .plan-more:hover i {
  color: #F98F7D;
  border-color: #F98F7D;
}

.view {
  position: relative;
  z-index: 1;
  margin-bottom: 17.6rem;
  height: 50rem;
}

@media (max-width: 768px) {
  .view {
    max-width: 100%;
    height: 96rem;
    margin-bottom: 20rem;
  }
}

.view img {
  width: 100%;
  max-height: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#features {
  position: relative;
  padding: 3.8rem 0 5.6rem;
}

@media (max-width: 768px) {
  #features {
    padding: 3rem 0 9.5rem;
  }
}

#features::before {
  content: "";
  position: absolute;
  top: 0;
  width: 4rem;
  height: 100%;
  border-top-right-radius: 1.6rem;
  background-color: #F98F7D;
}

@media (max-width: 768px) {
  #features::before {
    width: 1rem;
  }
}

#features .features-txt-area .section-ttl-area .section-ttl-area__ttl {
  margin-bottom: 1.5rem;
  line-height: 5.4rem;
}

@media (max-width: 768px) {
  #features .features-txt-area .section-ttl-area .section-ttl-area__ttl {
    margin-bottom: 3.8rem;
  }
}

@media (max-width: 768px) {
  #features .features-txt-area .section-ttl-area .section-ttl-area__ttl br {
    display: none;
  }
}

@media (max-width: 768px) {
  #features .features-txt-area .section-ttl-area .section-ttl-area__ttl span {
    margin-left: .5rem;
  }
}

@media (max-width: 768px) {
  #features .features-txt-area .section-ttl-area .section-ttl-area__sub {
    margin-bottom: 5.5rem;
  }
}

#features .features-txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 768px) {
  #features .features-txt-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

#features .features-txt-area .features-txt-area__r {
  width: 50%;
}

@media (max-width: 768px) {
  #features .features-txt-area .features-txt-area__r {
    width: 100%;
  }
}

#features .features-txt-area .features-txt-area__r .features-txt-area__txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 3.5rem;
}

@media (max-width: 768px) {
  #features .features-txt-area .features-txt-area__r .features-txt-area__txt {
    margin-bottom: 9rem;
    font-size: 3rem;
    line-height: 4rem;
  }
}

.articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  margin-bottom: 7.7rem;
}

@media (max-width: 1080px) {
  .articles {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (max-width: 768px) {
  .articles {
    margin-bottom: 7.7rem;
  }
}

.articles::before {
  content: '';
  position: absolute;
}

.articles .article-item {
  position: relative;
  width: calc((100% - 18rem) / 4);
}

.articles .article-item:not(:nth-child(4n)) {
  margin-right: 5.6rem;
}

@media (max-width: 1080px) {
  .articles .article-item:not(:nth-child(4n)) {
    margin-right: 0;
  }
}

@media (max-width: 1080px) {
  .articles .article-item:not(:nth-child(2n)) {
    margin-right: 5.6rem;
  }
}

@media (max-width: 768px) {
  .articles .article-item:not(:nth-child(2n)) {
    margin-right: 0;
  }
}

.articles .article-item:not(:nth-last-child(-n + 4)) {
  margin-bottom: 6rem;
}

@media (max-width: 1080px) {
  .articles .article-item:nth-child(-n + 4) {
    margin-bottom: 0;
  }
}

@media (max-width: 1080px) {
  .articles .article-item:nth-child(-n + 7) {
    margin-bottom: 6rem;
  }
}

@media (max-width: 768px) {
  .articles .article-item:nth-child(-n + 7) {
    margin-bottom: 10.9rem;
  }
}

@media (max-width: 1080px) {
  .articles .article-item {
    width: calc((100% - 10rem) / 2);
  }
}

@media (max-width: 768px) {
  .articles .article-item {
    width: calc((100% - 4rem) / 2);
  }
}

.articles .article-item .article-img-area {
  position: relative;
  border-radius: .8rem;
  margin-bottom: 2.2rem;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

@media (max-width: 768px) {
  .articles .article-item .article-img-area {
    border-radius: 1.6rem;
  }
}

.articles .article-item .article-img-area .article-img-wrapper {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  border-radius: .8rem;
}

.articles .article-item .article-img-area .article-img-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.articles .article-item .article-img-area:hover .article-img-area-link {
  border: 2px solid #fff;
  line-height: 1.95rem;
  -webkit-transition: .1s;
  transition: .1s;
}

@media (max-width: 768px) {
  .articles .article-item .article-img-area:hover .article-img-area-link {
    line-height: 3.9rem;
  }
}

.articles .article-item .article-img-area img {
  max-width: 100%;
  width: 100%;
  height: auto;
  overflow: hidden;
  -webkit-transition: .5s all;
  transition: .5s all;
  -webkit-transition: .3s all;
  transition: .3s all;
}

.articles .article-item .article-img-area img:hover {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.articles .article-item .article-img-area .article-img-area-link {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  right: 6%;
  bottom: 10%;
  border: 1px solid #fff;
}

@media (max-width: 768px) {
  .articles .article-item .article-img-area .article-img-area-link {
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
  }
}

.articles .article-item .article-img-area .article-img-area-link i {
  color: #fff;
}

.articles .article-item .artcile-category-box {
  position: absolute;
  top: -1rem;
  right: 4%;
  padding: .6rem 0rem .7rem;
  width: 6.4rem;
  height: 3.2rem;
  border: 1px solid;
  border-radius: .4rem;
}

.articles .article-item .artcile-category-box .article-category-txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
}

@media (max-width: 768px) {
  .articles .article-item .artcile-category-box {
    right: 0%;
    top: -2rem;
    width: 11.6rem;
    padding: 1.26rem 0 3.94rem 0;
    border-radius: 1.2rem;
  }

  .articles .article-item .artcile-category-box .article-category-txt {
    font-size: 2.6rem;
  }
}

.articles .article-item .experience {
  border-color: #F98F7D;
  background-color: #F98F7D;
}

.articles .article-item .gourmand {
  border-color: #FAAF64;
  background-color: #FAAF64;
}

.articles .article-item .sightseeing {
  background-color: #73C79D;
  border-color: #73C79D;
}

.articles .article-item .stay {
  background-color: #5DAEF5;
  border-color: #5DAEF5;
}

.articles .article-item .culture {
  border-color: #BF7CBD;
  background-color: #BF7CBD;
}

.articles .article-item .event {
  border-color: #BF7CBD;
  background-color: #BF7CBD;
}

.articles .article-item .article-txt-area .article-txt-area__ttl {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 1.2rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.7rem;
  line-height: 2rem;
}

@media (max-width: 768px) {
  .articles .article-item .article-txt-area .article-txt-area__ttl {
    margin-bottom: 3rem;
    font-size: 3rem;
    line-height: 4rem;
  }
}

.articles .article-item .article-txt-area .article-txt-area__date {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
  color: #777777;
  float: right;
}

@media (max-width: 768px) {
  .articles .article-item .article-txt-area .article-txt-area__date {
    font-size: 2.6rem;
  }
}

.more-area {
  position: relative;
  text-align: center;
}

.more-area .more {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #292929;
}

@media (max-width: 768px) {
  .more-area .more {
    font-size: 3rem;
  }
}

.more-area .more i {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  border-radius: 50%;
  margin-left: .5rem;
  border: 1px solid #292929;
  color: #292929;
}

@media (max-width: 768px) {
  .more-area .more i {
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
  }
}

.more-area .more:hover {
  color: #F98F7D;
  -webkit-transition: .2s;
  transition: .2s;
}

.more-area .more:hover i {
  color: #F98F7D;
  border-color: #F98F7D;
  -webkit-transition: .2s;
  transition: .2s;
}

.test {
  position: relative;
}

.test::before {
  content: "";
  position: absolute;
  top: 21.8%;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 41%;
  background: #F3A696;
  z-index: 0;
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
}

@media (max-width: 768px) {
  .test::before {
    top: 20.5%;
    height: 49.7%;
  }
}

#banner-area {
  position: relative;
  z-index: 1;
  padding: 4.5rem 0;
  background-color: #E0E0E0;
}

@media (max-width: 768px) {
  #banner-area {
    padding: 8rem 0;
  }
}

#banner-area .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  #banner-area .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

#banner-area .inner .banner-item {
  width: 28.8793103448276%;
  text-align: center;
  background-color: #fff;
}

#banner-area .inner .banner-item:not(:last-of-type) {
  margin-right: 78px;
}

@media (max-width: 768px) {
  #banner-area .inner .banner-item:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 7.5px;
  }
}

@media (max-width: 768px) {
  #banner-area .inner .banner-item {
    width: 100%;
  }
}

#banner-area .inner .banner-item img {
  width: 100%;
}

#banner-area .inner .banner-item p {
  padding-top: 3rem;
  font-size: 2rem;
  color: #AAAAAA;
}

@media (max-width: 768px) {
  #banner-area .inner .banner-item p {
    padding: 8rem;
  }
}

#news {
  position: relative;
  z-index: 1;
  padding-bottom: 17.8rem;
}

@media (max-width: 768px) {
  #news {
    padding-bottom: 20rem;
  }
}

#news .inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11rem;
  width: 94.2857142857143%;
  margin: 0 auto;
  padding: 5rem 8rem 5.3rem;
  background-color: #292929;
  border-radius: .8rem;
}

@media (max-width: 768px) {
  #news .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.7rem;
    width: 89%;
    padding: 5.3rem 4rem 6.8rem;
    border-radius: 2.4rem;
  }
}

#news .inner::before {
  content: '';
  position: absolute;
  top: -5.5rem;
  left: 14.9090909090909%;
  width: 12.896rem;
  height: 8.07rem;
  background-image: url(./img/news-toki.png);
  background-size: cover;
}

@media (max-width: 768px) {
  #news .inner::before {
    display: none;
  }
}

#news .inner .news-ttl-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#news .inner .news-ttl-area .news-ttl-area__ttl {
  margin-bottom: 2.6rem;
  font-size: 4rem;
  color: #fff;
  line-height: 3.7rem;
}

@media (max-width: 768px) {
  #news .inner .news-ttl-area .news-ttl-area__ttl {
    margin-bottom: 3rem;
    font-size: 5.6rem;
  }
}

@media (max-width: 768px) {
  #news .inner .news-ttl-area .news-ttl-area__ttl br {
    display: none;
  }
}

#news .inner .news-ttl-area .news-ttl-area__ttl span {
  color: #F98F7D;
}

@media (max-width: 768px) {
  #news .inner .news-ttl-area .news-ttl-area__ttl span {
    margin-right: 2rem;
  }
}

#news .inner .news-ttl-area .news-ttl-area__sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3rem;
  color: #fff;
}

@media (max-width: 768px) {
  #news .inner .news-ttl-area .news-ttl-area__sub {
    font-size: 2.6rem;
    margin-bottom: 0;
  }
}

#news .inner .news-content-area {
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
}

#news .inner .news-content-area .news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

#news .inner .news-content-area .news-list .news-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.45rem 5rem 1.35rem 0;
  border-bottom: 1px dotted #777777;
}

@media (max-width: 768px) {
  #news .inner .news-content-area .news-list .news-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    padding-right: 0;
  }
}

#news .inner .news-content-area .news-list .news-item .news-item__date {
  margin-right: 23px;
  font-size: 1.3rem;
}

@media (max-width: 768px) {
  #news .inner .news-content-area .news-list .news-item .news-item__date {
    margin-top: 5px;
    font-size: 2.6rem;
    padding-top: 2.3rem;
  }
}

#news .inner .news-content-area .news-list .news-item .news-item__content {
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  #news .inner .news-content-area .news-list .news-item .news-item__content {
    padding: 1rem 0 1.6rem;
    font-size: 3.0rem;
    line-height: 5.2rem;
  }
}

#news .inner .news-content-area .news-list .news-item .news-item__content:hover {
  color: #F98F7D;
  -webkit-transition: .2s;
  transition: .2s;
}

#outdoor {
  position: relative;
}

#outdoor .outdoor-img-area {
  position: relative;
  z-index: 3;
  width: 85.7142857142857%;
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
  overflow: hidden;
}

#outdoor .outdoor-img-area:hover img {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-transition: .5s all;
  transition: .5s all;
}

@media (max-width: 768px) {
  #outdoor .outdoor-img-area {
    width: 94.6666666666667%;
    height: 71rem;
  }
}

#outdoor .outdoor-img-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  border-bottom-right-radius: 1.6rem;
  border-top-right-radius: 1.6rem;
  opacity: 16%;
}

#outdoor .outdoor-img-area::after {
  content: "SADO \A OUTDOOR \A BASE";
  position: absolute;
  top: 4rem;
  left: 6.6rem;
  z-index: 4;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 14.5vw;
  color: transparent;
  line-height: 12vw;
  white-space: pre;
  -webkit-text-stroke: 1px #FFF;
}

@media (max-width: 1080px) {
  #outdoor .outdoor-img-area::after {
    font-size: 12.5rem;
    line-height: 14rem;
  }
}

@media (max-width: 768px) {
  #outdoor .outdoor-img-area::after {
    top: 5rem;
    left: 8%;
    font-size: 11.2rem;
    line-height: 11rem;
  }
}

@media (max-width: 1080px) {
  #outdoor .outdoor-img-area {
    font-size: 10rem;
    line-height: 13rem;
  }
}

#outdoor .outdoor-img-area img {
  position: relative;
  z-index: 2;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: .5s all;
  transition: .5s all;
}

@media (max-width: 768px) {
  #outdoor .outdoor-img-area img {
    height: 100%;
  }
}

#outdoor .white {
  position: absolute;
  content: "";
  z-index: 1;
  left: .5rem;
  bottom: -.5rem;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 1.6rem;
  border-bottom-left-radius: none;
  width: 85.7142857142857%;
}

#outdoor .outdoor-link-area {
  position: absolute;
  bottom: 4.1rem;
  right: 3.5rem;
  z-index: 4;
}

@media (max-width: 768px) {
  #outdoor .outdoor-link-area {
    right: 0;
  }
}

#outdoor .outdoor-link-area:hover .outdoor-link p {
  color: #F98F7D;
  -webkit-transition: .2s;
  transition: .2s;
}

#outdoor .outdoor-link-area:hover .outdoor-link i {
  color: #F98F7D;
  border-color: #F98F7D;
  -webkit-transition: .2s;
  transition: .2s;
}

#outdoor .outdoor-link-area .outdoor-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4.1rem 4.2rem 4.4rem 4rem;
  background-color: #fff;
  border-radius: .8rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media (max-width: 768px) {
  #outdoor .outdoor-link-area .outdoor-link {
    padding: 5.2rem 8.4rem 4.4rem 5rem;
    border-radius: 1.6rem;
    border-top-right-radius: none;
    border-bottom-right-radius: none;
  }
}

#outdoor .outdoor-link-area .outdoor-link p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.4rem;
  margin-right: 2.5rem;
}

@media (max-width: 768px) {
  #outdoor .outdoor-link-area .outdoor-link p {
    font-size: 3.6rem;
  }
}

#outdoor .outdoor-link-area .outdoor-link i {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  border-radius: 50%;
  font-size: 1.1rem;
  border: 1px solid #292929;
  border-radius: 50%;
  color: #292929;
}

@media (max-width: 768px) {
  #outdoor .outdoor-link-area .outdoor-link i {
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
  }
}

#access {
  position: relative;
  z-index: 4;
  padding: 18.5rem 0 13rem;
}

@media (max-width: 768px) {
  #access {
    padding-top: 18.5rem;
    padding-bottom: 12rem;
  }
}

#access .inner {
  position: relative;
}

@media (max-width: 768px) {
  #access .inner {
    width: 89.6%;
  }
}

#access .inner .--mb {
  display: none;
}

@media (max-width: 768px) {
  #access .inner .--mb {
    display: block;
  }
}

#access .section-ttl-area {
  color: #292929;
}

@media (max-width: 768px) {
  #access .section-ttl-area {
    display: none;
  }
}

#access .section-ttl-area .section-ttl-area__ttl {
  margin-bottom: 2rem;
  line-height: 5.3rem;
}

@media (max-width: 768px) {
  #access .section-ttl-area .section-ttl-area__ttl {
    font-size: 6.4rem;
    line-height: 6.4rem;
  }
}

#access .section-ttl-area .section-ttl-area__ttl span {
  margin-left: 1rem;
  color: #fff;
}

#access .section-ttl-area .section-ttl-area__sub {
  margin-bottom: 5.5rem;
}

@media (max-width: 768px) {
  #access .section-ttl-area .section-ttl-area__sub {
    margin-bottom: 10rem;
  }
}

#access .access-txt {
  margin-bottom: 4rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: #292929;
}

@media (max-width: 768px) {
  #access .access-txt {
    display: none;
    font-size: 3rem;
    line-height: 6rem;
    margin-bottom: 0;
  }
}

#access .access-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 768px) {
  #access .access-container {
    gap: 3rem;
  }
}

#access .access-l {
  width: 36.2068965517241%;
}

@media (max-width: 768px) {
  #access .access-l {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

#access .access-l .sadokisen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem 2.05rem 0rem;
  width: 100%;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: .8rem;
}

@media (max-width: 768px) {
  #access .access-l .sadokisen {
    padding: 3rem 4.5rem 2.3rem 3.5rem;
    width: 100%;
  }
}

#access .access-l .sadokisen .sadokisen-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 1.44rem;
  border-bottom: 1px solid #1D2088;
}

@media (max-width: 768px) {
  #access .access-l .sadokisen .sadokisen-ttl {
    padding-bottom: 3.5rem;
  }
}

#access .access-l .sadokisen .sadokisen-ttl .sadokisen-ttl-img-area {
  margin-right: 2.02rem;
  width: 45%;
}

@media (max-width: 768px) {
  #access .access-l .sadokisen .sadokisen-ttl .sadokisen-ttl-img-area {
    width: 33.252rem;
  }
}

#access .access-l .sadokisen .sadokisen-ttl .sadokisen-ttl-img-area img {
  max-width: 100%;
  min-width: 100%;
}

#access .access-l .sadokisen .sadokisen-ttl .sadokisen-ttl__sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
  font-size: .9vw;
  color: #1D2088;
}

@media (max-width: 768px) {
  #access .access-l .sadokisen .sadokisen-ttl .sadokisen-ttl__sub {
    display: none;
  }
}

#access .access-l .sadokisen .sadokisen-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#access .access-l .sadokisen .sadokisen-list .sadokisen-list-item {
  padding: .25rem 1.7rem .1rem;
  border-bottom: 1px dotted #000;
}

#access .access-l .sadokisen .sadokisen-list .sadokisen-list-item:last-of-type a {
  padding-bottom: 1.5rem;
}

@media (max-width: 768px) {
  #access .access-l .sadokisen .sadokisen-list .sadokisen-list-item {
    padding: 0 4rem;
  }
}

#access .access-l .sadokisen .sadokisen-list .sadokisen-list-item:last-of-type {
  border: none;
}

#access .access-l .sadokisen .sadokisen-list .sadokisen-list-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.55rem 0 1.1rem;
}

#access .access-l .sadokisen .sadokisen-list .sadokisen-list-item a:hover .sadokisen-list-item__ttl {
  color: #F98F7D;
  -webkit-transition: .2s;
  transition: .2s;
}

#access .access-l .sadokisen .sadokisen-list .sadokisen-list-item a:hover i {
  color: #F98F7D;
  border-color: #F98F7D;
  -webkit-transition: .2s;
  transition: .2s;
}

@media (max-width: 768px) {
  #access .access-l .sadokisen .sadokisen-list .sadokisen-list-item a {
    padding: 3rem 0;
  }
}

#access .access-l .sadokisen .sadokisen-list .sadokisen-list-item a .sadokisen-list-item__ttl {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #1D2088;
}

@media (max-width: 768px) {
  #access .access-l .sadokisen .sadokisen-list .sadokisen-list-item a .sadokisen-list-item__ttl {
    font-size: 3.2rem;
  }
}

#access .access-l .sadokisen .sadokisen-list .sadokisen-list-item a i {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  border-radius: 50%;
  color: #1D2088;
  border: 1px solid #1D2088;
  border-radius: 50%;
  text-align: center;
}

@media (max-width: 768px) {
  #access .access-l .sadokisen .sadokisen-list .sadokisen-list-item a i {
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
  }
}

#access .access-r {
  width: 56.8965517241379%;
}

@media (max-width: 768px) {
  #access .access-r {
    position: relative;
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

#access .access-r .iframe-wrapper {
  position: relative;
  margin-top: -4%;
  padding-top: 90.9090909090909%;
}

@media (max-width: 768px) {
  #access .access-r .iframe-wrapper {
    margin-bottom: 0.5rem;
    padding-top: 100%;
  }
}

#access .access-r iframe {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  max-width: 100%;
  width: 100%;
  height: 100%;
  min-height: 100%;
  border-radius: 1.6rem;
}

#access .access-r .white {
  position: absolute;
  content: "";
  z-index: 1;
  left: 5px;
  bottom: -5px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 1.6rem;
}

#access .access-r .access-more {
  margin-top: 1.4rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
  color: #292929;
  float: right;
}

@media (max-width: 768px) {
  #access .access-r .access-more {
    margin-bottom: 5.5rem;
    font-size: 2.6rem;
  }
}

@media (max-width: 768px) {
  #access .access-r .access-txt {
    display: inline-block;
  }
}

body a#page-top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 4rem;
  height: 4rem;
  z-index: 1000;
  background-color: #F2F2F2;
  border-radius: .4rem;
  text-align: center;
  line-height: 4rem;
  -webkit-box-shadow: 0.2rem 0.2rem 0 #292929;
  box-shadow: 0.2rem 0.2rem 0 #292929;
}

@media (max-width: 768px) {
  body a#page-top {
    bottom: 5px;
    right: 2.5rem;
    width: 8rem;
    height: 8rem;
    border-radius: .8rem;
    line-height: 8rem;
    font-size: 16px;
  }
}

.section-ttl-area .section-ttl-area__ttl {
  font-family: 'Dela Gothic One', cursive;
  margin-bottom: .5rem;
  font-size: 5.6rem;
}

@media (max-width: 768px) {
  .section-ttl-area .section-ttl-area__ttl {
    margin-bottom: 3rem;
    font-size: 6.4rem;
  }
}

.section-ttl-area .section-ttl-area__ttl span {
  color: #F98F7D;
}

@media (max-width: 768px) {
  .section-ttl-area .section-ttl-area__ttl span {
    margin-left: -1rem;
  }
}

.section-ttl-area .section-ttl-area__sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3rem;
  margin-bottom: 7.2rem;
  font-size: 1.3rem;
}

@media (max-width: 768px) {
  .section-ttl-area .section-ttl-area__sub {
    font-size: 2.6rem;
  }
}

.sns-area .sns-item {
  border-radius: 50%;
  background-color: #292929;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sns-area .sns-item a i {
  color: #fff;
}

.sns-area .sns-item a i:hover {
  color: #F98F7D;
  -webkit-transition: .2s;
  transition: .2s;
}

.sp-br {
  display: none;
}

@media (max-width: 768px) {
  .sp-br {
    display: block;
  }
}

.pc-img {
  display: block !important;
}

@media (max-width: 768px) {
  .pc-img {
    display: none !important;
  }
}

.sp-img {
  display: none !important;
}

@media (max-width: 768px) {
  .sp-img {
    display: block !important;
  }
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
  max-width: 2560px;
  margin: 0 auto;
}

@media (max-width: 2560px) {
  html {
    font-size: 15px;
  }
}

@media (max-width: 1440px) {
  html {
    font-size: calc(10px * 1.028571428571429);
  }
}

@media (max-width: 1080px) {
  html {
    font-size: 8px;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 5px;
  }
}

html img {
  max-width: 100%;
  width: 100%;
}

body {
  position: relative;
}

body.fixed {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
}

.more-plus-area {
  text-align: center;
}

.more-plus {
  margin-top: 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  cursor: pointer;
}

.more-plus span {
  margin-left: 8px;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 18px;
  border-radius: 50%;
  border: 1px solid #292929;
  padding-bottom: 1px;
}

.more-plus:hover {
  color: #F98F7D;
}

.more-plus:hover span {
  border-color: #F98F7D;
}

.view {
  position: relative;
  width: 100%;
  padding-top: 35.7142857%;
}

.parallax {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.parallax-img-1 {
  background-image: url(./img/veiw-001.jpg);
}

.parallax-img-2 {
  background-image: url(./img/veiw-002.jpg);
}

.parallax-img-3 {
  background-image: url(./img/veiw-003.jpg);
}

.parallax-img-4 {
  background-image: url(./img/view-004.jpg);
  background-position: left;
}

@media (max-width: 768px) {
  .parallax-img-4 {
    background-image: url(./img/sp/view-sp-4.jpg);
  }
}

.parallax-img-5 {
  background-image: url(./img/view-005.jpg);
}

.parallax-img-6 {
  background-image: url(./img/view-006.jpg);
  background-position: inherit;
}

.parallax-window {
  position: relative;
  width: 100%;
  height: 20vw;
  min-height: 600px;
  overflow: hidden;
}

@media (max-width: 1080px) {
  .parallax-window {
    width: 100%;
    height: 20vw;
    min-height: 530px;
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  .parallax-window {
    background: center;
    width: 100%;
    min-width: 100%;
    height: 600px;
    min-height: auto;
    overflow: hidden;
  }
}

.parallax-window-odb {
  position: relative;
  width: 100%;
  height: 20vw;
  min-height: 600px;
  overflow: hidden;
  margin-bottom: 0;
}

@media (max-width: 1080px) {
  .parallax-window-odb {
    width: 100%;
    height: 20vw;
    min-height: 530px;
    overflow: hidden;
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .parallax-window-odb {
    background: center;
    width: 100%;
    min-width: 100%;
    height: 600px;
    min-height: auto;
    overflow: hidden;
    margin-bottom: 0;
  }
}

.parallax-window-cat {
  position: relative;
  width: 100%;
  height: 20vw;
  min-height: 450px;
  overflow: hidden;
  margin-bottom: 0;
}

@media (max-width: 1080px) {
  .parallax-window-cat {
    width: 100%;
    height: 20vw;
    min-height: 380px;
    overflow: hidden;
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .parallax-window-cat {
    background: center;
    width: 100%;
    min-width: 100%;
    height: 500px;
    min-height: auto;
    overflow: hidden;
    margin-bottom: 0;
  }
}

#instagram {
  margin-top: 5rem;
  margin-bottom: 0rem;
  height: 30rem;
}

@media (max-width: 768px) {
  #instagram {
    margin-top: 5rem;
    margin-bottom: 25rem;
    height: 80rem;
  }
}

.instagram-sp {
  width: 100%;
  height: 100%;
}

.instagram-follow-us-pc {
  position: absolute;
  width: 125px;
  height: 35px;
  right: 240px;
}

.instagram-follow-us-sp {
  position: relative;
  width: 125px;
  height: 35px;
  margin: 0px auto;
}

.instagram-txt-pc {
  position: absolute;
  right: 50px;
  margin: 9px 0 0 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}

.instagram-txt-sp {
  position: relative;
  margin: 5px auto 30px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  text-align: center;
}

#about .about-content {
  position: relative;
  z-index: 10;
}

#about .about-conclude::before {
  display: none;
}

.wp-block-column {
  font-size: 16px;
  line-height: 2em;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: break-word;
}

.wp-block-image img {
  max-width: 100%;
  height: 100%;
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}

.footer {
  background: #292929;
}

.footer .footer-inner {
  padding: 6rem;
}

@media (max-width: 768px) {
  .footer .footer-inner {
    padding: 8.2rem 4.5rem 93px;
  }
}

.footer .footer-inner .footer-logo {
  margin-bottom: 4.2rem;
  width: 17.449rem;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-logo {
    width: 28.616rem;
    margin-bottom: 7.4rem;
  }
}

.footer .footer-inner .footer-logo img {
  max-width: 100%;
}

.footer .footer-inner .footer-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-middle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.footer .footer-inner .footer-middle .footer-l .footer-nav {
  margin-bottom: 5.5rem;
}

.footer .footer-inner .footer-middle .footer-l .footer-nav .footer-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  /* 25/04/04追加 */
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-middle .footer-l .footer-nav .footer-nav-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 6.6rem 6rem;
  }
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-middle .footer-l .footer-nav .footer-nav-list .footer-nav-item .footer-nav-item__ttl {
    font-size: 3.8vw;
  }
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-middle .footer-l .footer-nav .footer-nav-list .footer-nav-sub-item .footer-nav-sub-item__ttl {
    font-size: 3.5vw;
  }
}

.footer .footer-inner .footer-middle .footer-l .footer-menu-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-middle .footer-l .footer-menu-sns {
    display: none;
  }
}

.footer .footer-inner .footer-middle .footer-l .footer-menu-sns .footer-menu-sns-item {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}

.footer .footer-inner .footer-middle .footer-l .footer-menu-sns .footer-menu-sns-item:not(:last-child) {
  margin-right: 1.6rem;
}

.footer .footer-inner .footer-middle .footer-l .footer-menu-sns .footer-menu-sns-item:first-of-type {
  background-color: #fff;
}

.footer .footer-inner .footer-middle .footer-l .footer-menu-sns .footer-menu-sns-item:first-of-type:hover {
  background-color: #F98F7D;
  -webkit-transition: .2s;
  transition: .2s;
}

.footer .footer-inner .footer-middle .footer-l .footer-menu-sns .footer-menu-sns-item:first-of-type a i {
  color: #292929;
}

.footer .footer-inner .footer-nav-list .footer-nav-item {
  margin-right: 6rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  font-size: 1.4vw;
  color: #fff;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-nav-list .footer-nav-item.--pc {
    display: none;
  }
}

.footer .footer-inner .footer-nav-list .footer-nav-item.--sp {
  display: none;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-nav-list .footer-nav-item.--sp {
    display: block;
  }
}

.footer .footer-inner .footer-nav-list .footer-nav-item:first-of-type {
  margin-right: 8rem;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-nav-list .footer-nav-item {
    margin: 0;
  }
}

.footer .footer-inner .footer-nav-list .footer-nav-item .footer-nav-item__ttl {
  -webkit-transition: .2s;
  transition: .2s;
  font-size: clamp(1rem, 1.3vw, 1.3rem);

}

.footer .footer-inner .footer-nav-list .footer-nav-item .footer-nav-item__ttl:hover {
  color: #F98F7D;
}

.footer .footer-inner .footer-nav-sub-list .footer-nav-item .footer-nav-sub-item__ttl {
  -webkit-transition: .2s;
  transition: .2s;
}

.footer .footer-inner .footer-nav-sub-list .footer-nav-item .footer-nav-sub-item__ttl:hover {
  color: #F98F7D;
}

.footer .footer-inner .footer-nav-sub-list {
  margin-top: 2.7rem;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-nav-sub-list {
    margin-top: 4rem;
    font-size: 3.8vw;
  }
}

.footer .footer-inner .footer-nav-sub-list .footer-nav-sub-item {
  margin-top: 1rem;
  margin-bottom: 1.6rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
  color: #CCCCCC;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-nav-sub-list .footer-nav-sub-item {
    margin-top: 2.2rem;
  }
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-nav-sub-list .footer-nav-sub-item {
    margin-bottom: 3.4rem;
  }
}

.footer .footer-inner .footer-nav-sub-list .footer-nav-sub-item .footer-nav-sub-item__ttl {
  -webkit-transition: .2s;
  transition: .2s;

}

.footer .footer-inner .footer-nav-sub-list .footer-nav-sub-item .footer-nav-sub-item__ttl:hover {
  color: #F98F7D;
}

.footer .footer-inner .footer-r .footer-contact {
  display: inline-block;
  margin-bottom: 3.2rem;
}

.footer .footer-inner .footer-r .footer-contact a {
  display: block;
  padding: .6rem 4.1rem .8rem;
  font-size: 1.3rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #FFFFFF;
  border: 1px solid #777777;
  border-radius: .4rem;
  -webkit-transition: .2s;
  transition: .2s;
}

/* .footer .footer-inner .footer-r .footer-contact:hover {
  border-color: #F98F7D;
  -webkit-transition: .2s;
  transition: .2s;
} */

.footer .footer-inner .footer-r .footer-contact a:hover {
  border-color: #F98F7D;
  color: #F98F7D;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-r .footer-contact {
    margin-bottom: 5rem;
    width: 100%;
  }

  .footer .footer-inner .footer-r .footer-contact a {
    padding: 2rem 0;
    font-size: 3rem;
    text-align: center;
  }
}

/* 電話番号追加 */
.footer .footer-inner .footer-r .footer-tel {
  margin-bottom: 3.2rem;
}

.footer .footer-inner .footer-r .footer-tel a {
  font-size: 1.3rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #FFFFFF;
  -webkit-transition: .2s;
  transition: .2s;
}

.footer .footer-inner .footer-r .footer-tel a:hover {
  color: #F98F7D;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-r .footer-tel {
    margin-bottom: 9rem;
  }

  .footer .footer-inner .footer-r .footer-tel a {
    font-size: 3rem;
  }
}

/* END 電話番号追加 */

.footer .footer-inner .footer-r .footer-meta {
  margin-bottom: 8.5rem;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-r .footer-meta {
    margin-bottom: 13.6rem;
  }
}

.footer .footer-inner .footer-nav-list .footer-nav-item {
  margin-right: 4rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #fff;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-nav-list .footer-nav-item {
    margin-right: 0;
  }
}

.footer .footer-inner .footer-r .footer-meta .footer-nav-list .footer-nav-item {
  margin-right: 0;
  margin-bottom: 3.2rem;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-r .footer-meta .footer-nav-list .footer-nav-item {
    margin-bottom: 3.8rem;
  }
}

.footer .footer-inner .footer-r .footer-nav-item__ttl {
  font-size: 1.3rem;
  line-height: 1;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-r .footer-nav-item__ttl {
    font-size: 2.6rem;
  }
}

.footer .footer-inner .footer-r .footer-nav-sub-item__ttl {
  font-size: 1.5rem;
  line-height: 1;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-r .footer-nav-sub-item__ttl {
    font-size: 3.5vw;
  }
}

.footer .footer-inner .footer-r .footer-sns-sp {
  display: none;
  margin: 0 auto;
  margin-bottom: 12rem;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-r .footer-sns-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5.6rem;
    margin-bottom: 5rem;
  }
}

.footer .footer-inner .footer-r .footer-sns-sp .footer-sns-item a .fa-twitter {
  padding: .5rem .6rem;
  color: #292929;
  background-color: #fff;
  border-radius: 50%;
}

.footer .footer-inner .footer-r .footer-sns-sp .footer-sns-item a i {
  padding: none;
  color: #fff;
  background-color: #292929;
}

.footer .footer-inner .footer-r .copyright {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
  color: #FFFFFF;
  text-align: right;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-r .copyright {
    font-size: 2.6rem;
    text-align: center;
  }
}

.sp-grid-all {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
}

.sp-grid-half-first {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
}

.sp-grid-half-second {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
}

#exp-top {
  overflow-y: hidden;
}

#exp-top .child-fv:before {
  background-image: url(./img/exp_header.jpg);
}

@media (max-width: 768px) {
  #exp-top .child-fv:before {
    background-image: url(./img/sp/fv-sp-1.jpg);
  }
}

#exp-top .fv-ttl-are {
  position: relative;
  top: -2.5rem;
  margin-bottom: 4.7rem;
}

@media (max-width: 768px) {
  #exp-top .fv-ttl-are {
    margin-bottom: 8.4rem;
  }
}

#exp-top .fv-ttl-are .fv-ttl {
  font-size: 5.6rem;
  font-family: 'Dela Gothic One', cursive;
}

@media (max-width: 768px) {
  #exp-top .fv-ttl-are .fv-ttl {
    font-size: 6.4rem;
  }
}

#exp-top .fv-ttl-are .fv-ttl span {
  position: relative;
  top: -1.4rem;
  color: #F98F7D;
}

#exp-top .fv-ttl-are .fv-sub-ttl {
  position: relative;
  margin-bottom: 5.6rem;
  font-size: 1.3rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  font-style: normal;
}

#exp-top .fv-ttl-are .fv-sub-ttl::before {
  position: relative;
  display: inline-block;
  content: "";
  background: #292929;
  width: 1px;
  height: 14px;
  margin: 0 11.5px 0 7px;
  margin-top: -.2em;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 768px) {
  #exp-top .fv-ttl-are .fv-sub-ttl {
    font-size: 2.6rem;
    margin-bottom: 10rem;
  }
}

@media (max-width: 768px) {
  #exp-top .fv-ttl-are .fv-txt {
    font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 3.6rem;
    line-height: 6.8rem;
    color: #292929;
  }
}

#exp-top .fv-txt {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  color: #292929;
}

#exp-top .view {
  margin-bottom: 14.4rem;
}

section.card {
  background-image: url(./img/plan-back.jpg);
  background-size: cover;
}

@media (max-width: 768px) {
  section.card {
    max-width: initial;
  }
}

section.card .inner {
  margin: 0 auto;
  padding-top: 4.4rem;
  padding-bottom: 6rem;
  width: 83%;
}

@media (max-width: 768px) {
  section.card .inner {
    width: 89.3333333333333%;
    padding-top: 6.4rem;
  }
}

section.card .inner form.search {
  width: 60%;
  margin: 0 auto 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 768px) {
  section.card .inner form.search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    margin-bottom: 8rem;
    width: 100%;
  }
}

section.card .inner form.search p.post__txt {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 4rem;
  margin-right: 4rem;
  position: relative;
}

@media (max-width: 768px) {
  section.card .inner form.search p.post__txt {
    margin: 0 0 9.4rem 0;
    font-size: 3rem;
  }
}

section.card .inner form.search p.post__txt:before {
  position: absolute;
  content: "";
  width: 27px;
  height: 1px;
  background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 8px);
  background-size: 3.5px 1px;
  background-repeat: repeat-x;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  right: -1.5rem;
  top: 2rem;
}

@media (max-width: 768px) {
  section.card .inner form.search p.post__txt:before {
    left: 0;
    right: inherit;
    bottom: -3.8rem;
    top: inherit;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

section.card .inner form.search .post-select {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 92.7%;
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 768px) {
  section.card .inner form.search .post-select {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}

section.card .inner form.search .post-select .select-item {
  min-width: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}

@media (max-width: 768px) {
  section.card .inner form.search .post-select .select-item {
    margin: 0;
    width: 44.9101796407186%;
  }
}


section.card .inner form.search .post-select .select-item p.select__txt {
  margin-bottom: .4rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1rem;
  color: #777777;
  text-align: left;
}

@media (max-width: 768px) {
  section.card .inner form.search .post-select .select-item p.select__txt {
    margin-bottom: .8rem;
    font-size: 2.2rem;
  }
}

section.card .inner form.search .post-select .select-item select {
  padding: 0.8em 1.6rem;
  font-size: 1.6rem;
  border-radius: 1rem;
  border: solid 0.2rem #ccc;
  background-color: #fff;
  position: relative;
  z-index: 30;
}

@media (max-width: 768px) {
  section.card .inner form.search .post-select .select-item select {
    padding: 3.2rem 3.6rem;
  }
}

section.card .inner form.search .post-select .select__btn {
  padding: 1.3rem 2.5rem 1.4rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #fff;
  background-color: #292929;
  border-radius: 22px;
}

@media (max-width: 768px) {
  section.card .inner form.search .post-select .select__btn {
    margin: 20px auto 0;
    padding: 2.4rem 5rem;
    font-size: 3rem;
  }
}

section.card .inner .more-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

section.card .inner .more-area p {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #292929;
}

section.card .inner .more-area span {
  border: 1px solid #292929;
  font-size: 22px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
}

.card-area {
  padding-top: 7rem;
  border-top: 1px solid #777777;
}

@media (max-width: 768px) {
  .card-area {
    padding-top: 8.2rem;
  }
}

.card-area .card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .card-area .card-list {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}


.card-area .card-list .card-list__item {
  margin-bottom: 7rem;
  width: calc((100% - 12rem) / 3);
  overflow: hidden;
  border-radius: .8rem;
}

.card-area .card-list .card-list__item:not(:nth-child(3n)) {
  margin-right: 6rem;
}

@media (max-width: 768px) {
  .card-area .card-list .card-list__item {
    margin-bottom: 0;
    width: 100%;
    border-radius: 1.2rem;
  }

  .card-area .card-list .card-list__item:not(:last-child) {
    margin-bottom: 6.4rem;
  }
}

.card-area .card-list .card-list__item a .card__img-area {
  padding-top: 56.0693%;
  position: relative;
}

.card-area .card-list .card-list__item a .card__img-area img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.card-area .card-list .card-list__item a .card__img-area .more-btn {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  right: 6%;
  bottom: 10%;
  border: 1px solid #fff;
}

@media (max-width: 768px) {
  .card-area .card-list .card-list__item a .card__img-area .more-btn {
    width: 4.5rem;
    height: 4.5rem;
    line-height: 4.5rem;
  }
}

.card-area .card-list .card-list__item a .card__img-area .more-btn i {
  color: #fff;

}

.card-area .card-list .card-list__item .card__body {
  background-color: #fff;
  padding: 3.1rem 2.9rem 3rem;
  border-bottom-left-radius: .8rem;
  border-bottom-right-radius: .8rem;
}

@media (max-width: 768px) {
  .card-area .card-list .card-list__item .card__body {
    padding: 3.1rem 4.1rem 4.4rem;
  }
}

.card-area .card-list .card-list__item .card__body .card__txt {
  margin-bottom: 2.8rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.8rem;
  color: #292929;
  font-weight: 400;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .card-area .card-list .card-list__item .card__body .card__txt {
    margin-bottom: 4rem;
    font-size: 3.6rem;
  }
}

.card-area .card-list .card-list__item .card__body .card__tag-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.card-area .card-list .card-list__item .card__body .card__tag-area .card__tag {
  margin-bottom: .5rem;
  padding: .5rem 1.1rem .7rem 1rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1rem;
  color: #F98F7D;
  border: 1px solid #F98F7D;
  border-radius: 4px;
}

.card-area .card-list .card-list__item .card__body .card__tag-area .card__tag:not(:last-child) {
  margin-right: .6rem;
}

@media (max-width: 768px) {
  .card-area .card-list .card-list__item .card__body .card__tag-area .card__tag:not(:last-child) {
    margin-right: 1.6rem;
  }
}

@media (max-width: 768px) {
  .card-area .card-list .card-list__item .card__body .card__tag-area .card__tag {
    padding: 1.2rem 2.6rem 1.4rem 1.6rem;
    font-size: 2.2rem;
  }
}

@media (max-width: 768px) {
  .card-list:nth-child(n) {
    margin-top: 1.6rem;
    margin-bottom: 10rem;
  }
}

.p-top-card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-list__item:last-child {
  margin-bottom: 0;
}

section.recommend-article {
  position: relative;
  margin-bottom: 14rem;
  padding: 4rem 0 3.6rem;
}

@media (max-width: 768px) {
  section.recommend-article {
    margin-bottom: 20rem;
    padding-bottom: 6.8rem;
  }
}

section.recommend-article::before {
  content: "";
  position: absolute;
  top: 0;
  width: 4rem;
  height: 100%;
  border-top-right-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
  background-color: #F98F7D;
}

@media (max-width: 768px) {
  section.recommend-article::before {
    width: 1rem;
  }
}

section.recommend-article::after {
  content: "";
  position: absolute;
  top: 161.6%;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 220%;
  background: #F3A696;
  z-index: -2;
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
}

@media (max-width: 768px) {
  section.recommend-article::after {
    display: none;
  }
}

section.recommend-article .articles {
  margin-bottom: 0;
}

.custom-select-wrapper {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.custom-select-wrapper select {
  display: none;
}

.custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

.custom-select::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #333;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  z-index: 1;
}

.custom-select.opened::before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.custom-select-trigger {
  font-family: 'Noto Sans JP', sans-serif;
  position: relative;
  z-index: 0;
  display: inline-block;
  padding: 0.8em 1.6rem;
  width: 100%;
  font-size: 1.6rem;
  font-size: 1.3vw;
  border-radius: 1rem;
  text-align: left;
  border-top-right-radius: solid 1rem #AAAAAA;
  border-top-left-radius: solid 1rem #AAAAAA;
  border-bottom-right-radius: solid 1rem #AAAAAA;
  border-bottom-right-radius: solid 1rem #AAAAAA;
  border: solid 1px #AAAAAA;
  background-color: #fff;
  cursor: pointer;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

@media (max-width: 768px) {
  .custom-select-trigger {
    font-size: 3rem;
    padding: 2.2rem 4rem 2.2rem 3.2rem;
  }
}

.custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 100%;
  border-top: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  opacity: 1;
  visibility: hidden;
  pointer-events: none;
  border-right: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  border-left: 1px solid #AAAAAA;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  z-index: 5;
}

.custom-select.opened .custom-select-trigger {
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  overflow: hidden;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.option-hover:before {
  background: #F4F4F4;
}

.custom-option {
  position: relative;
  z-index: 11;
  display: block;
  padding: .8rem 1.6rem .5rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.3vw;
  text-align: left;
  color: #292929;
  cursor: pointer;
}

.custom-option:first-of-type {
  padding-top: .8rem;
}

.custom-option:last-of-type {
  padding-bottom: 1.4rem;
}

@media (max-width: 768px) {
  .custom-option {
    font-size: 3rem;
    padding: 2.2rem 4rem 2.2rem 3.2rem;
  }
}

.custom-option:last-of-type {
  border-bottom: none;
}

.custom-option:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 4px 4px;
}

.custom-option:hover,
.custom-option.selection {
  background: #F3A696;
}

#exp-sea {
  overflow-y: hidden;
}

#exp-sea .child-fv:before {
  background-image: url(./img/sea_header.jpg);
}

#exp-sea .child-fv.village::before {
  background-image: url(./img/village_header.jpg);
}

#exp-sea .child-fv.mountain::before {
  background-image: url(./img/mountain_header.jpg);
}

#exp-sea .fv-ttl-are {
  position: relative;
  top: -2.5rem;
  margin-bottom: 4.7rem;
}

@media (max-width: 768px) {
  #exp-sea .fv-ttl-are {
    margin-bottom: 8.4rem;
  }
}

#exp-sea .fv-ttl-are .fv-ttl {
  font-size: 5.6rem;
  font-family: 'Dela Gothic One', cursive;
}

@media (max-width: 768px) {
  #exp-sea .fv-ttl-are .fv-ttl {
    font-size: 6.4rem;
  }
}

#exp-sea .fv-ttl-are .fv-ttl span {
  position: relative;
  top: -1.4rem;
  color: #F98F7D;
}

#exp-sea .fv-ttl-are .fv-sub-ttl {
  position: relative;
  margin-bottom: 5.6rem;
  font-size: 1.3rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-style: normal;
}

#exp-sea .fv-ttl-are .fv-sub-ttl::before {
  position: relative;
  display: inline-block;
  content: "";
  background: #292929;
  width: 1px;
  height: 14px;
  margin: 0 11.5px 0 7px;
  margin-top: -.2em;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 768px) {
  #exp-sea .fv-ttl-are .fv-sub-ttl {
    font-size: 2.6rem;
    margin-bottom: 10rem;
  }
}

@media (max-width: 768px) {
  #exp-sea .fv-ttl-are .fv-txt {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 3.6rem;
    line-height: 6.8rem;
    color: #292929;
  }
}

#exp-sea .fv-txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  color: #292929;
}

#exp-sea section.card .inner {
  padding-top: 6.8rem;
}

#exp-sea section.card .inner div.category-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 7rem;
  padding: 0 4.5rem;
}

@media (max-width: 768px) {
  #exp-sea section.card .inner div.category-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    margin-bottom: 3.4rem;
    padding: 0;
  }
}

#exp-sea section.card .inner div.category-search p.category-search__ttl {
  position: relative;
  margin-right: 8.2rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #292929;
}

@media (max-width: 768px) {
  #exp-sea section.card .inner div.category-search p.category-search__ttl {
    margin-bottom: 10rem;
    font-size: 3rem;
  }
}

#exp-sea section.card .inner div.category-search p.category-search__ttl::before {
  position: absolute;
  content: "";
  width: 27px;
  height: 1px;
  background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 8px);
  background-size: 3.5px 1px;
  background-repeat: repeat-x;
  bottom: -16.5px;
  top: 50%;
  right: -70%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

#exp-sea section.card .inner div.category-search ul.category-search__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (max-width: 768px) {
  #exp-sea section.card .inner div.category-search ul.category-search__links {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 3.4rem;
  }
}

#exp-sea section.card .inner div.category-search .category-search__link.--all {
  white-space: nowrap;
  margin-right: 32px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.8rem;
  color: #292929;
}

#exp-sea section.card .inner div.category-search .category-search__link.--all.active {
  color: #F98F7D;
}

@media (max-width: 768px) {
  #exp-sea section.card .inner div.category-search .category-search__link.--all {
    font-size: 3.2rem;
    margin-bottom: 3.2rem;
  }
}


#exp-sea section.card .inner div.category-search ul.category-search__links .category-search__link {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.8rem;
  color: #292929;
  line-height: 2;
}

#exp-sea section.card .inner div.category-search ul.category-search__links a.category-search__link {
  margin-right: 3.2rem;
}

#exp-sea section.card .inner div.category-search ul.category-search__links a.category-search__link.active {
  color: #F98F7D;
}

@media (max-width: 768px) {
  #exp-sea section.card .inner div.category-search ul.category-search__links a.category-search__link:not(:last-of-type) {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  #exp-sea section.card .inner div.category-search ul.category-search__links a.category-search__link {
    width: 50%;
    font-size: 3.6rem;
    margin-bottom: 3.2rem;
  }
}

#exp-sea section.card .inner div.category-search a.more-category {
  display: none;
}

@media (max-width: 768px) {
  #exp-sea section.card .inner div.category-search a.more-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
  }

  #exp-sea section.card .inner div.category-search a.more-category p {
    margin-right: 3rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2.6rem;
    color: #292929;
  }
}

#exp-sea .view {
  margin-bottom: 14rem;
}

#category .inner {
  position: relative;
}

#category .category-container {
  margin-top: 7rem;
  padding: 4.2rem 0 6rem;
  position: relative;
}

@media (max-width: 768px) {
  #category .category-container {
    padding-top: 0;
  }
}

#category .category-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 100%;
  border-top-right-radius: 1.6rem;
  background-color: #F98F7D;
}

@media (max-width: 768px) {
  #category .category-container::before {
    width: 1rem;
  }
}

@media (max-width: 768px) {
  #category .category-container .inner {
    padding-top: 6rem;
  }
}

#category .category-container .category-list-area {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 7rem;
  padding: 0 8rem 6.05rem;
  border-bottom: 1px solid #777777;
}

@media (max-width: 768px) {
  #category .category-container .category-list-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10rem;
    padding: 0;
  }
}

#category .category-container .category-list-area .category-list-area__ttl {
  width: auto;
  margin-right: 4rem;
  font-size: 15px;
  font-weight: bold;
}

@media (max-width: 768px) {
  #category .category-container .category-list-area .category-list-area__ttl {
    position: relative;
    margin-bottom: 8.8rem;
  }
}

@media (max-width: 768px) {
  #category .category-container .category-list-area .category-list-area__ttl::before {
    content: "";
    width: 20px;
    height: 1px;
    background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 8px);
    background-size: 3.5px 1px;
    background-repeat: repeat-x;
    position: absolute;
    bottom: -16.5px;
    left: 0;
    right: 0;
  }
}

#category .category-container .category-list-area .category-list {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  #category .category-container .category-list-area .category-list {
    padding-bottom: 5.5rem;
  }
}

#category .category-container .category-list-area .category-list .category-list__item {
  font-family: 'Noto Sans JP', sans-serif;
  width: 15%;
  padding: 1.9rem 0 2rem 2rem;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #000;
  border-radius: 8px;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

#category .category-container .category-list-area .category-list .category-list__item.--all:hover {
  background-color: #AAAAAA;
  color: #fff;
  border: 1px solid #AAAAAA;
}

@media (max-width: 768px) {
  #category .category-container .category-list-area .category-list .category-list__item {
    width: 30%;
    margin-bottom: 2.8rem;
    padding: 3rem 0 2.8rem 3.2rem;
  }
}

#category .category-container .category-list-area .category-list .category-list__item.--experience {
  border-color: #F98F7D;
}

#category .category-container .category-list-area .category-list .category-list__item.--experience.active {
  border-color: #F98F7D;
  background-color: #F98F7D;
}

#category .category-container .category-list-area .category-list .category-list__item.--experience:hover {
  background-color: #F98F7D;
  color: #fff;
}

#category .category-container .category-list-area .category-list .category-list__item.--experience:hover.active {
  border-color: #F98F7D;
  background-color: #F98F7D;
}

#category .category-container .category-list-area .category-list .category-list__item.--gourmand {
  border-color: #FAAF64;
}

#category .category-container .category-list-area .category-list .category-list__item.--gourmand.active {
  border-color: #FAAF64;
  background-color: #FAAF64;
}

#category .category-container .category-list-area .category-list .category-list__item.--gourmand:hover {
  background-color: #FAAF64;
  color: #fff;
}

#category .category-container .category-list-area .category-list .category-list__item.--sightseeing {
  border-color: #73C79D;
}

#category .category-container .category-list-area .category-list .category-list__item.--sightseeing.active {
  border-color: #73C79D;
  background-color: #73C79D;
}

#category .category-container .category-list-area .category-list .category-list__item.--sightseeing:hover {
  background-color: #73C79D;
  color: #fff;
}

#category .category-container .category-list-area .category-list .category-list__item.--stay {
  border-color: #5DAEF5;
}

#category .category-container .category-list-area .category-list .category-list__item.--stay.active {
  border-color: #5DAEF5;
  background-color: #5DAEF5;
}

#category .category-container .category-list-area .category-list .category-list__item.--stay:hover {
  background-color: #5DAEF5;
  color: #fff;
}

#category .category-container .category-list-area .category-list .category-list__item.--culture {
  border-color: #BF7CBD;
}

#category .category-container .category-list-area .category-list .category-list__item.--culture.active {
  border-color: #BF7CBD;
  background-color: #BF7CBD;
}

#category .category-container .category-list-area .category-list .category-list__item.--culture:hover {
  background-color: #BF7CBD;
  color: #fff;
}

#category .category-container .category-list-area .category-list .category-list__item.active {
  background-color: #AAAAAA;
  border-color: #AAAAAA;
  color: #ffffff;
}

#category .view {
  margin: 0;
}

#category .fv-ttl-are {
  position: relative;
  top: -2.5rem;
}

#category .fv-ttl-are .fv-ttl {
  font-size: 5.6rem;
  font-family: 'Dela Gothic One', cursive;
}

@media (max-width: 768px) {
  #category .fv-ttl-are .fv-ttl {
    font-size: 6.4rem;
  }
}

#category .fv-ttl-are .fv-ttl span {
  position: relative;
  top: -1.4rem;
  color: #F98F7D;
}

#category .fv-ttl-are .fv-sub-ttl {
  position: relative;
  font-size: 1.3rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-style: normal;
}

#category .fv-ttl-are .fv-sub-ttl::before {
  position: relative;
  display: inline-block;
  content: "";
  background: #292929;
  width: 1px;
  height: 14px;
  margin: 0 11.5px 0 7px;
  margin-top: -.2em;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 768px) {
  #category .fv-ttl-are .fv-sub-ttl {
    font-size: 2.6rem;
  }
}

#category .fv-txt {
  font-family: 'Noto Sans JP', sans-serif;
  margin-top: 3rem;
  font-size: 18px;
}

@media (max-width: 768px) {
  #category .fv-txt {
    margin-top: 6.3rem;
    line-height: 6.8rem;
  }
}

.child-fv {
  position: relative;
  width: 97.1428571428571%;
  padding-top: 33.0882352941176%;
  border-bottom-left-radius: 16px;
  float: right;
  overflow: hidden;
  background-size: cover;
}

@media (max-width: 768px) {
  .child-fv {
    border-bottom-left-radius: 12px;
  }
}

@media (max-width: 768px) {
  .child-fv {
    width: 92%;
    padding-top: 71.5%;
    margin-left: 8%;
    border-radius: 2.4rem;
  }
}

.child-fv:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

#category .child-fv:before {
  background-image: url(./img/enjoy_header.jpg);
}

@media (max-width: 768px) {
  #category .child-fv:before {
    background-image: url(./img/sp/fv-sp-4.jpg);
  }
}

@media (max-width: 768px) {
  .child-fv:before {
    background-image: url(./img/sp/enjoy-fv-sp.jpg);
  }
}

#exp-detail {
  overflow-y: hidden;
  position: relative;
}

#exp-detail .child-fv::before {
  background-image: inherit;
}

#exp-detail::before {
  content: "";
  position: absolute;
  top: 93.6%;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 41%;
  background: #F3A696;
  z-index: -2;
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
}

@media (max-width: 768px) {
  #exp-detail::before {
    display: none;
  }
}

#exp-detail * {
  scroll-behavior: smooth;
}

#exp-detail .single-toc {
  position: fixed;
  top: 50%;
  right: 0;
  display: inline-block;
  z-index: 999;
}

@media (max-width: 768px) {
  #exp-detail .single-toc {
    display: none;
  }
}

#exp-detail .single-toc .single-toc-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 13.7rem;
  border-top-left-radius: .8rem;
  border-bottom-left-radius: .8rem;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#exp-detail .single-toc .single-toc-list a li {
  -webkit-transition: .3s;
  transition: .3s;
}

#exp-detail .single-toc .single-toc-list a:hover li {
  color: #F98F7D;
}

#exp-detail .single-toc .single-toc-list a:hover .single-toc-item.reservation {
  opacity: .8;
}

#exp-detail .single-toc .single-toc-list .single-toc-item {
  padding: 0 0 1rem 1.8rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #292929;
  font-size: 1.5rem;
}

#exp-detail .single-toc .single-toc-list .single-toc-item:first-child {
  padding: 2.4rem 0 2rem 2rem;
}

#exp-detail .single-toc .single-toc-list .single-toc-item:not(:last-of-type) {
  padding-bottom: 1.6rem;
}

#exp-detail .single-toc .single-toc-list .single-toc-item.reservation {
  color: #fff;
  background-color: #F56B53;
}

#exp-detail .inner .fv-ttl-area {
  position: relative;
  top: -1.5rem;
  margin-bottom: 5.5rem;
  font-family: 'Dela Gothic One', cursive;
  font-size: 2.4rem;
}

@media (max-width: 768px) {
  #exp-detail .inner .fv-ttl-area {
    font-size: 3.6rem;
  }
}

#exp-detail .inner .fv-ttl-area span {
  margin-left: 2rem;
  color: #F98F7D;
}

@media (max-width: 768px) {
  #exp-detail .inner .fv-ttl-area span {
    margin: 0;
  }
}

#exp-detail .inner .fv-txt {
  margin-bottom: 2.6rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 44px;
  font-weight: bold;
}

@media (max-width: 768px) {
  #exp-detail .inner .fv-txt {
    font-size: 5.6rem;
    line-height: 8.4rem;
  }
}

#exp-detail .inner .single-tag-area {
  margin-bottom: 7rem;
}

@media (max-width: 768px) {
  #exp-detail .inner .single-tag-area {
    margin-bottom: 21rem;
  }
}

#exp-detail .inner .single-tag-area .single-tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#exp-detail .inner .single-tag-area .single-tag-list .single-tag-item {
  margin-bottom: 10px;
  padding: 0.9rem 1.2rem 0.5rem .8rem;
  border: 1px solid #F98F7D;
  border-radius: 4px;
  border-color: #F98F7D;
  font-size: 1.1rem;
  color: #F98F7D;
}

@media (max-width: 768px) {
  #exp-detail .inner .single-tag-area .single-tag-list .single-tag-item {
    font-size: 10px;
  }
}

@media (max-width: 768px) {
  #exp-detail .inner .single-tag-area .single-tag-list .single-tag-item {
    padding: 1.7rem 2.3rem 1.2rem 2.2rem;
  }
}

#exp-detail .inner .single-tag-area .single-tag-list .single-tag-item:not(:last-child) {
  margin-right: .8rem;
}

@media (max-width: 768px) {
  #exp-detail .inner .single-tag-area .single-tag-list .single-tag-item:not(:last-child) {
    margin-right: 1.4rem;
  }
}

#exp-detail section.inner.single-container {
  width: 94.2857142857143%;
  margin-bottom: 9.5rem;
  padding: 7rem 7.7rem 8rem;
  border-radius: 16px;
  background-color: #EBEBEB;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-container {
    width: 89.3333333333333%;
    margin-bottom: 15rem;
    padding: 7rem 4rem 8rem;
  }
}

#exp-detail section.inner.single-container .single-ttl-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 5rem;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-container .single-ttl-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    margin-bottom: 12rem;
  }
}

#exp-detail section.inner.single-container .single-ttl-area .single-ttl {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.02em;
  margin-right: 2.4rem;
  font-size: 3rem;
  color: #292929;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-container .single-ttl-area .single-ttl {
    font-size: 5rem;
    margin-bottom: 2.7rem;
  }
}

#exp-detail section.inner.single-container .single-ttl-area .single-ttl span {
  color: #F98F7D;
}

#exp-detail section.inner.single-container .single-ttl-area .single-sub-ttl {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #292929;
}

#exp-detail section.inner.single-container .single-ttl-area .single-sub-ttl::before {
  position: relative;
  display: inline-block;
  content: "";
  background: #292929;
  width: 1px;
  height: 14px;
  margin: 0 11.5px 0 7px;
  margin-top: -.2em;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#exp-detail section.inner.single-container .signle-item-area .single-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-container .signle-item-area .single-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

#exp-detail section.inner.single-container .signle-item-area .single-item:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-container .signle-item-area .single-item:nth-child(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

#exp-detail section.inner.single-container .signle-item-area .single-item:not(:last-of-type) {
  margin-bottom: 13rem;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-container .signle-item-area .single-item:not(:last-of-type) {
    margin-bottom: 15rem;
  }
}

#exp-detail section.inner.single-container .signle-item-area .signle-item-txt-area {
  width: 36.2068965517241%;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-container .signle-item-area .signle-item-txt-area {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }
}

#exp-detail section.inner.single-container .signle-item-area .signle-item-txt-area h3 {
  margin-bottom: 3.4rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  color: #292929;
  line-height: 3.2rem;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-container .signle-item-area .signle-item-txt-area h3 {
    margin-bottom: 4.6rem;
    line-height: 6.4rem;
  }
}

#exp-detail section.inner.single-container .signle-item-area .signle-item-txt-area p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #292929;
  font-size: 17px;
  line-height: 3.8rem;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-container .signle-item-area .signle-item-txt-area p {
    line-height: 5.6rem;
  }
}

#exp-detail section.inner.single-container .signle-item-area .single-item-img-area {
  position: relative;
  width: 56.8965517241379%;
  border-radius: .8rem;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-container .signle-item-area .single-item-img-area {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 5rem;
  }
}

#exp-detail section.inner.single-container .signle-item-area .single-item-img-area::before {
  position: absolute;
  content: 'CHECK  01';
  right: 1.5rem;
  top: -5rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-size: 6.4rem;
  -webkit-text-stroke: 2px #FFF;
  color: transparent;
}

#exp-detail section.inner.single-container .signle-item-area .single-item-img-area img {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  border-radius: .8rem;
  -o-object-fit: cover;
  object-fit: cover;
}

#exp-detail section.inner.single-container .signle-item-area .single-item-img-area.--two::before {
  content: 'CHECK  02';
  left: 0;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-container .signle-item-area .single-item-img-area.--two::before {
    left: inherit;
    right: 0;
  }
}

#exp-detail section.inner.single-container .signle-item-area .single-item-img-area.--three::before {
  content: 'CHECK  03';
}

#exp-detail section.inner.single-detail {
  margin: 0 auto;
  width: 82.8571428571429%;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail {
    width: 88.3%;
  }
}

#exp-detail section.inner.single-detail .detail-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 11.8rem;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail .detail-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 17.2rem;
  }
}

#exp-detail section.inner.single-detail .detail-top .detail-top-left {
  width: 100%;
}

#exp-detail section.inner.single-detail .detail-top .detail-top-right {
  width: 100%;
}

#exp-detail section.inner.single-detail .detail-item {
  width: 86.2068965517241%;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail .detail-item {
    width: 100%;
  }
}

#exp-detail section.inner.single-detail .detail-item .detail__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #292929;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail .detail-item .detail__ttl {
    padding-bottom: 3rem;
  }
}

#exp-detail section.inner.single-detail .detail-item .detail__ttl h3 {
  margin-right: 2.3rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem;
  color: #292929;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail .detail-item .detail__ttl h3 {
    margin-right: 4rem;
    font-size: 5rem;
  }
}

#exp-detail section.inner.single-detail .detail-item .detail__ttl h3 span {
  color: #F98F7D;
}

#exp-detail section.inner.single-detail .detail-item .detail__ttl p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
}

#exp-detail section.inner.single-detail .detail-item .detail__ttl p::before {
  position: relative;
  display: inline-block;
  content: "";
  background: #292929;
  width: 1px;
  height: 14px;
  margin: 0 11.5px 0 7px;
  margin-top: -.2em;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#exp-detail section.inner.single-detail .detail-item ul.information-content li.information-item, #exp-detail section.inner.single-detail .detail-item ul.information-content li.price-item, #exp-detail section.inner.single-detail .detail-item ul.price-content li.information-item, #exp-detail section.inner.single-detail .detail-item ul.price-content li.price-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24.5px 22px;
  border-bottom: 1px dashed #292929;
}

#exp-detail section.inner.single-detail .detail-item ul.information-content li.information-item p.information__ttl, #exp-detail section.inner.single-detail .detail-item ul.information-content li.information-item p.price__ttl, #exp-detail section.inner.single-detail .detail-item ul.information-content li.price-item p.information__ttl, #exp-detail section.inner.single-detail .detail-item ul.information-content li.price-item p.price__ttl, #exp-detail section.inner.single-detail .detail-item ul.price-content li.information-item p.information__ttl, #exp-detail section.inner.single-detail .detail-item ul.price-content li.information-item p.price__ttl, #exp-detail section.inner.single-detail .detail-item ul.price-content li.price-item p.information__ttl, #exp-detail section.inner.single-detail .detail-item ul.price-content li.price-item p.price__ttl {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  color: #292929;
}

#exp-detail section.inner.single-detail .detail-item ul.information-content li.information-item p.information__txt, #exp-detail section.inner.single-detail .detail-item ul.information-content li.information-item p.price__txt, #exp-detail section.inner.single-detail .detail-item ul.information-content li.price-item p.information__txt, #exp-detail section.inner.single-detail .detail-item ul.information-content li.price-item p.price__txt, #exp-detail section.inner.single-detail .detail-item ul.price-content li.information-item p.information__txt, #exp-detail section.inner.single-detail .detail-item ul.price-content li.information-item p.price__txt, #exp-detail section.inner.single-detail .detail-item ul.price-content li.price-item p.information__txt, #exp-detail section.inner.single-detail .detail-item ul.price-content li.price-item p.price__txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  color: #292929;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail .course {
    margin-bottom: 14rem;
  }
}

#exp-detail section.inner.single-detail .course .detail__ttl {
  margin-bottom: 3rem;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail .course .detail__ttl {
    margin-bottom: 4.7rem;
  }
}

#exp-detail section.inner.single-detail .course .course-list {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  color: #292929;
  line-height: 2;
}

#exp-detail section.inner.single-detail .course .course-list .course-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

#exp-detail section.inner.single-detail .course .course-list .course-item:not(:last-child) {
  margin-bottom: 3.8rem;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail .course .course-list .course-item:not(:last-child) {
    margin-bottom: 8rem;
  }
}

#exp-detail section.inner.single-detail .course .course-list .course-item:not(:last-child)::before {
  position: absolute;
  content: "";
  bottom: -3.3rem;
  left: 56.2%;
  border: .8rem solid transparent;
  border-top: .9rem solid #F98F7D;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail .course .course-list .course-item:not(:last-child)::before {
    bottom: -7rem;
    left: 49%;
    border: 1.6rem solid transparent;
    border-top: 1.8rem solid #F98F7D;
  }
}

#exp-detail section.inner.single-detail .course .course-list .course-item__ttl {
  position: relative;
  margin-right: 4.6rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem;
  color: #fff;
  -webkit-text-stroke: 1px #F98F7D;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail .course .course-list .course-item__ttl {
    margin-right: 9.4rem;
    font-size: 6rem;
  }
}

#exp-detail section.inner.single-detail .course .course-list .course-item__ttl::before {
  position: absolute;
  content: "";
  width: 27px;
  height: 1px;
  background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 8px);
  background-size: 3.5px 1px;
  background-repeat: repeat-x;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  right: -3.5rem;
  top: 2rem;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail .course .course-list .course-item__ttl::before {
    right: -7.5rem;
    top: 4.5rem;
  }
}

#exp-detail section.inner.single-detail .course .course-list .course-item__txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#exp-detail section.inner.single-detail .course .course-list .course-item__txt-area .course-item__txt-ttl {
  padding-top: 0.8rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #292929;
  font-size: 1.8rem;
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail .course .course-list .course-item__txt-area .course-item__txt-ttl {
    padding-top: 1.6rem;
    font-size: 3.6rem;
  }
}

#exp-detail section.inner.single-detail .course .course-list .course-item__txt-area .couse-item__txt-txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #292929;
  font-size: 15px;
  line-height: 2.7rem;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail .course .course-list .course-item__txt-area .couse-item__txt-txt {
    line-height: 5.4rem;
  }
}

#exp-detail section.inner.single-detail .information {
  margin-bottom: 6.85rem;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail .information {
    margin-bottom: 15rem;
  }
}

#exp-detail section.inner.single-detail .information, #exp-detail section.inner.single-detail .price {
  float: right;
}

#exp-detail section.inner.single-detail .note {
  position: relative;
  margin-bottom: 10rem;
  padding: 2.6rem 0 2.8rem;
  border-top: 1px solid #292929;
  border-bottom: 1px solid #292929;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail .note {
    padding: 29.5px 0 27.5px;
  }
}

#exp-detail section.inner.single-detail .note p.note__ttl {
  position: absolute;
  width: 7.5rem;
  top: -.75rem;
  left: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  background-color: #fff;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-detail .note p.note__ttl {
    width: 16rem;
    top: -1.5rem;
  }
}

#exp-detail section.inner.single-detail .note p.note__txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 25px;
}

#exp-detail .contact-btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}

@media (max-width: 768px) {
  #exp-detail .contact-btn-area.--pc {
    display: none;
  }
}

#exp-detail .contact-btn-area.--sp {
  display: none;
  margin-bottom: 4.3rem;
}

@media (max-width: 768px) {
  #exp-detail .contact-btn-area.--sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 99;
    bottom: 20px;
    margin-bottom: 0px;
  }
}

#exp-detail .contact-btn-area.--sp a {
  margin: 0;
  margin-left: 1.7rem;
  padding: 3rem 0;
  padding-left: 6rem;
  padding-right: 6rem;
  -webkit-box-shadow: 2px 2px 0 #292929;
  box-shadow: 2px 2px 0 #292929;
  text-align: center;
  border-radius: 6px;
}

#exp-detail .contact-btn-area.--sp a p {
  font-size: 4.5vw;
}

#exp-detail .contact-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 10rem;
  padding: 3.2rem 11rem 3.2rem 11rem;
  background-color: #F56B53;
  border-radius: .8rem;
  -webkit-transition: .3s;
  transition: .3s;
  text-align: center;
}

#exp-detail .contact-btn p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.4rem;
  color: #fff;
}

#exp-detail .contact-btn:hover {
  opacity: .8;
}

#exp-detail .contact-btn .more-area {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  border-radius: 50%;
  right: -20px;
  border: 1px solid #fff;
}

#exp-detail .contact-btn i {
  color: #fff;
}

/* @media (max-width: 2560px) {
  #exp-detail .contact-btn i {
    width: 22px;
    height: 22px;
    line-height: 22px;
  }
} */

#exp-detail section.inner.single-contact {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 14rem;
  padding: 3.3rem 4.7rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #292929;
  border-radius: 1.6rem;
  background-color: #fff;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 7.8rem 4rem;
    border-radius: 2.4rem;
  }
}

#exp-detail section.inner.single-contact .single-contact-left {
  width: 49%;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-contact .single-contact-left {
    width: 100%;
  }
}

#exp-detail section.inner.single-contact .single-contact-left h3.single-contact-ttl {
  position: relative;
  margin-bottom: 4.6rem;
  padding-left: 1.2rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.4rem;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-contact .single-contact-left h3.single-contact-ttl {
    margin-bottom: 6.8rem;
    padding-left: 3.4rem;
    font-size: 4rem;
  }
}

#exp-detail section.inner.single-contact .single-contact-left h3.single-contact-ttl::before {
  position: absolute;
  content: '';
  top: 50%;
  left: -1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-color: #F98F7D;
  border-radius: 50%;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-contact .single-contact-left h3.single-contact-ttl::before {
    left: -.3rem;
  }
}

#exp-detail section.inner.single-contact .single-contact-left ul.single-contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1.2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-contact .single-contact-left ul.single-contact-info {
    padding: 0;
    word-break: break-all;
  }
}

#exp-detail section.inner.single-contact .single-contact-left ul.single-contact-info li.contact-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-contact .single-contact-left ul.single-contact-info li.contact-info-item:nth-of-type(2n) {
    margin-bottom: 3.2rem;
  }
}

#exp-detail section.inner.single-contact .single-contact-left ul.single-contact-info li.contact-info-item p.contact-info-item-ttl {
  width: 6.5rem;
  margin-right: 4.8rem;
  margin-bottom: 2.8rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #292929;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-contact .single-contact-left ul.single-contact-info li.contact-info-item p.contact-info-item-ttl {
    margin-right: 9.5rem;
    margin-bottom: 5rem;
    width: 12rem;
    font-size: 3rem;
  }
}

#exp-detail section.inner.single-contact .single-contact-left ul.single-contact-info li.contact-info-item p.contact-info-item-txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  color: #292929;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-contact .single-contact-left ul.single-contact-info li.contact-info-item p.contact-info-item-txt {
    font-size: 3rem;
    line-height: 4.8rem;
  }
}

#exp-detail section.inner.single-contact .single-contact-right {
  width: 49%;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-contact .single-contact-right {
    width: 100%;
  }
}

#exp-detail section.inner.single-contact .single-contact-right .map-area {
  width: 100%;
  position: relative;
  padding-top: 60.8%;
}

@media (max-width: 768px) {
  #exp-detail section.inner.single-contact .single-contact-right .map-area {
    padding-top: 100%;
  }
}

#exp-detail section.inner.single-contact .single-contact-right .map-area iframe {
  border-radius: 1.2rem;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#exp-detail section.inner.single-contact .single-contact-right .more-btn-area {
  display: inline-block;
  float: right;
}

#exp-detail section.inner.single-contact .single-contact-right a {
  display: inline;
  margin-top: .6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  text-align: right;
}

#exp-detail section.inner.single-contact .single-contact-right a i {
  margin-right: .8rem;
}

#exp-detail section.inner.single-contact .single-contact-right a p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
}



/*--------------------  single-post.php  ----------------------------*/
#enjoy-detail {
  overflow-y: hidden;
}

#enjoy-detail .child-fv {
  margin-bottom: 3rem;
}

@media (max-width: 768px) {
  #enjoy-detail .child-fv {
    margin-bottom: 6.7rem;
  }
}

#enjoy-detail .inner .fv-ttl-area {
  position: relative;
  top: -4.5rem;
  font-family: 'Dela Gothic One', cursive;
  font-size: 2.4rem;
  color: #292929;
}

@media (max-width: 768px) {
  #enjoy-detail .inner .fv-ttl-area {
    top: -9rem;
    font-size: 3.6rem;
  }
}

#enjoy-detail .inner .fv-ttl-area span {
  margin-left: 1rem;
  color: #F98F7D;
}



.article-container {
  position: relative;
  margin-bottom: 3.05rem;
  padding-bottom: 5.05rem;
}

.article-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 100%;
  border-top-right-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
  background: #F98F7D;

}

@media (max-width: 768px) {
  .article-container {
    margin-bottom: 6rem;
    padding-bottom: 8.7rem;
  }

  .article-container::before {
    width: 1rem;
  }
}

.article__meta {
  display: flex;
  align-items: center;
}

.category {
  padding: .43rem 2.4rem .67rem 1rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  color: #fff;
  border-radius: .4rem;
}

@media (max-width: 768px) {
  .category {
    padding: .86rem 4.8rem 1.34rem 2rem;
    font-size: 2.4rem;
  }
}

.category.--experience {
  border-color: #F98F7D;
  background-color: #F98F7D;
}

.category.--stay {
  border-color: #BF7CBD;
  background-color: #BF7CBD;
}

.category.--culture {
  border-color: #5DAEF5;
  background-color: #5DAEF5;
}

.category.--gourmand {
  border-color: #FAAF64;
  background-color: #FAAF64;
}

.category.--sightseeing {
  border-color: #73C79D;
  background-color: #73C79D;
}

.category.--stay {
  border-color: #5DAEF5;
  background-color: #5DAEF5;
}

.article__category {
  margin-right: 2.4rem;
}

@media (max-width: 768px) {
  .category {
    font-size: 2.4rem;
    border-radius: .8rem;
  }
}

.article__date {
  font-size: 1.3rem;
  color: #777777;
  font-family: noto-sans-cjk-jp, sans-serif;
}

@media (max-width: 768px) {
  .article__date {
    font-size: 2.6rem;
  }
}

.article__title {
  margin-top: 1.6rem;
}

.article-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 4rem;
  line-height: 5.6rem;
}

.article__content {
  margin-top: 5.8rem;
  line-height: 1.8;
}

.article__content h2 {
  border-bottom: 2px solid #000;
  font-weight: bold;
  margin-top: 4rem;
  margin-bottom: 2rem;
  font-size: clamp(22.5px, 2.4rem, 24px);
}

.article__content h3 {
  font-weight: bold;
  margin-top: 4rem;
  margin-bottom: 2rem;
  font-size: clamp(20px, 2rem, 22px);
}

.article__content h4 {
  font-weight: bold;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  font-size: clamp(17px, 1.7rem, 20px);
}

.article__content h5 {
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: clamp(16px, 1.6rem, 17px);
}

.article__content h6 {
  font-weight: bold;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: clamp(15px, 1.5rem, 14px);
}

.article__content p {
  line-height: 1.8;
  font-size: clamp(16px, 1.4rem, 14px);
}

.article__content ul {
  list-style-type: square;
  line-height: 1.8;
  font-size: clamp(16px, 1.4rem, 14px);
  margin-left: 3rem;
}

.article__page-nav {
  margin-top: 5.05rem;
  padding-top: 3.05rem;
}

.wp-block-button__link {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: clamp(16px, 1.4rem, 14px);
  font-weight: bold;
  color: #fff;
  background-color: #32373c;
  border-radius: 9999px;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  text-align: center;
  text-decoration: none;
  word-break: break-word;
  box-sizing: border-box;
}


.page-nav {
  display: flex;
  justify-content: space-between;
  border-top: 1px dotted #292929;
}

.page__nav {
  color: #292929;
  border: 1px solid #292929;
}

.page__nav.--left {
  margin-right: 1rem;
}

.page__nav.--right {
  margin-left: 1rem;
}


.navileft a, .naviright a {
  display: flex;
  align-items: center;
}

.navileft a, .naviright a, .navitop a {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.2rem;
  color: #292929;
}

.navileft, .naviright {
  width: 34%;
}

.navileft a {
  float: left;
}

.naviright a {
  float: right;
}

@media (max-width: 768px) {
  .navileft a, .naviright a, .navitop a {
    line-height: 4.4rem;
    font-size: 3rem;
  }
}


section.recommend-plan {
  margin: 180px auto 14rem;
  width: 94.2857142857143%;
  background-image: url(./img/plan-back.jpg);
  background-size: cover;
  border-radius: 16px;
}

@media (max-width: 768px) {
  section.recommend-plan {
    margin-bottom: 20rem;
    width: 100%;
    border-radius: 0;
  }
}

.recommend-plan__inner {
  padding: 4.77rem 0 6.0rem;
  width: 87.8787878787879%;
}

@media (max-width: 768px) {
  .recommend-plan__inner {
    padding: 3.5rem 0 9rem;
    width: 89.3333333333333%;
  }
}

.recommend-plan .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .recommend-plan .title {
    flex-direction: column;
  }
}

.recommend-plan .title__sub {
  margin-right: 2.2rem;
  font-family: 'Dela Gothic One', cursive;
  font-size: 1.8rem;
  color: #292929;
}

@media (max-width: 768px) {
  .recommend-plan .title__sub {
    font-size: 3rem;
  }
}

.recommend-plan .title__sub span {
  color: #F98F7D;
}

.recommend-plan .title__main {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: bold;
  font-size: 2.4rem;
}

@media (max-width: 768px) {
  .recommend-plan .title__main {
    margin-top: 2.1rem;
    font-size: 4.4rem;
  }
}

.recommend-plan__cards {
  margin-top: 47px;
}

@media (max-width: 768px) {
  .recommend-plan .cards {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .recommend-plan .cards {
    flex-direction: column;
  }
}

.recommend-plan .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.recommend-plan .card {
  width: 29.8275862068966%;
  border: none;
  border-radius: 8px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .recommend-plan .card {
    width: 100%;
    max-width: 425px;
    margin: 0 auto;
    border-radius: 6px;
  }
}

.recommend-plan .card:not(:last-child) {
  margin-right: 61px;
}

@media (max-width: 768px) {
  .recommend-plan .card:not(:last-child) {
    margin: 0 auto 6.4rem;
  }
}

.recommend-plan .card__head {
  position: relative;
  width: 100%;
  padding-top: 56.0693641618497%;
  font-size: 0;
}

.nav {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  border-radius: 50%;
  font-size: xx-small;
  z-index: 10;
}

.card__nav {
  position: absolute;
  border: 1px solid #fff;
  bottom: 10%;
  right: 6%;
}

@media (max-width: 768px) {
  .nav {
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
  }
}

.recommend-plan .card__nav i {
  color: #fff;
  font-weight: 900;
}

.recommend-plan .card__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recommend-plan .card__title {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-size: 1.8rem;
  color: #292929;
  font-weight: 500;
  line-height: 3rem;
}

@media (max-width: 768px) {
  .recommend-plan .card__title {
    font-size: 3.6rem;
    line-height: 6rem;
  }
}

.recommend-plan .card__body {
  padding: 3.03rem 2.9rem 3.1rem 3rem;
  border-bottom-left-radius: .8rem;
  border-bottom-right-radius: .8rem;
  background: #fff;
}

.recommend-plan .tags {
  display: flex;
}

.recommend-plan .recommend-card__tag {
  margin-top: 28px;
}

.recommend-plan .recommend-card__tag:not(:last-child) {
  margin-right: 8px;
}

.recommend-plan .tag {
  padding: 5px 10px 6px 8px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  color: #F98F7D;
  border: 1px solid #F98F7D;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .recommend-plan .tag {
    font-size: 2.2rem;
  }
}

/*--------------------  single-post.php  ----------------------------*/


.ttl-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5.3rem;
}

@media (max-width: 768px) {
  .ttl-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 9.6rem;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
  }
}

.ttl-area h2 {
  margin-right: 3.3rem;
  font-family: 'Dela Gothic One', cursive;
  font-size: 1.8rem;
}

@media (max-width: 768px) {
  .ttl-area h2 {
    margin-bottom: 1.4rem;
    font-size: 3rem;
  }
}

.ttl-area h2 span {
  color: #F98F7D;
}

.ttl-area p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.4rem;
}

@media (max-width: 768px) {
  .ttl-area p {
    font-size: 4.4rem;
  }
}

main#contact {
  position: relative;
  padding: 0 0 14rem;
  overflow-y: hidden;
  background: #fff;
}

@media (max-width: 768px) {
  main#contact {
    padding-bottom: 19.8rem;
  }
}

main#contact .inner {
  margin: 0 auto;
  width: 80%;
}

@media (max-width: 768px) {
  main#contact .inner {
    width: 95%;
  }
}

main#contact .inner::before {
  content: "";
  position: absolute;
  bottom: -51%;
  right: 0;
  width: 100%;
  height: 42%;
  background: #F3A696;
  z-index: -1;
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
}

@media (max-width: 768px) {
  main#contact .inner::before {
    bottom: -32.5%;
  }
}

main#contact .contact-txt-area {
  margin-bottom: 8.97rem;
  text-align: center;
}

@media (max-width: 768px) {
  main#contact .contact-txt-area {
    margin-bottom: 9.8rem;
  }
}

main#contact .contact-txt-area h2.txt-area-ttl {
  margin-bottom: 4rem;
  padding-top: 11.6rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 4.4rem;
  font-weight: bold;
  color: #292929;
}

@media (max-width: 768px) {
  main#contact .contact-txt-area h2.txt-area-ttl {
    margin-bottom: 5.8rem;
    font-size: 6rem;
  }
}

main#contact .contact-txt-area h3.txt-area-ttl {
  margin-top: 4rem;
  margin-bottom: 4rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 3.4rem;
  font-weight: bold;
  color: #292929;
}

@media (max-width: 768px) {
  main#contact .contact-txt-area h3.txt-area-ttl {
    margin-top: 6.8rem;
    margin-bottom: 5.8rem;
    font-size: 5rem;
  }
}

main#contact .contact-txt-area p.txt-area-txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  color: #292929;
}

@media (max-width: 768px) {
  main#contact .contact-txt-area p.txt-area-txt {
    font-size: 3.6rem;
    line-height: 7rem;
    text-align: left;
  }
}

main#contact .contact-form-area {
  border-top: 1px solid #777777;
}

main#contact .contact-form-area .contact-form-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

main#contact .contact-form-area .contact-form-list .contact-form-item {
  position: relative;
  padding: 2.6rem 0 2.8rem 2.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px dotted #292929;
}

@media (max-width: 768px) {
  main#contact .contact-form-area .contact-form-list .contact-form-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    gap: 2rem;
    padding: 4.4rem 0 4.5rem;
  }
}

main#contact .contact-form-area .contact-form-list .contact-form-item .contact-form-txtarea {
  position: relative;
  width: 74%;
  /* padding-top: 36%; */
}

@media (max-width: 768px) {
  main#contact .contact-form-area .contact-form-list .contact-form-item .contact-form-txtarea {
    /* padding-top: 72%; */
    width: 100%;
  }
}

main#contact .contact-form-area .contact-form-list .contact-form-item .contact-form-txtarea span {
  position: initial;
}

main#contact .contact-form-area .contact-form-list .contact-form-item .contact-form-txtarea textarea {
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  width: 100%;
  height: 100%;
  background-color: #fff;
  resize: none;
}

main#contact .contact-form-area .contact-form-list .contact-form-item.--txtarea {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

main#contact .contact-form-area .contact-form-list .contact-form-item.--txtarea .form-ttl {
  display: block;
  padding: 0;
}

@media (max-width: 768px) {
  main#contact .contact-form-area .contact-form-list .contact-form-item.--txtarea .form-ttl {
    padding: 0;
  }
}

main#contact .form-ttl {
  display: block;
  width: 17%;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.3vw;
}

@media (max-width: 768px) {
  main#contact .form-ttl {
    width: auto;
    font-size: 3rem;
  }
}

main#contact .ch-ttl {
  display: block;
  width: 100%;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3vw;
}

@media (max-width: 768px) {
  main#contact .ch-ttl {
    width: auto;
    font-size: 2.5rem;
  }
}

main#contact .ch-ttl2 {
  display: block;
  width: 100%;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.1vw;
  margin-top: 10px;
}

@media (max-width: 768px) {
  main#contact .ch-ttl2 {
    width: auto;
    line-height: 1.8em;
    font-size: 2.5rem;
  }
}

main#contact input, main#contact textarea {
  padding: 1rem;
  border: 1px solid #AAAAAA;
  border-radius: .8rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-size: 1.3vw;
}

@media (max-width: 768px) {
  main#contact input, main#contact textarea {
    width: 100%;
    height: 10rem;
    border-radius: 1.6rem;
    font-size: 2.5rem;
  }
}

main#contact input, main#contact select {
  padding: 1rem;
  border: 1px solid #AAAAAA;
  border-radius: .8rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-size: 1.3vw;
}

@media (max-width: 768px) {
  main#contact input, main#contact select {
    width: 100%;
    height: 10rem;
    border-radius: 1.6rem;
    font-size: 2.5rem;
  }
}

main#contact .submit-btn-area {
  margin: 4rem auto 0;
  width: 16rem;
  height: 6rem;
  text-align: center;
  line-height: 4rem;
  background-color: #292929;
  border-radius: .8rem;
}

@media (max-width: 768px) {
  main#contact .submit-btn-area {
    margin-top: 8rem;
    width: 32rem;
    height: 12rem;
    line-height: 12rem;
  }
}

main#contact .submit-btn-area input {
  width: 100%;
  height: initial;
  border: none;
}

@media (max-width: 768px) {
  main#contact .submit-btn-area input {
    padding: 0px;
  }
}

main#contact .submit-btn-area .submit-btn {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #fff;
}

@media (max-width: 768px) {
  main#contact .submit-btn-area .submit-btn {
    font-size: 3rem;
  }
}

.breadcrumb {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  padding: 1rem 1.5rem 1.1rem 4rem;
  min-width: 38.5714285714286%;
  background-color: #292929;
  border-bottom-right-radius: 1.6rem;
}

@media (max-width: 768px) {
  .breadcrumb {
    display: none;
  }
}

.breadcrumb .breadcrumb-top {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.3rem;
  color: #fff;
}

.breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.breadcrumb ul li {
  font-family: 'Noto Sans JP', sans-serif;
  color: #fff;
  font-size: 1.3rem;
}

.breadcrumb ul li:last-child {
  color: #AAAAAA;
}

.breadcrumb ul li:not(:last-child) {
  margin-right: 2.2rem;
}

#privacy {
  overflow-y: hidden;
  position: relative;
}

#privacy .inner {
  width: 71.4285714285714%;
}

@media (max-width: 768px) {
  #privacy .inner {
    width: 89.3333333333333%;
  }
}

#privacy .inner::before {
  content: "";
  position: absolute;
  bottom: -51%;
  right: 0;
  width: 100%;
  height: 42%;
  background: #F3A696;
  z-index: -1;
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
}

@media (max-width: 768px) {
  #privacy .inner::before {
    bottom: -36.5%;
  }
}

#privacy .privacy-txt-area {
  margin-bottom: 8.97rem;
  text-align: center;
}

@media (max-width: 768px) {
  #privacy .privacy-txt-area {
    margin-bottom: 9.8rem;
  }
}

#privacy .privacy-txt-area h2.txt-area-ttl {
  margin-bottom: 4rem;
  padding-top: 11.6rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 4.4rem;
  font-weight: bold;
  color: #292929;
}

@media (max-width: 768px) {
  #privacy .privacy-txt-area h2.txt-area-ttl {
    margin-bottom: 5.8rem;
    font-size: 6rem;
  }
}

#privacy .privacy-txt-area p.txt-area-txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  color: #292929;
}

@media (max-width: 768px) {
  #privacy .privacy-txt-area p.txt-area-txt {
    font-size: 3.6rem;
    line-height: 7rem;
  }
}

#privacy .privacy__container {
  padding-top: 5rem;
  border-top: 1px solid #777777;
}

@media (max-width: 768px) {
  #privacy .privacy__container {
    padding-top: 6.2rem;
  }
}

#privacy .privacy__container p.privacy__header-txt {
  margin-bottom: 5.7rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  color: #292929;
  line-height: 3.6rem;
}

@media (max-width: 768px) {
  #privacy .privacy__container p.privacy__header-txt {
    margin-bottom: 10.3rem;
    font-size: 3.6rem;
    line-height: 6.8rem;
  }
}

#privacy .privacy__container ul.privacy__list {
  margin-bottom: 13.5rem;
}

@media (max-width: 768px) {
  #privacy .privacy__container ul.privacy__list {
    margin-bottom: 19rem;
  }
}

#privacy .privacy__container ul.privacy__list li.privacy__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

@media (max-width: 768px) {
  #privacy .privacy__container ul.privacy__list li.privacy__list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

#privacy .privacy__container ul.privacy__list li.privacy__list-item:not(:last-of-type) {
  margin-bottom: 5rem;
}

@media (max-width: 768px) {
  #privacy .privacy__container ul.privacy__list li.privacy__list-item:not(:last-of-type) {
    margin-bottom: 7rem;
  }
}

#privacy .privacy__container ul.privacy__list li.privacy__list-item div.privacy-list__left {
  width: 22.2%;
  padding-right: 4rem;
}

@media (max-width: 768px) {
  #privacy .privacy__container ul.privacy__list li.privacy__list-item div.privacy-list__left {
    width: 100%;
  }
}

#privacy .privacy__container ul.privacy__list li.privacy__list-item div.privacy-list__left p.privacy-list__number {
  margin-bottom: 1rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #F98F7D;
}

@media (max-width: 768px) {
  #privacy .privacy__container ul.privacy__list li.privacy__list-item div.privacy-list__left p.privacy-list__number {
    margin-bottom: 1.2rem;
    font-size: 3rem;
  }
}

#privacy .privacy__container ul.privacy__list li.privacy__list-item div.privacy-list__left p.privacy-list__ttl {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.8rem;
  color: #292929;
  line-height: 2.8rem;
}

@media (max-width: 768px) {
  #privacy .privacy__container ul.privacy__list li.privacy__list-item div.privacy-list__left p.privacy-list__ttl {
    padding-bottom: 2.8rem;
    font-size: 3.6rem;
    line-height: 5.6rem;
  }
}

#privacy .privacy__container ul.privacy__list li.privacy__list-item div.privacy-list__right {
  width: 77.8%;
  padding-left: 4rem;
  border-left: 1px dotted #292929;
}

@media (max-width: 768px) {
  #privacy .privacy__container ul.privacy__list li.privacy__list-item div.privacy-list__right {
    padding: 2.5rem 0 0;
    width: 100%;
    border-left: none;
    border-top: 1px dotted #292929;
  }
}

#privacy .privacy__container ul.privacy__list li.privacy__list-item div.privacy-list__right p.privacy-list__txt {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  color: #292929;
  line-height: 3rem;
}

@media (max-width: 768px) {
  #privacy .privacy__container ul.privacy__list li.privacy__list-item div.privacy-list__right p.privacy-list__txt {
    font-size: 3rem;
    line-height: 6rem;
  }
}

/* ---------------- OutDoorBase ---------------------------*/
#odb .odb-fv-bar {
  width: 100vw;
  height: 1.5rem;
  background-color: #20201F;
}

@media (max-width: 480px) {
  #odb .odb-fv-bar {
    height: 3rem;
  }
}

#odb .odb-fv.--pc {
  position: relative;
  width: 100vw;
}

@media (max-width: 480px) {
  #odb .odb-fv.--pc {
    display: none;
  }
}

#odb .odb-fv.--pc .odb-fv-waku-area {
  width: 100%;
  max-width: 1315px;
  margin: 0 auto;
}

#odb .odb-fv.--pc .odb-fv-waku-area .odb-fv-waku {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

#odb .odb-fv.--pc .odb-fv-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 390px;
  width: 29.5935714285714%;
  -o-object-fit: contain;
  object-fit: contain;
}

#odb .odb-fv.--pc .odb-fv-logo img {
  max-width: 100%;
}

#odb .odb-fv.--sp {
  display: none;
  text-align: center;
}

@media (max-width: 480px) {
  #odb .odb-fv.--sp {
    display: block;
  }
}

#odb .odb-fv.--sp .odb-fv-logo {
  margin: 0 auto;
  padding-top: 10rem;
  padding-bottom: 11.94rem;
  width: 78.6666666666667%;
  height: auto;
}

#odb .odb-fv.--sp .odb-fv-waku {
  -o-object-fit: contain;
  object-fit: contain;
  height: auto;
}

#odb #odb-about {
  position: relative;
  z-index: 1;
  padding: 10.5rem 0 11.7rem;
  width: 100%;
  background-color: #20201F;
}

@media (max-width: 480px) {
  #odb #odb-about {
    padding: 17.95rem 0rem 20.5rem;
  }
}

#odb #odb-about::before {
  position: absolute;
  content: '';
  bottom: -1.5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 24.635rem;
  height: 6.455rem;
  background: url(./img/odb/mountain.png);
  background-size: cover;
}

@media (max-width: 480px) {
  #odb #odb-about::before {
    width: 49.270rem;
    height: 12.91rem;
  }
}

#odb #odb-about .section-ttl-area {
  position: absolute;
  top: 4%;
  left: 8.5%;
  z-index: 0;
  font-size: 12rem;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #20201F;
  letter-spacing: 1.3rem;
  -webkit-text-stroke: 3px #333333;
}

@media (max-width: 480px) {
  #odb #odb-about .section-ttl-area {
    top: 4%;
    left: 5.6%;
    font-size: 19.5vw;
    letter-spacing: 2rem;
  }
}

#odb #odb-about .about-txt {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: 77.1428571428571%;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.8rem;
  line-height: 3.6rem;
  color: #fff;
}

@media (max-width: 480px) {
  #odb #odb-about .about-txt {
    font-size: 3.6rem;
    line-height: 7.22rem;
  }
}

#odb #odb-about .about-mov {
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

#odb #odb-about .fv-mov-title {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 67px;
  height: auto;
}

@media (max-width: 480px) {
  #odb #odb-about .fv-mov-title {
    height: auto;
    width: 78.6666666666667%;
  }
}

#odb .youtube {
  text-align: center;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 480px) {
  #odb .youtube {
    width: 100%;
  }
}

#odb .youtube .yt-inner {
  text-align: center;
  padding-top: 56.25%;
  position: relative;
  height: 0;
  overflow: hidden;
  width: 100%;
}

#odb .youtube .yt-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#odb .toc {
  margin: 0 auto;
  padding: 12.5rem 0 12.5rem;
  width: 50.8571428571429%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 2880px) {
  #odb .toc {
    width: 60%;
  }
}

@media (max-width: 1440px) {
  #odb .toc {
    width: 50.8571428571429%;
  }
}

@media (max-width: 1080px) {
  #odb .toc {
    width: 75%;
  }
}

@media (max-width: 480px) {
  #odb .toc {
    padding: 21rem 0 19.5rem;
    width: 85.8666666666667%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

#odb .toc .toc-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 480px) {
  #odb .toc .toc-area:nth-child(2n) .link-area .link-area__txt {
    margin-bottom: 2rem;
  }
}

#odb .toc .toc-area .line {
  margin-left: 1%;
}

@media (max-width: 480px) {
  #odb .toc .toc-area .toc-area__link:not(:nth-child(2n)) {
    padding-top: 3.5rem;
  }
}

#odb .toc .toc-area .toc-area__link:first-of-type::before {
  left: 25%;
}

@media (max-width: 480px) {
  #odb .toc .toc-area .toc-area__link:first-of-type::before {
    left: 30%;
  }
}

#odb .toc .toc-area .toc-area__link:not(:last-of-type)::before {
  position: absolute;
  content: '';
  right: 25%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.3rem;
  height: .3rem;
  text-align: center;
  border-bottom: .3rem dotted #292929;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

@media (max-width: 480px) {
  #odb .toc .toc-area .toc-area__link:not(:last-of-type)::before {
    top: 33%;
    right: 27.5%;
    width: 3.6rem;
    height: 3.6rem;
    border-bottom: .6rem dotted #292929;
  }
}

#odb .view {
  margin-bottom: 14rem;
  width: 100vw;
}

@media (max-width: 480px) {
  #odb .view {
    margin-bottom: 0;
  }
}

#odb .view .view-img-wrapper {
  position: relative;
  padding-top: 35.7142857142857%;
}

@media (max-width: 480px) {
  #odb .view .view-img-wrapper {
    padding-top: 128%;
  }
}

#odb .view img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#odb .view img.view-pc {
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 480px) {
  #odb .view img.view-pc {
    display: none;
  }
}

#odb .view img.view-sp {
  display: none;
}

@media (max-width: 480px) {
  #odb .view img.view-sp {
    display: block;
  }
}

#odb #equipments {
  position: relative;
  padding: 0 0 6rem 0;
  width: 100%;
  background-color: #F4F4F4;
}

@media (max-width: 480px) {
  #odb #equipments {
    padding: 0 0 12rem 0;
  }
}

#odb .equipments-waku {
  position: relative;
  padding: 8.5rem 0 0;
  width: 100%;
  background-color: #F4F4F4;
}

#odb .equipments-waku::before {
  position: absolute;
  content: "";
  width: 90%;
  height: 97.5%;
  background-image: url(./img/odb/equipment-waku-r3.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-bottom: 50px;
}

@media (max-width: 2880px) {
  #odb .equipments-waku::before {
    top: 2.5%;
    left: 3%;
  }
}

@media (max-width: 1440px) {
  #odb .equipments-waku::before {
    top: 4%;
    left: 1.5%;
  }
}

@media (max-width: 480px) {
  #odb .equipments-waku::before {
    top: 2.2%;
    left: 4.5%;
    background-image: url(./img/odb/equipment-waku-sp-r1.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
}

@media (max-width: 480px) {
  #odb .equipments-waku {
    padding: 22rem 8rem 0 12rem;
  }
}

#odb #equipments .section-ttl {
  position: absolute;
  top: -2.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  letter-spacing: .5rem;
}

@media (max-width: 480px) {
  #odb #equipments .section-ttl {
    top: -5rem;
    font-size: 10vw;
    letter-spacing: 1rem;
  }
}

#odb #service {
  position: relative;
  z-index: 1;
  padding: 0 0 15.2rem;
}

@media (max-width: 480px) {
  #odb #service {
    padding: 0 12rem 21rem 8rem;
  }
}

#odb .service-waku {
  position: relative;
  padding: 26.5rem 0 0;
  width: 100%;
}

@media (max-width: 480px) {
  #odb .service-waku {
    padding: 50rem 0 0;
  }
}

#odb .service-waku::before {
  position: absolute;
  content: "";
  width: 90%;
  height: 83%;
  top: 10%;
  right: 2.3%;
  z-index: 0;
  background-image: url(./img/odb/rental-waku-r.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}

@media (max-width: 480px) {
  #odb .service-waku::before {
    width: 113%;
    height: 83%;
    top: 6.5%;
    right: -13%;
    background-image: url(./img/odb/service-waku-sp-r.png);
  }
}

#odb #service .inner .section-ttl {
  position: absolute;
  top: 6.5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  letter-spacing: .6rem;
  white-space: nowrap;
}

@media (max-width: 480px) {
  #odb #service .inner .section-ttl {
    top: 2.5%;
  }
}

#odb #service .inner .item-txt-area {
  padding-right: 1.8rem;
}

#odb #access {
  position: relative;
  padding: 13.7rem 0 6.69rem;
  background-color: #F4F4F4;
}

#odb #access::before {
  position: absolute;
  content: "";
  top: -.7%;
  left: 8.7%;
  width: 83%;
  height: 30rem;
  background-image: url(./img/odb/access-waku.png);
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 480px) {
  #odb #access::before {
    top: 1.5%;
    left: 5%;
    width: 90%;
    background-image: url(./img/odb/access-waku-sp.png);
  }
}

@media (max-width: 480px) {
  #odb #access .inner {
    width: 100%;
  }
}

@media (max-width: 480px) {
  #odb #access {
    padding: 27.4rem 4rem 8.7rem;
  }
}

#odb #access .section-ttl {
  position: absolute;
  top: -16rem;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 6.2rem;
  letter-spacing: 0.75rem;
}

@media (max-width: 480px) {
  #odb #access .section-ttl {
    top: -29.8rem;
    font-size: 9.6rem;
  }
}

#odb #access .access-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 480px) {
  #odb #access .access-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

#odb #access .access-map {
  padding-top: 1.7rem;
  width: 64%;
}

@media (max-width: 480px) {
  #odb #access .access-map {
    padding-top: 0;
    width: 100%;
  }
}

#odb #access .access-map .access-map-wrapper {
  position: relative;
  margin-bottom: 1.3rem;
  padding-top: 65%;
}

@media (max-width: 480px) {
  #odb #access .access-map .access-map-wrapper {
    padding-top: 100%;
  }
}

#odb #access .access-map .access-map-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: .8rem;
}

#odb #access .access-map .access-map-wrapper .white {
  position: absolute;
  content: "";
  z-index: 1;
  left: .5rem;
  bottom: -.5rem;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: .8rem;
}

#odb #access .access-info-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4.5rem;
  margin-top: -1.3rem;
  width: 30%;
}

@media (max-width: 480px) {
  #odb #access .access-info-area {
    width: 100%;
    gap: 0;
  }
}

#odb #access .access-info-area .access-info-img-wrapper {
  position: relative;
  width: 83%;
  padding-top: 64.5%;
}

@media (max-width: 480px) {
  #odb #access .access-info-area .access-info-img-wrapper {
    margin: 0 auto;
    width: 65%;
    padding-top: 62%;
  }
}

#odb #access .access-info-area .access-info-img-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

#odb #access .access-info-area .access-info-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#odb #access .access-info-area .access-info-txt h3 {
  margin-bottom: 1.5rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 2.2rem;
  font-weight: bold;
  color: #292929;
}

@media (max-width: 480px) {
  #odb #access .access-info-area .access-info-txt h3 {
    padding-left: 4rem;
    margin-bottom: 3.6rem;
    font-size: 3.6rem;
  }
}

#odb #access .access-info-area .access-info-txt p {
  margin-bottom: 2rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.5rem;
  line-height: 3rem;
  color: #292929;
}

@media (max-width: 480px) {
  #odb #access .access-info-area .access-info-txt p {
    margin-bottom: 4rem;
    padding-left: 4rem;
    font-size: 3rem;
    line-height: 6rem;
  }
}

#odb #access .access-info-area .access-info-list {
  width: 100%;
}

#odb #access .access-info-area .access-info-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  border-top: 1px dotted #292929;
  border-bottom: 1px dotted #292929;
}

#odb #access .access-info-area .access-info-list li:last-of-type {
  border-top: none;
}

@media (max-width: 480px) {
  #odb #access .access-info-area .access-info-list li {
    padding: 3rem 4rem 3rem 0;
  }
}

#odb #access .access-info-area .access-info-list li p {
  margin-bottom: 0;
  font-family: 'Noto Sans JP', sans-serif;
  color: #292929;
  font-size: 1.5rem;
}

@media (max-width: 480px) {
  #odb #access .access-info-area .access-info-list li p {
    font-size: 3rem;
  }
}

#odb #access .access-info-area .access-info-list li .access-ttl {
  font-weight: bold;
}

#odb #access .access-info-area .access-info-list li .access-txt {
  font-weight: normal;
}

@media (max-width: 768px) {
  #odb #access .access-info-area .access-info-list li .access-txt {
    display: block;
  }
}

#odb #page-top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 4rem;
  height: 4rem;
  z-index: 1000;
  background-color: #F2F2F2;
  border-radius: .4rem;
  text-align: center;
  line-height: 4rem;
  -webkit-box-shadow: 0.2rem 0.2rem 0 #292929;
  box-shadow: 0.2rem 0.2rem 0 #292929;
}

@media (max-width: 480px) {
  #odb #page-top {
    width: 8rem;
    height: 8rem;
    border-start-end-radius: .8rem;
  }
}

#odb #page-top a i::before {
  font-size: 14px;
  font-weight: 900;
  color: #292929;
}

@media (max-width: 480px) {
  #odb #page-top a i::before {
    font-size: 14px;
    font-weight: 900;
    color: #292929;
    line-height: 8rem;
  }
}

#odb .br-sp {
  display: none;
}

@media (max-width: 480px) {
  #odb .br-sp {
    display: block;
  }
}

#odb .inner {
  margin: 0 auto;
  width: 83%;
}

@media (max-width: 480px) {
  #odb .inner {
    margin: auto;
    width: 100%;
  }
}

#odb .inner .section-ttl {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 4.8rem;
  color: #292929;
}

@media (max-width: 480px) {
  #odb .inner .section-ttl {
    font-size: 11vw;
  }
}

#odb .more-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: .8rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#odb .more-area i {
  color: #292929;
}

@media (max-width: 480px) {
  #odb .more-area i {
    display: none;
  }
}

#odb .more-area i.--mb {
  display: none;
}

@media (max-width: 480px) {
  #odb .more-area i.--mb {
    display: block;
  }
}

#odb .more-area .more-txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.3rem;
  color: #292929;
}

@media (max-width: 480px) {
  #odb .more-area .more-txt {
    font-size: 2.6rem;
  }
}

#odb .link-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 480px) {
  #odb .link-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    letter-spacing: 0.3rem;
  }
}

#odb .link-area .link-area__txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
  margin-right: 1.2rem;
  letter-spacing: .3rem;
}

@media (max-width: 2880px) {
  #odb .link-area .link-area__txt {
    font-size: 2rem;
  }
}

@media (max-width: 1080px) {
  #odb .link-area .link-area__txt {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  #odb .link-area .link-area__txt {
    margin-bottom: 3.5rem;
    margin-right: 0;
    font-size: 3.6rem;
  }
}

#odb .link-area i {
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid #292929;
  border-radius: 50%;
  text-align: center;
  line-height: 2.4rem;
}

#odb .link-area i::before {
  font-size: 14px;
  font-weight: 900;
  color: #292929;
}

@media (max-width: 480px) {
  #odb .link-area i {
    width: 4.8rem;
    height: 4.8rem;
    border: 1px solid #292929;
    border-radius: 50%;
    text-align: center;
    line-height: 4.8rem;
  }

  #odb .link-area i::before {
    font-size: 14px;
    font-weight: 900;
    color: #292929;
  }
}

#odb .line {
  margin-top: 1.25rem;
  width: 1.3rem;
  border: 0;
  border-bottom: .3rem dotted #333;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (max-width: 480px) {
  #odb .line {
    width: 3rem;
    border-bottom: .6rem dotted #333;
  }
}

#odb .item-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#odb .item-area .item:not(:nth-child(n)), #odb .item-area .item:not(:nth-child(2)), #odb .item-area .item:not(:nth-child(3)) {
  margin-top: 5.5rem;
}

@media (max-width: 1080px) {
  #odb .item-area .item:not(:nth-child(n)), #odb .item-area .item:not(:nth-child(2)), #odb .item-area .item:not(:nth-child(3)) {
    margin-top: 5.5rem;
  }
}

@media (max-width: 480px) {
  #odb .item-area .item:not(:nth-child(n)), #odb .item-area .item:not(:nth-child(2)), #odb .item-area .item:not(:nth-child(3)) {
    margin: 0 0 5.5rem 0;
  }
}

@media (max-width: 1080px) {
  #odb .item-area .item:not(:nth-child(n)), #odb .item-area .item:not(:nth-child(2)) {
    margin-top: 5.5rem;
  }
}

@media (max-width: 2880px) {
  #odb .item-area .item:not(:nth-child(3n)) {
    margin-right: 5.5rem;
  }
}

@media (max-width: 1440px) {
  #odb .item-area .item:not(:nth-child(3n)) {
    margin-right: 5.5rem;
  }
}

@media (max-width: 1080px) {
  #odb .item-area .item:not(:nth-child(3n)) {
    margin-right: 0;
  }
}

@media (max-width: 480px) {
  #odb .item-area .item:not(:nth-child(3n)) {
    margin-right: 0;
    margin-top: 5.5rem;
  }
}

@media (max-width: 1080px) {
  #odb .item-area .item:not(:nth-child(2)) {
    margin-right: 3rem;
  }
}

@media (max-width: 480px) {
  #odb .item-area .item:not(:nth-child(2)) {
    margin-right: 0;
  }
}

@media (max-width: 1080px) {
  #odb .item-area .item:not(:last-child) {
    margin-bottom: 0;
  }
}

@media (max-width: 480px) {
  #odb .item-area .item:not(:last-child) {
    margin-bottom: 0rem;
  }
}

#odb .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc((100% - 12.2rem) / 3);
}

@media (max-width: 1080px) {
  #odb .item {
    width: calc((100% - 6.1rem) / 2);
  }
}

@media (max-width: 480px) {
  #odb .item {
    width: 100%;
  }
}

#odb .item .item-img-area {
  width: 100%;
  margin-bottom: 2rem;
  border-radius: .8rem;
  overflow: hidden;
}

@media (max-width: 480px) {
  #odb .item .item-img-area {
    margin-bottom: 4.2rem;
    border-radius: 1.6rem;
  }
}

#odb .item .item-img-area .img-wrapper {
  position: relative;
  padding-top: 56%;
  border-radius: .8rem;
  overflow: hidden;
}

#odb .item .item-img-area .img-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: .8rem;
  overflow: hidden;
}

#odb .item .item-img-area .img-wrapper::before {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  content: "01";
  width: 4.4rem;
  height: 2.4rem;
  color: #fff;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2.4rem;
  background-color: #292929;
  border-top-right-radius: .8rem;
  border-bottom-left-radius: .8rem;
}

@media (max-width: 480px) {
  #odb .item .item-img-area .img-wrapper::before {
    width: 8.8rem;
    height: 4.8rem;
    font-size: 3.2rem;
    line-height: 4.8rem;
  }
}

#odb .item .item-img-area .--two::before {
  content: "02";
}

#odb .item .item-img-area .--three::before {
  content: "03";
}

#odb .item .item-img-area .--four::before {
  content: "04";
}

#odb .item .item-img-area .--five::before {
  content: "05";
}

#odb .item .item-img-area .--six::before {
  content: "06";
}

#odb .item .item-img-area .--seven::before {
  content: "07";
}

#odb .item .item-img-area .--eight::before {
  content: "08";
}

#odb .item .item-img-area .--nine::before {
  content: "09";
}

#odb .item .item-img-area .--ten::before {
  content: "10";
}

#odb .item .item-img-area .--eleven::before {
  content: "11";
}

#odb .item .item-img-area .--twelve::before {
  content: "12";
}

#odb .item .item-img-area .img-wrapper.--rental::before {
  color: #292929;
  background-color: #fff;
}

#odb .item .item-txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.3rem;
  padding-right: 1rem;
}

@media (max-width: 480px) {
  #odb .item .item-txt-area {
    gap: 1.8rem;
    padding-right: 0;
  }
}

#odb .item .item-txt-area .item__ttl {
  font-family: 'Noto Sans JP', sans-serif;
  color: #292929;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3rem;
}

@media (max-width: 480px) {
  #odb .item .item-txt-area .item__ttl {
    font-size: 3.6rem;
    line-height: 5.5rem;
  }
}

#odb .item .item-txt-area .line {
  margin-top: 0;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  border-width: .2rem;
}

@media (max-width: 480px) {
  #odb .item .item-txt-area .line {
    border-width: .4rem;
  }
}

#odb .item .item-txt-area .item__txt {
  font-family: 'Noto Sans JP', sans-serif;
  color: #292929;
  font-size: 1.5rem;
  line-height: 3rem;
}

@media (max-width: 480px) {
  #odb .item .item-txt-area .item__txt {
    font-size: 3rem;
    line-height: 6rem;
  }
}

.rentacycle {
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  color: #f2a698;
  font-size: 1.5rem;
  line-height: 3rem;
}

@media (max-width: 480px) {
  .rentacycle {
    font-size: 3rem;
    line-height: 6rem;
  }
}

#odb .plan-item {
  position: relative;
  z-index: 10;
  width: calc((100% - 8rem) / 3);
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}

#odb .plan-item::after {
  right: -.5rem;
}

#odb .plan-item:after {
  border-top-right-radius: .8rem;
  border-bottom-right-radius: .8rem;
}

@media (max-width: 480px) {
  #odb .plan-item {
    width: 100%;
  }
}

#odb .plan-item .plan-img-box {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  overflow: hidden;
}

#odb .plan-item .plan-img-area {
  position: relative;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: .3s all;
  transition: .3s all;
}

#odb .plan-item .plan-img-area:hover {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

#odb .plan-item .plan-img-area img {
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 480px) {
  #odb .plan-item .plan-img-area img {
    width: 100%;
    height: 42rem;
  }
}

#odb .plan-item .white {
  position: absolute;
  content: "";
  z-index: 1;
  left: .5rem;
  bottom: -.5rem;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 0.8rem;
  bottom: -1rem;
  left: -1rem;
}

#odb .plan-item .plan-txt-area {
  position: relative;
  z-index: 2;
  padding: 0 3.9rem 3.5rem 4rem;
  border: 1px solid #292929;
  border-bottom-left-radius: .8rem;
  border-bottom-right-radius: .8rem;
  background-color: #292929;
  display: -ms-grid;
  display: grid;
}

@media (max-width: 1080px) {
  #odb .plan-item .plan-txt-area {
    padding: 0 3rem 3.5rem;
  }
}

@media (max-width: 480px) {
  #odb .plan-item .plan-txt-area {
    padding: 0 3.9rem 4.5rem 4rem;
  }
}

#odb .plan-item .plan-txt-area .plan-txt-area__top {
  margin-bottom: 2.6rem;
}

@media (max-width: 480px) {
  #odb .plan-item .plan-txt-area .plan-txt-area__top {
    margin-bottom: 2rem;
  }
}

#odb .plan-item .plan-txt-area .plan-txt-area__top .plan-txt-area__ttl {
  position: relative;
  z-index: 1;
  margin-top: -2.5rem;
  font-family: 'Dela Gothic One', cursive;
  font-size: 2.85vw;
  font-weight: 400;
  line-height: 4rem;
  color: #FFFFFF;
}

@media (max-width: 480px) {
  #odb .plan-item .plan-txt-area .plan-txt-area__top .plan-txt-area__ttl {
    margin-top: -7rem;
    font-size: 5.6rem;
    line-height: 5rem;
  }
}

#odb .plan-item .plan-txt-area .plan-txt-area__top .plan-txt-area__ttl span {
  color: #F98F7D;
}

#odb .plan-item .plan-txt-area .plan-txt-area__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

#odb .plan-item .plan-txt-area .plan-txt-area__sub {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1vw;
  color: #AAAAAA;
}

@media (max-width: 480px) {
  #odb .plan-item .plan-txt-area .plan-txt-area__sub {
    font-size: 2.6rem;
  }
}

#odb .plan-item .plan-txt-area .plan-more-area .plan-more {
  font-size: 1.1vw;
  color: #fff;
}

@media (max-width: 480px) {
  #odb .plan-item .plan-txt-area .plan-more-area .plan-more {
    font-size: clamp(3rem, 3rem, 1.1vw);
  }
}

#odb .plan-item .plan-txt-area .plan-more-area .plan-more i {
  color: #fff;
  border-color: #fff;
}

#odb .plan-item .plan-txt-area .plan-more-area .plan-more:hover {
  color: #F98F7D;
}

#odb .plan-item .plan-txt-area .plan-more-area .plan-more:hover i {
  color: #F98F7D;
  border-color: #F98F7D;
}

#odb .more-area {
  position: relative;
  text-align: center;
}

#odb .more-area .more {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #292929;
}

@media (max-width: 480px) {
  #odb .more-area .more {
    font-size: 3rem;
  }
}

#odb .more-area .more i {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  border-radius: 50%;
  margin-left: .5rem;
  border: 1px solid #292929;
  color: #292929;
}

@media (max-width: 480px) {
  #odb .more-area .more i {
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
  }
}

#odb .more-area .more:hover {
  color: #F98F7D;
  -webkit-transition: .2s;
  transition: .2s;
}

#odb .more-area .more:hover i {
  color: #F98F7D;
  border-color: #F98F7D;
  -webkit-transition: .2s;
  transition: .2s;
}

#odb .breadcrumb {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  padding: 1rem 0 1.1rem 4rem;
  width: 38%;
  background-color: #292929;
  border-bottom-right-radius: 1.6rem;
}

@media (max-width: 480px) {
  #odb .breadcrumb {
    display: none;
  }
}

#odb .breadcrumb .breadcrumb-top {
  font-size: 1.3rem;
  color: #fff;
}

#odb .breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#odb .breadcrumb ul li {
  font-size: 1.3rem;
  color: #AAAAAA;
}

#odb .sns-area .sns-item {
  border-radius: 50%;
  background-color: #292929;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#odb .sns-area .sns-item a i {
  color: #fff;
}

#odb .sns-area .sns-item a i:hover {
  color: #F98F7D;
  -webkit-transition: .2s;
  transition: .2s;
}

.p-3 {
  padding: 2.5rem !important;
}

.mt-5, .my-5 {
  margin-top: 4rem !important;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.5;
  color: #212529;
  text-align: left;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 0.25rem;
}

.btn-outline-dark {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 10rem;
  padding: 1rem 1rem 1rem 1rem;
  background-color: #F56B53;
  border-radius: 0.8rem;
  -webkit-transition: .3s;
  transition: .3s;
  text-align: center;
  color: #fff;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.text-center {
  text-align: center !important;
}

.hr-pp {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.btn-outline-dark {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 10rem;
  padding: 1rem 1rem 1rem 1rem;
  background-color: #F56B53;
  border-radius: 0.8rem;
  -webkit-transition: .3s;
  transition: .3s;
  text-align: center;
  color: #fff;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.text-center {
  text-align: center !important;
}

.hr-pp {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

a.anchor-access {
  display: block;
}

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 99999999;
}

#loading img {
  display: block;
  width: 180px;
  position: absolute;
  left: calc(50% - 90px);
  top: calc(50% - 90px);
}

/*メニューをページ下部に固定*/
#sp-fixed-menu {
  position: fixed;
  font-family: 'Noto Sans JP', sans-serif;
  width: 100%;
  bottom: 0px;
  font-size: 0;
  opacity: 0.9;
  z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

#sp-fixed-menu li {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 20px;
  border-right: 1px solid #fff;
}

/*左側メニューをグレーに*/
#sp-fixed-menu li {
  background: #555555;
}

/*ボタンを調整*/
#sp-fixed-menu li span {
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  padding: 15px 30px;
}

.btn-reservation {
  color: #333;
  font-size: 14px;
}

.btn-reservation__img {
  width: 100%;
}

.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 0 !important;
}

.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1.5em;
  font-weight: normal;
  display: block;
  margin-top: 10px;
}


.rc-table {
  font-family: noto-sans-cjk-jp, sans-serif;
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  table-layout: fixed;
  background: #fff;
}

.rc-table thead th {
  background-color: #f2d8d3;
  border: 1px solid #fff;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  word-wrap: break-word;
}

.rc-table tbody th {
  border: 1px solid #fff;
  background-color: #f2d8d3;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  padding: 5px;
  white-space: nowrap;
}

.rc-table tbody td {
  border: 1px solid #ccc;
  padding: 20px 5px 20px 5px;
  text-align: center;
  vertical-align: middle;
}

.rc-img {
  width: 200px !important;
}

.rc-text {
  font-size: 12px;
  text-align: left;
}

.rc-ttl {
  float: left;
  white-space: nowrap;
}

.rc-scroll table {
  width: 100%;
  background: #fff;
}

.rc-scroll {
  overflow: auto;
}

.rc-scroll::-webkit-scrollbar {
  height: 5px;
}

.rc-scroll::-webkit-scrollbar-track {
  background: #F1F1F1;
}

.rc-scroll::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}

#contact .child-fv.rentacycle::before {
  background-image: url(./img/rentacycle_header_1.jpg);
}

#contact .child-fv.rental-scooter::before {
  background-image: url(./img/rental-scooter-header.jpg);
}

#contact .fv-ttl-are {
  position: relative;
  top: -2.5rem;
  margin-bottom: 4.7rem;
}

@media (max-width: 768px) {
  #contact .fv-ttl-are {
    margin-bottom: 8.4rem;
  }
}

#contact .fv-ttl-are .fv-ttl {
  font-size: 5.6rem;
  font-family: 'Dela Gothic One', cursive;
}

@media (max-width: 768px) {
  #contact .fv-ttl-are .fv-ttl {
    font-size: 6.4rem;
  }
}

#contact .fv-ttl-are .fv-ttl span {
  position: relative;
  top: -1.4rem;
  color: #F98F7D;
}

#contact .fv-ttl-are .fv-sub-ttl {
  position: relative;
  margin-bottom: 5.6rem;
  font-size: 1.3rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-style: normal;
}

#contact .fv-ttl-are .fv-sub-ttl::before {
  position: relative;
  display: inline-block;
  content: "";
  background: #292929;
  width: 1px;
  height: 14px;
  margin: 0 11.5px 0 7px;
  margin-top: -.2em;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 768px) {
  #contact .fv-ttl-are .fv-sub-ttl {
    font-size: 2.6rem;
    margin-bottom: 10rem;
  }
}

@media (max-width: 768px) {
  #contact .fv-ttl-are .fv-txt {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 3.6rem;
    line-height: 6.8rem;
    color: #292929;
  }
}

#contact .fv-txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  color: #292929;
}

.txt-table-txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  text-align: left;
}


#contact {
  overflow-y: hidden;
  position: relative;
}

#contact .child-fv::before {
  background-image: inherit;
}

#contact::before {
  content: "";
  position: absolute;
  top: 93.6%;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 41%;
  background: #F3A696;
  z-index: -2;
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
}

@media (max-width: 768px) {
  #contact::before {
    display: none;
  }
}

#contact * {
  scroll-behavior: smooth;
}

#contact .single-toc {
  position: fixed;
  top: 50%;
  right: 0;
  display: inline-block;
  z-index: 999;
}

@media (max-width: 768px) {
  #contact .single-toc {
    display: none;
  }
}

#contact .single-toc .single-toc-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 13.7rem;
  border-top-left-radius: .8rem;
  border-bottom-left-radius: .8rem;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#contact .single-toc .single-toc-list a li {
  -webkit-transition: .3s;
  transition: .3s;
}

#contact .single-toc .single-toc-list a:hover li {
  color: #F98F7D;
}

#contact .single-toc .single-toc-list a:hover .single-toc-item.reservation {
  opacity: .8;
}

#contact .single-toc .single-toc-list .single-toc-item {
  padding: 0 0 1rem 1.8rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #292929;
  font-size: 1.5rem;
}

#contact .single-toc .single-toc-list .single-toc-item:first-child {
  padding: 2.4rem 0 2rem 2rem;
}

#contact .single-toc .single-toc-list .single-toc-item:not(:last-of-type) {
  padding-bottom: 1.6rem;
}

#contact .single-toc .single-toc-list .single-toc-item.reservation {
  color: #fff;
  background-color: #F56B53;
}

#contact .inner .fv-ttl-area {
  position: relative;
  top: -1.5rem;
  margin-bottom: 5.5rem;
  font-family: 'Dela Gothic One', cursive;
  font-size: 2.4rem;
}

@media (max-width: 768px) {
  #contact .inner .fv-ttl-area {
    font-size: 3.6rem;
  }
}

#contact .inner .fv-ttl-area span {
  margin-left: 2rem;
  color: #F98F7D;
}

@media (max-width: 768px) {
  #contact .inner .fv-ttl-area span {
    margin: 0;
  }
}

#contact .inner .fv-txt {
  margin-bottom: 2.6rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 44px;
  font-weight: bold;
}

@media (max-width: 768px) {
  #contact .inner .fv-txt {
    font-size: 5.6rem;
    line-height: 8.4rem;
  }
}

#contact .inner .single-tag-area {
  margin-bottom: 7rem;
}

@media (max-width: 768px) {
  #contact .inner .single-tag-area {
    margin-bottom: 21rem;
  }
}

#contact .inner .single-tag-area .single-tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#contact .inner .single-tag-area .single-tag-list .single-tag-item {
  margin-bottom: 10px;
  padding: 0.9rem 1.2rem 0.5rem .8rem;
  border: 1px solid #F98F7D;
  border-radius: 4px;
  border-color: #F98F7D;
  font-size: 1.1rem;
  color: #F98F7D;
}

@media (max-width: 768px) {
  #contact .inner .single-tag-area .single-tag-list .single-tag-item {
    font-size: 10px;
  }
}

@media (max-width: 768px) {
  #contact .inner .single-tag-area .single-tag-list .single-tag-item {
    padding: 1.7rem 2.3rem 1.2rem 2.2rem;
  }
}

#contact .inner .single-tag-area .single-tag-list .single-tag-item:not(:last-child) {
  margin-right: .8rem;
}

@media (max-width: 768px) {
  #contact .inner .single-tag-area .single-tag-list .single-tag-item:not(:last-child) {
    margin-right: 1.4rem;
  }
}

#contact section.inner.single-container {
  width: 100%;
  margin-bottom: 9.5rem;
  padding: 7rem 7.7rem 8rem;
  border-radius: 16px;
  background-color: #EBEBEB;
}

@media (max-width: 768px) {
  #contact section.inner.single-container {
    width: 89.3333333333333%;
    margin-bottom: 15rem;
    padding: 7rem 4rem 8rem;
  }
}

#contact section.inner.single-container .single-ttl-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 5rem;
}

@media (max-width: 768px) {
  #contact section.inner.single-container .single-ttl-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    margin-bottom: 12rem;
  }
}

#contact section.inner.single-container .single-ttl-area .single-ttl {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.02em;
  margin-right: 2.4rem;
  font-size: 3rem;
  color: #292929;
}

@media (max-width: 768px) {
  #contact section.inner.single-container .single-ttl-area .single-ttl {
    font-size: 5rem;
    margin-bottom: 2.7rem;
  }
}

#contact section.inner.single-container .single-ttl-area .single-ttl span {
  color: #F98F7D;
}

#contact section.inner.single-container .single-ttl-area .single-sub-ttl {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #292929;
}

#contact section.inner.single-container .single-ttl-area .single-sub-ttl::before {
  position: relative;
  display: inline-block;
  content: "";
  background: #292929;
  width: 1px;
  height: 14px;
  margin: 0 11.5px 0 7px;
  margin-top: -.2em;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#contact section.inner.single-container .signle-item-area .single-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 768px) {
  #contact section.inner.single-container .signle-item-area .single-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

#contact section.inner.single-container .signle-item-area .single-item:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media (max-width: 768px) {
  #contact section.inner.single-container .signle-item-area .single-item:nth-child(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

#contact section.inner.single-container .signle-item-area .single-item:not(:last-of-type) {
  margin-bottom: 13rem;
}

@media (max-width: 768px) {
  #contact section.inner.single-container .signle-item-area .single-item:not(:last-of-type) {
    margin-bottom: 15rem;
  }
}

#contact section.inner.single-container .signle-item-area .signle-item-txt-area {
  width: 36.2068965517241%;
}

@media (max-width: 768px) {
  #contact section.inner.single-container .signle-item-area .signle-item-txt-area {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }
}

#contact section.inner.single-container .signle-item-area .signle-item-txt-area h3 {
  margin-bottom: 3.4rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  color: #292929;
  line-height: 3.2rem;
}

@media (max-width: 768px) {
  #contact section.inner.single-container .signle-item-area .signle-item-txt-area h3 {
    margin-bottom: 4.6rem;
    line-height: 6.4rem;
  }
}

#contact section.inner.single-container .signle-item-area .signle-item-txt-area p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #292929;
  font-size: 17px;
  line-height: 3.8rem;
}

@media (max-width: 768px) {
  #contact section.inner.single-container .signle-item-area .signle-item-txt-area p {
    line-height: 5.6rem;
  }
}

#contact section.inner.single-container .signle-item-area .single-item-img-area {
  position: relative;
  width: 56.8965517241379%;
  border-radius: .8rem;
}

@media (max-width: 768px) {
  #contact section.inner.single-container .signle-item-area .single-item-img-area {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 5rem;
  }
}

#contact section.inner.single-container .signle-item-area .single-item-img-area::before {
  position: absolute;
  content: 'CHECK  01';
  right: 1.5rem;
  top: -5rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-size: 6.4rem;
  -webkit-text-stroke: 2px #FFF;
  color: transparent;
}

#contact section.inner.single-container .signle-item-area .single-item-img-area img {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  border-radius: .8rem;
  -o-object-fit: cover;
  object-fit: cover;
}

#contact section.inner.single-container .signle-item-area .single-item-img-area.--two::before {
  content: 'CHECK  02';
  left: 0;
}

@media (max-width: 768px) {
  #contact section.inner.single-container .signle-item-area .single-item-img-area.--two::before {
    left: inherit;
    right: 0;
  }
}

#contact section.inner.single-container .signle-item-area .single-item-img-area.--three::before {
  content: 'CHECK  03';
}

#contact section.inner.single-detail {
  margin: 0 auto;
  width: 82.8571428571429%;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail {
    width: 88.3%;
  }
}

#contact section.inner.single-detail .detail-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 11.8rem;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail .detail-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 17.2rem;
  }
}

#contact section.inner.single-detail .detail-top .detail-top-left {
  width: 100%;
}

#contact section.inner.single-detail .detail-top .detail-top-right {
  width: 100%;
}

#contact section.inner.single-detail .detail-item {
  width: 86.2068965517241%;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail .detail-item {
    width: 100%;
  }
}

#contact section.inner.single-detail .detail-item .detail__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #292929;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail .detail-item .detail__ttl {
    padding-bottom: 3rem;
  }
}

#contact section.inner.single-detail .detail-item .detail__ttl h3 {
  margin-right: 2.3rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem;
  color: #292929;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail .detail-item .detail__ttl h3 {
    margin-right: 4rem;
    font-size: 5rem;
  }
}

#contact section.inner.single-detail .detail-item .detail__ttl h3 span {
  color: #F98F7D;
}

#contact section.inner.single-detail .detail-item .detail__ttl p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
}

#contact section.inner.single-detail .detail-item .detail__ttl p::before {
  position: relative;
  display: inline-block;
  content: "";
  background: #292929;
  width: 1px;
  height: 14px;
  margin: 0 11.5px 0 7px;
  margin-top: -.2em;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#contact section.inner.single-detail .detail-item ul.information-content li.information-item, #contact section.inner.single-detail .detail-item ul.information-content li.price-item, #contact section.inner.single-detail .detail-item ul.price-content li.information-item, #contact section.inner.single-detail .detail-item ul.price-content li.price-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24.5px 22px;
  border-bottom: 1px dashed #292929;
}

#contact section.inner.single-detail .detail-item ul.information-content li.information-item p.information__ttl, #contact section.inner.single-detail .detail-item ul.information-content li.information-item p.price__ttl, #contact section.inner.single-detail .detail-item ul.information-content li.price-item p.information__ttl, #contact section.inner.single-detail .detail-item ul.information-content li.price-item p.price__ttl, #contact section.inner.single-detail .detail-item ul.price-content li.information-item p.information__ttl, #contact section.inner.single-detail .detail-item ul.price-content li.information-item p.price__ttl, #contact section.inner.single-detail .detail-item ul.price-content li.price-item p.information__ttl, #contact section.inner.single-detail .detail-item ul.price-content li.price-item p.price__ttl {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  color: #292929;
}

#contact section.inner.single-detail .detail-item ul.information-content li.information-item p.information__txt, #contact section.inner.single-detail .detail-item ul.information-content li.information-item p.price__txt, #contact section.inner.single-detail .detail-item ul.information-content li.price-item p.information__txt, #contact section.inner.single-detail .detail-item ul.information-content li.price-item p.price__txt, #contact section.inner.single-detail .detail-item ul.price-content li.information-item p.information__txt, #contact section.inner.single-detail .detail-item ul.price-content li.information-item p.price__txt, #contact section.inner.single-detail .detail-item ul.price-content li.price-item p.information__txt, #contact section.inner.single-detail .detail-item ul.price-content li.price-item p.price__txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  color: #292929;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail .course {
    margin-bottom: 14rem;
  }
}

#contact section.inner.single-detail .course .detail__ttl {
  margin-bottom: 3rem;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail .course .detail__ttl {
    margin-bottom: 4.7rem;
  }
}

#contact section.inner.single-detail .course .course-list {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  color: #292929;
  line-height: 2;
}

#contact section.inner.single-detail .course .course-list .course-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

#contact section.inner.single-detail .course .course-list .course-item:not(:last-child) {
  margin-bottom: 3.8rem;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail .course .course-list .course-item:not(:last-child) {
    margin-bottom: 8rem;
  }
}

#contact section.inner.single-detail .course .course-list .course-item:not(:last-child)::before {
  position: absolute;
  content: "";
  bottom: -3.3rem;
  left: 56.2%;
  border: .8rem solid transparent;
  border-top: .9rem solid #F98F7D;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail .course .course-list .course-item:not(:last-child)::before {
    bottom: -7rem;
    left: 49%;
    border: 1.6rem solid transparent;
    border-top: 1.8rem solid #F98F7D;
  }
}

#contact section.inner.single-detail .course .course-list .course-item__ttl {
  position: relative;
  margin-right: 4.6rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem;
  color: #fff;
  -webkit-text-stroke: 1px #F98F7D;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail .course .course-list .course-item__ttl {
    margin-right: 9.4rem;
    font-size: 6rem;
  }
}

#contact section.inner.single-detail .course .course-list .course-item__ttl::before {
  position: absolute;
  content: "";
  width: 27px;
  height: 1px;
  background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 8px);
  background-size: 3.5px 1px;
  background-repeat: repeat-x;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  right: -3.5rem;
  top: 2rem;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail .course .course-list .course-item__ttl::before {
    right: -7.5rem;
    top: 4.5rem;
  }
}

#contact section.inner.single-detail .course .course-list .course-item__txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#contact section.inner.single-detail .course .course-list .course-item__txt-area .course-item__txt-ttl {
  padding-top: 0.8rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #292929;
  font-size: 1.8rem;
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail .course .course-list .course-item__txt-area .course-item__txt-ttl {
    padding-top: 1.6rem;
    font-size: 3.6rem;
  }
}

#contact section.inner.single-detail .course .course-list .course-item__txt-area .couse-item__txt-txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #292929;
  font-size: 15px;
  line-height: 2.7rem;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail .course .course-list .course-item__txt-area .couse-item__txt-txt {
    line-height: 5.4rem;
  }
}

#contact section.inner.single-detail .information {
  margin-bottom: 6.85rem;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail .information {
    margin-bottom: 15rem;
  }
}

#contact section.inner.single-detail .information, #contact section.inner.single-detail .price {
  float: right;
}

#contact section.inner.single-detail .note {
  position: relative;
  margin-bottom: 10rem;
  padding: 2.6rem 0 2.8rem;
  border-top: 1px solid #292929;
  border-bottom: 1px solid #292929;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail .note {
    padding: 29.5px 0 27.5px;
  }
}

#contact section.inner.single-detail .note p.note__ttl {
  position: absolute;
  width: 7.5rem;
  top: -.75rem;
  left: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  background-color: #fff;
}

@media (max-width: 768px) {
  #contact section.inner.single-detail .note p.note__ttl {
    width: 16rem;
    top: -1.5rem;
  }
}

#contact section.inner.single-detail .note p.note__txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 25px;
}

#contact .contact-btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}

@media (max-width: 768px) {
  #contact .contact-btn-area.--pc {
    display: none;
  }
}

#contact .contact-btn-area.--sp {
  display: none;
  margin-bottom: 4.3rem;
}

@media (max-width: 768px) {
  #contact .contact-btn-area.--sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 99;
    bottom: 20px;
    margin-bottom: 0px;
  }
}

#contact .contact-btn-area.--sp a {
  margin: 0;
  margin-left: 1.7rem;
  padding: 3rem 0;
  padding-left: 6rem;
  padding-right: 6rem;
  -webkit-box-shadow: 2px 2px 0 #292929;
  box-shadow: 2px 2px 0 #292929;
  text-align: center;
  border-radius: 6px;
}

#contact .contact-btn-area.--sp a p {
  font-size: 4.5vw;
}

#contact .contact-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 10rem;
  padding: 3.2rem 11rem 3.2rem 11rem;
  background-color: #F56B53;
  border-radius: .8rem;
  -webkit-transition: .3s;
  transition: .3s;
  text-align: center;
}

#contact .contact-btn p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.4rem;
  color: #fff;
}

#contact .contact-btn:hover {
  opacity: .8;
}

#contact .contact-btn .more-area {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  border-radius: 50%;
  right: -20px;
  border: 1px solid #fff;
}

#contact .contact-btn i {
  color: #fff;
}

/* @media (max-width: 2560px) {
  #contact .contact-btn i {
    width: 22px;
    height: 22px;
    line-height: 22px;
  }
} */

#contact section.inner.single-contact {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 14rem;
  padding: 3.3rem 4.7rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #292929;
  border-radius: 1.6rem;
  background-color: #fff;
}

@media (max-width: 768px) {
  #contact section.inner.single-contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 7.8rem 4rem;
    border-radius: 2.4rem;
  }
}

#contact section.inner.single-contact .single-contact-left {
  width: 49%;
}

@media (max-width: 768px) {
  #contact section.inner.single-contact .single-contact-left {
    width: 100%;
  }
}

#contact section.inner.single-contact .single-contact-left h3.single-contact-ttl {
  position: relative;
  margin-bottom: 4.6rem;
  padding-left: 1.2rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.4rem;
}

@media (max-width: 768px) {
  #contact section.inner.single-contact .single-contact-left h3.single-contact-ttl {
    margin-bottom: 6.8rem;
    padding-left: 3.4rem;
    font-size: 4rem;
  }
}

#contact section.inner.single-contact .single-contact-left h3.single-contact-ttl::before {
  position: absolute;
  content: '';
  top: 50%;
  left: -1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-color: #F98F7D;
  border-radius: 50%;
}

@media (max-width: 768px) {
  #contact section.inner.single-contact .single-contact-left h3.single-contact-ttl::before {
    left: -.3rem;
  }
}

#contact section.inner.single-contact .single-contact-left ul.single-contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1.2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 768px) {
  #contact section.inner.single-contact .single-contact-left ul.single-contact-info {
    padding: 0;
    word-break: break-all;
  }
}

#contact section.inner.single-contact .single-contact-left ul.single-contact-info li.contact-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (max-width: 768px) {
  #contact section.inner.single-contact .single-contact-left ul.single-contact-info li.contact-info-item:nth-of-type(2n) {
    margin-bottom: 3.2rem;
  }
}

#contact section.inner.single-contact .single-contact-left ul.single-contact-info li.contact-info-item p.contact-info-item-ttl {
  width: 6.5rem;
  margin-right: 4.8rem;
  margin-bottom: 2.8rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #292929;
}

@media (max-width: 768px) {
  #contact section.inner.single-contact .single-contact-left ul.single-contact-info li.contact-info-item p.contact-info-item-ttl {
    margin-right: 9.5rem;
    margin-bottom: 5rem;
    width: 12rem;
    font-size: 3rem;
  }
}

#contact section.inner.single-contact .single-contact-left ul.single-contact-info li.contact-info-item p.contact-info-item-txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  color: #292929;
}

@media (max-width: 768px) {
  #contact section.inner.single-contact .single-contact-left ul.single-contact-info li.contact-info-item p.contact-info-item-txt {
    font-size: 3rem;
    line-height: 4.8rem;
  }
}

#contact section.inner.single-contact .single-contact-right {
  width: 49%;
}

@media (max-width: 768px) {
  #contact section.inner.single-contact .single-contact-right {
    width: 100%;
  }
}

#contact section.inner.single-contact .single-contact-right .map-area {
  width: 100%;
  position: relative;
  padding-top: 60.8%;
}

@media (max-width: 768px) {
  #contact section.inner.single-contact .single-contact-right .map-area {
    padding-top: 100%;
  }
}

#contact section.inner.single-contact .single-contact-right .map-area iframe {
  border-radius: 1.2rem;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#contact section.inner.single-contact .single-contact-right .more-btn-area {
  display: inline-block;
  float: right;
}

#contact section.inner.single-contact .single-contact-right a {
  display: inline;
  margin-top: .6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  text-align: right;
}

#contact section.inner.single-contact .single-contact-right a i {
  margin-right: .8rem;
}

#contact section.inner.single-contact .single-contact-right a p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
}

/* 20250428追加 */
.grecaptcha-badge {
  visibility: hidden;
}

.footer-menu-recaptcha {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #CCCCCC;
  margin-top: 3rem;
}

.footer .footer-inner .footer-r .footer-recaptcha-sp {
  display: none;
  /* SP */
}

.footer-menu-recaptcha a {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-middle .footer-l .footer-menu-recaptcha {
    display: none;
    /* PC */
  }
}

@media (max-width: 768px) {
  .footer .footer-inner .footer-r .footer-recaptcha-sp {
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.6rem;
    color: #CCCCCC;
    margin-bottom: 5rem;
    text-align: center;
  }

  .footer-recaptcha-sp a {
    text-decoration: underline;
  }
}

.common-recaptcha {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
  text-align: center;
  margin-top: 3rem;
}

.common-recaptcha a {
  opacity: 0.7;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .common-recaptcha {
    font-size: 12px;
  }
}

/* END 20250428追加 */

/* ==========================================
サイクリングコース 2025/5/27
============================================= */

/* レンタサイクル内のサイクリングページ導線 */
.cycling-info .inner {
  /* background-color: #EBEBEB; */
  border: 1px solid #F98F7D;
  border-radius: 16px;
  padding: 7rem 0;
}

.cycling-info h3 {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 30px;
}

.cycling-info p {
  font-size: 20px;
  text-align: center;
  font-weight: normal;
}

.cycle-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70%;
  color: #fff;
  background-color: #F98F7D;
  border: 3px solid #F98F7D;
  border-radius: 20px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 25px 0;
  transition: ease-in-out 0.3s;
  margin: 3rem auto 0;
}

@media (hover: hover) and (pointer: fine) {
  .cycle-btn:hover {
    opacity: 0.7;
  }
}

@media (max-width: 768px) {
  .cycling-info h3 {
    font-size: 25px;
  }

  .cycling-info p {
    font-size: 17px;
  }

  .cycle-btn {
    width: 90%;
    font-size: 17px;
    padding: 15px 0;
    margin: 3rem auto 0;
  }
}

/* ENDレンタサイクル内のサイクリングページ導線 */

#contact .child-fv.cycling::before {
  background-image: url(./img/cycling/mv-cycling.jpg);
}

/* サイクリングイントロ */
.cycling-main section.inner .cycling-intro {
  margin-bottom: 10rem;
}

.cycling-main section.inner .cycling-intro h3 {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #292929;
  font-size: 34px;
  line-height: 2.5;
  text-align: center;
}

.cycling-main section.inner .cycling-intro p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #292929;
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
}

@media (max-width: 768px) {
  .cycling-main section.inner .cycling-intro h3 {
    line-height: 6.4rem;
    font-size: 24px;
  }

  .cycling-main section.inner .cycling-intro p {
    font-size: 15px;
    line-height: 1.5;
    margin-top: 15px;
  }
}

/* --------------------------------------
コース紹介ここから
---------------------------------------- */
.cycling-main section.inner .single-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 768px) {
  #contact .child-fv.cycling::before {
    background-position: right -50px center;
  }

  .cycling-main section.inner .single-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.cycling-main section.inner .courseBox:not(:last-of-type) {
  margin-bottom: 10rem;
}

@media (max-width: 768px) {
  .cycling-main section.inner .courseBox:not(:last-of-type) {
    margin-bottom: 18rem;
  }
}

.cycling-main section.inner .single-item:not(:last-of-type) {
  margin-bottom: 5rem;
}

@media (max-width: 768px) {
  .cycling-main section.inner .single-item:not(:last-of-type) {
    margin-bottom: 8rem;
  }
}

.cycling-main section.inner .signle-item-txt-area {
  width: 36.2068965517241%;
}

@media (max-width: 768px) {
  .cycling-main section.inner .signle-item-txt-area {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }
}

.cycling-main section.inner .signle-item-txt-area h3 {
  margin-bottom: 34px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  color: #292929;
  line-height: 3.2rem;
}

.cycling-main section.inner .signle-item-txt-area h3 span {
  display: block;
  font-size: 20px;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .cycling-main section.inner .signle-item-txt-area h3 {
    margin-bottom: 4.6rem;
    line-height: 6.4rem;
    font-size: 24px;
  }

  .cycling-main section.inner .signle-item-txt-area h3 span {
    font-size: 16px;
    margin-top: 0;
  }
}

.cycling-main section.inner .signle-item-txt-area p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #292929;
  font-size: 17px;
  line-height: 2.5;
  /* line-height: 3.8rem; */
}

@media (max-width: 768px) {
  .cycling-main section.inner .signle-item-txt-area p {
    line-height: 5.6rem;
  }
}

#contact .cycling-main section.inner .single-item .single-item-img-area {
  width: 50%;
  border-radius: .8rem;
}

@media (max-width: 768px) {
  #contact .cycling-main section.inner .single-item .single-item-img-area {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 5rem;
  }
}

#contact .cycling-main section.inner .single-item .single-item-img-area img {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  border-radius: .8rem;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 3 / 2;
}

/* ------各コース設定------- */
:root {
  --blue-color: #74ced7;
  --lightblue-color: #e0fcff;
  --pink-color: #ff5279;
  --lightpink-color: #ffcad6;
  --course3-color: #d0f2fc;
  --lihgtcourse3-color: #10caff;

}

.cycling-main section.inner .course-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  padding: 40px;
  border-radius: .8rem;
}

/*----------- トキコース ------------*/
.cycling-main section.inner .course-toki .course-info {
  background-color: #eff8d4;
  border: 5px solid #AECA5B;
}

/*----------- コース1 ------------*/
.cycling-main section.inner .course1 .course-info {
  background-color: #e0fcff;
  border: 5px solid #74ced7;
}

/*----------- コース2 ------------*/
.cycling-main section.inner .course2 .course-info {
  background-color: #ffcad6;
  border: 5px solid #ff5279;
}

/*----------- コース3 ------------*/
.cycling-main section.inner .course3 .course-info {
  background-color: #d0f2fc;
  border: 5px solid #10caff;
}

@media (max-width: 768px) {
  .cycling-main section.inner .course-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 10px;
  }
}

#contact .cycling-main section.inner .course-info .single-item-img-area {
  width: 50%;
}

@media (max-width: 768px) {
  #contact .cycling-main section.inner .course-info .single-item-img-area {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 5rem;
  }
}

#contact .cycling-main section.inner .course-info .single-item-img-area img {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
}

.cycling-main section.inner .course-info .signle-item-txt-area {
  display: flex;
  flex-flow: column;
  gap: 30px;
  width: 45%;
}

@media (max-width: 768px) {
  .cycling-main section.inner .course-info .signle-item-txt-area {
    gap: 15px;
    width: 100%;
  }
}

.cycling-main section.inner .course-info .course-title {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 20px;
}

.cycling-main section.inner .course-info .course-title .cycling-icon {
  width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 50%;
  padding: 8px;
  aspect-ratio: 1 / 1;
}

.cycling-main section.inner .course-info .signle-item-txt-area .course-title .cycling-icon img {
  width: 100%;
  height: 100%;
}

/*-------------- トキアイコン --------------*/
.cycling-main section.inner .course-info .course-title .icon-toki {
  border: 4px solid #AECA5B;
}
/*-------------- アイコン1 --------------*/
.cycling-main section.inner .course-info .course-title .icon1 {
  border: 4px solid #74ced7;
}

/*-------------- アイコン2 --------------*/
.cycling-main section.inner .course-info .course-title .icon2 {
  border: 4px solid #ff5279;
}

/*-------------- アイコン3 --------------*/
.cycling-main section.inner .course-info .course-title .icon3 {
  border: 4px solid #10caff;
}

@media (max-width: 768px) {
  .cycling-main section.inner .course-info .course-title {
    display: block;
  }

  .cycling-main section.inner .course-info .course-title .cycling-icon {
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
  }
}

/*---------- コース内容 -----------*/
.cycling-main section.inner .course-info .signle-item-txt-area .coursettl {
  position: relative;
  width: fit-content;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
  line-height: 1;
  margin-bottom: 0;
}

.cycling-main section.inner .course-info .signle-item-txt-area .coursettl::after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: -25px;
  font-size: 16px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
}

/*---------- 加茂湖コース1 -----------*/
.cycling-main section.inner .course-info .signle-item-txt-area h3.course-1 {
  color: #74ced7;
}

.cycling-main section.inner .course-info .signle-item-txt-area .course-1::after {
  content: '2';
  background-color: #74ced7;
  color: #e0fcff;
}

/*---------- 加茂湖～新穂コース2 -----------*/
.cycling-main section.inner .course-info .signle-item-txt-area .course-2 {
  color: #ff5279;
}

.cycling-main section.inner .course-info .signle-item-txt-area .course-2::after {
  content: '3';
  background-color: #ff5279;
  color: #ffcad6;
}
/*---------- トキコース -----------*/
.cycling-main section.inner .course-info .signle-item-txt-area .course-toki {
  color: #AECA5B;
}

.cycling-main section.inner .course-info .signle-item-txt-area .course-toki::after {
  content: '1';
  background-color: #AECA5B;
  color: #eff8d4;
}

/*---------- サドイチコース3 -----------*/
.cycling-main section.inner .course-info .signle-item-txt-area .course-3 {
  color: #10caff;
}

.cycling-main section.inner .course-info .signle-item-txt-area .course-3::after {
  content: '4';
  background-color: #10caff;
  color: #d0f2fc;
}

@media (max-width: 768px) {
  .cycling-main section.inner .course-info .signle-item-txt-area .coursettl {
    line-height: 1;
    font-size: 24px;
  }
}

.cycling-main section.inner .course-info .signle-item-txt-area p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-style: normal;
  /* color: #292929; */
  font-size: 20px;
  line-height: 2;
}

.cycling-main section.inner .course-info .signle-item-txt-area .otherlink {
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
}

.cycling-main section.inner .course-info .signle-item-txt-area .courseBtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  width: 70%;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  border-radius: .8rem;
  padding: 10px 20px;
  background-color: #fff;
  transition: ease-in-out 0.3s;
}
/*---------------- トキ　ボタン ----------------*/
.cycling-main section.inner .course-info .signle-item-txt-area .btn-toki {
  color: #AECA5B;
  border: 4px solid #AECA5B;
}
/*---------------- ボタン1 ----------------*/
.cycling-main section.inner .course-info .signle-item-txt-area .btn1 {
  color: #74ced7;
  border: 4px solid #74ced7;
}

/*---------------- ボタン2 ----------------*/
.cycling-main section.inner .course-info .signle-item-txt-area .btn2 {
  color: #ff5279;
  border: 4px solid #ff5279;
}

/*---------------- ボタン3 ----------------*/
.cycling-main section.inner .course-info .signle-item-txt-area .btn3 {
  color: #10caff;
  border: 4px solid #10caff;
}

@media (hover: hover) and (pointer: fine) {

  /*---------------- ボタン1 ----------------*/
  .cycling-main section.inner .course-info .signle-item-txt-area .btn-toki:hover {
    color: #fff;
    background-color: #AECA5B;
  }
  /*---------------- ボタン1 ----------------*/
  .cycling-main section.inner .course-info .signle-item-txt-area .btn1:hover {
    color: #fff;
    background-color: #74ced7;
  }

  /*---------------- ボタン2 ----------------*/
  .cycling-main section.inner .course-info .signle-item-txt-area .btn2:hover {
    color: #fff;
    background-color: #ff5279;
  }

  /*---------------- ボタン3 ----------------*/
  .cycling-main section.inner .course-info .signle-item-txt-area .btn3:hover {
    color: #fff;
    background-color: #10caff;
  }
}

@media (max-width: 768px) {
  .cycling-main section.inner .course-info .signle-item-txt-area .courseBtn {
    width: 100%;
  }

  .cycling-main section.inner .course-info .signle-item-txt-area p {
    line-height: 2;
    font-size: 18px;
  }
}

/*----------- 矢印 ----------*/
.signle-item-txt-area .arrow {
  position: relative;
  display: inline-block;
  width: 11.9px;
  height: 21.8px;
}

.signle-item-txt-area .arrow::before,
.signle-item-txt-area .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 16px;
  height: 2px;
  border-radius: 9999px;
  transform-origin: calc(100% - 1px) 50%;
  transition: ease-in-out 0.3s;
}

.signle-item-txt-area .arrow::before {
  transform: rotate(45deg);
}

.signle-item-txt-area .arrow::after {
  transform: rotate(-45deg);
}

/*-------------- トキ 矢印 ---------------*/
.signle-item-txt-area .btn-toki .arrow::before,
.signle-item-txt-area .btn-toki .arrow::after {
  background-color: #AECA5B;
}
/*-------------- 矢印1 ---------------*/
.signle-item-txt-area .btn1 .arrow::before,
.signle-item-txt-area .btn1 .arrow::after {
  background-color: #74ced7;
}

/*-------------- 矢印2 ---------------*/
.signle-item-txt-area .btn2 .arrow::before,
.signle-item-txt-area .btn2 .arrow::after {
  background-color: #ff5279;
}

/*-------------- 矢印3 ---------------*/
.signle-item-txt-area .btn3 .arrow::before,
.signle-item-txt-area .btn3 .arrow::after {
  background-color: #10caff;
}



@media (hover: hover) and (pointer: fine) {

  .signle-item-txt-area .courseBtn:hover .arrow::before,
  .signle-item-txt-area .courseBtn:hover .arrow::after {
    background-color: #fff;
  }
}

/* ------------サドイチのポイント---------- */
.cycling-main .sadoiti-point {
  margin-top: 5rem;
}

.cycling-main .sadoiti-point p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
  color: #292929;
  line-height: 3.2rem;
  text-align: center;
  margin-bottom: 3.4rem;
}

.cycling-main .sadoiti-point dl {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  gap: 25px;
  width: fit-content;
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
  color: #292929;
  margin: 0 auto;
}

.cycling-main .sadoiti-point dt {
  display: flex;
  justify-content: start;
  align-items: center;
  line-height: 1;
  font-size: 24px;
  color: #10caff;
  padding-bottom: 5px;
  border-bottom: dashed 2px #10caff;
}

.cycling-main .sadoiti-point dt span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  background-color: #10caff;
  font-size: 20px;
  color: #fff;
  border-radius: 50%;
  margin-right: 10px;
}

.cycling-main .sadoiti-point dd {
  line-height: 1.5;
  font-size: 17px;
  padding-top: 5px;
  padding-left: 33px;
}

@media (max-width: 768px) {
  .cycling-main .sadoiti-point {
    margin-top: 10rem;
  }

  .cycling-main .sadoiti-point p {
    line-height: 6.4rem;
    font-size: 22px;
    margin-bottom: 4.6rem;
  }

  .cycling-main .sadoiti-point dl {
    gap: 15px;
  }

  .cycling-main .sadoiti-point dt {
    font-size: 20px;
  }

  .cycling-main .sadoiti-point dd {
    font-size: 16px;
  }
}

/* ----------レンタサイクルへ誘導---------- */
.cycling-main .toRental h3 {
  margin-bottom: 3.4rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  color: #292929;
  line-height: 3.2rem;
  text-align: center;
}

.cycling-main .toRental a {
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  color: #F98F7D;
  border: 1px solid #F98F7D;
  border-radius: .8rem;
  padding: 50px 0;
  margin: 0 auto;
  transition: ease-in-out 0.3s;
}

.cycling-main .toRental .arrow {
  position: relative;
  display: inline-block;
  width: 11.9px;
  height: 21.8px;
}

.cycling-main .toRental .arrow::before,
.cycling-main .toRental .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 16px;
  height: 2px;
  border-radius: 9999px;
  transform-origin: calc(100% - 1px) 50%;
  transition: ease-in-out 0.3s;
  background-color: #F98F7D;
}

.cycling-main .toRental .arrow::before {
  transform: rotate(45deg);
}

.cycling-main .toRental .arrow::after {
  transform: rotate(-45deg);
}

@media (max-width: 768px) {
  .cycling-main .toRental h3 {
    margin-bottom: 4.6rem;
    line-height: 6.4rem;
    font-size: 24px;
  }

  .cycling-main .toRental a {
    width: 80%;
  }
}

@media (hover: hover) and (pointer: fine) {
  .cycling-main .toRental a:hover {
    color: #fff;
    background-color: #F98F7D;
  }

  .cycling-main .toRental a:hover .arrow::before,
  .cycling-main .toRental a:hover .arrow::after {
    background-color: #fff;
  }
}