@charset "UTF-8";
/* ==========================================================================
    reset
========================================================================== */
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

/* 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 {
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5;
  /* 3*/
}

/* 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 {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}

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

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

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  margin: 0;
  clear: both;
  /* 1 */
  overflow: visible;
  /* 2 */
  border-top-width: 1px;
  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 {
  /* 1 */
  font-size: inherit;
  font-family: monospace, monospace;
  /* 2 */
}

address {
  font-style: inherit;
}

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

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
strong.assert{
  font-weight: bolder;
  color: #e30606;
 font-size: clamp(2rem, 1.782rem + 1.09vw, 2.6rem);
}
strong.promotion{
 color: #e30606;
}

/**
 * 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 {
  /* 1 */
  font-size: inherit;
  font-family: monospace, monospace;
  /* 2 */
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: inherit;
  vertical-align: middle;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

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

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  color: inherit;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 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. Change font properties to `inherit` in Safari.
 */
::-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] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

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

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

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
    base
========================================================================== */
html {
  font-size: 62.5%;
}

body {
  color: #444;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Drial", "Yu Gothic", "Meiryo", sans-serif;
}

html, body {
  position: relative;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  transition: all 0.3s ease;
}
a:hover {
  opacity: 0.8;
}


/* ==========================================================================
		リンク
========================================================================== */
a.basically {
	color: #1A0DAB;
}
a.basically:hover {
	  opacity: 0.8;
	text-decoration: underline;
}
a.basically:active {
  color: #0366D6;
}
a.basically:visited {
  color: #0366D6;
}
/* ==========================================================================
		ボタン
========================================================================== */
.button {
  display: inline-block;
  border-radius: 4px;
  color: #fff;
  line-height: 1;
}

.button--red {
  border: 0.1rem solid #e30606;
  background: #e30606;
}
.button--red:hover {
  background-color: #fff;
  color: #e30606;
}

.button--green {
  background: #00ccd6;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
.button--green:hover {
  background-color: #fff;
  color: #00ccd6;
}

.button--black {
  border: 0.1rem solid #000;
  background: #000;
}
.button--black:hover {
  background-color: #fff;
  color: #000;
}
.button--gold {
  background: #D0A900;
  border: 0.1rem solid #fff;

}
.button--gold:hover {
  background-color: #fff9e6;
  color: #D0A900;
  border: 0.1rem solid #D0A900;
}

.button--blackline {
  border: 0.1rem solid #333;
  background: #fff;
  color: #333;
}
.button--blackline:hover {
  background-color: #333;
  color: #fff;
}

.button--m {
  padding: clamp(1rem, 2.08vw, 1.5rem) clamp(1rem, 2.08vw, 2rem);
  font-size: 1.4rem;
}

.button--l {
  padding: clamp(1.2rem, 2.5vw, 1.5rem) clamp(3.9rem, 8.125vw, 4.5rem);
  font-size: clamp(2rem, 2.6vw, 2.5rem);
}

/* アナウンスボタン */
.button--annouce {
	width: 100%;
  display: inline-block;
  padding: 0.37em 1.64em 0.48em;
  border: 0.1rem solid #e30606;
  text-align: center;
  color: #e30606;
  font-size: clamp(2.4rem, 5vw, 4rem);
  line-height: 1;
}
.button--annouce:hover {
  background-color: #e30606;
  color: #fff;
  opacity: 1;
}
@media screen and (max-width: 767px) {
.button--annouce {
  font-size: clamp(1.6rem, 3.333vw, 1.8rem);
}
}

/* LPボタン */
.button--landing {
  width: 100%;
  display: inline-block;
  padding: 0.87em 1.64em 0.87em;
  text-align: center;
  font-size: clamp(2.1rem, 2.73vw, 4.5rem);
  line-height: 1;
  border: 0.1rem solid #e30606;
  color: #FFF;
  background-color: #e30606;
}
.button--landing:hover {
  background-color: #FFF;
  color: #e30606;
  opacity: 1;
  border: 0.1rem solid #e30606;
}
@media screen and (max-width: 767px) {
.button--landing {
  font-size: clamp(1.6rem, 3.333vw, 1.8rem);
}
}
.dots {
  background-image: radial-gradient(circle at center, #3fc1c9 20%, transparent 20%); /* 点の色とサイズ調整 */
  background-position: top right; /* 点の位置 */
  background-repeat: repeat-x; /* 横方向に繰り返し */
  background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
  padding-top: .2em; /* 縦方向の位置調整 */
}
/* index slider ボタン */
.index--button {
  width: 100%;
  display: inline-block;
  padding: 0.48em 0;
  margin-top:  1rem;
  border: 0.1rem solid #e30606;
  text-align: center;
  color: #fff;
  font-size: clamp(1.6rem, 3.333vw, 1.8rem);
  line-height: 1.4;
  background-color: #e30606;
  border-radius: 6px;
}
.index--button:hover {
  background-color: #fff;
  color: #e30606;
  opacity: 1;
}
@media screen and (max-width: 767px) {
.index--button {
  margin-top:  0.5rem;
  padding: 0.36em 0;
  font-size: clamp(1.2rem, 1.56vw, 1.4rem);
  border-radius: 4px;
}
}

/* 詳細はこちら */
.button--more {
  display: inline-block;
  padding: 0.67em 1.94em 0.78em;
  border: 0.1rem solid #444;
  font-size: clamp(1.6rem, 3.333vw, 1.8rem);
  line-height: 1;
}
.button--more:hover {
  background-color: #fff;
  color: #e30606;
  opacity: 1;
}

/* 予約ボタン */
.button--book {
  width: 100%;
  display: inline-block;
  padding: 0.48em 0;
  margin-top:  1rem;
  border: 0.1rem solid #e30606;
  text-align: center;
  color: #fff;
  font-size: clamp(1.6rem, 3.333vw, 1.8rem);
  line-height: 1.4;
  background-color: #e30606;
	border-radius: 6px;
}
.button--book:hover {
  background-color: #fff;
  color: #e30606;
  opacity: 1;
}

/* 料金確認ボタン */
.button--vacant {
  width: 100%;
  display: inline-block;
  padding: 0.48em 0;
  margin-top:  1rem;
  border: 0.1rem solid #0366d6;
  text-align: center;
  color: #fff;
  font-size: clamp(1.6rem, 3.333vw, 1.8rem);
  line-height: 1.4;
  background-color: #0366d6;
  border-radius: 6px;
}
.button--vacant:hover {
  background-color: #fff;
  color: #0366d6;
  opacity: 1;
}

@media screen and (max-width: 767px) {
.button--vacant {
  margin-top:  0.5rem;
  padding: 0.36em 0;
  font-size: clamp(1.2rem, 1.56vw, 1.4rem);
  border-radius: 4px;
}
}

/* 総額照会ボタン */
.button--estimate {
  width: 100%;
  display: inline-block;
  padding: 0.48em 0;
  margin-top:  1rem;
  border: 0.1rem solid #333;
  text-align: center;
  color: #fff;
  font-size: clamp(1.6rem, 3.333vw, 1.8rem);
  line-height: 1.4;
  background-color: #333;
  border-radius: 6px;
}
.button--estimate:hover {
  background-color: #fff;
  color: #333;
  opacity: 1;
}

/*　次月前月ボタン */
.available_btn {
  width: 100%;
  text-align: center;
  margin: 0 0 1.5rem;
  display: flex;
  justify-content: space-between;
}

.next_btn,
.forward_btn {
  width: 35%;
  display: inline-block;
  padding: 0.5rem 0 0.7rem;
  text-align: center;
  border: solid 1px #0366d6;
  color: #FFF;
  font-size: clamp(1.6rem, 3.333vw, 1.8rem);
  line-height: 1.6;
  background-color: #0366d6;
  border-radius: 6px;
}
.forward_btn:before {
  content:"<<";
}
.next_btn:after {
  content:">>";
}
.next_btn:hover,
.forward_btn:hover {
    border: solid 1px #0366d6;
  background-color: #FFF;
  color: #0366d6;
  border-radius: 6px;
  transition: none;
}


/* ==========================================================================
		header
========================================================================== */
.header {
  position: relative;
}

.header-top {
  border-bottom: 0.1rem solid #e8e8e8;
}

.header-top__inner {
  display: flex;
  align-items: center;
  padding: clamp(1.2rem, 2.5vw, 3.2rem) 0 clamp(1.2rem, 2.5vw, 2.54rem);
}

@media screen and (max-width: 767px) {
  .header-logo {
    width: clamp(15rem, 40vw, 27.94rem);
  }
}

.header-logo__link:hover {
  opacity: 1;
}

.header__reserve-button {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .header__reserve-button {
    display: none;
  }
}

/* ハンバーガー */
.header__toggle-button {
  margin-left: auto;
}

.toggle-button {
  display: none;
}
@media screen and (max-width: 767px) {
  .toggle-button {
    display: block;
    z-index: 30;
    width: 2.8rem;
    height: 2.7rem;
    cursor: pointer;
  }
}

.toggle-button__line {
  display: block;
  position: relative;
  height: 0.3rem;
  background-color: #444;
  transition: all 0.3s;
}
.toggle-button__line::before, .toggle-button__line::after {
  position: absolute;
  width: 100%;
  height: 0.3rem;
  background-color: #444;
  content: "";
  transition: all 0.3s;
}
.toggle-button__line::before {
  top: -1.2rem;
}
.toggle-button__line::after {
  top: 1.2rem;
}

/* ナビゲーションメニュー */
.nav {
  border-bottom: 0.1rem solid #e8e8e8;
}
@media screen and (max-width: 767px) {
  .nav {
    z-index: 20;
    position: absolute;
    top: 0;
    right: -100%;
    width: 28rem;
    height: 100vh;
    padding: 0 2%;
    padding-top: clamp(5.2rem, 16.25vw, 8rem);
    border-bottom: 0;
    background-color: #fff;
    transition: all 0.3s ease;
  }
}

.nav__inner {
  padding: clamp(1.2rem, 1.56vw, 2.2rem) 0;
}

.nav__list {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .nav__list {
    flex-direction: column;
  }
}

.nav__item {
  position: relative;
}
@media screen and (max-width: 767px) {
.nav__item {
  margin-bottom: 1.8rem;
}
}
.nav__item:not(:last-of-type) {
  margin-right: min(1.04vw, 2rem);
}
@media screen and (max-width: 767px) {
  .nav__item:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 1.8rem;
  }
}

.nav__item-link {
  display: block;
  font-size: clamp(1.2rem, 1.56vw, 1.4rem);
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .nav__item-link {
    font-size: 1.8rem;
  }
}

.nav__item-link {
  position: relative;
  padding-left: 1.4rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .nav__item-link {
    font-size: 1.8rem;
  }
}
.nav__item-link::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1rem;
  height: 0.9rem;
  margin-right: 0.4rem;
  transform: translateY(-50%);
  background: url(../images/icon_arrow_gray.svg) center/contain no-repeat;
  content: "";
}

.header__overlay {
  display: none;
}
@media screen and (max-width: 767px) {
  .header__overlay {
    z-index: 15;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: #000;
    opacity: 0.5;
    transition: all 0.5s ease;
  }
}

/* メニューオープン時 */
.is-open {
  height: 100%;
  overflow-y: hidden;
}
.is-open .nav {
  right: 0;
}
.is-open .toggle-button {
  position: fixed;
  top: clamp(1.2rem, 3.75vw, 2.598rem);
  right: 5%;
}
.is-open .toggle-button__line {
  background-color: transparent;
}
.is-open .toggle-button__line::before {
  top: 0;
  transform: rotate(45deg);
}
.is-open .toggle-button__line::after {
  top: 0;
  transform: rotate(-45deg);
}
.is-open .header__overlay {
  display: block;
}

.scroll-prevent {
  position: fixed;
  width: 100%;
}

/* ==========================================================================
		footer
========================================================================== */
.footer {
  padding: clamp(3rem, 6.25vw, 6.2rem) 0 clamp(3rem, 6.25vw, 4.7rem);
  background-color: #000;
  color: #fff;
}

.footer__top {
  margin-bottom: 5.2rem;
}

.footer-top__inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 979px) {
  .footer-top__inner {
    flex-direction: column;
  }
}

.footer-top__info {
  margin-right: 1rem;
}
@media screen and (max-width: 979px) {
  .footer-top__info {
    margin-bottom: 4.2rem;
    text-align: center;
  }
}

.footer-top__logo {
  margin-bottom: clamp(1.7rem, 1.73vw, 3.4rem);
}

.footer-logo {
  font-weight: 700;
  font-size: clamp(2rem, 2.04vw, 2.4rem);
  line-height: 1;
}
@media screen and (max-width: 979px) {
  .footer-logo {
    font-size: clamp(2rem, 5.33vw, 2.4rem);
  }
}

.footer-logo__link:hover {
  opacity: 1;
}

.footer-top__copy {
  margin-bottom: 1.8rem;
  font-size: clamp(1.2rem, 1.22vw, 1.4rem);
}
@media screen and (max-width: 979px) {
  .footer-top__copy {
    font-size: 1.4rem;
  }
}

.footer-top__image {
  width: clamp(9.33rem, 9.52vw, 14rem);
}
@media screen and (max-width: 979px) {
  .footer-top__image {
    width: 14rem;
    margin: 0 auto;
  }
}

.footer-top__list {
  display: flex;
}
@media screen and (max-width: 979px) {
  .footer-top__list {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .footer-top__list {
    flex-direction: column;
  }
}

.footer-top__item {
  position: relative;
}
@media screen and (max-width: 767px) {
  .footer-top__item {
    border-top: 0.1rem solid #fff;
  }
}
@media screen and (max-width: 767px) {
  .footer-top__item:last-of-type {
    border-bottom: 0.1rem solid #fff;
  }
}
.footer-top__item:not(:last-of-type) {
  margin-right: min(1.5625vw, 3rem);
}
@media screen and (max-width: 979px) {
  .footer-top__item:not(:last-of-type) {
    margin-right: min(3.06vw, 3rem);
  }
}
@media screen and (max-width: 767px) {
  .footer-top__item:not(:last-of-type) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .footer-top__item::before, .footer-top__item::after {
    position: absolute;
    background-color: #fff;
    content: "";
  }
}
@media screen and (max-width: 767px) {
  .footer-top__item::before {
    top: 1.8rem;
    right: 1rem;
    width: 1.8rem;
    height: 0.3rem;
  }
}
@media screen and (max-width: 767px) {
  .footer-top__item::after {
    top: 1.1rem;
    right: 1.75rem;
    width: 0.3rem;
    height: 1.8rem;
    transition: all 0.3s ease;
  }
}
.footer-top__item.is-open::after {
  transform: rotate(90deg);
}
.footer-top__item.is-open .footer-top__link::before {
  transform: translateY(-50%) rotate(90deg);
}

.footer-top__link {
  display: block;
  position: relative;
  padding-left: 1.4rem;
  font-weight: 700;
  font-size: clamp(1.4rem, 1.43vw, 1.6rem);
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .footer-top__link {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    font-size: 1.6rem;
  }
}
.footer-top__link::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1rem;
  height: 0.9rem;
  margin-right: 0.4rem;
  transform: translateY(-50%);
  background: url(../images/icon_arrow_white.svg) center/contain no-repeat;
  content: "";
  transition: all 0.3s ease;
}

.footer-top__sub-list {
  margin-top: 2.1rem;
  margin-left: 1.4rem;
}
@media screen and (max-width: 767px) {
  .footer-top__sub-list {
    display: none;
    margin-top: 0;
    margin-bottom: 1.5rem;
    margin-left: 2rem;
  }
}

.footer-top__sub-item:not(:last-of-type) {
  margin-bottom: 1.4rem;
}

.footer-top__sub-link {
  display: block;
  font-size: clamp(1.2rem, 1.22vw, 1.4rem);
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .footer-top__sub-link {
    font-size: 1.4rem;
  }
}

.footer-bottom__inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .footer-bottom__inner {
    flex-direction: column;
  }
}

.footer-bottom__copyright {
  font-size: clamp(1.2rem, 1.22vw, 1.4rem);
  line-height: 1;
}
@media screen and (max-width: 979px) {
  .footer-bottom__copyright {
    font-size: clamp(1rem, 2.5vw, 1.2rem);
  }
}
@media screen and (max-width: 767px) {
  .footer-bottom__copyright {
    order: 2;
  }
}

@media screen and (max-width: 767px) {
  .footer-bottom__nav {
    order: 1;
    margin-bottom: 0.5rem;
  }
}

.footer-bottom__list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 320px) {
  .footer-bottom__list {
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .footer-bottom__item {
    margin-bottom: 0.8rem;
  }
}
.footer-bottom__item:not(:last-of-type) {
  padding-right: clamp(0.5rem, 1.56vw, 1.4rem);
  border-right: 0.1rem solid #fff;
}
@media screen and (max-width: 320px) {
  .footer-bottom__item:not(:last-of-type) {
    padding-right: 0;
    border: none;
  }
}
.footer-bottom__item:not(:first-of-type) {
  padding-left: clamp(0.5rem, 1.56vw, 1.4rem);
}
@media screen and (max-width: 320px) {
  .footer-bottom__item:not(:first-of-type) {
    padding-left: 0;
  }
}

.footer-bottom__link {
  display: block;
  font-size: clamp(1.2rem, 1.22vw, 1.4rem);
  line-height: 1;
}
@media screen and (max-width: 979px) {
  .footer-bottom__link {
    font-size: clamp(1rem, 2.5vw, 1.2rem);
  }
}

/* ==========================================================================
		common
========================================================================== */
.container {
  width: 90%;
  max-width: 133rem;
  margin: 0 auto;
}

.contents {
  padding-top: clamp(1rem, 2.083vw, 2rem);
  padding-bottom: clamp(2rem, 4.167vw, 4rem);
}

.contents__inner {
  max-width: 110rem;
  margin: 0 auto;
}

.main-section {
  padding: clamp(3rem, 6.25vw, 6rem) 0;
}

.main-section__inner {
  max-width: 100rem;
  margin: 0 auto;
}

.main-section__title {
  margin-bottom: clamp(2rem, 5.333vw, 5rem);
  padding-bottom: clamp(2rem, 4.167vw, 4.4rem);
  border-bottom: 0.1rem solid #e8e8e8;
  font-weight: 700;
  font-size: clamp(2.4rem, 5vw, 4rem);
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .main-section__title {
    font-size: clamp(2rem, 4.167vw, 3rem);
  }
}

.main-section__text {
  margin-bottom: 1em;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  line-height: 2;
  display: block;
}
.txt-center{
  text-align: center;
}
.main-section__sub-title {
  font-weight: 700;
  font-size: clamp(2rem, 4.167vw, 3rem);
  text-align: center;
}

.sub-section {
  margin-top: clamp(3rem, 6.25vw, 5rem);
}

.sub-section__inner {
  max-width: 90rem;
  margin: 0 auto;
}

.sub-section__title {
  margin-bottom: clamp(3rem, 6.25vw, 5rem);
  padding: clamp(1rem, 2.083vw, 1.6rem) 0 clamp(1rem, 2.083vw, 1.6rem);
  border-top: 0.1rem solid #505050;
  border-bottom: 0.1rem solid #505050;
}
.sub-section__title span {
  display: block;
  position: relative;
  padding-left: clamp(3rem, 6.25vw, 4rem);
  font-weight: 700;
  font-size: clamp(1.6rem, 3.333vw, 2rem);
}
.sub-section__title span::before {
  position: absolute;
  top: 0.1em;
  left: 0.2em;
  width: 1.3em;
  height: 1.3em;
  border-radius: 50%;
  background-color: #ff0101;
  content: "";
}

.sub-section__sub-title {
  position: relative;
  margin-bottom: 1em;
  padding-left: clamp(3rem, 6.25vw, 4rem);
  font-weight: 700;
  font-size: clamp(1.6rem, 3.333vw, 2rem);
}
.sub-section__sub-title::before {
  position: absolute;
  top: 0.1em;
  left: 0.2em;
  width: 1.3em;
  height: 1.3em;
  border-radius: 50%;
  background-color: #3d3d3d;
  content: "";
}

.sub-section__text {
  margin-bottom: 1em;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  line-height: 2;
}

.sub-section__item {
  position: relative;
  padding-left: 1em;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  line-height: 2;
}
.sub-section__item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}

.main-section__intro {
  margin-bottom: clamp(2rem, 5.333vw, 5rem);
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .main-section__intro {
    text-align: left;
  }
}

.main-section__addition {
  margin-bottom: clamp(2rem, 5.333vw, 5rem);
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  line-height: 2;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .main-section__addition {
    text-align: right;
  }
}

.infomation-section {
  margin-bottom: clamp(2rem, 5.333vw, 5rem);
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  line-height: 2;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .infomation-section {
    text-align: left;
  }
}

.infomation-section__title {
  margin-bottom: clamp(2rem, 5.333vw, 5rem);
  padding-bottom: clamp(2rem, 4.167vw, 4.4rem);
  border-bottom: 0.1rem solid #e8e8e8;
  font-weight: 700;
  font-size: clamp(2.4rem, 5vw, 4rem);
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .infomation-section__title {
    font-size: clamp(2rem, 4.167vw, 3rem);
  }
}



/* ==========================================================================
		トップページ
========================================================================== */
/* レンタカークラス一覧 */
.car-details:not(:first-of-type) {
  padding-top: clamp(3rem, 6.25vw, 6rem);
}
.car-details:not(:last-of-type) {
  padding-bottom: clamp(3rem, 6.25vw, 6rem);
  border-bottom: 0.1rem solid #e8e8e8;
}

.car-details__titlecar-details__title {
  margin-bottom: clamp(1.5rem, 3.125vw, 3.5rem);
}

.car-details__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .car-details__body {
    flex-direction: column;
  }
}

.car-details__image {
  width: 37.8%;
}
@media screen and (max-width: 767px) {
  .car-details__image {
    width: 100%;
  }
}

.car-details__figure {
  /*position: relative;*/
  width: 100%;
}
.car-details__figure::before {
  /*display: block;*/
  /*padding-top: 62.23%;*/
  /*content: "";*/
}
.car-details__figure img {
  -o-object-fit: cover;
  /*position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.car-details__content {
  width: 54.7%;
}
@media screen and (max-width: 767px) {
  .car-details__content {
    width: 100%;
  }
}

.car-details__content-title {
  margin-bottom: clamp(1.5rem, 3.125vw, 2.5rem);
  font-weight: 700;
  font-size: clamp(1.6rem, 3.333vw, 2rem);
}

.car-details__content-text {
  margin-bottom: clamp(1.5rem, 3.125vw, 2.5rem);
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}

.car-details__tag-list,
.plan-details__tag-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: clamp(2.5rem, 5.208vw, 3.5rem);
  gap: clamp(0.6rem, 1.25vw, 1.2rem);
}

.car-details__tag-item,
.plan-details__tag-item {
  padding: 0.44em 1.25em 0.56em;
  color: #fff;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  line-height: 1;
}
.car-details__tag-item:not(.promotion-now),
.plan-details__tag-item:not(.important-now) {
  background-color: #444;
}
.car-details__tag-item.promotion-now,
.plan-details__tag-item.important-now {
  background-color: #e30606;
}

.car-details__button-wrap {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .car-details__button-wrap {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .car-details__button {
    width: 100%;
  }
}

/* ==========================================================================
		landing
========================================================================== */

.landing-section {
   padding-top: clamp(3rem, 6.25vw, 6rem) 0;
}

.landing__inner {
  /*padding-bottom: clamp(2rem, 4.167vw, 4.4rem);*/
  display: block;
}

.landing-section__title {
  margin-bottom: clamp(2rem, 5.333vw, 5rem);
  padding-bottom: clamp(2rem, 4.167vw, 4.4rem);
  border-bottom: 0.1rem solid #e8e8e8;
  font-weight: 700;
  font-size: clamp(2.4rem, 5vw, 4rem);
  line-height: 1;
  text-align: center;
}

.landing-section__title-fukidashi {
  display: flex;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(2.1rem, 2.73vw, 4.5rem);
  line-height: 1;
  text-align: center;
	color: #3fc1c9;;
}
@media screen and (max-width: 767px) {
  .landing-section__title-fukidashi {
   font-size: clamp(1.6rem, 3.333vw, 2rem);
  }
}

.landing-section__title-fukidashi::before,
.landing-section__title-fukidashi::after {
	content: '';
	width: 2px;
	height: 25px;
	background-color: #3fc1c9;
}
.landing-section__title-fukidashi::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.landing-section__title-fukidashi::after {
	margin-left: 30px;
	transform: rotate(35deg)
}


.landing-section__headertitle {
  width: 100%;
  display: inline-block;
  padding: 0.37em 1.64em 0.48em;
  text-align: center;
  font-size: clamp(2.1rem, 2.73vw, 4.5rem);
  line-height: 1;
  background-color: #D0A900;
  border: 0.1rem solid #D0A900;
  color: #fff;
  margin-bottom: 6.25vw;
}

@media screen and (max-width: 767px) {
.landing-section__headertitle {
    font-size: clamp(2rem, 4.167vw, 3rem);
  }
}

@media screen and (max-width: 767px) {
  .landing-section__title {
    font-size: clamp(2rem, 4.167vw, 3rem);
  }
}

.landing-section__arrowtitle {
	position: relative;
	padding: 2rem 0.5rem;
	margin-bottom: clamp(3rem, 6.25vw, 6rem);
	font-size: clamp(2.4rem, 2.73vw, 4.5rem);
	font-weight: 700;
	text-align: center;
	border-radius: 3px;
}

.landing-section__arrowtitle.red {
	color: #FFF;
	border-bottom: 3px solid #e30606;
	background: #e30606;
}
.landing-section__arrowtitle.orange {
	color: #FFF;
	border-bottom: 3px solid #EB6100;
	background: #EB6100;
}
.landing-section__arrowtitle.yellow {
	color: #333;
	border-bottom: 3px solid #ffa500;
	background: #ffa500;
}

.landing-section__arrowtitle:before, .landing-section__arrowtitle:after {
	position: absolute;
	content: '';
	left: 45%;
	width: 0;
	height: 0;
	border-width: 20px 15px 0;
	border-style: solid;
}
.landing-section__arrowtitle:before {	
	bottom: -20px;
}
.landing-section__arrowtitle.red:before {	
	border-color: #e30606 transparent transparent;
}
.landing-section__arrowtitle.orange:before {	
	border-color: #EB6100 transparent transparent;
}
.landing-section__arrowtitle.yellow:before {	
	border-color: #ffa500 transparent transparent;
}
.landing-section__arrowtitle:after {
	bottom: -14px;
	border-color: #fff transparent transparent;
}
.landing-section__appeal-one,
.landing-section__appeal-second{
	position: relative;
	text-align: center;
	padding: 1.5rem;  
	font-size: clamp(1.8rem, 3.75vw, 2.4rem);
	font-weight: 700;
	margin-bottom: 2.25vw;
	background-color: #000;
	color: #FFF;
	border-radius: 3px;
}
.landing-section__appeal-one:before,
.landing-section__appeal-second:before{
	position: absolute;
	content: '';
	bottom: 0;
	left: calc(15%);
	width: 70%;
	height: 5px;
}
.landing-section__appeal-one:before{
	background: #cccc00;
}
.landing-section__appeal-second:before{
	background: #e95388;
}
.landing-section__fencetext {
	position: relative;
	padding: 2rem 2rem;
	border: solid 0.5px #E8E8E8;
	margin-bottom: 2.25vw;
	
}
.landing-section__fencetext:after {
	position: absolute;
	content: "こだわりポイント";
	top: -10px;
	left: 15px;
	background: #fff;
	font-size: 1.25rem;
	color: #D0A900;
	padding: 0 10px;
}

.landing-section__text {
  margin-bottom: 1em;
  line-height: 2;
  display: block;
  font-size: clamp(1.6rem, 3.333vw, 2rem);
  font-weight: 700;
  text-align: center;
}
.landing-section__text:nth-of-type(3),
.landing-section__text:last-child {
  margin-bottom: 0em;
}

@media screen and (max-width: 767px) {
.landing-section__text {
  font-size: clamp(1.4rem, 2.917vw, 1.6rem);
  font-weight: 500;
  }
}


.landing-section__appeal-zero {
  position: relative;
  overflow: hidden;
  padding: 1rem 2rem 1rem 80px;
  font-size: clamp(1.8rem, 3.75vw, 2.4rem);
  font-weight: 700;
  margin-bottom: 1rem;
}
.landing-section__appeal-zero:before {
  position: absolute;
  content: '';
  top: -150%;
  left: -130px;
  width: 190px;
  height: 300%;
  transform: rotate(0deg);
  border: solid 1px #FFF;
  background: #00afcc;
}
.landing-section__appeal-zero span {
	position: absolute;
	display: block;
	top: 0.5rem;
	left: 0;
	z-index: 1;
	padding-left: 22px;
	color: #FFF;
    font-size: clamp(1.8rem, 3.75vw, 2.4rem);
}
.landing-section__appeal-zero strong{
	font-weight: 700;
    background: linear-gradient(transparent 60%, yellow 30%);
}
@media screen and (max-width: 767px) {
.landing-section__appeal-zero {
  font-size: clamp(1.8rem, 3.75vw, 2.4rem);
  padding: 0.75rem 2rem 0.75rem 60px;
}
.landing-section__appeal-zero:before {
  top: -150%;
  left: -120px;
  width: 165px;
  height: 300%;
}
.landing-section__appeal-zero span {
	padding-left: 16px;
}
}
.landing-section__appeal-zerotext{
	position: relative;
	padding: 0 2rem;
	margin-bottom:1rem;
	font-size: 90%;
}

.landing-section__surroundtitle {
  position: relative;
  overflow: hidden;
  padding: 1rem 2rem 1rem 120px;
  border-bottom: solid 1px #D0A900;
  font-size: clamp(1.8rem, 3.75vw, 2.4rem);
  font-weight: 700;
  margin-bottom: 1rem;
}
.landing-section__surroundtitle:before {
  position: absolute;
  content: '';
  top: -150%;
  left: -120px;
  width: 200px;
  height: 300%;
  transform: rotate(25deg);
  border: solid 1px #D0A900;
  background: #FAF5E0;
}
.landing-section__surroundtitle span {
	position: absolute;
	display: block;
	top: 1remx;
	left: 0;
	z-index: 1;
	padding-left: 24px;
	color: #D0A900;
    font-size: clamp(1.8rem, 3.75vw, 2.4rem);
}
@media screen and (max-width: 767px) {
.landing-section__surroundtitle {
  font-size: clamp(1.8rem, 3.75vw, 2.4rem);
  padding: 0.75rem 2rem 0.75rem 70px;
}
.landing-section__surroundtitle:before {
  top: -150%;
  left: -120px;
  width: 180px;
  height: 300%;
}
.landing-section__surroundtitle span {
	padding-left: 16px;
}
}
.landing-section__surroundtext{
	position: relative;
	padding: 0 2rem;
	margin-bottom:1rem;
	font-size: 90%;
}
.landing__list {
  display: flex;
  row-gap: clamp(3rem, 6.25vw, 4.5rem);
  flex-wrap: wrap;
  justify-content: space-between;
}

.landing__item {
  width: 46%;
}
.landing-item img {
  margin-bottom: 2.25vw;
}
@media screen and (max-width: 767px) {
  .landing__item {
    width: 100%;
  }
}

#landing-toggle1,
#landing-toggle2,
#landing-toggle3,
#landing-toggle4,
#landing-toggle5,
#landing-toggle6,
#landing-toggle7,
#landing-toggle8,
#landing-toggle9,
#landing-toggle10,
#landing-toggle11,
#landing-toggle12,
#landing-toggle13,
#landing-toggle14,
#landing-toggle15,
#landing-toggle16,
#landing-toggle17{
    display: none;
}
.landing-section__toggle-inner{
    display: none;
	margin-top: 1.125vw;
}
#landing-toggle1:checked ~ .landing-section__toggle-inner,
#landing-toggle2:checked ~ .landing-section__toggle-inner,
#landing-toggle3:checked ~ .landing-section__toggle-inner,
#landing-toggle4:checked ~ .landing-section__toggle-inner,
#landing-toggle5:checked ~ .landing-section__toggle-inner,
#landing-toggle6:checked ~ .landing-section__toggle-inner,
#landing-toggle7:checked ~ .landing-section__toggle-inner,
#landing-toggle8:checked ~ .landing-section__toggle-inner,
#landing-toggle9:checked ~ .landing-section__toggle-inner,
#landing-toggle10:checked ~ .landing-section__toggle-inner,
#landing-toggle11:checked ~ .landing-section__toggle-inner,
#landing-toggle12:checked ~ .landing-section__toggle-inner,
#landing-toggle13:checked ~ .landing-section__toggle-inner,
#landing-toggle14:checked ~ .landing-section__toggle-inner,
#landing-toggle15:checked ~ .landing-section__toggle-inner,
#landing-toggle16:checked ~ .landing-section__toggle-inner,
#landing-toggle17:checked ~ .landing-section__toggle-inner{
    display: block;
}

/* ==========================================================================
		promo
========================================================================== */
.promo-section {
   padding-top: clamp(3rem, 6.25vw, 6rem);
	padding-left: clamp(3rem, 6.25vw, 6rem);
	padding-right: clamp(3rem, 6.25vw, 6rem);

}
.promo__inner {
  display: block;
}
.promo-section__title {
    margin-bottom: clamp(2rem, 5.333vw, 5rem);
    padding-bottom: clamp(2rem, 4.167vw, 4.4rem);
    border-bottom: 0.1rem solid #e8e8e8;
    font-weight: 700;
    font-size: clamp(2.4rem, 5vw, 4rem);
    line-height: 0.9;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .promo-section__title {
        font-size: clamp(2rem, 4.167vw, 3rem);
    }
}
.promo-section__title-fukidashi {
  display: flex;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(2rem, 4.167vw, 3rem);
  text-align: center;
  color: #3fc1c9;
  margin-bottom: clamp(1.5rem, 3.125vw, 2.5rem);
}
@media screen and (max-width: 767px) {
  .promo-section__title-fukidashi {
   font-size: clamp(1.6rem, 3.333vw, 2rem);
   margin-bottom: clamp(1rem, 2.083vw, 2rem);
  }
}

.promo-section__title-fukidashi::before,
.promo-section__title-fukidashi::after {
	content: '';
	width: 2px;
	background-color: #3fc1c9;
}
.promo-section__title-fukidashi::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.promo-section__title-fukidashi::after {
	margin-left: 30px;
	transform: rotate(35deg)
}

.promo-section__button {
    padding-bottom: clamp(3rem, 6.25vw, 6rem);
}
/* ==========================================================================
	サブビジュアル
========================================================================== */
.sv {
  min-height: 28.19vw;
  /*margin-bottom: clamp(3rem, 6.25vw, 6rem);*/
}

.sv__slide {
  height: 100%;
}

.sv__inner--01,
.sv__inner--02
 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.sv__img--01 img {
  width: 73.19vw; 
}

.sv__copy--01 {
  /*min-width: 34.19vw;*/
  font-weight: 500;
  font-size: clamp(2.5rem, 3.25vw, 3.5rem);
  line-height: 1.35;
}

.sv__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sv__item--01 {
  min-height: 34.19vw;
  background-image: url(../images/bg_lp_1.jpg);
  background-image: -webkit-image-set(url(../images/bg_lp_1.jpg) 1x, url(../images/bg_lp_1@2x.jpg) 2x);
  background-image: image-set(url(../images/bg_lp_1.jpg) 1x, url(../images/bg_lp_1@2x.jpg) 2x);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ==========================================================================
		プランアピール
========================================================================== */

.plan-topic__list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .plan-topic__list{
    flex-direction: column;
	margin-bottom: 0rem;
  }
}
.plan-topic__item {
  width: 30.5%;
}
@media screen and (max-width: 767px) {
  .plan-topic__item {
    display: flex;
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .plan-topic__item:not(:last-of-type) {
    margin-bottom: clamp(1rem, 3.571vw, 2rem);
  }
}
@media screen and (max-width: 767px) {
  .plan-topic__item:first-of-type, .plan-topic__item:nth-of-type(3) {
    flex-direction: row;
  }
}
@media screen and (max-width: 479px) {
  .plan-topic__item:first-of-type, .plan-topic__item:nth-of-type(3) {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .plan-topic__item:nth-of-type(2) {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 479px) {
  .plan-topic__item:nth-of-type(2) {
    flex-direction: column;
  }
  .plan-topic__item:nth-of-type(2) .plan-topic__text {
    text-align: center;
  }
}
.plan-topic__image {
    margin: 2rem 0;
  }

@media screen and (max-width: 767px) {
  .plan-topic__image,
.plan-topic__content {
    width: 50%;
  }
 .plan-topic__figure {
	width: 100;
	margin: 0 25%;

  }
}
@media screen and (max-width: 479px) {
  .plan-topic__image,
.plan-topic__content {
    width: 100%;
    margin: 2rem 0 0;
  }
}

@media screen and (max-width: 767px) {
  .plan-topic__content {
    display: grid;
    align-items: center;
    justify-content: center;
	text-align: center;
    background-color: #efefef;
  }
}
@media screen and (max-width: 479px) {
  .plan-topic__content {
    padding: clamp(2rem, 4.167vw, 3rem) 0;
  }
}

.plan-topic__text {
  font-weight: 700;
  font-size: clamp(1.4rem, 1.823vw, 1.8rem);
  text-align: center;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .plan-topic__text {
    font-size: clamp(1.2rem, 2.5vw, 1.6rem);
	margin-bottom: 0rem;
  }
}
.plantopic__button-wrap {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .plantopic__button-wrap {
    text-align: center;
  }
}

/* ==========================================================================
	画像を使ったトリオボックス
========================================================================== */

.torio-wrap__list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .torio-wrap__list{
    flex-direction: column;
	margin-bottom: 0rem;
  }
}
.torio-wrap__item {
  width: 30.5%;
}
@media screen and (max-width: 767px) {
  .torio-wrap__item {
    display: flex;
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .torio-wrap__item:not(:last-of-type) {
    margin-bottom: clamp(1rem, 3.571vw, 2rem);
  }
}
@media screen and (max-width: 767px) {
  .torio-wrap__item:first-of-type, .torio-wrap__item:nth-of-type(3) {
    flex-direction: row;
  }
}
@media screen and (max-width: 479px) {
  .torio-wrap__item:first-of-type, .torio-wrap__item:nth-of-type(3) {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .torio-wrap__item:nth-of-type(2) {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 479px) {
  .torio-wrap__item:nth-of-type(2) {
    flex-direction: column;
  }
  .torio-wrap__item:nth-of-type(2) .torio-wrap__text {
    text-align: center;
  }
}
.torio-wrap__image {
    margin: 2rem 0;
  }
.torio-wrap__figure .largewindow {
    display: block;
  }
.torio-wrap__figure .smallwindow {
    display: none;
  }
    /* 768px以上の画面では大きい画像を表示 */
    @media (max-width: 479px) {
.torio-wrap__figure .largewindow {
    display: none;
  }
.torio-wrap__figure .smallwindow {
    display: block;
  }
    }


@media screen and (max-width: 767px) {
  .torio-wrap__image {
    width: 50%;
  }
  .torio-wrap__content {
    width: 50%;
  }
 .torio-wrap__figure {
	width: 100;
	margin: 0;
  }
}

@media screen and (max-width: 479px) {
  .torio-wrap__image {
    width: 100%;
    margin: 2rem 0 0;
  }
  .torio-wrap__content {
    width: 100%;
    margin: 0 0 0;
  }
}


@media screen and (max-width: 767px) and ( min-width:478px) {
  .torio-wrap__content {
    display: grid;
    align-items: center;
    justify-content: none;
	text-align: center;
    background-color: #fff;
  }
}
	
@media screen and (max-width: 479px) {
  .torio-wrap__content {
    display: grid;
    align-items: center;
    justify-content: center;
	text-align: center;
    background-color: #efefef;
  }
}

	
@media screen and (max-width: 479px) {
  .torio-wrap__content {
    padding: clamp(2rem, 4.167vw, 3rem) 0;
  }
}


.torio-wrap__text {
  font-weight: 700;
  font-size: clamp(1.4rem, 1.823vw, 1.8rem);
  text-align: center;
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) and ( min-width:478px) {
  .torio-wrap__text {
    font-size: clamp(1.2rem, 2.5vw, 1.6rem);
	margin-bottom: 0rem;
  }
}

@media screen and ( max-width:478px) {
  .torio-wrap__text {
    font-size: clamp(1.2rem, 2.5vw, 1.6rem);
	margin-bottom: 2rem;
  }
}

.torio-wrap__button-wrap {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .torio-wrap__button-wrap {
    text-align: center;
  }
}

.torio-wrap__title {
	display:  none;
}
@media screen and (max-width: 767px) and ( min-width:478px) {
  .torio-wrap__title {
  font-size: clamp(1.8rem, 2.75vw, 2.4rem);
  padding-top: clamp(1rem, 2.083vw, 2rem);
  margin-bottom: clamp(1rem, 2.083vw, 2rem);
  border-top: 1rem solid #333;
  font-weight: 600;
  font-size: clamp(1.8rem, 2.75vw, 2.4rem);
  line-height: 1;
  text-align: center;
  display:block;
	  width: 100%;
  }
}
@media screen and ( max-width:479px ){
  .torio-wrap__title {
   	display:  none;
  }
}

/* 取扱車両の料金プラン */
.car-details-notice__item {
  padding: clamp(1rem, 2.083vw, 2rem) 0;
  border-top: 0.1rem solid #505050;
}
.car-details-notice__item:last-of-type {
  border-bottom: 0.1rem solid #505050;
}
.car-details-details__box {
  display: flex;
}
@media screen and (max-width: 767px) {
  .car-details-details__box {
    flex-direction: column;
  }
}
.car-details-details__title {
  width: 30%;
  font-weight: 700;
  font-size: clamp(1.4rem, 2.917vw, 1.6rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .car-details-details__title {
    width: 100%;
    margin-bottom: clamp(1rem, 2.083vw, 2rem);
  }
}
.car-details-details__title span {
  display: block;
  width: 100%;
  font-weight: normal;
  font-size: 1.2rem;
  margin-top: clamp(0.2rem, -0.010000000000000009rem + 1.05vw, 1.25rem);
}
.car-details-details__text {
  width: 70%;
  padding-left: 2%;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}


@media screen and (max-width: 767px) {
  .car-details-details__text {
    width: 100%;
    padding-left: 0;
  }
}
.car-details-notice__sub-title {
  margin: clamp(2rem, 4.167vw, 3rem) 0;
}
/* ボタン */
.car-details__button-area {
margin-top: clamp(2rem, 4.167vw, 3rem);
margin-bottom: clamp(2rem, 4.167vw, 3rem);
text-align: center;
}
.button--car-details {
  display: inline-block;
  padding: 0.44em 1.94em 0.56em;
  margin-bottom: 0.34em;
  border: 0.1rem solid #444;
  font-size: clamp(2.2rem, 2.5vw, 1.6rem);
  line-height: 1;
}
.button--car-details:hover {
  background-color: #fff;
  color: #e30606;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .button--car-details {
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;  
  padding: 1.14em 2.54em 1.14em;
  margin-bottom: 0.74em;
  border: 0.1rem solid #444;
  font-size: clamp(1.4rem, 1.4vw, 1rem);
  line-height: 1;
}
}
/* レンタカー料金 */
.rental-price__item:not(:last-of-type) {
  margin-bottom: clamp(4rem, 8.333vw, 10rem);
}

.price-details__title {
  margin-bottom: clamp(1rem, 2.083vw, 4rem);
}
.price-details__title span {
  display: block;
  width: 100%;
  font-weight: normal;
  font-size: 1.2rem;
  margin-top: clamp(0.2rem, -0.010000000000000009rem + 1.05vw, 1.25rem);
}
.price-details__sub-title {
  display: block;
  font-weight: normal;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}
.price-details__sub-title span.text-discount {
  display: block;
  font-weight:bold;
  font-size: clamp(1.4rem, 3.733vw, 1.6rem);
  color: #e30606;
}
.price-details__table3 th span.text-discount, .price-details__table3 td span.text-discount{
  font-weight:bold;
  font-size: clamp(1.4rem, 3.733vw, 1.6rem);
  color: #e30606;
  text-indent: 1rem;
}

.price-details__table,
.price-details__table3,
.price-details__table4 {
  width: 100%;
  margin: 0 auto 1rem;
}
.price-details__table thead th,
.price-details__table3 thead th,
.price-details__table4 thead th {
  border-bottom: 0.1rem solid #e8e8e8;
	font-weight: bold;
}

.price-details__table3 tbody th.first,
.price-details__table3 tbody td.first {
    border-bottom: 0.2rem solid #e8e8e8;
	padding: clamp(1.4rem, 3.083vw, 1.9rem) 0;
}

.rental-price__item .text-red,
.price-details__table .text-red,
.price-details__table3 .text-red,
.price-details__table4 .text-red,
.price-details__price-list .text-red,
.main-section__title .text-red,
.text-red {
  color: #e30606;
}
.text-black {
  color: #000;
}
.text-navy {
  color: #192e57;
}
.text-yellow {
  color: #ffa500;
}
.text-cyan {
  color: #00a1e9;
}
.text-pink {
  color: #ff3399;
}
.price-details__table tr th:first-child {
  width: 28%;
  border-right: 0.1rem solid #e8e8e8;
}
.price-details__table tr *:nth-child(2),
.price-details__table tr *:nth-child(4) {
  width: 28%;
}
.price-details__table tr *:nth-child(3) {
  width: 16%;
}
.price-details__table3 tr th:first-child {
  width: 28%;
  border-right: 0.1rem solid #e8e8e8;
}
.price-details__table3 tr *:nth-child(2),
.price-details__table3 tr *:nth-child(4) {
  width: 28%;
}
.price-details__table3 tr *:nth-child(3) {
  width: 16%;
}
.price-details__table4 tr th:first-child {
  width: 27%;
  border-right: 0.1rem solid #e8e8e8;
}
.price-details__table4 tr *:nth-child(2),
.price-details__table4 tr *:nth-child(4),
.price-details__table4 tr *:nth-child(5){
  width: 18%;
}
.price-details__table4 tr *:nth-child(3)  {
  width: 19%;
}
.price-details__table th,
.price-details__table td {
  padding: clamp(1rem, 2.083vw, 1.5rem) 0;
  text-align: center;
}
.price-details__table3 th,
.price-details__table3 td {
  padding: clamp(1rem, 2.083vw, 1.5rem) 0;
  text-align: center;
}  
.price-details__table4 th,
.price-details__table4 td {
  padding: clamp(1rem, 2.083vw, 1.5rem) 0;
  text-align: center;
}
.price-details__table th span,
.price-details__table td span,
.price-details__table4 th span,
.price-details__table4 td span {
  display: block;
  width: 100%;
  font-weight: normal;
  font-size: 1.2rem;
}
.price-details__table3 th span,
.price-details__table3 td span {
	display: inherit;
  font-weight: normal;
  font-size: 1.2rem;
}
.price-details__table3 th yen,
.price-details__table3 td yen {
	font-size: 1.4rem;
}
.price-details__table3 th strike,
.price-details__table3 td strike {
  text-decoration:none;position:relative;
	font-size: 1.4rem;
	color: black;
}

.price-details__table3 th strike::before,
.price-details__table3 td strike::before {
	display: inherit;
	font-weight: normal;
	font-size: 1.2rem;
    top: 50%; /*tweak this to adjust the vertical position if it's off a bit due to your font family */
    background:red; /*this is the color of the line*/
    opacity:.7;
    content: '';
    width: 110%;
    position: absolute;
    height:.1em;
    border-radius:.2em;
    left: -5%;
    white-space:nowrap;
    display: block;
    transform: rotate(-15deg);  
}
.price-details__table3 th strike.straight::before,
.price-details__table3 td strike.straight::before {
    transform: rotate(0deg);
	left:-1%;
	width:102%;
}

.price-details__table th,
.price-details__table3 th,
.price-details__table4 th {
  font-weight: normal;
  font-size: clamp(1.6rem, 3.333vw, 2rem);
}
.price-details__table td,
.price-details__table3 td,
.price-details__table4 td {
  font-weight: 700;
  font-size: clamp(1.8rem, 3.75vw, 2.4rem);
}

.price-details__note {
  margin-bottom: 2rem;
  font-size: 1.2rem;
  text-align: right;
}
.price-details__moredetails {
  margin-bottom: 2rem;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .price-details__note,
.price-details__moredetails {
    margin-bottom: 1rem;
  }
}

/* レンタカー料金 SP版 */
.price-details__season-list {
  display: flex;
  align-items: center;
  padding: clamp(1.2rem, 3.2vw, 2.4rem) 0 clamp(1rem, 2.667vw, 2.1rem);
  border-top: 0.1rem solid #e8e8e8;
}

.price-details__season-item,
.price-details__price-item,
.price-details__term-item {
  width: 33.3333333333%;
  font-weight: 700;
  text-align: center;
}
.price-details__price-item yen {
	font-size: clamp(0.8rem, 1.667vw, 1rem);
}
.price-details__price-item strike,
.price-details__price-item strike {
  text-decoration:none;position:relative;
	font-size: 1rem;
	color: black;
}

.price-details__price-item strike::before,
.price-details__price-item strike::before {
	display: inherit;
	font-weight: normal;
	font-size: 0.8rem;
    top: 50%; /*tweak this to adjust the vertical position if it's off a bit due to your font family */
    background:red; /*this is the color of the line*/
    opacity:.7;
    content: '';
    width: 110%;
    position: absolute;
    height:.1em;
    border-radius:.2em;
    left: -5%;
    white-space:nowrap;
    display: block;
    transform: rotate(-15deg);  
}
.price-details__table3 th strike.straight::before,
.price-details__table3 td strike.straight::before {
    transform: rotate(0deg);
	left:-1%;
	width:102%;
}
.price-details__all-season {
  width: 100%;
  font-weight: 700;
  text-align: center;
}
.price-details__season-item span,
.price-details__price-item span {
  display: block;
  font-weight: normal;
  font-size: clamp(1rem, 2.083vw, 1.2rem);
  color: #000000;
}

.price-details__season-list {
  display: flex;
  align-items: center;
}

.price-details__season-item,
.price-details__all-season {
  font-size: clamp(1.2rem, 3.2vw, 1.6rem);
}

.price-details__period-title {
  margin-bottom: clamp(1.2rem, 3.2vw, 2.4rem);
  font-weight: 700;
  font-size: clamp(1.6rem, 4.267vw, 1.8rem);
  text-align: center;
}

.price-details__period-item {
  padding-top: clamp(1rem, 3.2vw, 1.7rem);
  border-top: 0.1rem solid #444;
}

.price-details__price-list,
.price-details__term-list {
  display: flex;
  align-items: center;
  margin-bottom: clamp(1rem, 3.2vw, 1.7rem);
}
.price-details__price-item,
.price-details__term-list {
  font-size: clamp(1.4rem, 3.733vw, 1.6rem);
}
.price-details__price-item:not(:last-of-type) {
  border-right: 0.1rem solid #333;
}


/* 料金プランのプラン説明 */
.priceplan-notice__item,
.plan-details__item {
  padding: clamp(1rem, 2.083vw, 2rem) 0;
  border-top: 0.1rem solid #505050;
}
.priceplan-notice__item:last-of-type,
.plan-details__item:last-of-type {
  border-bottom: 0.1rem solid #505050;
}
@media screen and (max-width: 767px) {
  .priceplan-notice__intro,
.plan-details__intro {
  text-align: center;
}
}
.priceplan-details__box,
.plan-details__box {
  display: flex;
}
@media screen and (max-width: 767px) {
  .priceplan-details__box,
.plan-details__box {
    flex-direction: column;
  }
}
.priceplan-details__title,
.plan-details__title {
  width: 30%;
  font-weight: 700;
  font-size: clamp(1.4rem, 2.917vw, 1.6rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .priceplan-details__title,
.plan-details__title {
    width: 100%;
    margin-bottom: clamp(1rem, 2.083vw, 2rem);
  }
}

.priceplan-details__text,
.priceplan-details__lefttext,
.plan-details__text,
.plan-details__lefttext {
  width: 70%;
  padding-left: 2%;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
	line-height: 1.8;
}
.plan-details__lefttext div {
	margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .priceplan-details__text,
.plan-details__text {
    width: 100%;
    padding-left: 0;
	text-align: center;
  }
  .priceplan-details__lefttext,
.plan-details__lefttext {
    width: 100%;
    padding-left: 0;
	text-align: left;
  }
.plan-details__lefttext div {
	margin-bottom: 1rem;
}
}
.priceplan-notice__sub-title,
.plan-details__sub-title {
  margin: clamp(2rem, 4.167vw, 3rem) 0;
}

/* オプション */
.planoption-notice__item {
  padding: clamp(1rem, 2.083vw, 2rem) 0;
  border-top: 0.1rem solid #505050;
}
.planoption-notice__item:last-of-type {
  border-bottom: 0.1rem solid #505050;
}
@media screen and (max-width: 767px) {
  .planoption-notice__intro {
  text-align: center;
}
}
.planoption-notice__sub-title {
  margin: clamp(2rem, 4.167vw, 3rem) 0;
}

/* ご利用の流れ */
.usage-flow__item:not(:first-of-type) {
  position: relative;
  margin-top: clamp(7rem, 14.583vw, 10rem);
}
.usage-flow__item:not(:first-of-type)::after {
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  top: calc(clamp(4rem, 8.333vw, 5.3rem) * -1);
  left: 50%;
  width: 5.3rem;
  height: 2.6rem;
  transform: translateX(-50%);
  background-color: #707070;
  content: "";
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.usage-flow__item:last-of-type {
  margin-bottom: clamp(2rem, 4.167vw, 2.7rem);
}

.flow-details__title {
  margin-bottom: clamp(1.5rem, 3.125vw, 2.5rem);
  padding-bottom: clamp(1.5rem, 3.125vw, 3rem);
  border-bottom: 0.1rem solid #e8e8e8;
}

.flow-details__body {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .flow-details__body {
    flex-direction: column;
  }
}

.flow-details__image {
  width: 37.8%;
}
@media screen and (max-width: 767px) {
  .flow-details__image {
    width: 100%;
  }
}

.flow-details__figure {
  position: relative;
  width: 100%;
}
.flow-details__figure::before {
  display: block;
  padding-top: 62.23%;
  content: "";
}
.flow-details__figure img {
  -o-object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flow-details__content {
  width: 55.3%;
}
@media screen and (max-width: 767px) {
  .flow-details__content {
    width: 100%;
  }
}

.flow-details__content-box:not(:last-of-type) {
  margin-bottom: clamp(2rem, 4.167vw, 3rem);
}

.flow-details__sub-title {
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: clamp(1.4rem, 2.917vw, 1.8rem);
}

.flow-details__item {
  position: relative;
  padding-left: 1.2em;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  counter-increment: number;
}
.flow-details__item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(number) ".";
}
.flow-details__item:not(:last-of-type) {
  margin-bottom: 0.5em;
}

.flow-details__note {
  margin-top: clamp(1rem, 2.083vw, 2rem);
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}

/* よくある質問 */
.faq__list {
  display: flex;
  row-gap: clamp(3rem, 6.25vw, 4.5rem);
  flex-wrap: wrap;
  justify-content: space-between;
}

.faq__item {
  width: 42%;
}
@media screen and (max-width: 767px) {
  .faq__item {
    width: 100%;
  }
}

.faq-item__title {
  margin-bottom: clamp(1.5rem, 3.125vw, 2.5rem);
  font-weight: 700;
  font-size: clamp(1.4rem, 2.917vw, 1.8rem);
}

.faq-item__text {
  font-size: clamp(1.2rem, 2.5vw, 1.4rem);
}

.faq-item__button-area {
  margin-top: clamp(2rem, 4.167vw, 3rem);
}

.faq-item__button {
  font-size: clamp(1.2rem, 2.5vw, 1.4rem);
}

/* オトクと安心ポイント */
.reassuring-points__list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .reassuring-points__list {
    flex-direction: column;
  }
}
.reassuring-points__item {
  width: 30.5%;
}
@media screen and (max-width: 767px) {
  .reassuring-points__item {
    display: flex;
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .reassuring-points__item:not(:last-of-type) {
    margin-bottom: clamp(1rem, 3.571vw, 2rem);
  }
}
@media screen and (max-width: 767px) {
  .reassuring-points__item:first-of-type, .reassuring-points__item:nth-of-type(3) {
    flex-direction: row;
  }
}
@media screen and (max-width: 479px) {
  .reassuring-points__item:first-of-type, .reassuring-points__item:nth-of-type(3) {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .reassuring-points__item:nth-of-type(2) {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 479px) {
  .reassuring-points__item:nth-of-type(2) {
    flex-direction: column;
  }
  .reassuring-points__item:nth-of-type(2) .reassuring-points__text {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .reassuring-points__image,
.reassuring-points__content {
    width: 50%;
  }
}
@media screen and (max-width: 479px) {
  .reassuring-points__image,
.reassuring-points__content {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .reassuring-points__content {
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
    background-color: #efefef;
  }
}
@media screen and (max-width: 479px) {
  .reassuring-points__content {
    padding: clamp(1rem, 2.083vw, 2rem) 0;
  }
}

.reassuring-points__text {
  font-weight: 700;
  font-size: clamp(1.4rem, 1.823vw, 1.8rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .reassuring-points__text {
    font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  }
}

/* 料金リスト */
.price-showing__list {
  display: flex;
  gap: clamp(0.6rem, 1.25vw, 1.2rem);
  flex-wrap: wrap;
}
.price-showing__item {
  width: 23%;
  border-right:0.1rem solid #e8e8e8;
  padding-right: clamp(1rem, 3.571vw, 2rem);
}
.price-showing__item:first-of-type, .price-showing__item:nth-of-type(2), .price-showing__item:nth-of-type(3)  {
  width: 31%;
}
.price-showing__item:last-of-type, .price-showing__item:nth-of-type(3) {
	border-right: none;
	padding-right: none;
}

@media screen and (max-width: 767px) {
.price-showing__list {
  gap: clamp(0.6rem, 1.25vw, 1.2rem);
}
.price-showing__item {
  width: 23%;
  border-right:0.1rem solid #e8e8e8;
  padding-right: clamp(0.5rem, 1.7855vw, 1rem);
}
.price-showing__item:first-of-type, .price-showing__item:nth-of-type(2) {
  width: 33%;
}
}
@media screen and (max-width: 479px) {
.price-showing__list {
  gap: clamp(0.48rem, 1vw, 0.96rem);
}
  .price-showing__item:not(:last-of-type) {
     /* margin-bottom: clamp(1rem, 3.571vw, 2rem); */
  }
}
@media screen and (max-width: 767px) {
  .price-showing__item:first-of-type, .price-showing__item:nth-of-type(3) {
    /* flex-direction: row; */
  }
  .price-showing__item:first-of-type .price-showing__text, .price-showing__item:nth-of-type(3) .price-showing__text {

  }
}
@media screen and (max-width: 479px) {
  .price-showing__item:first-of-type, .price-showing__item:nth-of-type(3) {
     /*flex-direction: column;*/
  }
}
@media screen and (max-width: 767px) {
  .price-showing__item:nth-of-type(2) {
    /* flex-direction: row-reverse; */
  }
  .price-showing__item:nth-of-type(2) .price-showing__text {
    /*text-align: right; */
  }
}
@media screen and (max-width: 479px) {
  .price-showing__item:nth-of-type(2) {
   /* flex-direction: column; */
  }
}

@media screen and (max-width: 767px) {
  .price-showing__image,
.price-showing__content {
    /* width: 50%; */
  }
}
@media screen and (max-width: 479px) {
  .price-showing__image,
.price-showing__content {
    /* width: 100%; */
  }
}

@media screen and (max-width: 767px) {
   /*.price-showing__content {
     display: flex;
    align-items: center;
    justify-content: center;
    background-color: #efefef;
  } */
}
@media screen and (max-width: 479px) {
  .price-showing__content {
    /*padding: clamp(1rem, 2.083vw, 2rem) 0; */
  }
}
.price-showing__text {
  font-weight: 700;
  font-size: clamp(1.4rem, 1.823vw, 1.8rem);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .price-showing__text {
    font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  }
}

.price-showing__title {
  font-weight: 700;
  font-size: clamp(1.8rem, 3.75vw, 2.4rem);
}
.price-showing__subtitle{
  font-size: clamp(1.4rem, 2.917vw, 1.6rem);
	margin-bottom: 0.2rem;
}
.price-showing__thirdtitle{
  font-size: clamp(1.2rem, 2.5vw, 1.4rem);
}
.price-showing__fourthtitle{
  font-weight: 700;
  font-size: clamp(1.2rem, 2.5vw, 1.4rem);
  margin: 2rem 0 0 0;
}
.price-showing__price{
  font-weight: 700;
  font-size: clamp(2rem, 4.167vw, 3rem);
  text-align: end;
  line-height: 2.8rem;
  margin: 0 0 1rem 0;
}
.price-showing__price span{
  font-size: clamp(1.4rem, 1.823vw, 1.8rem);
}
.price-showing__notice{
  font-size: clamp(0.8rem, 1.6664vw, 0.96rem);
  text-align: end;
}
@media screen and (max-width: 767px) {
.price-showing__title {
  font-weight: 700;
  font-size: clamp(1.6rem, 3.333vw, 2rem);
}
.price-showing__subtitle{
	display: none;
}
.price-showing__thirdtitle{
  font-size: clamp(1rem, 2.083vw, 1.2rem);
}
.price-showing__fourthtitle{
  display: none;
}
.price-showing__price{
  font-weight: 700;
  font-size: clamp(1.6rem, 3.333vw, 2rem);
  text-align: end;
  line-height: 2.1rem;
  margin: 0 0 0.1rem 0;
}
.price-showing__price span{
  font-size: clamp(1rem, 2.083vw, 1.2rem);
}
.price-showing__notice{
  font-size: clamp(0.5rem, 1.0415vw, 0.6rem);
  text-align: end;
}
}
@media screen and (max-width: 479px) {
.price-showing__title {
  font-weight: 700;
  font-size: clamp(1.4rem, 2.917vw, 1.6rem);
}
.price-showing__subtitle{
	display: none;
}
.price-showing__thirdtitle{
  font-size: clamp(0.8rem, 1.6664vw, 0.96rem);
}
.price-showing__fourthtitle{
  display: none;
}
.price-showing__price{
  font-weight: 700;
  font-size: clamp(1.4rem, 2.917vw, 1.6rem);
  text-align: end;
  line-height: 2.1rem;
  margin: 0 0 0.1rem 0;
}
.price-showing__price span{
  font-size: clamp(0.8rem, 1.6664vw, 0.96rem);
}
.price-showing__notice{
  font-size: clamp(0.5rem, 1.0415vw, 0.6rem);
  text-align: end;
}
}


/* インフォグラフリスト */
.service-info__title {
  margin-bottom: clamp(2rem, 4.167vw, 3rem);
}
@media screen and (max-width: 767px) {
.service-info__title {
  margin-bottom: clamp(1rem, 3.571vw, 2rem);
}
}
.service-info__list {
  display: flex;
  gap: clamp(0.6rem, 1.25vw, 1.2rem);
  flex-wrap: wrap;
  margin-bottom: clamp(3rem, 6.25vw, 5rem);
}
.service-info__item {
  width: 15%;
}
@media screen and (max-width: 767px) {
.service-info__list {
  gap: clamp(0.6rem, 1.25vw, 1.2rem);
}
.service-info__item {
  width: 15%;
}
}
@media screen and (max-width: 479px) {
.service-info__list {
  gap: clamp(0.48rem, 1vw, 0.96rem);
}
}
.service-info__content {
    /*padding: clamp(1rem, 2.083vw, 2rem) 0; */	
}
@media screen and (max-width: 767px) {
  .service-info__image,
.service-info__content {
     width: 100%; 
  }
}
@media screen and (max-width: 479px) {
  .service-info__image,
.service-info__content {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
   /*.service-info__content {
     display: flex;
    align-items: center;
    justify-content: center;
    background-color: #efefef;
  } */
}
@media screen and (max-width: 479px) {
  .service-info__content {
    /*padding: clamp(1rem, 2.083vw, 2rem) 0; */
  }
}
.service-info__image {
	margin-bottom: 1.5rem;
}
.service-info__figure {
	border: solid 0.1px #C1EAED;
	padding: 1rem;
	border-bottom: 6px solid #33b9c4;
}
@media screen and (max-width: 767px) {
.service-info__image {
	margin-bottom: 1rem;
}
.service-info__figure {
	border: solid 0.1px #C1EAED;
	padding: 0.5rem;
	border-bottom: 4px solid #33b9c4;
}
}
@media screen and (max-width: 478px) {
.service-info__image {
	margin-bottom: 0.5rem;
}
.service-info__figure {
	border: solid 0.1px #C1EAED;
	padding: 0.5rem;
	border-bottom: 4px solid #33b9c4;
}
}
.service-info__text {
  font-weight: 700;
  font-size: clamp(1.2rem, 2.5vw, 1.4rem);
  text-align: center;
  color: #595757;
		
}
@media screen and (max-width: 767px) {
  .service-info__text {
   /* font-size: clamp(1rem, 2.083vw, 1.2rem);*/
	text-align-last: left;
	  text-align: left;
  }
}
@media screen and (max-width: 479px) {
  .service-info__text {
    /*font-size: clamp(0.8rem, 1.6664vw, 0.96rem);*/
  }
}
/* サービス紹介 */
.service-introduce__item:not(:first-of-type) {
  position: relative;
  margin-top: clamp(7rem, 14.583vw, 10rem);
}
.service-introduce__item:not(:first-of-type)::after {
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  top: calc(clamp(4rem, 8.333vw, 5.3rem) * -1);
  left: 50%;
  width: 5.3rem;
  height: 2.6rem;
  transform: translateX(-50%);
  background-color: #707070;
  content: "";
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.service-introduce__item:last-of-type {
  margin-bottom: clamp(2rem, 4.167vw, 2.7rem);
}
.service-details__title {
  margin-bottom: clamp(1.5rem, 3.125vw, 2.5rem);
  padding-bottom: clamp(1.5rem, 3.125vw, 3rem);
  border-bottom: 0.1rem solid #e8e8e8;
}
.service-details__body {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .service-details__body {
    flex-direction: column;
  }
}
.service-details__image {
  width: 37.8%;
}
@media screen and (max-width: 767px) {
  .service-details__image {
    width: 100%;
  }
}
.service-details__figure {
  position: relative;
  width: 100%;
}
.service-details__figure::before {
  display: block;
  padding-top: 62.23%;
  content: "";
}
.service-details__figure img {
  -o-object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-details__content {
  width: 55.3%;
}
@media screen and (max-width: 767px) {
  .service-details__content {
    width: 100%;
  }
}

.service-details__content-box:not(:last-of-type) {
  margin-bottom: clamp(2rem, 4.167vw, 3rem);
}

.service-details__sub-title {
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: clamp(1.4rem, 2.917vw, 1.8rem);
}

.service-details__item {
  position: relative;
  padding-left: 1.2em;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  counter-increment: number;
}
.service-details__item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(number) ".";
}
.service-details__item:not(:last-of-type) {
  margin-bottom: 0.5em;
}

.service-details__note {
  margin-top: clamp(1rem, 2.083vw, 2rem);
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}
/* 保険制度のご案内 */
.insurance-system__intro {
  margin: clamp(2rem, 5.333vw, 5rem) 0;
}

.insurance-intro__title {
  margin-bottom: clamp(2rem, 4.167vw, 3rem);
  padding-bottom: clamp(1rem, 2.083vw, 2rem);
  border-bottom: 0.1rem solid #505050;
  font-weight: 700;
  font-size: clamp(1.6rem, 3.333vw, 2rem);
}

.insurance-intro__image {
  width: clamp(14.2rem, 29.58vw, 21.1rem);
  margin-left: clamp(1rem, 2.083vw, 3rem);
  float: right;
}

.insurance-intro__figure {
  position: relative;
  width: 100%;
}
.insurance-intro__figure::before {
  display: block;
  padding-top: 62.23%;
  content: "";
}
.insurance-intro__figure img {
  -o-object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.insurance-intro__text {
  margin-bottom: 1em;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  line-height: 2;
}

.insurance-intro__item {
  position: relative;
  padding-left: 1em;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  line-height: 2;
}
.insurance-intro__item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}

.insurance-system__details {
  margin: clamp(2rem, 5.333vw, 5rem) 0;
}

.insurance-details__title {
  margin-bottom: clamp(1rem, 2.083vw, 2rem);
  font-weight: 700;
  font-size: clamp(1.6rem, 3.333vw, 2rem);
}

.insurance-details__table {
  width: 100%;
  border: 0.1rem solid #b1b1b1;
}
.insurance-details__table th,
.insurance-details__table td {
  border-bottom: 0.1rem solid #b1b1b1;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
}
.insurance-details__table th {
  background-color: #ebebeb;
}
.insurance-details__table td._bold {
  font-weight: 700;
}
.insurance-details__table span {
  display: block;
  font-weight: normal;
  font-size: clamp(1rem, 2.083vw, 1.2rem);
}
.insurance-details__table.type-a th,
.insurance-details__table.type-a td, .insurance-details__table.type-b th,
.insurance-details__table.type-b td {
  width: 50%;
  height: clamp(4.2rem, 8.75vw, 6.22rem);
}
.insurance-details__table.type-a th:first-child,
.insurance-details__table.type-a td:first-child, .insurance-details__table.type-b th:first-child,
.insurance-details__table.type-b td:first-child {
  border-right: 0.1rem solid #b1b1b1;
}
.insurance-details__table.type-c th,
.insurance-details__table.type-c td {
  height: clamp(4.2rem, 8.75vw, 8.89rem);
}
.insurance-details__table.type-c th:nth-child(-n+3),
.insurance-details__table.type-c td:nth-child(-n+3) {
  border-right: 0.1rem solid #b1b1b1;
}

.insurance-details__note {
  margin-top: clamp(0.7rem, 1.458vw, 1rem);
  font-size: clamp(1rem, 2.083vw, 1.2rem);
}

/* 特定商取引法 */
.legal-notice__item {
  padding: clamp(1rem, 2.083vw, 2rem) 0;
  border-top: 0.1rem solid #505050;
}
.legal-notice__item:last-of-type {
  border-bottom: 0.1rem solid #505050;
}

.legal-details__box {
  display: flex;
}
@media screen and (max-width: 767px) {
  .legal-details__box {
    flex-direction: column;
  }
}

.legal-details__title {
  width: 30%;
  font-weight: 700;
  font-size: clamp(1.4rem, 2.917vw, 1.6rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .legal-details__title {
    width: 100%;
    margin-bottom: clamp(1rem, 2.083vw, 2rem);
  }
}

.legal-details__text {
  width: 70%;
  padding-left: 2%;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}
@media screen and (max-width: 767px) {
  .legal-details__text {
    width: 100%;
    padding-left: 0;
  }
}

.legal-notice__sub-title {
  margin: clamp(2rem, 4.167vw, 3rem) 0;
}

.legal-notice__map iframe {
  width: 100%;
}


/* 在庫状況 */
.available-notice__title {
  font-weight: 700;
  font-size: clamp(2rem, 4.167vw, 3rem);
  text-align: center;
  margin-top: clamp(1.5rem, 3.125vw, 3.5rem);
  margin-bottom: clamp(1.5rem, 3.125vw, 3.5rem);
}
.available-notice__item {
  padding: clamp(1rem, 2.083vw, 2rem) 0;
  border-top: 0.1rem solid #505050;
  display:block;
}
.available-notice__item:last-of-type {
  border-bottom: 0.1rem solid #505050;
}
.available-notice__itemin {
  padding: clamp(0.5rem, 2.083vw, 0.5rem) 0;
}
.available-details__box {
  display: flex;
}
.available-details__box:last-of-type {
  display: flex;
}
.available-details__title {
  width: 20%;
  font-weight: 700;
  font-size: clamp(1.6rem, 3.333vw, 2rem);
  text-align: center;
}
.available-details__car {
  width: 23%;
  padding-left: 1%;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}
.available-details__price {
  width: 27%;
  padding-left: 1%;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}
.available-details__price yen {
	font-size: 1.4rem;
}
.available-details__price strike {
  text-decoration:none;
	position:relative;
	font-size: clamp(1.6rem, 3.333vw, 2rem);
	font-weight: 700;
	color: black;
}

.available-details__price strike::before {
	display: inherit;
	font-weight: normal;
	font-size: 1.2rem;
    top: 50%; /*tweak this to adjust the vertical position if it's off a bit due to your font family */
    background:red; /*this is the color of the line*/
    opacity:.7;
    content: '';
    width: 110%;
    position: absolute;
    height:.1em;
    border-radius:.2em;
    left: -5%;
    white-space:nowrap;
    display: block;
    transform: rotate(-15deg);  
}
.available-details__price strike.straight::before {
    transform: rotate(0deg);
	left:-1%;
	width:102%;
}
.available-details__text {
  width: 23%;
  padding-left: 1%;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}
@media screen and (max-width: 767px) {
  .available-details__box {
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    align-items: center;
	flex-wrap :wrap;
  }
  .txt-center{
	  text-align: center;
 }
  .available-details__box:first-of-type {
	 flex-basis: 100%;
  }
  .available-details__title {
    width: 100%;
    margin-bottom: clamp(1rem, 2.083vw, 2rem);
  }
.available-details__car {
  width: 23%;
  padding-left: 1%;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}
.available-details__price {
  width: 45%;
  padding-left: 1%;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}
.available-details__text {
  width: 30%;
  padding-left: 1%;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}
}
.available-notice__sub-title {
  margin: clamp(2rem, 4.167vw, 3rem) 0;
}


/* 料金プランと割引 */
.pricediscountlist-notice__item {
  padding: clamp(1rem, 2.083vw, 2rem) 0;
  border-top: 0.1rem solid #505050;
}
.pricediscountlist-notice__item:last-of-type {
  border-bottom: 0.1rem solid #505050;
}

.pricediscountlist-details__box {
  display: flex;
}
@media screen and (max-width: 767px) {
  .pricediscountlist-details__box {
    flex-direction: column;
  }
}
.pricediscountlist-details__title {
  width: 30%;
  font-weight: 700;
  font-size: clamp(1.4rem, 2.917vw, 1.6rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pricediscountlist-details__title {
    width: 100%;
    margin-bottom: clamp(1rem, 2.083vw, 2rem);
  }
}
.pricediscountlist-details__title span {
  display: block;
  width: 100%;
  font-weight: normal;
  font-size: 1.2rem;
  margin-top: clamp(0.2rem, -0.010000000000000009rem + 1.05vw, 1.25rem);
}
.pricediscountlist-details__text {
  width: 70%;
  padding-left: 2%;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}
@media screen and (max-width: 767px) {
  .pricediscountlist-details__text {
    width: 100%;
    padding-left: 0;
  }
}
.pricediscountlist-notice__sub-title {
  margin: clamp(2rem, 4.167vw, 3rem) 0;
}
/* ボタン */
.pricediscountlist__button-area {
/*margin-top: clamp(2rem, 4.167vw, 3rem);*/
/*margin-top: clamp(2rem, 4.167vw, 3rem);*/
}
@media screen and (max-width: 767px) {
  .pricediscountlist__button-area {
  text-align: center;
  }
}
.button--pricediscountlist {
  display: inline-block;
  padding: 0.67em 1.94em 0.78em;
  margin-bottom: 0.34em;
  border: 0.1rem solid #444;
  font-size: clamp(1.2rem, 2.5vw, 1.4rem);
  line-height: 1;
}
.button--pricediscountlist:hover {
  background-color: #fff;
  color: #e30606;
  opacity: 1;
}

/* お問い合わせ */
.inquiry__button-area {
margin-bottom: clamp(1.2rem, 2.5vw, 1.4rem);
/*margin-top: clamp(2rem, 4.167vw, 3rem);*/
}
@media screen and (max-width: 767px) {
  .inquiry__button-area {
  text-align: center;
  }
}
.button--inquiry {
  display: inline-block;
  padding: 0.67em 1.94em 0.78em;
  border: 0.1rem solid #444;
  font-size: clamp(1.2rem, 2.5vw, 1.4rem);
  line-height: 1;
}
.button--inquiry:hover {
  background-color: #fff;
  color: #e30606;
  opacity: 1;
}
/* 個人情報保護 */
.privacy-policy__box {
  counter-increment: box-number;
}
.privacy-policy__box:not(:last-of-type) {
  margin-bottom: clamp(2rem, 4.167vw, 3rem);
}

.policy-details__title {
  position: relative;
  margin-bottom: 0.8em;
  padding-left: 1em;
  font-weight: 700;
  font-size: clamp(1.4rem, 1.823vw, 1.8rem);
}


.policy-details__text {
  margin-bottom: 1em;
  font-size: clamp(1.2rem, 2.5vw, 1.4rem);
}

.policy-details__unordered-item {
  position: relative;
  padding-left: 1em;
  font-size: clamp(1.2rem, 2.5vw, 1.4rem);
}
.policy-details__unordered-item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}
.policy-details__unordered-item:not(:last-of-type) {
  margin-bottom: 0.2em;
}
.policy-details__ordered-list{
  position: relative;
  padding-left: 1em;
  font-size: clamp(1.2rem, 2.5vw, 1.4rem);
  counter-increment: number;
}
.policy-details__ordered-list::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(number) ".";
}

#privacy-policy ol.policy-details__ordered-list li.policy-details__ordered-item ol.policy-details__ordered-seconditem {
  position: relative;
  padding-left: 1em;
  counter-increment: number;
}
#privacy-policy ol li ol li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "( "counter( cnt )" ) ";
}


.policy-details__ordered-item {
  position: relative;
  padding-left: 1em;
  font-size: clamp(1.2rem, 2.5vw, 1.4rem);
  counter-increment: number;
}
.policy-details__ordered-item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(number) ".";
}
.policy-details__ordered-item:not(:last-of-type) {
  margin-bottom: 0.2em;
}
/* ==========================================================================
　新しいプラン
========================================================================== */
.newplan-details:not(:first-of-type) {
  padding-top: clamp(3rem, 6.25vw, 6rem);
}
.newplan-details:not(:last-of-type) {
  padding-bottom: clamp(3rem, 6.25vw, 6rem);
  border-bottom: 0.1rem solid #e8e8e8;
}

.newplan-details__title {
  margin-bottom: clamp(1.5rem, 3.125vw, 3.5rem);
}

.newplan-details__body {
  display: flex;
  align-items: top;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .newplan-details__body {
    flex-direction: column;
	align-items: center;
  }
}

.newplan-details__image {
  width: 37.8%;
}
@media screen and (max-width: 767px) {
  .newplan-details__image {
    width: 52.8%;
  }
}
.newplan-details__figure {
  position: relative;
  width: 100%;
}
.newplan-details__figure::before {
  display: none;
  padding-top: 0%;
  content: "";
}
.newplan-details__figure img {
  -o-object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
.newplan-details__figure {
  position: relative;
  width: 100%;
}
.newplan-details__figure::before {
  display:none;
  padding-top: 62.23%;
  content: "";
}
.newplan-details__figure img {
  -o-object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
}
.newplan-details__content {
  width: 54.7%;
}
@media screen and (max-width: 767px) {
  .newplan-details__content {
    width: 100%;
  }
}

.newplan-details__content-title {
  margin-bottom: clamp(1.5rem, 3.125vw, 2.5rem);
  font-weight: 700;
  font-size: clamp(1.6rem, 3.333vw, 2rem);
}

.newplan-details__content-text {
  margin-bottom: clamp(1.5rem, 3.125vw, 2.5rem);
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}

.newplan-details__tag-list,
.plan-details__tag-list,
.plan-details__std-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: clamp(2.5rem, 5.208vw, 3.5rem);
  gap: clamp(0.6rem, 1.25vw, 1.2rem);
}

.newplan-details__tag-item,
.plan-details__tag-item {
  padding: 0.44em 1.25em 0.56em;
  color: #fff;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  line-height: 1;
}
.newplan-details__tag-item:not(.promotion-now),
.plan-details__tag-item:not(.important-now) {
  background-color: #444;
}
.newplan-details__tag-item.promotion-now,
.plan-details__tag-item.important-now {
  background-color: #e30606;
}

.plan-details__std-item {
  padding: 0.44em 1.25em 0.56em;
  color: #333;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  line-height: 1;
}
.plan-details__std-item:not(.promotion-now) {
  background-color: #fff;
  border: solid 1px #333;
}

.plan-details__std-item.promotion-now {
  color: #e30606;
  background-color: #fff;
  border: solid 1px #e30606;
}

.newplan-details__button-wrap {
  text-align: right;
  margin-bottom: clamp(1.5rem, 3.125vw, 2.5rem);
}
@media screen and (max-width: 767px) {
  .newplan-details__button-wrap {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .newplan-details__button {
    width: 100%;
  }
}


/* ==========================================================================
		メインビジュアル
========================================================================== */
.mv {
  height: 25vw;
  border-bottom: 0.1rem solid #e8e8e8;
}
@media screen and (max-width: 767px) {
  .mv {
    height: 84.19vw;
  }
}

.mv__slide {
  height: 100%;
}

.mv__inner--01,
.mv__inner--04 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .mv__inner--01,
  .mv__inner--04 {
    flex-direction: column;
  }
}
.mv__copy--01,
.mv__copy--04 {
  width: 39.77%;
  font-weight: 500;
  font-size: clamp(2.5rem, 3.25vw, 3.5rem);
  line-height: 1.35;
}
@media screen and (max-width: 767px) {
  .mv__copy--01,
  .mv__copy--04 {
    width: 100%;
    margin-bottom: 8.8vw;
    font-size: clamp(2.5rem, 5.208vw, 3.5rem);
    text-align: center;
  }
}
@media screen and (max-width: 479px) {
  .mv__copy--01,
  .mv__copy--04 {
    margin-bottom: 0;
    font-size: clamp(1.6rem, 5.714vw, 2.5rem);
  }
}

.mv__image {
  width: 47.97%;
}
@media screen and (max-width: 767px) {
  .mv__image {
    width: 54.87%;
    min-width: 22rem;
  }
}

.mv__item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mv__item--02 {
  background-image: url(../images/bg_mv.jpg);
  background-image: -webkit-image-set(url(../images/bg_mv.jpg) 1x, url(../images/bg_mv@2x.jpg) 2x);
  background-image: image-set(url(../images/bg_mv.jpg) 1x, url(../images/bg_mv@2x.jpg) 2x);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .mv__item--02 {
    background-image: url(../images/bg_mv_sp.jpg);
    background-image: -webkit-image-set(url(../images/bg_mv_sp.jpg) 1x, url(../images/bg_mv_sp@2x.jpg) 2x);
    background-image: image-set(url(../images/bg_mv_sp.jpg) 1x, url(../images/bg_mv_sp@2x.jpg) 2x);
  }
}

.mv__copy--02 {
  margin-bottom: clamp(1.5rem, 1.95vw, 2.5rem);
  color: #fff;
  font-weight: 700;
  font-size: clamp(2.1rem, 2.73vw, 4.5rem);
  line-height: 1.5;
  text-align: center;
  text-shadow: 0 0 8px #000;
}
@media screen and (max-width: 767px) {
  .mv__copy--02 {
    margin-bottom: 33.3vw;
    font-size: clamp(1.8rem, 3.75vw, 4.5rem);
  }
}
@media screen and (max-width: 479px) {
  .mv__copy--02 {
    margin-bottom: 20vw;
    font-size: clamp(1.6rem, 4.26vw, 1.8rem);
  }
}
@media screen and (max-width: 359px) {
  .mv__copy--02 {
    margin-bottom: 8vw;
  }
}
.mv__button {
  text-align: center;
}
.mv__button--01 {
  text-align: left;
}
@media screen and (max-width: 767px) {
.mv__button--01 {
  text-align: center;
}
}

.mv__item--03 {
  background-image: url(../images/bg_travelcoupon.jpg);
  background-image: -webkit-image-set(url(../images/bg_travelcoupon.jpg) 1x, url(../images/bg_travelcoupon@2x.jpg) 2x);
  background-image: image-set(url(../images/bg_travelcoupon.jpg) 1x, url(../images/bg_travelcoupon@2x.jpg) 2x);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .mv__item--03 {
    background-image: url(../images/bg_travelcoupon_sp.jpg);
    background-image: -webkit-image-set(url("../images/bg_travelcoupon_sp.jpg") 1x, url(../images/bg_travelcoupon_sp@2x.jpg) 2x);
    background-image: image-set(url(../images/bg_travelcoupon_sp.jpg) 1x, url(../images/bg_travelcoupon_sp@2x.jpg) 2x);
  }
}

.mv__copy--03 {
  margin-bottom: clamp(1.5rem, 1.95vw, 2.5rem);
  color: #fff;
  font-weight: 700;
  font-size: clamp(2.1rem, 2.73vw, 4.5rem);
  line-height: 1.5;
  text-align: center;
  text-shadow: 0 0 8px #000;
}
@media screen and (max-width: 767px) {
  .mv__copy--03 {
    margin-bottom: 33.3vw;
    font-size: clamp(1.8rem, 3.75vw, 4.5rem);
  }
}
@media screen and (max-width: 479px) {
  .mv__copy--03 {
    margin-bottom: 20vw;
    font-size: clamp(1.6rem, 4.26vw, 1.8rem);
  }
}
@media screen and (max-width: 359px) {
  .mv__copy--03 {
    margin-bottom: 8vw;
  }
}

.mv__button--03 {
  text-align: center;
	margin: 5rem 0 0 0;
}
.mv__item--05 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.mv__inner--05 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .mv__inner--05 {
    flex-direction: column;
  }
}
.mv__copy--05 {
  font-weight: 500;
  font-size: clamp(2rem, 2.6vw, 2.5rem);
  line-height: 1.35;
  margin-bottom: 2.4vw;
}
@media screen and (max-width: 767px) {
.mv__copy--05 {
    width: 100%;
    margin-bottom: 2.4vw;
    font-size: clamp(2rem, 2.6vw, 2.5rem);
    text-align: center;
  }
}
@media screen and (max-width: 479px) {
.mv__copy--05 {
    margin-bottom: 0;
    font-size: clamp(1.6rem, 5.714vw, 2.5rem);
  }
}
.mv__item--06 {
  background-image: url(../images/bg_mv_2.jpg);
  background-image: -webkit-image-set(url(../images/bg_mv_2.jpg) 1x, url(../images/bg_mv_2@2x.jpg) 2x);
  background-image: image-set(url(../images/bg_mv_2.jpg) 1x, url(../images/bg_mv_2@2x.jpg) 2x);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .mv__item--06 {
    background-image: url(../images/bg_mv_2_sp.jpg);
    background-image: -webkit-image-set(url(../images/bg_mv_2_sp.jpg) 1x, url(../images/bg_mv_2_sp@2x.jpg) 2x);
    background-image: image-set(url(../images/bg_mv_2_sp.jpg) 1x, url(../images/bg_mv_2_sp@2x.jpg) 2x);
  }
}
.mv__item--07 {
  background-image: url(../images/bg_mv_3.jpg);
  background-image: -webkit-image-set(url(../images/bg_mv_3.jpg) 1x, url(../images/bg_mv_3@2x.jpg) 2x);
  background-image: image-set(url(../images/bg_mv_3.jpg) 1x, url(../images/bg_mv_3@2x.jpg) 2x);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .mv__item--07 {
    background-image: url(../images/bg_mv_3_sp.jpg);
    background-image: -webkit-image-set(url(../images/bg_mv_3_sp.jpg) 1x, url(../images/bg_mv_3_sp@2x.jpg) 2x);
    background-image: image-set(url(../images/bg_mv_3_sp.jpg) 1x, url(../images/bg_mv_3_sp@2x.jpg) 2x);
  }
}
.mv__item--08 {
  background-image: url(../images/bg_mv_4.jpg);
  background-image: -webkit-image-set(url(../images/bg_mv_4.jpg) 1x, url(../images/bg_mv_4@2x.jpg) 2x);
  background-image: image-set(url(../images/bg_mv_4.jpg) 1x, url(../images/bg_mv_4@2x.jpg) 2x);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .mv__item--08 {
    background-image: url(../images/bg_mv_4_sp.jpg);
    background-image: -webkit-image-set(url(../images/bg_mv_4_sp.jpg) 1x, url(../images/bg_mv_4_sp@2x.jpg) 2x);
    background-image: image-set(url(../images/bg_mv_4_sp.jpg) 1x, url(../images/bg_mv_4_sp@2x.jpg) 2x);
  }
}
.mv__copy--06 {
  margin-bottom: clamp(1.5rem, 1.95vw, 2.5rem);
  color: #fff;
  font-weight: 700;
  font-size: clamp(2.1rem, 2.73vw, 4.5rem);
  line-height: 1.5;
  text-align: center;
  text-shadow: 0 0 8px #000;
}
@media screen and (max-width: 767px) {
  .mv__copy--06 {
    margin-bottom: 10.3vw;
    font-size: clamp(2rem, 4.167vw, 3rem);
    text-shadow: 0 0 8px #000;
  }
}
/* ==========================================================================
		コンテンツ内 予約ボタンエリア
========================================================================== */
.reserve-cta {
  display: flex;
  align-items: center;
  padding: clamp(1.5rem, 3.125vw, 2.5rem) 0;
  border-top: 0.1rem solid #505050;
  border-bottom: 0.1rem solid #505050;
}
@media screen and (max-width: 767px) {
  .reserve-cta {
    border: none;
  }
}

.reserve-cta__title {
  width: 28%;
  font-weight: 700;
  font-size: clamp(1.4rem, 2.916vw, 1.8rem);
  text-align: center;
}

.reserve-cta__list {
  display: flex;
  justify-content: space-around;
  width: 72%;
  padding: 0 3%;
}
.reserve-cta__item {
  text-align: center;
}
.reserve-widecta {
  align-items: center;
  padding: clamp(1.5rem, 3.125vw, 2.5rem) 0;
}
.reserve-widecta__list {
  width: 100%;
  padding: 0 3%;
  margin-bottom: 0.65rem;
}
.reserve-widecta__item {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .reserve-cta__button {
    width: 100%;
    font-size: clamp(1.4rem, 3.733vw, 1.6rem);
    text-align: center;
  }
  .reserve-widecta__button {
    width: 100%;
    font-size: clamp(1.4rem, 3.733vw, 1.6rem);
    text-align: center;
	margin-bottom: 1rem;
  }
}
.reserve-cta__button-note-link {
  font-size: clamp(1rem, 2.08vw, 1.2rem);
}

/* ご利用の流れ */
.usage-flow__reservation.reserve-cta {
  padding: clamp(1.8rem, 3.75vw, 3rem) 0 clamp(1.2rem, 2.5vw, 2rem);
}
@media screen and (max-width: 767px) {
  .usage-flow__reservation.reserve-cta {
    flex-direction: column;
    padding-bottom: 0;
    border-top: 0.1rem solid #505050;
  }
}
.usage-flow__reservation .reserve-cta__title {
  margin-top: -0.8em;
}
@media screen and (max-width: 767px) {
  .usage-flow__reservation .reserve-cta__title {
    width: 100%;
    margin-top: 0;
    margin-bottom: clamp(2rem, 4.167vw, 3rem);
  }
}
@media screen and (max-width: 767px) {
  .usage-flow__reservation .reserve-cta__list {
    flex-direction: column;
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .usage-flow__reservation .reserve-cta__item:not(:last-of-type) {
    margin-bottom: clamp(1.5rem, 3.125vw, 3rem);
  }
}
.usage-flow__reservation .reserve-cta__button {
  width: 19.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .usage-flow__reservation .reserve-cta__button {
    width: 100%;
  }
}

/* ==========================================================================
		on display
========================================================================== */
.xl-xs-display,
.xl-lg-display,
.lg-display,
.lg-md-display,
.lg-xs-display,
.md-display,
.md-sm-display,
.md-xs-display,
.sm-display,
.sm-xs-display,
.xs-display {
  display: none;
}

.xxl-lg-display{
  display: inline-block;
  white-space: nowrap;
 }

@media screen and (max-width: 1279px) {
  .xl-xs-display,
.xl-lg-display {
  display: inline-block;
  white-space: nowrap;
  }
}
@media screen and (max-width: 979px) {
  .lg-display,
.lg-md-display,
.lg-xs-display {
  display: inline-block;
  white-space: nowrap;
  }

  .xl-display {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .lg-display,
.xl-lg-display,
.xxl-lg-display {
    display: none;
  }

  .md-display,
.md-sm-display,
.md-xs-display {
  display: inline-block;
  white-space: nowrap;
  }
}
@media screen and (max-width: 479px) {
  .xxl-md-display,
.lg-md-display,
.md-display {
    display: none;
  }

  .sm-display,
.sm-xs-display {
  display: inline-block;
  white-space: nowrap;
  }
}
@media screen and (max-width: 359px) {
  .md-sm-display,
.sm-display {
    display: none;
  }

  .xs-display {
  display: inline-block;
  white-space: nowrap;
  }
}

/* ==========================================================================
		utility
========================================================================== */
.xl-xs-show,
.xl-lg-show,
.lg-show,
.lg-md-show,
.lg-xs-show,
.md-show,
.md-sm-show,
.md-xs-show,
.sm-show,
.sm-xs-show,
.xs-show {
  display: none;
}

.xxl-lg-show{
  display: block;
 }

@media screen and (max-width: 1279px) {
  .xl-xs-show,
.xl-lg-show {
    display: block;
  }
}
@media screen and (max-width: 979px) {
  .lg-show,
.lg-md-show,
.lg-xs-show {
    display: block;
  }

  .xl-show {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .lg-show,
.xl-lg-show,
.xxl-lg-show {
    display: none;
  }

  .md-show,
.md-sm-show,
.md-xs-show {
    display: block;
  }
}
@media screen and (max-width: 479px) {
  .xxl-md-show,
.lg-md-show,
.md-show {
    display: none;
  }

  .sm-show,
.sm-xs-show {
    display: block;
  }
}
@media screen and (max-width: 359px) {
  .md-sm-show,
.sm-show {
    display: none;
  }

  .xs-show {
    display: block;
  }
}
/*# sourceMappingURL=map/style.css.map */