@charset "UTF-8";
/* ブレイクポイント
================================================================================================= */
/* color
========================================================================== */
/* font
========================================================================== */
.detailsCommonHeading {
  font-weight: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  letter-spacing: 0.05em;
  padding-left: 12px;
  font-size: 2.6rem;
  margin-bottom: 50px;
  text-wrap: unset;
}
@media screen and (max-width: 640px) {
  .detailsCommonHeading {
    padding-left: 0;
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
}
.detailsCommonHeading::before {
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: #333;
  position: relative;
  top: 1px;
}
.detailsCommonHeading::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  background-color: #333;
  position: relative;
  top: 1px;
  margin-left: 10px;
}
@media screen and (max-width: 640px) {
  .detailsCommonHeading {
    font-size: 2rem;
  }
}

.rentalMainVisual {
  padding-top: 3rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#E7E7E7)), -webkit-gradient(linear, left top, right top, from(#F6F6F6), to(#F6F6F6));
  background-image: linear-gradient(180deg, #F1F1F1, #E7E7E7), linear-gradient(90deg, #F6F6F6, #F6F6F6);
  background-size: 50% 100%, 50% 100%;
  background-position: left, right;
  background-repeat: no-repeat;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .rentalMainVisual {
    background-size: 0% 100%, 100% 100%;
  }
}
@media screen and (max-width: 1024px) {
  .rentalMainVisual {
    background-image: none;
  }
}
@media screen and (max-width: 640px) {
  .rentalMainVisual {
    margin-top: 0;
    padding-top: 2rem;
  }
}
.rentalMainVisual__inner {
  background-image: url("/img/rental-main-visual.jpg.webp");
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 4rem;
}
@media screen and (max-width: 1280px) {
  .rentalMainVisual__inner {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 640px) {
  .rentalMainVisual__inner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 1280px) {
  .rentalMainVisual__inner {
    background-position: left -100px bottom;
    background-size: 1000px;
  }
}
@media screen and (max-width: 1024px) {
  .rentalMainVisual__inner {
    background-image: none;
    background-color: rgba(246, 246, 246, 0.5);
  }
  .rentalMainVisual__inner::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    background-color: #f6f6f6;
  }
  .rentalMainVisual__inner::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url("/img/rental-main-visual.jpg.webp");
    opacity: 0.3;
    background-position: left bottom;
    background-size: 1000px;
    background-repeat: no-repeat;
  }
}
.rentalMainVisual h1 {
  margin-bottom: 3rem;
  font-weight: 900;
  text-wrap: unset;
}
@media screen and (max-width: 1024px) {
  .rentalMainVisual h1 {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 640px) {
  .rentalMainVisual h1 {
    font-size: 6vw;
    text-align: center;
  }
}
.rentalMainVisual__point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 9rem;
}
@media screen and (max-width: 1024px) {
  .rentalMainVisual__point {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 640px) {
  .rentalMainVisual__point {
    margin: 0 auto 4rem;
  }
}
.rentalMainVisual__point li {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  position: relative;
  padding-left: 3rem;
}
@media screen and (max-width: 1280px) {
  .rentalMainVisual__point li {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .rentalMainVisual__point li {
    line-height: 2;
    margin-bottom: 1rem;
  }
  .rentalMainVisual__point li br {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .rentalMainVisual__point li {
    line-height: 1.4;
  }
  .rentalMainVisual__point li br {
    display: inline;
  }
}
.rentalMainVisual__point li:before, .rentalMainVisual__point li:after {
  position: absolute;
  content: "";
  display: block;
}
.rentalMainVisual__point li:before {
  width: 2rem;
  height: 2rem;
  background-color: #7BC4C4;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rentalMainVisual__point li::after {
  width: 1.2rem;
  height: 2rem;
  border-right: 3px solid #333;
  border-bottom: 3px solid #333;
  rotate: 45deg;
  left: -2px;
  top: 30%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rentalMainVisual__merit {
  width: 680px;
  margin-left: auto;
  margin-right: 90px;
  margin-bottom: 3rem;
  border-bottom: 1px solid #333;
  padding-bottom: 1rem;
  margin-bottom: 7rem;
}
@media screen and (max-width: 1280px) {
  .rentalMainVisual__merit {
    margin-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .rentalMainVisual__merit {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .rentalMainVisual__merit {
    margin: 0 auto 4rem;
  }
}
.rentalMainVisual__meritHeading {
  font-weight: 900;
  font-size: 2.8rem;
  padding-left: 6rem;
  position: relative;
  margin-bottom: 1rem;
}
@media screen and (max-width: 640px) {
  .rentalMainVisual__meritHeading {
    font-size: 5vw;
    padding: 0;
    text-align: center;
  }
}
.rentalMainVisual__meritHeading span {
  display: block;
}
.rentalMainVisual__meritHeading span:before, .rentalMainVisual__meritHeading span::after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 1px;
  background-color: #333;
}
.rentalMainVisual__meritHeading span:before {
  width: 5rem;
  left: 0;
}
.rentalMainVisual__meritHeading span::after {
  width: calc(100% - 12em - 6rem - 1rem);
  right: 0;
}
.rentalMainVisual__meritList {
  list-style: disc;
  padding-left: 3rem;
}
@media screen and (max-width: 640px) {
  .rentalMainVisual__meritList {
    padding-left: 2rem;
  }
}
.rentalMainVisual__meritList li {
  font-size: 1.8rem;
}
@media screen and (max-width: 640px) {
  .rentalMainVisual__meritList li {
    font-size: 3.5vw;
  }
}
.rentalMainVisual__meritList li small {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 640px) {
  .rentalMainVisual__meritList li small br {
    display: none;
  }
}
.rentalMainVisual__meritList li::marker {
  font-size: 1rem;
}
.rentalMainVisual__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: 90px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width: 1280px) {
  .rentalMainVisual__links {
    margin-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .rentalMainVisual__links {
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .rentalMainVisual__links {
    width: 100%;
  }
}
.rentalMainVisual__linksBtn {
  width: 240px;
  border: 1px solid #333;
  border-radius: 4px;
  text-decoration: none;
  padding: 10px 0;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.2;
  position: relative;
}
@media screen and (max-width: 640px) {
  .rentalMainVisual__linksBtn {
    width: 100%;
  }
}
.rentalMainVisual__linksBtn::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 2.2rem;
  right: 2rem;
  border-right: #333 2px solid;
  border-bottom: #333 2px solid;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 640px) {
  .rentalMainVisual__linksBtn::after {
    width: 10px;
    height: 10px;
    right: 1rem;
  }
}
.rentalMainVisual__linksBtn:hover {
  background-color: #fff;
}
.rentalMainVisual__linksBtn:hover::after {
  right: 1.8rem;
}
.rentalMainVisual__linksBtn img {
  height: 80px;
  margin: 0 auto 1rem;
}

@media screen and (max-width: 640px) {
  .rentalTopAppeal {
    padding: 40px 0 10px;
  }
}
.rentalTopAppeal .offset-banner {
  max-width: 640px;
  margin: 0 auto 40px;
  width: 100%;
}
.rentalTopAppeal .sp-banner {
  display: none;
}
@media screen and (max-width: 640px) {
  .rentalTopAppeal .sp-banner {
    display: block;
    margin-top: 60px;
    margin-bottom: 0;
  }
}
.rentalTopAppeal .pc-banner {
  display: block;
}
@media screen and (max-width: 640px) {
  .rentalTopAppeal .pc-banner {
    display: none;
  }
}

.rentalToc {
  margin-top: 5rem;
  background-color: #F2F2F2;
  margin-bottom: 160px;
}
.rentalToc__inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media screen and (max-width: 1280px) {
  .rentalToc__inner {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 640px) {
  .rentalToc__inner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 640px) {
  .rentalToc {
    margin-bottom: 100px;
  }
}
.rentalToc__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}
@media screen and (max-width: 640px) {
  .rentalToc__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}
.rentalToc__list a {
  display: block;
  background-color: #419391;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  padding: 20px 0 10px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
@media screen and (max-width: 640px) {
  .rentalToc__list a {
    font-size: 1.6rem;
    padding: 13px 0 14px;
    border-radius: 8px;
    gap: 9px;
    line-height: 1.15;
    height: 90px;
  }
}
.rentalToc__list a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .rentalToc__list a span {
    min-height: 30px;
    margin-bottom: 5px;
    padding-top: 4px;
  }
}
.rentalToc__list a::after {
  content: "";
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
  width: 20px;
  height: 12px;
  background-color: #fff;
}
@media screen and (max-width: 640px) {
  .rentalToc__list a::after {
    width: 16px;
    height: 10px;
  }
}
@media screen and (max-width: 640px) {
  .rentalToc {
    margin-bottom: 50px;
  }
}

.rentalList,
.rentalListList {
  margin: 100px 0;
}
@media screen and (max-width: 640px) {
  .rentalList,
  .rentalListList {
    margin: 50px 0 80px;
  }
}
.rentalList__inner,
.rentalListList__inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  .rentalList__inner,
  .rentalListList__inner {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 640px) {
  .rentalList__inner,
  .rentalListList__inner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.rentalList__heading,
.rentalListList__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 56px;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 640px) {
  .rentalList__heading,
  .rentalListList__heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 640px) {
  .rentalList__heading h2,
  .rentalListList__heading h2 {
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 5px;
  }
}
.rentalList__heading small,
.rentalListList__heading small {
  font-size: 1.8rem;
  color: #7BC4C4;
  display: block;
}
@media screen and (max-width: 640px) {
  .rentalList__heading small,
  .rentalListList__heading small {
    font-size: 1.4rem;
    line-height: 1;
    margin-bottom: 4px;
  }
}
.rentalList__heading span,
.rentalListList__heading span {
  font-size: 3.2rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .rentalList__heading span,
  .rentalListList__heading span {
    font-size: 2rem;
    line-height: 1;
    display: block;
  }
}
.rentalList__heading a,
.rentalListList__heading a {
  background-color: #333;
  color: #fff;
  text-decoration: none;
  padding: 4px 30px;
  display: block;
  border-radius: 99px;
  font-size: 1.5rem;
  position: relative;
  border: 1px solid #333;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@media screen and (max-width: 640px) {
  .rentalList__heading a,
  .rentalListList__heading a {
    font-size: 1.2rem;
    padding: 4px 26px 4px 16px;
    line-height: 1;
  }
  .safari .rentalList__heading a,
  .safari .rentalListList__heading a {
    padding-bottom: 6px;
  }
}
.rentalList__heading a:hover,
.rentalListList__heading a:hover {
  background-color: #fff;
  color: #333;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.rentalList__heading a:hover::after,
.rentalListList__heading a:hover::after {
  border-color: #333;
}
@media screen and (max-width: 640px) {
  .rentalList__heading a,
  .rentalListList__heading a {
    margin-left: auto;
    margin-right: 0;
  }
}
.rentalList__heading a::after,
.rentalListList__heading a::after {
  position: absolute;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  right: 14px;
  top: calc(50% + 0px);
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
@media screen and (max-width: 640px) {
  .rentalList__heading,
  .rentalListList__heading {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 640px) {
  .rentalList__heading h2,
  .rentalListList__heading h2 {
    margin-bottom: 20px;
    text-wrap: auto;
  }
}
.rentalList__heading h2 span,
.rentalListList__heading h2 span {
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .rentalList__heading h2 span,
  .rentalListList__heading h2 span {
    line-height: 1.1;
    display: block;
  }
}
.rentalList__items,
.rentalListList__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 10px;
}
@media screen and (max-width: 1024px) {
  .rentalList__items,
  .rentalListList__items {
    display: block;
  }
}

.rentalListItem {
  border: 1px solid #333;
  width: 100%;
  border-radius: 4px;
  padding: 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .rentalListItem {
    display: grid;
    grid-template: "i . h " auto "i . n " auto "i . t " auto "i . b " 1fr/200px 30px 1fr;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 640px) {
  .rentalListItem {
    grid-template: "h h h " auto "n n n " auto "i . t " auto "i . b " 1fr/30% 20px 1fr;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.rentalListItem__heading {
  position: relative;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .rentalListItem__heading {
    grid-area: h;
  }
}
@media screen and (max-width: 640px) {
  .rentalListItem__heading {
    margin-bottom: 1rem;
  }
}
.rentalListItem__heading h3 {
  padding-left: 70px;
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: left 10px center;
}
@media screen and (max-width: 1280px) {
  .rentalListItem__heading h3 {
    background-size: 40px;
    padding-left: 60px;
  }
}
@media screen and (max-width: 640px) {
  .rentalListItem__heading h3 {
    padding-left: 50px;
    background-size: 40px;
    background-position: left 0px center;
  }
}
.no1 .rentalListItem__heading h3 {
  background-image: url("/img/rental-item-no1.jpg.webp");
}
.no2 .rentalListItem__heading h3 {
  background-image: url("/img/rental-item-no2.jpg.webp");
}
.no3 .rentalListItem__heading h3 {
  background-image: url("/img/rental-item-no3.jpg.webp");
}
.rentalListItem__heading h3 small {
  display: block;
  color: #5fba19;
  font-weight: 900;
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 640px) {
  .rentalListItem__heading h3 small {
    line-height: 1;
    font-weight: 400;
    font-size: 1.4rem;
    margin-bottom: 0;
  }
}
.rentalListItem__heading h3 span {
  display: block;
  font-size: 2.8rem;
  font-weight: 900;
}
@media screen and (max-width: 1280px) {
  .rentalListItem__heading h3 span {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 640px) {
  .rentalListItem__heading h3 span {
    font-size: 1.8rem;
  }
}
.rentalListItem__heading .label {
  position: absolute;
  background-color: #B80000;
  color: #fff;
  right: -10px;
  padding: 6px 12px;
  line-height: 1.2;
  font-size: 1.6rem;
  top: 0;
  font-weight: bold;
}
@media screen and (max-width: 1280px) {
  .rentalListItem__heading .label {
    font-size: 1.2rem;
    padding-right: 6px;
  }
}
.rentalListItem__image {
  height: 250px;
  width: auto;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .rentalListItem__image {
    grid-area: i;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  .rentalListItem__image {
    height: auto;
  }
}
.rentalListItem__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.rentalListItem__name {
  margin-bottom: 1rem;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .rentalListItem__name {
    grid-area: n;
    text-align: left;
  }
}
@media screen and (max-width: 640px) {
  .rentalListItem__name {
    margin-bottom: 1rem;
  }
}
.rentalListItem__name a {
  color: #7BC4C4;
  font-size: 2.2rem;
  font-weight: 900;
}
@media screen and (max-width: 640px) {
  .rentalListItem__name a {
    font-size: 2rem;
    font-weight: 700;
  }
}
.rentalListItem__text {
  padding: 0 3rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .rentalListItem__text {
    grid-area: t;
    padding: 0;
    margin: 0;
    margin-bottom: 1.5rem;
  }
}
.rentalListItem__text p {
  font-size: 1.4rem;
  line-height: 1.4;
}
.rentalListItem__btn {
  margin-top: auto;
}
@media screen and (max-width: 1024px) {
  .rentalListItem__btn {
    grid-area: b;
  }
}
.rentalListItem__btn a {
  border-radius: 99px;
  max-width: 100%;
  width: 300px;
  margin: 0 auto;
  background-color: #333;
  color: #fff;
  display: block;
  text-align: center;
  line-height: 1;
  text-decoration: none;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 8px 0 10px;
  position: relative;
  border: 1px solid #333;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 640px) {
  .rentalListItem__btn a {
    width: 100%;
    font-size: 1.6rem;
  }
}
.rentalListItem__btn a::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 2rem;
  border-right: #fff 2px solid;
  border-bottom: #fff 2px solid;
  rotate: -45deg;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 640px) {
  .rentalListItem__btn a::after {
    width: 9px;
    height: 9px;
  }
}
.rentalListItem__btn a:hover {
  background-color: #fff;
  color: #333;
}
.rentalListItem__btn a:hover::after {
  right: 1.8rem;
  border-color: #333;
}

.rentalListListItem {
  border: 1px solid #333;
  width: 100%;
  border-radius: 4px;
  padding: 20px;
}
@media screen and (max-width: 640px) {
  .rentalListListItem {
    display: grid;
    grid-template: "h . i " auto "m . i " auto "d d d " 1fr/1fr 10px 30%;
    margin-bottom: 2rem;
  }
  .rentalListListItem:last-child {
    margin-bottom: 0;
  }
}
.rentalListListItem__heading {
  position: relative;
}
@media screen and (max-width: 640px) {
  .rentalListListItem__heading {
    grid-area: h;
  }
}
.rentalListListItem__heading span {
  display: block;
  color: #5fba19;
  font-weight: 900;
  font-size: 1.8rem;
}
.rentalListListItem__heading a {
  display: block;
  color: #7BC4C4;
  font-size: 2.2rem;
  font-weight: 900;
}
.rentalListListItem__maker {
  font-weight: bold;
  margin-bottom: 3rem;
}
@media screen and (max-width: 640px) {
  .rentalListListItem__maker {
    grid-area: m;
  }
}
.rentalListListItem__image {
  height: 250px;
  width: auto;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .rentalListListItem__image {
    grid-area: i;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  .rentalListListItem__image {
    height: auto;
    margin-bottom: 2rem;
    grid-area: i;
  }
}
.rentalListListItem__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.rentalListListItem__detail {
  background-color: #FCF1E3;
  border-radius: 4px;
  padding: 16px 20px;
}
@media screen and (max-width: 640px) {
  .rentalListListItem__detail {
    grid-area: d;
  }
}
.rentalListListItem__text {
  font-size: 1.3rem;
  margin-bottom: 2rem;
}
.rentalListListItem__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.rentalListListItem__btns a {
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-size: 2rem;
  display: block;
  line-height: 1;
  font-weight: bold;
  position: relative;
}
.rentalListListItem__btns a::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 2rem;
  border-right: #fff 2px solid;
  border-bottom: #fff 2px solid;
  rotate: -45deg;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.rentalListListItem__btns a:hover::after {
  right: 1.8rem;
}
.rentalListListItem__btns a.rentalBtn {
  background-color: #5fba19;
}
.rentalListListItem__btns a.purchaseBtn {
  background-color: rgba(255, 0, 0, 0.7882352941);
}
.rentalListListItem__btns a.estimateBtn {
  background-color: #419391;
}
.rentalListListItem__btns a small {
  font-size: 1rem;
  display: block;
  background-color: #fff;
  color: #333;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 6px;
  margin-bottom: 0.5rem;
  border-radius: 2px;
}
.rentalListListItem__btns a small span {
  color: rgba(255, 0, 0, 0.7882352941);
}

.rentalReccomend {
  position: relative;
  color: #fff;
}
.rentalReccomend::after, .rentalReccomend::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.rentalReccomend::before {
  background-color: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
.rentalReccomend::after {
  background-image: url("/img/rental-reccomend-bg.jpg.webp");
  background-size: cover;
  z-index: -2;
}
@media screen and (max-width: 640px) {
  .rentalReccomend::after {
    background-position: right -520px top;
  }
}
.rentalReccomend__inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 9rem;
  padding-bottom: 9rem;
  width: 980px;
}
@media screen and (max-width: 1280px) {
  .rentalReccomend__inner {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 640px) {
  .rentalReccomend__inner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 768px) {
  .rentalReccomend__inner {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
}
.rentalReccomend__heading {
  padding-bottom: 8px;
  border-bottom: 4px solid #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 2rem;
}
.rentalReccomend__heading h2 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .rentalReccomend__heading h2 {
    font-size: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .rentalReccomend__heading h2.heading02 {
    font-size: 4vw;
  }
}
.rentalReccomend__lead {
  font-weight: bold;
  margin-bottom: 3.6rem;
}
@media screen and (max-width: 768px) {
  .rentalReccomend__lead {
    margin-bottom: 5vw;
  }
}
.rentalReccomend__lead p {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .rentalReccomend__lead p {
    font-size: 3.6vw;
    line-height: 1.4;
  }
}
.rentalReccomend__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 50px;
  margin-bottom: 130px;
}
@media screen and (max-width: 768px) {
  .rentalReccomend__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    margin-bottom: 15vw;
  }
}
.rentalReccomend__list li {
  font-weight: bold;
  border: 1px solid #fff;
  width: 100%;
  font-size: 2.1rem;
  text-align: center;
  line-height: 1.2;
  padding: 10px 0px;
}
@media screen and (max-width: 768px) {
  .rentalReccomend__list li {
    font-size: 4vw;
  }
}
.rentalReccomend__items {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .rentalReccomend__items {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
.rentalReccomend__items li {
  color: #333;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-weight: 900;
  line-height: 1.2;
  font-size: 1.9rem;
  padding-top: 15px;
  padding-bottom: 20px;
  padding-top: 60px;
  background-image: url("/img/rental-item-icon.svg");
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: top 10px center;
}
@media screen and (max-width: 768px) {
  .rentalReccomend__items li {
    background-size: 10vw;
    font-size: 3.6vw;
    padding-top: 14vw;
    padding-bottom: 4vw;
  }
}

.rentalFlow {
  margin-top: 5rem;
}
@media screen and (max-width: 640px) {
  .rentalFlow {
    margin-top: 0;
  }
}
.rentalFlow__inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media screen and (max-width: 1280px) {
  .rentalFlow__inner {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 640px) {
  .rentalFlow__inner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 640px) {
  .rentalFlow__inner {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
}
.rentalFlow__heading {
  margin-bottom: 100px;
}
@media screen and (max-width: 640px) {
  .rentalFlow__heading {
    margin-bottom: 50px;
  }
}

.flowStep {
  background-color: #F2F2F2;
  position: relative;
  padding: 2.5rem 4rem 2.5rem 18rem;
  margin: 40px 0;
}
.flowStep:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .flowStep {
    padding: 3.3vw 5.2vw;
  }
}
.flowStep__label {
  background-color: #7BC4C4;
  color: #fff;
  position: absolute;
  font-weight: bold;
  top: -20px;
  left: 30px;
  width: 115px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .flowStep__label {
    height: 12vw;
    width: 14vw;
    left: 5vw;
  }
}
.flowStep__label::before, .flowStep__label::after {
  position: absolute;
  content: "";
  display: block;
}
.flowStep__label::before {
  -webkit-clip-path: polygon(100% 100%, 0 0, 0 100%);
          clip-path: polygon(100% 100%, 0 0, 0 100%);
  left: 100%;
  width: 16px;
  height: 20px;
  top: 0px;
  background-color: #4ba8a8;
}
.flowStep__label::after {
  -webkit-clip-path: polygon(50% 100%, 100% 10%, 100% 0, 0 0, 0 10%);
          clip-path: polygon(50% 100%, 100% 10%, 100% 0, 0 0, 0 10%);
  width: 100%;
  height: 40px;
  top: calc(100% - 1px);
  background-color: #7BC4C4;
}
@media screen and (max-width: 768px) {
  .flowStep__label::after {
    height: 5vw;
  }
}
.flowStep__label small {
  display: block;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .flowStep__label small {
    font-size: 3vw;
  }
}
.flowStep__label span {
  display: block;
  text-align: center;
  font-weight: 900;
  font-size: 4rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .flowStep__label span {
    font-size: 6vw;
  }
}
.flowStep__heading {
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .flowStep__heading {
    padding-left: 16vw;
    margin-bottom: 4vw;
  }
}
.flowStep__heading h3 {
  font-size: 2.25rem;
  color: #7BC4C4;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .flowStep__heading h3 {
    font-size: 5vw;
    text-wrap: auto;
  }
}
.flowStep__text p {
  font-size: 1.8rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .flowStep__text p {
    font-size: 3.6vw;
  }
}

.rentalTerms__inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .rentalTerms__inner {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 640px) {
  .rentalTerms__inner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 768px) {
  .rentalTerms__inner {
    padding-top: 3rem;
  }
}
.rentalTerms__text {
  margin-bottom: 4rem;
  padding-left: 4rem;
  padding-right: 4rem;
}
@media screen and (max-width: 768px) {
  .rentalTerms__text {
    padding-left: 0;
    padding-right: 0;
  }
}
.rentalTerms__text a {
  color: #7BC4C4;
}
.rentalTerms__contents {
  border: 1px solid #333;
  margin-left: 4rem;
  margin-right: 4rem;
  padding: 2rem 3.5rem;
  border-radius: 16px;
  position: relative;
  max-height: 300px;
  overflow: hidden;
  -webkit-transition: max-height 1s ease;
  transition: max-height 1s ease;
}
@media screen and (max-width: 768px) {
  .rentalTerms__contents {
    margin-left: 0;
    margin-right: 0;
    padding: 2rem 1rem;
  }
}
.rentalTerms__contents.active {
  max-height: 5000px;
  margin-bottom: 50px;
}
.rentalTerms__contents li {
  margin-bottom: 2rem;
  position: relative;
  padding-left: 2rem;
}
.rentalTerms__contents li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  margin-right: 1rem;
  font-size: 2rem;
  width: 0.8em;
  height: 0.8em;
  background-color: #333;
}
.rentalTerms__contents li > ul > li {
  padding-left: 0;
}
.rentalTerms__contents li > ul > li::before {
  display: none;
}
.rentalTerms__contents li h3 {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 640px) {
  .rentalTerms__contents li h3 {
    font-size: 1.6rem;
  }
}
.rentalTerms__contents li p {
  line-height: 1.2;
}
@media screen and (max-width: 640px) {
  .rentalTerms__contents li p {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 640px) {
  .rentalTerms__contents li li {
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }
}
.rentalTerms__readmore {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(50%, #fff));
  background-image: linear-gradient(180deg, transparent 0, #fff 50%);
  position: absolute;
  bottom: 45px;
  height: 100px;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rentalTerms__readmore::before, .rentalTerms__readmore::after {
  position: absolute;
  content: "";
  display: block;
  width: calc((100% - 200px) / 2 - 80px);
  height: 1px;
  background-color: #333;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
  .rentalTerms__readmore::before, .rentalTerms__readmore::after {
    width: calc((100% - 140px) / 2 - 40px);
  }
}
.rentalTerms__readmore::before {
  left: 2.5%;
}
.rentalTerms__readmore::after {
  right: 2.5%;
}
.rentalTerms__readmore.active {
  bottom: 20px;
}
.rentalTerms__readmore.active span::before {
  rotate: 180deg;
}
.rentalTerms__readmoreBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  background-color: #333;
  color: #fff;
  width: 200px;
  text-align: center;
  line-height: 1;
  padding: 10px 0 12px;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: 400;
  border-radius: 99px;
  position: relative;
  line-height: 1.5;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media screen and (max-width: 640px) {
  .rentalTerms__readmoreBtn {
    width: 140px;
    height: 26px;
    padding: 4px 0 6px;
    font-size: 1.2rem;
    line-height: 1;
  }
}
.rentalTerms__readmoreBtn::before {
  content: "";
  display: block;
  width: 9.6px;
  height: 6px;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
  background-color: #fff;
  position: relative;
  top: 1px;
}

.rentalVoice__inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .rentalVoice__inner {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 640px) {
  .rentalVoice__inner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 768px) {
  .rentalVoice__inner {
    padding-top: 3rem;
  }
}
.rentalVoice__items {
  padding-left: 4rem;
  padding-right: 4rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .rentalVoice__items {
    grid-template-columns: repeat(1, 1fr);
    padding-left: 0;
    padding-right: 0;
  }
}

.rentalVoiceItem {
  border: 1px solid #333;
  border-radius: 10px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rentalVoiceItem__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5rem;
}
.rentalVoiceItem__head .stars {
  display: block;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}
.rentalVoiceItem__head .name {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
}
.rentalVoiceItem__title h3 {
  min-height: 2.5em;
  font-size: 2.2rem;
  color: #7BC4C4;
  font-weight: 900;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  text-wrap: unset;
}
@media screen and (max-width: 640px) {
  .rentalVoiceItem__title h3 {
    font-size: 1.8rem;
  }
}
.rentalVoiceItem__text p {
  line-height: 1.2;
  font-size: 1.5rem;
}

.rentalFaq__inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .rentalFaq__inner {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 640px) {
  .rentalFaq__inner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 768px) {
  .rentalFaq__inner {
    padding-top: 3rem;
  }
}
.rentalFaq__heading {
  margin-bottom: 4rem;
}
.rentalFaq__items {
  padding-left: 4rem;
  padding-right: 4rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
@media screen and (max-width: 1024px) {
  .rentalFaq__items {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .rentalFaq__items {
    grid-template-columns: repeat(2, 1fr);
    padding-left: 0;
    padding-right: 0;
  }
}

.rentalFaqItem {
  border: 1px solid #333;
  border-radius: 4px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .rentalFaqItem {
    padding: 4vw;
  }
}
.rentalFaqItem__q {
  font-weight: 700;
  position: relative;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .rentalFaqItem__q {
    font-size: 3.8vw;
    margin-bottom: 2vw;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .rentalFaqItem__q span {
    display: inline;
  }
}
.rentalFaqItem__push .push-btn {
  position: relative;
  display: block;
  font-size: 2rem;
  background-color: #7BC4C4;
  color: #fff;
  font-weight: 900;
  text-align: center;
  line-height: 1;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 40px;
  border-radius: 99px;
  cursor: pointer;
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  .rentalFaqItem__push .push-btn {
    font-size: 1.5rem;
  }
}

.rentalScene__inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .rentalScene__inner {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 640px) {
  .rentalScene__inner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 768px) {
  .rentalScene__inner {
    padding-top: 3rem;
  }
}
.rentalScene__heading {
  margin-bottom: 4rem;
}
.rentalScene__items {
  padding-left: 4rem;
  padding-right: 4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .rentalScene__items {
    gap: 4vw;
    padding-left: 0;
    padding-right: 0;
    grid-template-columns: repeat(1, 1fr);
  }
}

.rentalSceneItem {
  border: 1px solid #333;
  border-radius: 10px;
  padding: 40px 20px;
}
@media screen and (max-width: 768px) {
  .rentalSceneItem {
    padding: 6vw 3vw;
  }
}
.rentalSceneItem__heading {
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .rentalSceneItem__heading {
    margin-bottom: 4vw;
  }
}
.rentalSceneItem__heading h3 {
  font-size: 2.6rem;
  font-weight: 900;
  text-wrap: unset;
  text-align: center;
  color: #7BC4C4;
}
@media screen and (max-width: 768px) {
  .rentalSceneItem__heading h3 {
    font-size: 19px;
  }
}
@media screen and (max-width: 768px) {
  .rentalSceneItem__text {
    font-size: 1.4rem;
  }
}

.rentalCompare__inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .rentalCompare__inner {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 640px) {
  .rentalCompare__inner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 768px) {
  .rentalCompare__inner {
    padding-top: 3rem;
  }
}
.rentalCompare__heading {
  margin-bottom: 4rem;
}
.rentalCompare__items {
  padding-left: 4rem;
  padding-right: 4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 1280px) {
  .rentalCompare__table {
    overflow: scroll;
  }
}
.rentalCompare__table table {
  width: 100%;
  border-collapse: collapse;
}
.rentalCompare__table table th,
.rentalCompare__table table td {
  font-size: 1.4rem;
  padding: 5px 10px;
}
.rentalCompare__table table th {
  background-color: #f0fff0;
  border: 2px solid #5fba19;
}
.rentalCompare__table table td {
  border: 1px solid #333;
}
.rentalCompare__table table td picture {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: block;
}
.rentalCompare__table table .imageflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rentalCompare__table table tr:first-child th {
  background-color: rgba(231, 154, 71, 0.3);
  border: 2px solid #E79A47;
  border-bottom: none;
  font-weight: bold;
}
.rentalCompare__table table tr:nth-child(2) th {
  white-space: nowrap;
  line-height: 1.2;
  width: 180px;
}
.rentalCompare__note {
  margin-top: 3rem;
  font-size: 1.3rem;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .rentalCompare__note {
    font-size: 3vw;
  }
}
.rentalCompare__note p {
  margin-bottom: 0rem;
}

.rentalCost__inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .rentalCost__inner {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 640px) {
  .rentalCost__inner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.rentalCost__table {
  padding-left: 4rem;
  padding-right: 4rem;
}
@media screen and (max-width: 768px) {
  .rentalCost__table {
    padding-left: 0;
    padding-right: 0;
  }
}
.rentalCost__table table {
  width: 600px;
  margin: 0 auto;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .rentalCost__table table {
    width: 100%;
  }
}
.rentalCost__table table th,
.rentalCost__table table td {
  font-size: 1.4rem;
  padding: 5px 10px;
}
.rentalCost__table table th {
  background-color: #f0fff0;
  border: 2px solid #5fba19;
}
.rentalCost__table table td {
  border: 1px solid #333;
  text-align: center;
}
.rentalCost__table table td:last-child {
  text-align: right;
}
.rentalCost__table table td a {
  color: #5fba19;
}
.rentalCost__table .memo {
  font-size: 1.3rem;
  line-height: 1.2;
  margin-top: 2rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .rentalCost__table .memo {
    font-size: 3vw;
    text-align: left;
  }
}
.rentalCost__table .memo p {
  margin-bottom: 0;
}

.rentalListToc {
  background-image: url("/img/rental-type-mv.jpg.webp");
  background-position: top center;
  background-repeat: no-repeat;
  margin-bottom: 160px;
  margin-bottom: 8rem;
}
.rentalListToc__heading {
  text-align: center;
  font-size: 3rem;
  margin-bottom: 3rem;
  margin-top: 15rem;
}
@media screen and (max-width: 640px) {
  .rentalListToc__heading {
    margin-top: 8rem;
    font-size: 2.2rem;
  }
}
.rentalListToc__inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media screen and (max-width: 1280px) {
  .rentalListToc__inner {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 640px) {
  .rentalListToc__inner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 640px) {
  .rentalListToc {
    margin-bottom: 100px;
  }
}
.rentalListToc__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}
@media screen and (max-width: 640px) {
  .rentalListToc__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}
.rentalListToc__list a {
  display: block;
  background-color: #419391;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  padding: 20px 0 10px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
@media screen and (max-width: 640px) {
  .rentalListToc__list a {
    font-size: 1.6rem;
    padding: 13px 0 14px;
    border-radius: 8px;
    gap: 9px;
    line-height: 1.15;
    height: 90px;
  }
}
.rentalListToc__list a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .rentalListToc__list a span {
    min-height: 30px;
    margin-bottom: 5px;
    padding-top: 4px;
  }
}
.rentalListToc__list a::after {
  content: "";
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
  width: 20px;
  height: 12px;
  background-color: #fff;
}
@media screen and (max-width: 640px) {
  .rentalListToc__list a::after {
    width: 16px;
    height: 10px;
  }
}
@media screen and (max-width: 640px) {
  .rentalListToc {
    margin-bottom: 4rem;
  }
}
.rentalListToc__list a {
  border-radius: 0;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.6);
  padding: 15px 0 30px;
  height: 100%;
  font-size: 1.8rem;
  line-height: 1.1;
}
@media screen and (max-width: 640px) {
  .rentalListToc__list a {
    font-size: 1.4rem;
    padding: 10px 0 20px;
  }
}
.rentalListToc__list a span {
  margin-bottom: 0;
  height: 100%;
}
.rentalListToc__list a::after {
  position: absolute;
  bottom: 8px;
}
@media screen and (max-width: 640px) {
  .rentalListToc__list a::after {
    bottom: 4px;
  }
}
.rentalListToc__list a:hover {
  color: #333;
}
.rentalListToc__list a:hover::after {
  background-color: #333;
}
.rentalListToc__list a:last-child {
  background-color: #5fba19;
  padding: 10px 0;
  position: relative;
}
.rentalListToc__list a:last-child span {
  margin-bottom: 0;
  height: 100%;
}
.rentalListToc__list a:last-child::after {
  content: "";
  -webkit-clip-path: none;
          clip-path: none;
  background-color: unset;
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 2rem;
  border-right: #fff 2px solid;
  border-bottom: #fff 2px solid;
  rotate: -45deg;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rentalListToc__list a:last-child:hover::after {
  border-color: #333;
}

.main-rental-list-archive h1 {
  text-align: center;
  margin-bottom: 4rem;
}
@media screen and (max-width: 640px) {
  .main-rental-list-archive h1 {
    font-size: 5vw;
    margin-bottom: 2rem;
  }
}
.main-rental-list-archive .archive-link {
  padding: 15px 0;
}
.main-rental-list-archive .archive-link::after {
  bottom: unset;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1rem;
  -webkit-clip-path: polygon(0% 0%, 0 100%, 100% 50%);
          clip-path: polygon(0% 0%, 0 100%, 100% 50%);
  height: 16px;
  width: 8px;
}

/* 共通CTA(レンタル)
========================================================================== */
.rentalConversion {
  background-image: url("/img/cv_bg.jpg.webp");
  padding: 120px 0 130px;
  position: relative;
  background-size: cover;
}
@media screen and (max-width: 640px) {
  .rentalConversion {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.rentalConversion::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(67, 150, 150, 0.5);
  z-index: 0;
}
.rentalConversion__inner {
  position: relative;
  z-index: 2;
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  width: 1180px;
}
@media screen and (max-width: 1280px) {
  .rentalConversion__inner {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 640px) {
  .rentalConversion__inner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.rentalConversion__heading {
  color: #fff;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 640px) {
  .rentalConversion__heading {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 640px) {
  .rentalConversion__heading h2 {
    text-wrap: unset;
  }
}
.rentalConversion__heading small {
  display: block;
  margin-bottom: 10px;
  font-size: 2.4rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .rentalConversion__heading small {
    font-size: 1.6rem;
    letter-spacing: 0;
    margin-bottom: 0px;
    display: block;
    line-height: 1;
  }
}
.rentalConversion__heading span {
  display: block;
  font-size: 3.6rem;
  font-weight: 900;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .rentalConversion__heading span {
    font-size: 2.6rem;
    line-height: 1.3;
  }
}
.rentalConversion__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .rentalConversion__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.rentalConversion__links a {
  color: #fff;
  border: 1px solid #fff;
  width: 500px;
  max-width: 100%;
  height: 120px;
  display: block;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.5rem;
  font-weight: bold;
  position: relative;
}
@media screen and (max-width: 640px) {
  .rentalConversion__links a {
    height: 70px;
    font-size: 1.8rem;
  }
}
.rentalConversion__links a::after {
  position: absolute;
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  right: 38px;
  top: calc(50% + 1px);
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 640px) {
  .rentalConversion__links a::after {
    right: 40px;
    height: 12px;
    width: 12px;
  }
}
.rentalConversion__links a:hover::after {
  right: 30px;
}
.rentalConversion__links a.catalog {
  background-color: rgba(255, 255, 255, 0.8);
  color: #58b4b4;
  background-image: url("/img/rental-catalog.png.webp");
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: left 20px center;
}
@media screen and (max-width: 768px) {
  .rentalConversion__links a.catalog {
    background-size: 40px;
  }
}
.rentalConversion__links a.catalog::after {
  border-right: 3px solid #58b4b4;
  border-bottom: 3px solid #58b4b4;
}
.rentalConversion__links a.list::after {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

.faq-modal-wrapper .modaal-container .modaal-content {
  max-height: 40vh;
}
@media screen and (max-width: 640px) {
  .faq-modal-wrapper .modaal-container .modaal-close {
    top: 20vh !important;
  }
}