@charset "UTF-8";
:root {
  --bg-color-base: #FFFFFF;
  --bg-color-main: #DBF1F3;
  --bg-color-main--thick: #60BDCC;
  --bg-color-paleblue: #E9F5FE;
  --bg-color-gray: #F5F5F5;
  --font-color-base: #707070;
  --font-color-main: #4EB1BC;
  --font-color-main--thin: #61BECD;
  --font-color-main--thin2: #60BDCC;
  --font-color-white: #FFFFFF;
  --btn-color-main: #61BECD;
  --btn-color-gray: #989898;
  --lp-color--orange: #D98C3E;
  --lp-bg-color--yellow: #F5F1E3;
  --owner-page--base: #616161;
}

html {
  background-color: var(--bg-color-base);
  scroll-behavior: smooth;
}

body {
/*  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "MS Pgothic", helvetica, arial, sans-serif;*/
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, system-ui, sans-serif !important;
  font-size: 100%;
  color: var(--font-color-base);
  overflow-x: hidden;
}

.wrapper {
  display: flex;
}

.wrapper .sidebar {
  width: 25%;
  color: #3A3938;
}

.wrapper .main {
  flex-grow: 1;
  margin-left: 4%;
}

/* コンテナ幅 */
.l-container-wide {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto;
}

.l-container {
  width: 92%;
  max-width: 1180px;
  margin: 0 auto;
}

/* セクションタイトル */
.section-title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--font-color-main);
  text-align: center;
}

/*ページタイトル(ログイン、FAQなど)*/
.page-title {
  width: 100%;
  text-align: center;
  font-size: 1.875rem;
  line-height: 1;
  padding: 30px 0;
  background-color: var(--bg-color-main);
}

.c-font-normal {
  font-size: 0.875rem; /* 14px */
}
p.errmsg {
    text-align: center;
    color: #ff0000;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
  .section-title {
    font-size: 1.75rem;
    line-height: 1.4;
  }
  .c-font-normal {
    font-size: 1.125rem; /*18px*/
  }
}
/* フォント太さ */
.c-font-sl {
  font-weight: 400;
}

.c-font-sb {
  font-weight: 600;
}

/*グレーの小さいリンク*/
.link--small {
  font-size: 0.9375rem;
  line-height: 1.3333;
  font-weight: 600;
  color: #989898;
  border: 1px solid #989898;
  border-radius: 4px;
  padding: 10px 20px;
  transition: all 0.3s;
}

.link--small:hover {
  opacity: 0.7;
}

/*もっと見るリンク*/
.link-more {
  display: flex;
  justify-content: flex-end;
  font-size: 0.75rem;
  line-height: 1.2;
  font-weight: 400;
  transition: all 0.3s;
}

.link-more:hover {
  opacity: 0.7;
}

/*必須*/
.required {
  display: inline-block;
  width: 50px;
  height: 20px;
  font-size: 0.9374rem;
  color: var(--font-color-white);
  text-align: center;
  line-height: 20px;
  background-color: var(--bg-color-main--thick);
  border-radius: 3px;
}

.signup-page .required {
  margin-left: 10px;
  margin-bottom: 11.5px;
}

.contact-page .required {
  margin: 0 9px 9px 0;
}

.pc {
  display: block;
}

.pc-inline {
  display: inline-block;
}

.sp,
.sp-inline {
  display: none;
}

@media screen and (max-width: 768px) {
  .wrapper .main {
    margin-left: 0;
  }
  .link--small {
    font-size: 1.25rem;
    line-height: 1.1;
    border: 2px solid #989898;
    padding: 15px 24px;
  }
  .link-more {
    font-size: 1.25rem;
  }
  .required {
    width: 67px;
    height: 34px;
    font-size: 1.25rem;
    line-height: 34px;
    border-radius: 2px;
  }
  .signup-page .required {
    margin-left: 15px;
    margin-bottom: 10px;
  }
  .pc,
.pc-inline {
    display: none;
  }
  .sp {
    display: block;
  }
  .sp-inline {
    display: inline-block;
  }
}
/* ------ */
/* header */
/* ------ */
.header {
  background-color: var(--bg-color-main);
}
.header .header__top {
  height: 103px;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--bg-color-base);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  z-index: 90;
}
.header .header__top .l-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.header .header__logo {
  width: 265px;
  height: 68px;
  margin-top: 21px;
}
.header .header__logo img {
  width: 100%;
}
.header .header__nav {
  align-self: flex-end;
}
.header .header__nav-list {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  text-align: center;
}
.header .header__nav-link {
  transition: all 0.3s;
}
.header .header__nav-link:hover {
  opacity: 0.7;
}
.header .login-btn,
.header .register-btn,
.header .logout-btn,
.header .mypage-btn {
  padding: 8px 24px;
  line-height: 1;
  color: var(--font-color-white);
  border-radius: 100vh;
  font-size: 0.8125rem;
}
.header .login-btn:hover,
.header .register-btn:hover {
  opacity: 0.7;
}
.header .login-btn,
.header .logout-btn {
  background-color: #616161;
  margin-left: 11px;
}
.header .register-btn,
.header .mypage-btn {
  background-color: #70C3CF;
  margin-left: 8px;
}
.header .header__inner {
  background-color: var(--bg-color-main--thick);
  width: 100%;
  height: 93px;
  margin-top: 103px;
}
.header .header__inner .l-container {
  display: flex;
  gap: 20px;
  height: 100%;
  padding-top: 22px;
}
.header .header__inner-search-title {
  color: var(--font-color-white);
  font-size: 1.25rem;
  margin-top: 12px;
  white-space: nowrap;
}
.header .header__inner-search {
  display: flex;
  gap: 30px;
  font-size: 0.8125rem;
  width: 100%;
}
.header .header__inner-search-list {
  display: flex;
  width: 100%;
  height: 50px;
}
.header .header__inner-search-item {
  width: 28.7%;
}
.header .header__inner-search-item:last-of-type {
  width: 13.875%;
}
.header .header__inner-search-item + .header__inner-search-item {
  border-left: solid 1px #E8E7E7;
}
.header .header__inner-search-item:last-of-type {
  border-left: none;
}
.header .header__inner-search-item input,
.header .header__inner-search-item button {
  width: 100%;
  height: 100%;
}
.header .header__inner-search-item input {
  background-color: #fff;
  padding-left: 26.5px;
}
.header ::-moz-placeholder {
  color: #C1C1C1;
}
.header :-ms-input-placeholder {
  color: #C1C1C1;
}
.header ::placeholder {
  color: #C1C1C1;
}
.header .header__inner-search-item .area {
  border-radius: 4px 0 0 4px;
  padding-left: 41px;
}
.header .header__inner-search-item button {
  background-color: #707070;
  color: var(--font-color-white);
  text-align: center;
  border-radius: 0 4px 4px 0;
  transition: all 0.3s;
}
.header .header__inner-search-item button:hover {
  opacity: 0.7;
}
.header .search-button-detail {
  width: 210px;
  height: 50px;
  line-height: 1;
  color: var(--font-color-white);
  text-align: center;
  padding-top: 19px;
  background-color: #343434;
  border-radius: 3px;
  transition: all 0.3s;
}
.header .search-button-detail:hover {
  opacity: 0.7;
}

/*---ownerpage-header---*/
.header.owner .header__top {
  background-color: var(--owner-page--base);
}
.header.owner .header__nav-link {
  color: var(--font-color-white);
}
.header.owner .logout-btn {
  background-color: var(--bg-color-base);
  color: #70C3CF;
}
.header.owner .header__inner {
  height: 0;
}

@media screen and (max-width: 768px) {
  .header .header__top {
    height: 81px;
  }
  .header .header__logo {
    width: 218px;
    height: 56px;
    margin-top: 10px;
  }
  .header .header__fixed-menu-button {
    position: absolute;
    width: 48px;
    height: 40px;
    top: 20px;
    right: 23px;
    cursor: pointer;
    z-index: 100;
  }
  .header .header__fixed-menu-button i {
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 6px;
    background-color: #61BECD;
    transition: all 0.2s;
  }
  .header .header__fixed-menu-button i:first-child {
    top: 0;
  }
  .header .header__fixed-menu-button i:nth-child(2) {
    top: 17px;
  }
  .header .header__fixed-menu-button i:last-child {
    bottom: 0;
  }
  .header .header__fixed-menu-button.open i:first-child {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .header .header__fixed-menu-button.open i:nth-child(2) {
    opacity: 0;
  }
  .header .header__fixed-menu-button.open i:last-child {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .header .header__nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background-color: var(--bg-color-base);
    transition: all 0.2s;
  }
  .header .header__nav.open {
    right: 0;
  }
  .header .header__nav {
    align-self: flex-start;
  }
  .header .header__nav-list {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 0;
    margin-top: 81px;
  }
  .header .header__nav-item {
    height: 50px;
    width: 100%;
  }
  .header .header__nav-link {
    display: block;
    height: 50px;
    text-align: center;
    line-height: 50px;
  }
  .header .login-btn,
.header .register-btn,
.header .logout-btn,
.header .mypage-btn {
    width: 40%;
    margin: 0 auto;
    padding: 0;
  }
  .header .header__inner {
    margin-top: 81px;
    height: 184px;
  }
  .header .header__inner-search-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 131px;
  }
  .header .header__inner-search-item {
    width: 50%;
    height: 60px;
    font-size: 1.125rem;
    font-weight: 600;
  }
  .header .header__inner-search-item:first-of-type {
    position: relative;
    order: 0;
  }
  .header .header__inner-search-item:first-of-type::before {
    content: url(../img/area-icon.svg);
    position: absolute;
    width: 16px;
    height: 23px;
    top: 21px;
    left: 31px;
  }
  .header .header__inner-search-item:nth-of-type(2) {
    position: relative;
    order: 2;
    border-left: none;
    width: 46.5%;
  }
  .header .header__inner-search-item:nth-of-type(2)::before {
    content: url(../img/tag-icon.svg);
    position: absolute;
    width: 22px;
    height: 22px;
    top: 21px;
    left: 31px;
  }
  .header .header__inner-search-item:nth-of-type(3) {
    position: relative;
    order: 1;
  }
  .header .header__inner-search-item:nth-of-type(3)::before {
    content: url(../img/clock-icon.svg);
    position: absolute;
    width: 22px;
    height: 19px;
    top: 21px;
    left: 31px;
  }
  .header .header__inner-search-item:nth-of-type(4) {
    width: 51%;
    order: 3;
  }
  .header .header__inner-search-item:nth-of-type(2n) {
    margin-top: 11px;
  }
  .header .header__inner-search-item .purpose {
    border-radius: 4px;
  }
  .header .header__inner-search-item .date {
    border-radius: 0 4px 4px 0;
  }
  .header .header__inner-search-item button {
    background-color: #707070;
    color: var(--font-color-white);
    text-align: center;
    border-radius: 4px;
    font-size: 1.25rem;
  }
  .header .header__inner-search-item input,
.header .header__inner-search-item .area {
    padding-left: 67px;
  }
  .header.user .sidebar__username,
.header.owner .sidebar__username {
    margin: 10px 14.6875vw 0 0;
    display: flex;
    align-items: center;
    gap: 9.5px;
  }
  .header.user .sidebar__username--icon,
.header.owner .sidebar__username--icon {
    width: 59px;
    height: 59px;
  }
  .header.user .sidebar__username--icon img,
.header.owner .sidebar__username--icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .header.user .sideber__username--text,
.header.owner .sideber__username--text {
    color: #3A3938;
    line-height: 1;
    font-size: 2.5vw;
  }
  .header.user .username,
.header.owner .username {
    font-size: 3.75vw;
    margin-bottom: 4px;
  }
  .header.owner .header__nav {
    background-color: var(--owner-page--base);
  }
  .header.owner .sideber__username--text {
    color: var(--font-color-white);
  }
}
/* ---- */
/* main */
/* ---- */
/*---sidebar---*/
.sidebar {
  margin-bottom: 70px;
}
.sidebar .sidebar__username {
  margin: 32px 0 25.5px;
  display: flex;
  align-items: center;
  gap: 26px;
}
.sidebar .sidebar__username--icon {
  width: 85px;
  height: 85px;
}
.sidebar .sidebar__username--icon img {
  width: 100%;
  border-radius: 50%;
}
.sidebar .sideber__username--text .username {
  font-size: 1.5rem;
  white-space: nowrap;
}
.sidebar .sideber__username--text .usernumber.owner {
  color: #D4D4D4;
}
.sidebar .sidebar__nav--item {
  width: 100%;
  height: 74px;
  font-size: 1.125rem;
  white-space: nowrap;
  line-height: 74px;
  border-top: 1px solid #C1C1C1;
  transition: all 0.3s;
  position: relative;
}
.sidebar .sidebar__nav--item:last-of-type {
  border-bottom: 1px solid #C1C1C1;
}
.sidebar .sidebar__nav--item:hover {
  opacity: 0.7;
}
.sidebar .sidebar__nav--item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.sidebar .sidebar__nav--item.mypage::before {
  background-image: url(../img/mypage-icon.svg);
}
.sidebar .sidebar__nav--item.reserve::before {
  background-image: url(../img/reserve-icon.svg);
}
.sidebar .sidebar__nav--item.schedule-manage::before {
  background-image: url(../img/carender-icon.svg);
}
.sidebar .sidebar__nav--item.browsing-history::before {
  background-image: url(../img/browsing-history-icon.svg);
}
.sidebar .sidebar__nav--item.favorite::before {
  background-image: url(../img/favorite-icon.svg);
}
.sidebar .sidebar__nav--item.review::before,
.sidebar .sidebar__nav--item.room-register::before {
  background-image: url(../img/review-icon.svg);
}
.sidebar .sidebar__nav--item.message::before {
  background-image: url(../img/message-icon.svg);
}
.sidebar .sidebar__nav--item.setting::before {
  background-image: url(../img/setting-icon.svg);
}
.sidebar .sidebar__nav--item a {
  display: block;
  padding-left: 51px;
}

/*---top-page---*/
/* mainvisual */
.top-page .main-visual {
  background-color: var(--bg-color-main);
  padding: 39px 0 73px;
  width: 100%;
}
.top-page .main-visual .slider {
  width: 110%;
  transform: translateX(-5%);
}
.top-page .main-visual .slider-item {
  transition: all 0.3s;
}
.top-page .main-visual .slider-item:hover {
  opacity: 0.7;
}
.top-page .main-visual .slider .slick-track {
  float: none;
  display: flex;
  gap: 36px;
}
.top-page .main-visual .slider img {
  width: 100%;
  height: auto;
}
.top-page .main-visual .slick-dots {
  text-align: center;
  margin-top: 27px;
}
.top-page .main-visual .slick-dots li {
  display: inline-block;
  margin: 0 20px;
}
.top-page .main-visual .slick-dots button {
  color: transparent;
  outline: none;
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 50%;
  background: var(--btn-color-main); /*ドットボタンの色*/
}
.top-page .main-visual .slick-dots .slick-active button {
  background: #fff; /*ドットボタンの現在地表示の色*/
}

@media screen and (max-width: 768px) {
  .top-page .main-visual .slider .slick-slide {
    margin: 0;
  }
}
/* purpose */
.top-page .purpose.pc {
  background-color: var(--bg-color-base);
  padding: 38px 0 57px;
}
.top-page .purpose.pc .purpose__inner {
  max-width: 1034px;
  width: 87.5%;
  margin: 0 auto;
}
.top-page .purpose.pc .purpose__link-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  width: 100%;
  margin-top: 14px;
}
.top-page .purpose.pc .purpose__link-box {
  max-width: 500px;
  width: 100%;
  transition: all 0.3s;
  position: relative;
}
.top-page .purpose.pc .purpose__link-box:hover {
  opacity: 0.7;
}
.top-page .purpose.pc .purpose__link-img-box {
  width: 100%;
  height: auto;
  aspect-ratio: 500/128;
}
.top-page .purpose.pc .purpose__link-img-box img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.top-page .purpose.pc .purpose__link-box p {
  position: absolute;
  bottom: -22px;
  width: 100%;
  height: 43px;
  background-color: var(--font-color-main);
  color: var(--font-color-white);
  font-size: 1.25rem;
  text-align: center;
  line-height: 43px;
  border-radius: 0 0 7px 7px;
}
.top-page .purpose.sp {
  background-color: var(--bg-color-base);
  padding: 38px 0 20px;
}
.top-page .purpose.sp .section-title {
  margin-bottom: 26px;
}
.top-page .purpose.sp .purpose__link-img-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
}
.top-page .purpose.sp .purpose__link-img-wrap a {
  display: inline-block;
  width: calc(50% - 7.5px);
}
.top-page .purpose.sp .purpose__link-img-wrap a:nth-of-type(n + 3) {
  margin-top: 9px;
}
.top-page .purpose.sp .purpose__link-img-item {
  width: 100%;
  aspect-ratio: 1.89/1;
  position: relative;
}
.top-page .purpose.sp .purpose__link-img-item img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px;
}
.top-page .purpose.sp .purpose__link-img-item p {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  line-height: 2.2;
  color: var(--font-color-white);
  background-color: rgba(103, 192, 206, 0.78);
  border-radius: 0 0 7px 7px;
}
.top-page .purpose.sp .purpose__link-wrap--small {
  margin: 20px 0 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 14px 18px;
}

/*new-info*/
.top-page .new-info {
  background-color: var(--bg-color-main);
  padding: 64px 0 42px;
}
.top-page .new-info .new-info__inner {
  margin: 35px 0 33px;
  display: flex;
  gap: 19px;
}
.top-page .new-info .new-info__item {
  max-width: 280px;
  transition: all 0.3s;
}
.top-page .new-info .new-info__item:hover {
  opacity: 0.7;
}
.top-page .new-info .new-info__item--img {
  width: 100%;
  height: auto;
}
.top-page .new-info .new-info__item--title {
  margin-top: 10px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  color: #4DA2AB;
}
.top-page .new-info .new-info__item--price {
  margin-top: 15px;
  font-size: 0.9375rem;
  line-height: 1;
  font-weight: 600;
  color: #2F2F2F;
}
.top-page .new-info .new-info__item--text-box {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 38px;
  margin-top: 17px;
  margin-left: 19px;
  color: #2F2F2F;
  font-weight: 300;
  line-height: 1.428;
}
.top-page .new-info .people, .top-page .new-info .size, .top-page .new-info .tag, .top-page .new-info .place {
  position: relative;
}
.top-page .new-info .people::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -19px;
  width: 12px;
  height: 12.78px;
  background-image: url(../img/man-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.top-page .new-info .size::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -19px;
  width: 11.16px;
  height: 12.78px;
  background-image: url(../img/box-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.top-page .new-info .tag::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -19px;
  width: 15px;
  height: 15px;
  background-image: url(../img/tag-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.top-page .new-info .place::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -19px;
  width: 11px;
  height: 15px;
  background-image: url(../img/area-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .top-page .new-info {
    padding: 32px 0 28px;
  }
  .top-page .new-info .new-info__inner {
    margin: 37px 0 40px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .top-page .new-info .new-info__item {
    width: calc(50% - 19px);
  }
  .top-page .new-info .new-info__item--title {
    margin-top: 14px;
    font-size: 1.375rem;
    line-height: 1.36;
  }
  .top-page .new-info .new-info__item--price {
    margin-top: 19.4px;
    font-size: 1.25rem;
  }
  .top-page .new-info .new-info__item--text-box {
    gap: 19px 51px;
    margin-top: 22.4px;
    margin-left: 33.5px;
    line-height: 1.1;
  }
  .top-page .new-info .people::before {
    top: 0;
    left: -33.5px;
    width: 19.65px;
    height: 20.93px;
  }
  .top-page .new-info .size::before {
    top: 0;
    left: -33.5px;
    width: 19.21px;
    height: 22px;
  }
  .top-page .new-info .tag::before {
    top: 0;
    left: -33.5px;
    width: 20.52px;
    height: 20.52px;
  }
  .top-page .new-info .place::before {
    top: 0;
    left: -33.5px;
    width: 19.05px;
    height: 20.52px;
  }
}
/*search-area*/
.top-page .area {
  background-color: var(--bg-color-base);
  padding: 30px 0 84px;
}
.top-page .area .area__prefecture {
  margin-top: 38px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.top-page .area .area__prefecture--item {
  width: 110px;
  height: 40px;
  display: block;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 40px;
  color: var(--font-color-main--thin);
  text-align: center;
  border: 1px solid var(--font-color-main--thin);
  border-radius: 20px;
  transition: all 0.3s;
}
.top-page .area .area__prefecture--item.active {
  color: var(--font-color-white);
  background-color: var(--font-color-main--thin);
}
.top-page .area .area__prefecture--item:hover {
  opacity: 0.7;
}
.top-page .area .area__famous {
  margin-top: 26px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
}
.top-page .area .area__famous--item {
  display: block;
  width: 210px;
  aspect-ratio: 21/10;
  position: relative;
  transition: all 0.3s;
}
.top-page .area .area__famous--item:hover {
  opacity: 0.7;
}
.top-page .area .area__famous--img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.top-page .area .filter {
  width: 100%;
  aspect-ratio: 21/10;
  background-color: var(--btn-color-main);
  border: 1px solid #707070;
  border-radius: 4px;
  opacity: 0.37;
  position: absolute;
  top: 0;
  left: 0;
}
.top-page .area .area__famous--text {
  font-weight: 600;
  color: var(--font-color-white);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.top-page .area .area__small {
  margin-top: 21px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 14px;
}

@media screen and (max-width: 768px) {
  .top-page .area {
    padding: 28px 0 26px;
  }
  .top-page .area .area__prefecture {
    margin-top: 35px;
    gap: 11px;
  }
  .top-page .area .area__prefecture--item {
    width: 110px;
    height: 50px;
    font-size: 1.1375rem;
    line-height: 50px;
    border: 2px solid var(--font-color-main--thin);
    border-radius: 25px;
  }
  .top-page .area .area__famous {
    margin-top: 25px;
    gap: 23px;
  }
  .top-page .area .area__famous--item {
    display: block;
    width: calc(50% - 12px);
  }
  .top-page .area .pc {
    display: none;
  }
  .top-page .area .filter {
    opacity: 0.46;
  }
  .top-page .area .area__small {
    margin-top: 26px;
    gap: 15px 14px;
  }
}
/*roomtype*/
.top-page .roomtype {
  background-color: var(--bg-color-gray);
  padding: 36px 0 32px;
}
.top-page .roomtype .roomtype__icon {
  margin-top: 34px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
.top-page .roomtype .roomtype__icon--item {
  display: block;
  width: 180px;
  height: 140px;
  background-color: #fff;
  border: 1px solid #D3D3D3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.top-page .roomtype .roomtype__icon--item:hover {
  opacity: 0.7;
}
.top-page .roomtype .roomtype__icon--item img {
  width: 60px;
  height: 60px;
  margin-bottom: 14px;
}
.top-page .roomtype .roomtype__small {
  margin-top: 27px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px 20px;
}
.top-page .roomtype .roomtype__small--item {
  display: block;
  width: 140px;
  height: 36px;
  background-color: #fff;
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 36px;
  color: #989898;
  text-align: center;
  transition: all 0.3s;
}
.top-page .roomtype .roomtype__small--item:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .top-page .roomtype {
    padding: 47px 0 46px;
  }
  .top-page .roomtype .roomtype__icon {
    margin-top: 36px;
    gap: 24.2px 20px;
  }
  .top-page .roomtype .roomtype__icon--item p {
    font-size: 1.25rem;
    white-space: nowrap;
  }
  .top-page .roomtype .roomtype__small {
    margin-top: 23.5px;
  }
  .top-page .roomtype .roomtype__small--item {
    width: 180px;
    height: 52.55px;
    border: 2px solid #D3D3D3;
    font-size: 1.25rem;
    line-height: 52.55px;
  }
}
/*-- 探すページkv共通 --*/
.searchpage__kv {
  width: 100%;
  height: 350px;
  position: relative;
  margin-bottom: 41.8px;
  background-size: cover;
}
.searchpage__kv .kv__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.875rem;
  color: #343434;
}

@media screen and (max-width: 768px) {
  .searchpage__kv {
    height: 300px;
    margin-bottom: 31.5px;
  }
  .searchpage__kv .kv__title {
    font-weight: 600;
  }
}
/*---利用目的から探す---*/
.search-purpose-page .searchpage__kv {
  background-image: url(../img/search-purpose-kv-pc.jpg);
}
.search-purpose-page .purpose__link-img-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 22px 15px;
  margin-top: 48.5px;
}
.search-purpose-page .purpose__link-img-wrap a {
  display: inline-block;
  width: calc(25% - 11.25px);
  transition: all 0.3s;
}
.search-purpose-page .purpose__link-img-wrap a:hover {
  opacity: 0.7;
}
.search-purpose-page .purpose__link-img-item {
  width: 100%;
  aspect-ratio: 1.89/1;
  position: relative;
}
.search-purpose-page .purpose__link-img-item img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px;
}
.search-purpose-page .purpose__link-img-item p {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 1.0625rem;
  font-weight: 600;
  text-align: center;
  line-height: 2.2;
  color: var(--font-color-white);
  background-color: rgba(103, 192, 206, 0.78);
  border-radius: 0 0 7px 7px;
}
.search-purpose-page .purpose__link-wrap--small {
  margin: 20px 0 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 14px 20px;
}
.search-purpose-page .hourly-rental__title,
.search-purpose-page .day-rental__title {
  color: #616161;
  font-size: 1.5rem;
  margin: 0 0 24px 37px;
  position: relative;
}
.search-purpose-page .hourly-rental__title::before,
.search-purpose-page .day-rental__title::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 19px solid #60BDCC;
  border-left: 11.5px solid transparent;
  border-right: 11.5px solid transparent;
  position: absolute;
  top: 11.5px;
  left: -37px;
  transform: rotate(-90deg);
}
.search-purpose-page .hourly-rental {
  margin-bottom: 52px;
  width: 100%;
}
.search-purpose-page .day-rental {
  margin-bottom: 44.3px;
  width: 100%;
}
.search-purpose-page .hourly-rental__headline,
.search-purpose-page .day-rental__headline {
  width: 100%;
  height: 60px;
  background-color: var(--bg-color-main);
  color: var(--font-color-main--thin2);
  font-size: 1.125rem;
  line-height: 60px;
  border: 1px solid #E6E6E6;
  padding-left: 33px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}
.search-purpose-page .hourly-rental__headline:hover,
.search-purpose-page .day-rental__headline:hover {
  opacity: 0.7;
}
.search-purpose-page .day-rental__headline a {
  display: block;
  transition: all 0.3s;
}
.search-purpose-page .hourly-rental__headline::after,
.search-purpose-page .day-rental__headline::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 16px solid #7DC3CF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: 22px;
  right: 36px;
  transition: all 0.4s ease;
  transform: rotate(-90deg);
}
.search-purpose-page .hourly-rental__headline.is-show::after {
  transform: rotate(-180deg);
}
.search-purpose-page .hourly-rental__inner {
  width: 100%;
  padding: 30px 47px 10px 27px;
  border: 1px solid #E6E6E6;
  display: none;
}
.search-purpose-page .hourly-rental__inner a {
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 20px;
  text-decoration: underline;
  transition: all 0.3s;
}
.search-purpose-page .hourly-rental__inner a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .search-purpose-page .searchpage__kv {
    background-image: url(../img/search-purpose-kv-sp.jpg);
  }
  .search-purpose-page .purpose__link-img-wrap {
    gap: 20px 12px;
    margin-top: 30.5px;
  }
  .search-purpose-page .purpose__link-img-wrap a {
    width: calc(50% - 7.5px);
  }
  .search-purpose-page .purpose__link-img-item p {
    font-size: 1.0625rem;
  }
  .search-purpose-page .hourly-rental__title,
.search-purpose-page .day-rental__title {
    font-size: 1.625rem;
    margin-bottom: 30px;
  }
  .search-purpose-page .hourly-rental {
    margin-bottom: 68px;
  }
  .search-purpose-page .day-rental {
    margin-bottom: 36.4px;
  }
  .search-purpose-page .hourly-rental__headline,
.search-purpose-page .day-rental__headline {
    height: 74px;
    font-size: 1.75rem;
    line-height: 74px;
    border: 2px solid #E6E6E6;
    padding-left: 20px;
  }
  .search-purpose-page .hourly-rental__inner {
    width: 100%;
    padding: 33px 39px 20px 17px;
    border: 2px solid #E6E6E6;
  }
  .search-purpose-page .hourly-rental__inner a {
    margin-left: 20px;
    margin-bottom: 13px;
    font-size: 1.5rem;
  }
}
/*---エリアから探す---*/
.search-area-page .searchpage__kv {
  background-image: url(../img/search-area-kv-pc.jpg);
}
.search-area-page .area__prefecture {
  margin-top: 38px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.search-area-page .area__prefecture--item {
  width: 110px;
  height: 40px;
  display: block;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 40px;
  color: var(--font-color-main--thin);
  text-align: center;
  border: 1px solid var(--font-color-main--thin);
  border-radius: 20px;
  transition: all 0.3s;
}
.search-area-page .area__prefecture--item.active {
  color: var(--font-color-white);
  background-color: var(--font-color-main--thin);
}
.search-area-page .area__prefecture--item:hover {
  opacity: 0.7;
}
.search-area-page .area__famous {
  margin: 26px 0 45px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
}
.search-area-page .area__famous--item {
  display: block;
  width: 210px;
  aspect-ratio: 21/10;
  position: relative;
  transition: all 0.3s;
}
.search-area-page .area__famous--item:hover {
  opacity: 0.7;
}
.search-area-page .area__famous--img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.search-area-page .filter {
  width: 100%;
  aspect-ratio: 21/10;
  background-color: var(--btn-color-main);
  border: 1px solid #707070;
  border-radius: 4px;
  opacity: 0.37;
  position: absolute;
  top: 0;
  left: 0;
}
.search-area-page .area__famous--text {
  font-weight: 600;
  color: var(--font-color-white);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.search-area-page .area__station--city {
  width: 100%;
  height: 60px;
  background-color: var(--bg-color-main);
  border: 1px solid #E6E6E6;
  color: var(--font-color-main--thin2);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 60px;
  padding-left: 33px;
  position: relative;
  transition: all 0.3s;
  cursor: pointer;
}
.search-area-page .area__station--city:hover {
  opacity: 0.7;
}
.search-area-page .area__station--city::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 16px solid #7DC3CF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: 22px;
  right: 34PX;
  transition: all 0.4s ease;
  transform: rotate(-90deg);
}
.search-area-page .area__station--city.is-show::after {
  transform: rotate(-180deg);
}
.search-area-page .area__station--inner {
  width: 100%;
  padding: 30px 47px;
  border: 1px solid #E6E6E6;
  display: none;
}
.search-area-page .area__station--inner a {
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 20px;
  text-decoration: underline;
  transition: all 0.3s;
}
.search-area-page .area__station--inner a:hover {
  opacity: 0.7;
}
.search-area-page .area__station--famous {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 86px;
  width: 100%;
  padding: 0 0 15px 18px;
}
.search-area-page .area__station--famous a {
  text-decoration: none;
  color: #7DC3CF;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1;
  position: relative;
}
.search-area-page .area__station--famous a::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 14px solid #7DC3CF;
  border-left: 8.75px solid transparent;
  border-right: 8.75px solid transparent;
  position: absolute;
  transform: rotate(-90deg);
  top: 1px;
  left: -18px;
}
.search-area-page .area__other {
  width: 100%;
  padding: 68px 0 93.3px;
}
.search-area-page .area__other--title {
  font-size: 1.5rem;
  margin: 0 0 24px 33px;
  line-height: 1;
  position: relative;
}
.search-area-page .area__other--title::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 19px solid #60BDCC;
  border-left: 11.5px solid transparent;
  border-right: 11.55px solid transparent;
  position: absolute;
  top: 0;
  left: -33px;
  transform: rotate(-90deg);
}
.search-area-page .area__other--list {
  display: flex;
  flex-wrap: wrap;
}
.search-area-page .area__other--item {
  width: 25%;
  height: 60px;
  font-weight: 600;
  color: var(--font-color-main--thin2);
  text-align: center;
  line-height: 60px;
  border: 1px solid #E6E6E6;
  transition: all 0.3s;
}
.search-area-page .area__other--item:hover {
  opacity: 0.7;
}
.search-area-page .area__other--item a {
  display: block;
}

@media screen and (max-width: 768px) {
  .search-area-page .searchpage__kv {
    background-image: url(../img/search-area-kv-sp.jpg);
  }
  .search-area-page .area__prefecture {
    margin-top: 35px;
    gap: 11px;
  }
  .search-area-page .area__prefecture--item {
    width: 110px;
    height: 50px;
    font-size: 1.1375rem;
    line-height: 50px;
    border: 2px solid var(--font-color-main--thin);
    border-radius: 25px;
  }
  .search-area-page .area__famous {
    margin-top: 25px;
    gap: 23px;
  }
  .search-area-page .area__famous--item {
    display: block;
    width: calc(50% - 12px);
  }
  .search-area-page .pc {
    display: none;
  }
  .search-area-page .filter {
    opacity: 0.46;
  }
  .search-area-page .area__small {
    margin-top: 26px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 15px 14px;
  }
  .search-area-page .area__station--city {
    height: 74px;
    border: 2px solid #E6E6E6;
    font-size: 1.625rem;
    line-height: 74px;
    padding-left: 20px;
  }
  .search-area-page .area__station--city::after {
    display: none;
  }
  .search-area-page .area__station--inner {
    padding: 34px;
    border: 2px solid #E6E6E6;
  }
  .search-area-page .area__station--inner a {
    font-size: 1.375rem;
    margin-left: 15px;
    margin-bottom: 20px;
  }
  .search-area-page .area__station--famous {
    gap: 33px 42px;
    padding: 0 0 29px 18px;
  }
  .search-area-page .area__station--famous a {
    font-size: 1.375rem;
    font-weight: 300;
  }
  .search-area-page .area__other {
    padding: 41px 0 26.3px;
  }
  .search-area-page .area__other--title {
    font-size: 1.625rem;
  }
  .search-area-page .area__other--item {
    width: 33.3333333333%;
    font-size: 1.25rem;
    font-weight: 300;
    border: 2px solid #E6E6E6;
  }
}
/*---お部屋のタイプから探す---*/
.search-roomtype-page .searchpage__kv {
  background-image: url(../img/search-roomtype-kv-pc.jpg);
}
.search-roomtype-page .roomtype__icon {
  margin-top: 34px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.search-roomtype-page .roomtype__icon--item {
  display: block;
  width: 180px;
  height: 140px;
  background-color: #fff;
  border: 1px solid #D3D3D3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.search-roomtype-page .roomtype__icon--item:hover {
  opacity: 0.7;
}
.search-roomtype-page .roomtype__icon--item img {
  width: 60px;
  height: 60px;
  margin-bottom: 14px;
}
.search-roomtype-page .roomtype__small--list {
  display: flex;
  flex-wrap: wrap;
  margin: 35.2px 0 144px;
}
.search-roomtype-page .roomtype__small--item {
  width: 25%;
  height: 60px;
  text-align: center;
  line-height: 60px;
  color: #60BDCC;
  border: 1px solid #E6E6E6;
}
.search-roomtype-page .roomtype__small--item a {
  display: block;
  transition: all 0.3s;
}
.search-roomtype-page .roomtype__small--item a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .search-roomtype-page .searchpage__kv {
    background-image: url(../img/search-roomtype-kv-sp.jpg);
  }
  .search-roomtype-page .roomtype__icon {
    margin-top: 41.5px;
    gap: 24.2px 20px;
    justify-content: center;
  }
  .search-roomtype-page .roomtype__icon--item p {
    font-size: 1.25rem;
    white-space: nowrap;
  }
  .search-roomtype-page .roomtype__small--list {
    margin: 21.9px 0 76.3px;
  }
  .search-roomtype-page .roomtype__small--item {
    width: 33.3333333333%;
    border: 2px solid #E6E6E6;
  }
}
/*---こだわりから探す*/
.search-obsession-page .searchpage__kv {
  background-image: url(../img/search-obsession-kv-pc.jpg);
}
.search-obsession-page .page-explain {
  margin-top: 40.5px;
  font-size: 0.9375rem;
}
.search-obsession-page .pickup__inner {
  margin-bottom: 75.3px;
}

@media screen and (max-width: 768px) {
  .search-obsession-page .searchpage__kv {
    background-image: url(../img/search-obsession-kv-sp.jpg);
  }
  .search-obsession-page .page-explain {
    margin-top: 45.5px;
    font-size: 1.5rem;
  }
  .search-obsession-page .pickup__inner {
    margin-bottom: 91.3px;
  }
}
/*---room-detail---*/
.room-detail-page .room-explain__wrap .section-title {
  font-size: 1.25rem;
  color: var(--font-color-main--thin2);
  font-weight: 600;
  text-align: left;
  margin-bottom: 16px;
}
.room-detail-page .main-visual__wrap {
  width: 100%;
  margin: 13px 0 35px;
}
.room-detail-page .main-visual__comment {
  font-size: 0.9575rem;
  color: #3A3938;
  line-height: 1;
  margin-bottom: 16px;
}
.room-detail-page .main-visual__grid {
  display: grid;
  grid-template-columns: 54.5% 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1.5%;
  position: relative;
}
.room-detail-page .main-visual__item.item1 {
  grid-column: 1/2;
  grid-row: 1/3;
}
.room-detail-page .main-visual__item img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.room-detail-page .main-visual__more {
  display: block;
  width: 18.33%;
  height: 30px;
  font-size: 0.875rem;
  color: var(--font-color-white);
  text-align: center;
  line-height: 30px;
  background-color: rgba(48, 48, 48, 0.91);
  border-radius: 4px;
  position: absolute;
  bottom: 15px;
  right: 16px;
  transition: all 0.3s;
}
.room-detail-page .main-visual__more:hover {
  opacity: 0.8;
}
.room-detail-page .room-explain__wrap {
  display: flex;
  flex-direction: row-reverse;
  gap: 20px;
}
.room-detail-page .room-explain__side {
  width: 30%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--bg-color-main);
  border-radius: 6px;
  padding: 31px 20px 19px;
  line-height: 1;
}
.room-detail-page .room-explain__side .space-number {
  margin-bottom: 7px;
}
.room-detail-page .room-explain__side .space-name {
  font-size: 1.625rem;
  color: #3A3938;
  margin-bottom: 16px;
}
.room-detail-page .room-explain__side .side__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 17px 25px;
  margin-bottom: 19px;
}
.room-detail-page .room-explain__side .with-icon {
  position: relative;
}
.room-detail-page .room-explain__side .with-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
}
.room-detail-page .room-explain__side .space-place {
  padding-left: 19px;
}
.room-detail-page .room-explain__side .space-place::before {
  width: 13px;
  height: 18px;
  background-image: url(../img/area-icon.svg);
}
.room-detail-page .room-explain__side .space-review {
  font-size: 1.5rem;
  color: #3A3938;
}
.room-detail-page .room-explain__side .space-review a {
  font-size: 1rem;
  color: #707070;
  transition: all 0.3s;
}
.room-detail-page .room-explain__side .space-review a:hover {
  opacity: 0.7;
}
.room-detail-page .room-explain__side .space-capacity {
  padding-left: 25px;
}
.room-detail-page .room-explain__side .space-capacity::before {
  width: 14.52px;
  height: 15.46px;
  background-image: url(../img/man-icon.svg);
}
.room-detail-page .room-explain__side .space-size {
  padding-left: 25.2px;
}
.room-detail-page .room-explain__side .space-size::before {
  width: 13.5px;
  height: 15.46px;
  background-image: url(../img/box-icon.svg);
}
.room-detail-page .room-explain__side .space-type {
  padding-left: 25px;
}
.room-detail-page .room-explain__side .space-type::before {
  width: 16px;
  height: 16px;
  background-image: url(../img/tag-icon.svg);
}
.room-detail-page .room-explain__side .space-owner {
  margin-bottom: 18px;
}
.room-detail-page .room-explain__side .space-price {
  font-size: 1.375rem;
  margin-bottom: 16px;
}
.room-detail-page .room-explain__side button {
  width: 100%;
  height: 40px;
  margin-bottom: 8px;
  border-radius: 4px;
  line-height: 40px;
  font-size: 1vw;
  text-align: center;
  transition: all 0.3s;
}
.room-detail-page .room-explain__side button:hover {
  opacity: 0.7;
}
.room-detail-page .room-explain__side .favorite-button {
  background-color: #707070;
  color: var(--font-color-white);
}
.room-detail-page .room-explain__side .reserve-button {
  background-color: var(--bg-color-main--thick);
  color: var(--font-color-white);
}
.room-detail-page .room-explain__side .contact-button {
  border: 1px solid #707070;
  background-color: var(--bg-color-base);
}
.room-detail-page .room-explain__side .sns-link__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.room-detail-page .room-explain__side .sns-link {
  display: block;
  width: 100px;
  height: 34px;
  border-radius: 3px;
  line-height: 34px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--font-color-white);
  text-align: center;
  padding-left: 22px;
  transition: all 0.3s;
  position: relative;
}
.room-detail-page .room-explain__side .sns-link::before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
}
.room-detail-page .room-explain__side .sns-link:hover {
  opacity: 0.7;
}
.room-detail-page .room-explain__side .facebook-link {
  background-color: #4267B2;
}
.room-detail-page .room-explain__side .facebook-link::before {
  background-image: url(../img/facebook_w.svg);
}
.room-detail-page .room-explain__side .twitter-link {
  background-color: #1EA1F2;
}
.room-detail-page .room-explain__side .twitter-link::before {
  background-image: url(../img/twiiter_w.svg);
  left: 10px;
}
.room-detail-page .room-explain__side .line-link {
  background-color: #01B833;
}
.room-detail-page .room-explain__side .line-link::before {
  background-image: url(../img/line_b.svg);
}
.room-detail-page .room-explain__main {
  width: calc(70% - 20px);
}
.room-detail-page .tab__wrap {
  display: flex;
  gap: 7px;
}
.room-detail-page .tab {
  margin-bottom: 27px;
  width: calc(25% - 5.25px);
  height: 40px;
  border: 1px solid #707070;
  border-radius: 4px;
  background-color: #fff;
  font-size: 0.875rem;
  text-align: center;
  line-height: 40px;
  transition: all 0.3s;
  cursor: pointer;
}
.room-detail-page .tab:hover {
  opacity: 0.7;
}
.room-detail-page .tab.active {
  background-color: #EBEBEB;
}
.room-detail-page .reserve-status {
  margin-bottom: 28px;
  width: 100%;
}
.room-detail-page .reserve-status__table {
  width: 100%;
  height: 89px;
  display: grid;
  grid-template-columns: 27px repeat(7, 1fr) 27px;
  grid-template-rows: 37% 63%;
}
.room-detail-page .arrow {
  grid-row: 1/3;
  background-color: #CBCBCB;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}
.room-detail-page .arrow:hover {
  opacity: 0.7;
}
.room-detail-page .arrow::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 14px solid #fff;
  border-left: 6.5px solid transparent;
  border-right: 6.5px solid transparent;
  position: absolute;
  top: 38px;
  left: 6.5px;
}
.room-detail-page .arrow.forward {
  grid-column: 1/2;
}
.room-detail-page .arrow.forward::before {
  transform: rotate(90deg);
}
.room-detail-page .arrow.next {
  grid-column: 9/10;
}
.room-detail-page .arrow.next::before {
  transform: rotate(-90deg);
}
.room-detail-page .reserve-status__day,
.room-detail-page .open {
  border: 1px solid #C2C2C2;
  border-right: transparent;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.room-detail-page .reserve-status__day {
  grid-row: 1/2;
  background-color: #EBEBEB;
  border: 1px solid #C2C2C2;
  border-right: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #3A3938;
  font-weight: normal;
}
.room-detail-page .open {
  grid-row: 2/3;
  border-top: transparent;
  font-weight: bold;
}
.room-detail-page .sat {
  color: #000DC5;
}
.room-detail-page .sun {
  color: #FF0F0F;
}
.room-detail-page .point__inner {
  margin-bottom: 57px;
}
.room-detail-page .point__text {
  font-size: 0.875rem;
}
.room-detail-page .service__inner {
  margin-bottom: 37px;
}
.room-detail-page .service__icon--list,
.room-detail-page .service__small--list {
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.room-detail-page .service__icon--list {
  gap: 20px;
  margin-bottom: 13px;
}
.room-detail-page .service__icon--item {
  width: calc(25% - 15px);
  height: 120px;
  border: 1px solid #A1A1A1;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.room-detail-page .service__icon--wrap {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.room-detail-page .service__small--list {
  gap: 8px 20px;
}
.room-detail-page .service__small--item {
  width: calc(25% - 15px);
  height: 36px;
  color: #AAAAAA;
  background-color: #EBEBEB;
  border: 1px solid #BBBBBB;
  border-radius: 4px;
  text-align: center;
  line-height: 36px;
}
.room-detail-page .service__small--item.active {
  color: var(--font-color-white);
  background-color: #808080;
  border: 1px solid #D3D3D3;
}
.room-detail-page .wifi__inner {
  margin-bottom: 41px;
}
.room-detail-page .wifi__text {
  font-size: 0.9375rem;
}
.room-detail-page .plan__inner {
  margin-bottom: 48px;
}
.room-detail-page .plan__wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.room-detail-page .plan__item {
  width: 100%;
}
.room-detail-page .plan__head {
  width: 100%;
  background-color: #7AC8D4;
  padding: 22px 38px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1;
  gap: 12px 20px;
}
.room-detail-page .plan__head span {
  width: 100px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  font-size: 0.9375rem;
  background-color: #FBEB84;
  border-radius: 3px;
}
.room-detail-page .plan__name {
  color: var(--font-color-white);
  font-size: 1.375rem;
}
.room-detail-page .plan__body {
  width: 100%;
  background-color: #DBF1F3;
  padding: 22px 33px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 32px;
  color: #808080;
  font-weight: 600;
  line-height: 1;
}
.room-detail-page .plan__price {
  font-size: 1.375rem;
}
.room-detail-page .plan__point {
  font-size: 1.125rem;
  flex-basis: 100%;
}
.room-detail-page .option__inner {
  margin-bottom: 44px;
}
.room-detail-page .option__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 3.5px;
  font-size: 1.125rem;
}
.room-detail-page .access__inner {
  margin-bottom: 40px;
}
.room-detail-page .access__inner iframe {
  width: 100%;
  height: 458px;
}
.room-detail-page .access__inner .map {
  width: 100%;
  height: 458px;
}
.room-detail-page .access__explain {
  display: flex;
  gap: 54px;
  margin-bottom: 69px;
}
.room-detail-page .location,
.room-detail-page .access__explain--inner {
  width: calc(50% - 27px);
}
.room-detail-page .location__address {
  font-size: 0.875rem;
  margin-bottom: 16px;
}
.room-detail-page .nearest-station__inner {
  margin-bottom: 25px;
}
.room-detail-page .location__info,
.room-detail-page .station__text,
.room-detail-page .nearby__item {
  font-size: 0.875rem;
}
.room-detail-page .review__inner {
  margin-bottom: 81.5px;
}
.room-detail-page .review__star {
  margin-bottom: 19.5px;
  line-height: 1;
}
.room-detail-page .review__star span {
  color: #3A3938;
  font-size: 1.5rem;
}
.room-detail-page .review__item {
  border-top: 1px solid #CBCBCB;
  padding: 16.5px 19px 24.5px;
}
.room-detail-page .review__item:last-of-type {
  border-bottom: 1px solid #CBCBCB;
}
.room-detail-page .review__name {
  display: flex;
  gap: 32px;
}
.room-detail-page .notes__inner {
  margin-bottom: 33px;
  font-size: 0.875rem;
}
.room-detail-page .notes .section-title {
  margin-bottom: 10px;
}
.room-detail-page .notes__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #3A3938;
  margin: 33px 0 10px;
}
.room-detail-page .credit-card-img__box {
  margin-top: 19px;
  width: 243px;
  height: 64px;
}
.room-detail-page .credit-card-img__box img {
  width: 100%;
}
.room-detail-page .cancel__inner {
  margin-bottom: 53px;
}
.room-detail-page .cancel__text {
  font-size: 0.875rem;
}
.room-detail-page .faq__inner {
  margin-bottom: 47px;
}
.room-detail-page .faq__wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.room-detail-page .faq-question,
.room-detail-page .faq-answer {
  width: 100%;
  padding: 12px 22px;
}
.room-detail-page .faq-question {
  background-color: #B9B9B9;
  color: var(--font-color-white);
}
.room-detail-page .faq-answer {
  color: #989898;
  margin-left: 20px;
  display: none;
}
.room-detail-page .usage__inner {
  margin-bottom: 71px;
}
.room-detail-page .usage__list {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 20px;
}
.room-detail-page .usage__item {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--btn-color-gray);
  border: 1px solid var(--font-color-base);
  border-radius: 4px;
  padding: 10px 20px;
}
.room-detail-page .owner__inner {
  margin-bottom: 70px;
}
.room-detail-page .owner__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 36px;
}
.room-detail-page .owner__img--wrap {
  width: 13%;
}
.room-detail-page .owner__img--wrap img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.room-detail-page .owner__text--wrap {
  width: calc(87% - 36px);
}
.room-detail-page .owner__name {
  font-size: 1.125rem;
  margin-bottom: 20px;
  line-height: 1;
}
.room-detail-page .registration-date {
  font-size: 0.8125rem;
  margin-left: 3px;
}
.room-detail-page .owner__comment {
  font-size: 0.975rem;
}
.room-detail-page .recommend__inner {
  margin-bottom: 54.3px;
}
.room-detail-page .recommend .section-title {
  text-align: center;
  margin-bottom: 32.2px;
}
.room-detail-page .recommend__wrap {
  margin-bottom: 33px;
  display: flex;
  gap: 19px;
}
.room-detail-page .recommend__item {
  max-width: 280px;
  transition: all 0.3s;
}
.room-detail-page .recommend__item:hover {
  opacity: 0.7;
}
.room-detail-page .recommend__item--img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}
.room-detail-page .recommend__item--title {
  margin-top: 10px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  color: #4DA2AB;
}
.room-detail-page .recommend__item--price {
  margin-top: 15px;
  font-size: 0.9375rem;
  line-height: 1;
  font-weight: 600;
  color: #2F2F2F;
}
.room-detail-page .recommend__item--text-box {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 38px;
  margin-top: 17px;
  margin-left: 19px;
  color: #2F2F2F;
  font-weight: 300;
  line-height: 1.428;
}
.room-detail-page .people, .room-detail-page .size, .room-detail-page .tag, .room-detail-page .place {
  position: relative;
}
.room-detail-page .people::before,
.room-detail-page .size::before,
.room-detail-page .tag::before,
.room-detail-page .place::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -19px;
  background-size: contain;
  background-repeat: no-repeat;
}
.room-detail-page .people::before {
  width: 12px;
  height: 12.78px;
  background-image: url(../img/man-icon.svg);
}
.room-detail-page .size::before {
  width: 11.16px;
  height: 12.78px;
  background-image: url(../img/box-icon.svg);
}
.room-detail-page .tag::before {
  width: 15px;
  height: 15px;
  background-image: url(../img/tag-icon.svg);
}
.room-detail-page .place::before {
  width: 11px;
  height: 15px;
  background-image: url(../img/area-icon.svg);
}

@media screen and (max-width: 860px) {
  .room-detail-page .section-title {
    font-size: 1.75rem;
  }
  .room-detail-page .main-visual__wrap {
    margin: 32px 0 27px;
  }
  .room-detail-page .main-visual__comment {
    font-size: 1.625rem;
    line-height: 1.7;
    margin-bottom: 23px;
  }
  .room-detail-page .main-visual__grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto 22%;
    gap: 19.3px 9px;
  }
  .room-detail-page .main-visual__item.item1 {
    grid-column: 1/5;
    grid-row: 1/2;
  }
  .room-detail-page .main-visual__more {
    width: 38%;
    font-size: 3.125vw;
    bottom: calc(22% + 32px);
    right: 14px;
  }
  .room-detail-page .room-explain__wrap {
    flex-direction: column;
  }
  .room-detail-page .room-explain__side {
    width: 100%;
    padding: 29px 31px;
    font-size: 1.375rem;
  }
  .room-detail-page .room-explain__side .space-name {
    font-size: 2.125rem;
    margin-bottom: 21px;
  }
  .room-detail-page .room-explain__side .side__inner {
    gap: 20px 25px;
    margin-bottom: 24px;
  }
  .room-detail-page .room-explain__side .space-place {
    padding-left: 32px;
  }
  .room-detail-page .room-explain__side .space-place::before {
    width: 21px;
    height: 29px;
  }
  .room-detail-page .room-explain__side .space-review {
    font-size: 1.75rem;
  }
  .room-detail-page .room-explain__side .space-review a {
    font-size: 1.375rem;
  }
  .room-detail-page .room-explain__side .space-capacity {
    padding-left: 45px;
    font-weight: 600;
  }
  .room-detail-page .room-explain__side .space-capacity::before {
    width: 28.49px;
    height: 30.34px;
  }
  .room-detail-page .room-explain__side .space-size {
    padding-left: 42.6px;
    font-weight: 600;
  }
  .room-detail-page .room-explain__side .space-size::before {
    width: 27.09px;
    height: 31.02px;
  }
  .room-detail-page .room-explain__side .space-type {
    padding-left: 46.7px;
    font-weight: 600;
  }
  .room-detail-page .room-explain__side .space-type::before {
    width: 31.69px;
    height: 31.69px;
  }
  .room-detail-page .room-explain__side .space-owner {
    margin-bottom: 28px;
    font-weight: 600;
  }
  .room-detail-page .room-explain__side .space-price {
    font-size: 1.875rem;
    margin-bottom: 18px;
  }
  .room-detail-page .room-explain__side button {
    height: 64px;
    margin-bottom: 10px;
    line-height: 64px;
    font-size: 3.4375vw;
    font-weight: 600;
  }
  .room-detail-page .room-explain__side .sns-link__wrap {
    gap: 17px;
  }
  .room-detail-page .room-explain__side .sns-link {
    width: calc(33.3333333333% - 11.3333333333px);
    height: 60px;
    line-height: 60px;
    font-size: 3.125vw;
    padding-left: 4.6875vw;
    white-space: nowrap;
  }
  .room-detail-page .room-explain__side .sns-link::before {
    width: 3.75vw;
    height: 3.75vw;
    left: 3.125vw;
  }
  .room-detail-page .room-explain__side .twitter-link::before {
    left: 1.5625vw;
  }
  .room-detail-page .room-explain__side .line-link::before {
    left: 1.5625vw;
  }
  .room-detail-page .room-explain__main {
    width: 100%;
  }
  .room-detail-page .tab {
    margin-bottom: 16px;
    height: 60px;
    border: 2px solid #707070;
    font-size: 1.25rem;
    line-height: 60px;
  }
  .room-detail-page .reserve-status {
    margin-bottom: 27px;
  }
  .room-detail-page .reserve-status__table {
    height: 100px;
    grid-template-columns: 32px repeat(5, 1fr) 32px;
    grid-template-rows: 40% 60%;
  }
  .room-detail-page .arrow::before {
    border-top: 20px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    top: 39px;
    left: 9px;
  }
  .room-detail-page .arrow.next {
    grid-column: 7/8;
  }
  .room-detail-page .reserve-status__day,
.room-detail-page .open {
    border: 2px solid #C2C2C2;
    border-right: transparent;
  }
  .room-detail-page .reserve-status__day {
    font-size: 3.4375vw;
  }
  .room-detail-page .open {
    font-size: 4.0625vw;
    border-top: transparent;
  }
  .room-detail-page .reserve-status__day.pc,
.room-detail-page .open.pc {
    display: none;
  }
  .room-detail-page .point__inner {
    margin-bottom: 66px;
  }
  .room-detail-page .point__text {
    font-size: 1.5rem;
  }
  .room-detail-page .service__inner {
    margin-bottom: 29px;
  }
  .room-detail-page .service__icon--list,
.room-detail-page .service__small--list {
    font-size: 3.125vw;
  }
  .room-detail-page .service__icon--list {
    gap: 7px;
    margin-bottom: 17px;
  }
  .room-detail-page .service__icon--item {
    width: calc(25% - 5.25px);
    height: 100px;
    border: 2px solid #A1A1A1;
    font-size: 2.8125vw;
  }
  .room-detail-page .service__small--list {
    gap: 18px 14px;
  }
  .room-detail-page .service__small--item {
    width: calc(33.3333333333% - 10.5px);
    height: 50px;
    line-height: 50px;
  }
  .room-detail-page .wifi {
    margin-bottom: 53px;
  }
  .room-detail-page .wifi__text {
    font-size: 1.5rem;
  }
  .room-detail-page .plan__inner {
    margin-bottom: 35px;
  }
  .room-detail-page .plan__wrap {
    gap: 15px;
  }
  .room-detail-page .plan__head {
    padding: 17px 20px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .room-detail-page .plan__head span {
    width: 120px;
    font-size: 1.125rem;
  }
  .room-detail-page .plan__name {
    font-size: 1.5rem;
    line-height: 1;
  }
  .room-detail-page .plan__body {
    padding: 21px 23px 24px;
    gap: 16px 10px;
  }
  .room-detail-page .plan__price {
    font-size: 1.75rem;
  }
  .room-detail-page .plan__time,
.room-detail-page .plan__point {
    font-size: 1.25rem;
  }
  .room-detail-page .option__inner {
    margin-bottom: 57px;
  }
  .room-detail-page .option__list {
    font-size: 3.75vw;
  }
  .room-detail-page .access__inner {
    margin-bottom: 33.6px;
  }
  .room-detail-page .access__inner iframe {
    height: 325.37px;
  }
  .room-detail-page .access__explain {
    flex-direction: column;
    gap: 45px;
    margin-bottom: 69px;
  }
  .room-detail-page .location,
.room-detail-page .access__explain--inner {
    width: 100%;
  }
  .room-detail-page .location__address {
    font-size: 1.625rem;
    margin-bottom: 15px;
  }
  .room-detail-page .nearest-station__inner {
    margin-bottom: 44px;
  }
  .room-detail-page .location__info,
.room-detail-page .station__text,
.room-detail-page .nearby__item {
    font-size: 1.375rem;
  }
  .room-detail-page .review__inner {
    margin-bottom: 40px;
    font-size: 1.25rem;
    line-height: 1.25;
  }
  .room-detail-page .review__star {
    margin-bottom: 26px;
  }
  .room-detail-page .review__star span {
    font-size: 1.75rem;
  }
  .room-detail-page .review__item {
    border-top: 2px solid #CBCBCB;
    padding: 28px 20px 24.8px;
  }
  .room-detail-page .review__item:last-of-type {
    border-bottom: 2px solid #CBCBCB;
  }
  .room-detail-page .review__name {
    flex-wrap: wrap;
    gap: 2.5px 32px;
    margin-bottom: 16px;
  }
  .room-detail-page .notes__inner {
    margin-bottom: 5px;
    font-size: 1.375rem;
  }
  .room-detail-page .notes .section-title {
    margin-bottom: 21px;
  }
  .room-detail-page .notes__title {
    font-size: 1.5rem;
    margin: 42px 0 16px;
  }
  .room-detail-page .credit-card-img__box {
    margin-top: 12px;
    width: 58%;
    height: auto;
  }
  .room-detail-page .credit-card-img__box img {
    width: 100%;
  }
  .room-detail-page .cancel__inner {
    margin-bottom: 49px;
  }
  .room-detail-page .cancel__text {
    font-size: 1.375rem;
  }
  .room-detail-page .faq__inner {
    margin-bottom: 74px;
  }
  .room-detail-page .faq__wrap {
    gap: 13px;
  }
  .room-detail-page .faq-question,
.room-detail-page .faq-answer {
    padding: 23px 28px;
    font-size: 1.3775rem;
  }
  .room-detail-page .faq-answer {
    margin: 0;
  }
  .room-detail-page .usage__inner {
    margin-bottom: 50.4px;
  }
  .room-detail-page .usage__item {
    font-size: 1.25rem;
    border: 2px solid var(--font-color-base);
    padding: 14px 20px;
  }
  .room-detail-page .owner__inner {
    margin-bottom: 82px;
  }
  .room-detail-page .owner__wrap {
    align-items: flex-start;
  }
  .room-detail-page .owner__img--wrap {
    width: 27.5%;
  }
  .room-detail-page .owner__img--wrap img {
    border-radius: 33.3333%;
  }
  .room-detail-page .owner__text--wrap {
    width: calc(72.5% - 36px);
  }
  .room-detail-page .owner__name {
    font-size: 1.625rem;
    margin-bottom: 12px;
    line-height: 1;
  }
  .room-detail-page .registration-date {
    font-size: 1.25rem;
  }
  .room-detail-page .owner__comment {
    font-size: 1.375rem;
  }
  .room-detail-page .recommend__wrap {
    margin-bottom: 60px;
    gap: 62px 19px;
    flex-wrap: wrap;
  }
  .room-detail-page .recommend__item {
    width: calc(50% - 19px);
  }
  .room-detail-page .recommend__item--title {
    margin-top: 14px;
    font-size: 1.375rem;
    line-height: 1.36;
  }
  .room-detail-page .recommend__item--price {
    margin-top: 19.4px;
    font-size: 1.25rem;
  }
  .room-detail-page .recommend__item--text-box {
    gap: 19px 51px;
    margin-top: 22.4px;
    margin-left: 33.5px;
    line-height: 1.1;
  }
  .room-detail-page .people::before,
.room-detail-page .size::before,
.room-detail-page .tag::before,
.room-detail-page .place::before {
    top: 0;
    left: -33.5px;
  }
  .room-detail-page .people::before {
    width: 19.65px;
    height: 20.93px;
  }
  .room-detail-page .size::before {
    width: 19.21px;
    height: 22px;
  }
  .room-detail-page .tag::before {
    width: 20.52px;
    height: 20.52px;
  }
  .room-detail-page .place::before {
    width: 19.05px;
    height: 20.52px;
  }
}
/*---初めてご利用の方へ---*/
.new-customer-page .icon-wrap {
  width: 60.76px;
  height: 72.48px;
}
.new-customer-page .icon-wrap img {
  width: 100%;
}
.new-customer-page .top-slider__wrap {
  padding: 24.8px 0 68px;
}
.new-customer-page .top-slider__box {
  width: 100%;
  height: auto;
}
.new-customer-page .slider-item {
  position: relative;
  aspect-ratio: 378.67/200;
  margin: 0 10px;
}
.new-customer-page .slider__img {
  width: 100%;
  height: 100%;
}
.new-customer-page .slider__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px;
}
.new-customer-page .slider__text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25%;
  background-color: rgba(249, 205, 125, 0.78);
  color: var(--font-color-white);
  font-weight: 600;
  font-size: 1.0625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 0 7px 7px;
}
.new-customer-page .concept__title {
  font-size: 1.625rem;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 23px;
}
.new-customer-page .concept__title img {
  width: 265px;
  height: 68px;
  -o-object-fit: contain;
     object-fit: contain;
}
.new-customer-page .concept__text {
  max-width: 780px;
  margin: 0 auto;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 52.6px;
}
.new-customer-page .throw {
  background-color: #E0ECEC;
  padding: 65px 0 39.5px;
}
.new-customer-page .throw__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.new-customer-page .throw__title {
  font-size: 1.75rem;
  color: #82B3B5;
  line-height: 1;
  margin-bottom: 40.6px;
}
.new-customer-page .throw__img {
  width: 100%;
  max-width: 865.4px;
  margin-bottom: 40px;
}
.new-customer-page .throw__img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.new-customer-page .throw__text {
  color: #1A1311;
  font-size: 1.25rem;
  margin-bottom: 12px;
}
.new-customer-page .throw__text.bottom {
  font-size: 1.5rem;
  margin-bottom: 20px;
}
.new-customer-page .throw__link {
  display: block;
  max-width: 530px;
  width: 90.45%;
  height: 80px;
  background-color: #5FBDCC;
  color: var(--font-color-white);
  font-size: 1.5rem;
  line-height: 80px;
  text-align: center;
  border-radius: 8px;
  transition: all 0.3s;
}
.new-customer-page .throw__link:hover {
  opacity: 0.7;
}
.new-customer-page .point {
  background-color: var(--bg-color-base);
  padding: 58px 0 83.9px;
}
.new-customer-page .point__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.new-customer-page .point__title,
.new-customer-page .flow__title {
  font-size: 1.625rem;
  color: #3C3B3B;
  margin: 14px 0 57.6px;
}
.new-customer-page .point__wrap {
  max-width: 840px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 28.5px;
}
.new-customer-page .point__box {
  display: flex;
  gap: 40px;
}
.new-customer-page .point__text--title {
  font-size: 1.875rem;
  color: #1A1311;
  line-height: 1;
  margin-bottom: 14px;
}
.new-customer-page .point__text--text {
  font-size: 0.875rem;
}
.new-customer-page .flow {
  background-color: #FBF9F1;
  padding: 68.2px 0 94.5px;
}
.new-customer-page .flow__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.new-customer-page .flow__title {
  margin-bottom: 51px;
}
.new-customer-page .flow__wrap {
  display: flex;
  justify-content: space-between;
  gap: 84px;
}
.new-customer-page .flow__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(25% - 63px);
}
.new-customer-page .flow__item--number {
  width: 56px;
  height: 56px;
  background-color: #F0CF24;
  border-radius: 50%;
  color: var(--font-color-white);
  font-size: 1.5rem;
  text-align: center;
  line-height: 56px;
  margin-bottom: 14px;
}
.new-customer-page .flow__item--title {
  font-size: 1.5rem;
  color: #1A1311;
  line-height: 1;
  margin-bottom: 20.1px;
  white-space: nowrap;
}
.new-customer-page .flow__item--img {
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 32.1px;
}
.new-customer-page .flow__item--img img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
}
.new-customer-page .flow__item--img.__2 img {
  width: 80%;
}
.new-customer-page .flow__item--text {
  font-size: 0.9375rem;
  min-height: 105px;
}
.new-customer-page .flow__item--text span {
  font-size: 0.8125rem;
}
.new-customer-page .that-day {
  background-color: var(--bg-color-base);
  padding: 69.5px 0 80.2px;
}
.new-customer-page .that-day__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.new-customer-page .that-day__title {
  font-size: 1.625rem;
  color: #5FBDCC;
  margin: 25px 0 45.4px;
}
.new-customer-page .that-day__wrap {
  display: flex;
  gap: 80px;
}
.new-customer-page .that-day__item {
  max-width: 327px;
  width: calc(33.3333333333% - 53.3333333333px);
}
.new-customer-page .that-day__img {
  width: 100%;
  margin-bottom: 30.6px;
}
.new-customer-page .that-day__img img {
  width: 100%;
  aspect-ratio: 327/218;
  -o-object-fit: cover;
     object-fit: cover;
}
.new-customer-page .that-day__number {
  width: 35.47px;
  height: 40.19px;
  margin: 0 auto;
}
.new-customer-page .that-day__number img {
  width: 100%;
}
.new-customer-page .that-day__item--text {
  font-size: 0.9375rem;
  margin-top: 17px;
}
.new-customer-page .voice {
  background-color: #EBEBEB;
  padding: 78.1px 0 79.4px;
}
.new-customer-page .voice__inner {
  max-width: 1100px;
  width: 84.375%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.new-customer-page .voice__title {
  font-size: 1.625rem;
  color: var(--font-color-main--thin);
  margin: 10px 0 54px;
}
.new-customer-page .voice__wrap {
  display: flex;
  gap: 60px;
  justify-content: space-between;
}
.new-customer-page .voice__item {
  width: calc(50% - 30px);
  background-color: #fff;
  padding: 55px 46px 50px;
}
.new-customer-page .voice__item--img {
  width: 100%;
  height: auto;
  margin-bottom: 27px;
}
.new-customer-page .voice__item--img img {
  width: 100%;
  aspect-ratio: 427/285;
}
.new-customer-page .voice__item--title {
  font-size: 1.25rem;
  color: var(--font-color-main--thin);
  margin-bottom: 19px;
}
.new-customer-page .voice__item--text {
  font-size: 0.9375rem;
}
.new-customer-page .faq {
  background-color: var(--bg-color-base);
  padding: 89.1px 0 50px;
}
.new-customer-page .faq__inner {
  width: 92%;
  max-width: 830px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.new-customer-page .faq__title {
  font-size: 1.625rem;
  color: #5FBDCC;
  margin: 13px 0 52px;
}
.new-customer-page .faq__wrap {
  width: 100%;
}
.new-customer-page .faq__list {
  width: 100%;
  border-bottom: 1px solid #707070;
}
.new-customer-page .faq-question {
  font-size: 1.0625rem;
  border-top: 1px solid #707070;
  padding: 17.5px 2% 23.5px 10%;
  cursor: pointer;
  z-index: 1;
  position: relative;
}
.new-customer-page .faq-question::before {
  content: "Q.";
  font-size: 1.375rem;
  font-weight: 600;
  color: #5FBDCC;
  position: absolute;
  top: 16px;
  left: 6%;
}
.new-customer-page .faq-answer {
  max-height: 0;
  opacity: 0;
  transition: 0.4s ease;
  padding: 0 2% 0px 10%;
}
.new-customer-page .js-question.active + .faq-answer {
  height: auto;
  max-height: 100px;
  opacity: 1;
  margin-bottom: 29px;
  transition: 0.4s ease;
}
.new-customer-page .sign-up {
  background-color: #EBEBEB;
  padding: 95.5px 0 64px;
}
.new-customer-page .sign-up__inner {
  width: 92%;
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.new-customer-page .sign-up__title {
  font-size: 1.5626rem;
  color: #5FBDCC;
  margin: 14px 0 42.9px;
}
.new-customer-page .sign-up__wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 25px;
}
.new-customer-page .sign-up__wrap--box {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.new-customer-page .sign-up__wrap--box.checkbox {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
.new-customer-page .sign-up__wrap--box label {
  margin-right: 7px;
}
.new-customer-page .sign-up__wrap--box input {
  width: 500px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #EBEBEB;
  margin-left: 18px;
}
.new-customer-page .checkbox {
  margin: 0 auto;
}
.new-customer-page .policy {
  margin-top: 20px;
}
.new-customer-page .checkbox input[type=checkbox] {
  display: none;
}
.new-customer-page .checkbox input[type=checkbox] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 30px;
}
.new-customer-page .checkbox input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 50%;
  border: 1px solid #707070;
  border-radius: 50%;
}
.new-customer-page .checkbox input[type=checkbox] + label::after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  top: 50%;
  left: 5px;
  background-color: #DBDCE2;
  border-radius: 50%;
}
.new-customer-page .checkbox input[type=checkbox]:checked + label::after {
  background-color: var(--bg-color-main--thick);
}
.new-customer-page .checkbox a {
  transition: all 0.3s;
  text-decoration: underline;
}
.new-customer-page .checkbox a:hover {
  opacity: 0.6;
}
.new-customer-page .confirm-btn {
  width: 300px;
  height: 50px;
  margin: 0 auto;
  background-color: #5FBDCC;
  color: var(--font-color-white);
  text-align: center;
  line-height: 50px;
  transition: all 0.3s;
}
.new-customer-page .confirm-btn:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .new-customer-page .top-slider__wrap {
    padding: 52.8px 0 32.2px;
  }
  .new-customer-page .slider__text {
    font-weight: 600;
    font-size: 1.375rem;
    white-space: nowrap;
  }
  .new-customer-page .concept__title {
    font-size: 2rem;
    margin-bottom: 21px;
  }
  .new-customer-page .concept__title img {
    width: 265px;
    height: 68px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .new-customer-page .concept__text {
    font-size: 1.625rem;
    margin-bottom: 59px;
    text-align: left;
  }
  .new-customer-page .throw {
    background-color: #E0ECEC;
    padding: 63.2px 0 35px;
  }
  .new-customer-page .throw__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .new-customer-page .throw__title {
    font-size: 1.75rem;
    line-height: 1.5;
    margin-bottom: 31px;
  }
  .new-customer-page .throw__text {
    font-size: 1.5rem;
    margin-bottom: 9px;
  }
  .new-customer-page .throw__text.bottom {
    font-size: 1.625rem;
  }
  .new-customer-page .point {
    padding: 46.5px 0 31.9px;
  }
  .new-customer-page .point__title,
.new-customer-page .flow__title {
    font-size: 1.75rem;
    margin: 27.9px 0 48.1px;
  }
  .new-customer-page .point__wrap {
    gap: 20px;
  }
  .new-customer-page .point__box {
    gap: 12px;
  }
  .new-customer-page .point__icon img {
    width: 88.42px;
    height: 108.57px;
  }
  .new-customer-page .point__text--title {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .new-customer-page .point__text--title.point2 {
    font-size: 1.25rem;
  }
  .new-customer-page .point__text--text {
    font-size: 1.25rem;
  }
  .new-customer-page .flow {
    padding: 40.2px 0 76px;
  }
  .new-customer-page .flow__title {
    margin-bottom: 27px;
  }
  .new-customer-page .flow__wrap {
    flex-wrap: wrap;
    gap: 65px 37.8px;
  }
  .new-customer-page .flow__item {
    width: calc(50% - 18.9px);
  }
  .new-customer-page .flow__item--number {
    margin-bottom: 10px;
  }
  .new-customer-page .flow__item--title {
    font-size: 1.75rem;
  }
  .new-customer-page .flow__item--text {
    font-size: 1.375rem;
  }
  .new-customer-page .flow__item--text span {
    font-size: 1.125rem;
  }
  .new-customer-page .that-day {
    padding: 50.7px 0 66.1px;
  }
  .new-customer-page .that-day__title {
    font-size: 1.75rem;
    margin: 23px 0 42.3px;
  }
  .new-customer-page .that-day__wrap {
    flex-direction: column;
    gap: 45px;
  }
  .new-customer-page .that-day__item {
    max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
  }
  .new-customer-page .that-day__img {
    width: 37.2%;
    margin-bottom: 0;
  }
  .new-customer-page .that-day__wrap--inner {
    width: calc(62.8% - 14px);
  }
  .new-customer-page .that-day__number {
    width: 36.92px;
    height: 41.84px;
  }
  .new-customer-page .that-day__item--text {
    font-size: 1.25rem;
    margin-top: 11.3px;
  }
  .new-customer-page .voice {
    padding: 40.1px 0 56.1px;
  }
  .new-customer-page .voice__title {
    margin: 10px 0 33.9px;
  }
  .new-customer-page .voice__wrap {
    flex-direction: column;
    gap: 42.5px;
  }
  .new-customer-page .voice__item {
    width: 100%;
    padding: 44.1px 10.5% 58.9px;
  }
  .new-customer-page .voice__item--img {
    margin-bottom: 31.3px;
  }
  .new-customer-page .voice__item--title {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
  .new-customer-page .voice__item--text {
    font-size: 1.25rem;
  }
  .new-customer-page .faq {
    padding: 59.1px 0 50px;
  }
  .new-customer-page .faq__title {
    font-size: 1.75rem;
    margin: 11px 0 32px;
  }
  .new-customer-page .faq__list {
    border-bottom: 2px solid #707070;
  }
  .new-customer-page .faq-question {
    font-size: 1.5rem;
    border-top: 2px solid #707070;
    padding: 22px 2% 26px 10%;
  }
  .new-customer-page .faq-question::before {
    font-size: 1.5rem;
    top: 26px;
    left: 2%;
  }
  .new-customer-page .faq-answer {
    font-size: 1.375rem;
  }
  .new-customer-page .js-question.active + .faq-answer {
    margin-bottom: 26px;
  }
  .new-customer-page .sign-up {
    padding: 69px 0 87px;
  }
  .new-customer-page .sign-up__title {
    font-size: 1.75rem;
    margin: 11px 0 29px;
  }
  .new-customer-page .sign-up__wrap {
    align-items: center;
  }
  .new-customer-page .sign-up__wrap--box {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .new-customer-page .sign-up__wrap--box input {
    width: 100%;
    height: 70px;
    border: 2px solid #EBEBEB;
    margin-left: 0;
    margin-top: 8px;
  }
  .new-customer-page .sign-up__wrap--box label {
    font-size: 1.625rem;
  }
  .new-customer-page .checkbox label {
    font-size: 1.5rem;
  }
  .new-customer-page .checkbox input[type=checkbox] + label {
    padding-left: 55px;
  }
  .new-customer-page .checkbox input[type=checkbox] + label::before {
    width: 44px;
    height: 44px;
    margin-top: -22px;
    border: 2px solid #707070;
  }
  .new-customer-page .checkbox input[type=checkbox] + label::after {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 12px;
  }
  .new-customer-page .confirm-btn {
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 1.625rem;
    border-radius: 8px;
  }
}
/*---掲載をお考えの方へ---*/
.owner-entry-page .logo {
  width: 265px;
  height: 68px;
}
.owner-entry-page .icon {
  width: 60.76px;
  height: 72.48px;
}
.owner-entry-page .owner-entry-kv {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  height: 500px;
  background-image: url(../img/owner-entry/owner-entry-kv.jpg);
  background-position: center;
  background-size: cover;
  margin-top: 24px;
  position: relative;
}
.owner-entry-page .kv-catch {
  width: 360px;
  height: 360px;
  background: var(--bg-color-base);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.owner-entry-page .kv-catch__logo {
  margin: 102px auto 10px;
}
.owner-entry-page .kv-catch__text {
  font-size: 1.625rem;
  text-align: center;
}
.owner-entry-page .owner-entry-kv__sub {
  max-width: 780px;
  margin: 53px auto 52.6px;
  text-align: center;
}
.owner-entry-page .owner-entry-kv__sub--title .logo {
  margin-right: 6.5px;
}
.owner-entry-page .owner-entry-kv__sub--title {
  font-size: 1.625rem;
  line-height: 1.5;
  margin-bottom: 23px;
}
.owner-entry-page .owner-entry-kv__sub--text {
  font-size: 1.5rem;
}
.owner-entry-page .throw {
  background-color: var(--bg-color-paleblue);
  width: 100%;
  padding: 66px 0 45.9px;
}
.owner-entry-page .throw__title {
  color: var(--font-color-main--thin);
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 44px;
}
.owner-entry-page .throw__flex,
.owner-entry-page .recommend__flex {
  display: flex;
  justify-content: space-between;
}
.owner-entry-page .throw__flex.__three,
.owner-entry-page .recommend__flex.__three {
  gap: 21px;
  margin-bottom: 24px;
}
.owner-entry-page .throw__flex.__four,
.owner-entry-page .recommend__flex.__four {
  gap: 15px;
}
.owner-entry-page .throw__item,
.owner-entry-page .recommend__item {
  aspect-ratio: 19/10;
  height: auto;
  position: relative;
}
.owner-entry-page .throw__item--three,
.owner-entry-page .recommend__item--three {
  width: calc(33.3333333333% - 14px);
}
.owner-entry-page .throw__item--four,
.owner-entry-page .recommend__item--four {
  width: calc(25% - 11.25px);
}
.owner-entry-page .throw__item img,
.owner-entry-page .recommend__item img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 7px;
}
.owner-entry-page .throw__item p,
.owner-entry-page .recommend__item p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(97, 190, 205, 0.78);
  font-size: 1.0625rem;
  color: var(--font-color-white);
  text-align: center;
  border-radius: 0 0 7px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.owner-entry-page .throw__item--three p,
.owner-entry-page .recommend__item--three p {
  height: 25%;
}
.owner-entry-page .throw__item--four p,
.owner-entry-page .recommend__item--four p {
  height: 29.33%;
}
.owner-entry-page .point__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.owner-entry-page .point-1 {
  background-color: var(--bg-color-base);
  padding: 53.2px 0 49px;
}
.owner-entry-page .point-logo {
  width: 65.59px;
  height: 68.25px;
  margin-bottom: 10px;
}
.owner-entry-page .point-1__title {
  font-size: 1.5rem;
  color: #5FBDCC;
  line-height: 1.5;
  margin-bottom: 15px;
  text-align: center;
}
.owner-entry-page .point-1__title span {
  color: var(--font-color-base);
  font-size: 1.625rem;
  font-weight: 300;
  margin: 0 4.5px 0 9px;
}
.owner-entry-page .point__title--bottom {
  color: #5FBDCC;
  font-size: 1.75rem;
  line-height: 1;
  text-align: center;
  margin-bottom: 25px;
}
.owner-entry-page .point-1__benefit {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-bottom: 33px;
}
.owner-entry-page .point-1__benefit--box {
  width: 199px;
  height: 197px;
  background-color: #FAFFDB;
  border: 2px solid #BDDFE5;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.75rem;
  line-height: 1.2;
}
.owner-entry-page .point-1__benefit--box span {
  font-size: 5rem;
  color: #5FBDCC;
}
.owner-entry-page .point-1__note {
  font-size: 0.875rem;
  margin-bottom: 30px;
}
.owner-entry-page .point__link {
  display: block;
  font-size: 1.25rem;
  color: var(--font-color-white);
  max-width: 500px;
  width: 100%;
  height: 80px;
  text-align: center;
  line-height: 80px;
  background-color: #5FBDCC;
  border-radius: 8px;
  transition: all 0.3s;
}
.owner-entry-page .point__link:hover {
  opacity: 0.7;
}
.owner-entry-page .point-2 {
  background-color: var(--bg-color-paleblue);
  padding: 74.8px 0 73px;
}
.owner-entry-page .point-2__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 15px;
}
.owner-entry-page .point-2__title .logo {
  margin-right: 9px;
}
.owner-entry-page .point-2 .point__title--bottom {
  margin-bottom: 44px;
}
.owner-entry-page .point-2__benefit {
  max-width: 1200px;
  margin: 0 auto 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 38px 26px;
}
.owner-entry-page .point-2__benefit--box {
  width: calc(25% - 19.5px);
  min-width: 260px;
  height: 255px;
  background-color: #fff;
  border: 1px solid #B1B1B1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.owner-entry-page .point-2__benefit--box img {
  width: 80px;
  height: 80px;
  margin-top: 40px;
}
.owner-entry-page .point-2__benefit--box h3 {
  font-size: 1.25rem;
  color: #5FBDCC;
  line-height: 1;
}
.owner-entry-page .point-2__benefit--box p {
  width: 222px;
  font-size: 0.9375rem;
  text-align: center;
}
.owner-entry-page .flow {
  background-color: var(--bg-color-base);
  padding: 32.5px 0 63.6px;
}
.owner-entry-page .flow__inner {
  max-width: 1070px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.owner-entry-page .flow__inner .icon {
  margin-bottom: 16px;
}
.owner-entry-page .flow .section-title {
  color: #5FBDCC;
  margin-bottom: 45px;
}
.owner-entry-page .flow__flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 9.5%;
}
.owner-entry-page .flow__flex--inner {
  width: 27%;
  display: flex;
  flex-direction: column;
}
.owner-entry-page .flow__flex--number {
  width: 56px;
  height: 56px;
  background-color: #5FBDCC;
  border-radius: 50%;
  color: var(--font-color-white);
  font-weight: 600;
  text-align: center;
  line-height: 56px;
  margin: 0 auto 14px;
}
.owner-entry-page .flow__flex--title {
  height: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #5FBDCC;
  line-height: 1;
  text-align: center;
  margin-bottom: 18.7px;
}
.owner-entry-page .flow__flex--img {
  width: 100%;
  height: 191.15px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
  margin-bottom: 32.1px;
}
.owner-entry-page .flow__flex--text {
  width: 100%;
}
.owner-entry-page .recommend {
  background-color: #FAFFDB;
  padding: 66.4px 0;
}
.owner-entry-page .recommend .section-title {
  color: var(--font-color-main--thin);
  margin-bottom: 44px;
}
.owner-entry-page .recommend__small {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 20px;
  margin-top: 20px;
}
.owner-entry-page .recommend__small--item {
  padding: 10px 18px;
  background-color: #fff;
  border: 1px solid #989898;
  border-radius: 4px;
  color: #989898;
  font-size: 0.9375rem;
  font-weight: 600;
}
.owner-entry-page .voice {
  background-color: #EBEBEB;
  padding: 46.1px 0 51.5px;
}
.owner-entry-page .voice__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.owner-entry-page .voice__title {
  font-size: 1.75rem;
  color: var(--font-color-main--thin);
  margin: 16px 0 30px;
}
.owner-entry-page .voice__item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  padding: 50px 39px 40px 46px;
  background-color: #fff;
  border: 1px solid #707070;
}
.owner-entry-page .voice__item + .voice__item {
  margin-top: 44px;
}
.owner-entry-page .voice__item--img {
  width: 29%;
}
.owner-entry-page .voice__item--img img {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
}
.owner-entry-page .voice__item--text {
  width: 71%;
  font-size: 0.9375rem;
}
.owner-entry-page .voice__item--text h3 {
  font-size: 1.375rem;
  color: var(--font-color-main--thin);
  margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
  .owner-entry-page .owner-entry-kv {
    height: 720px;
    margin-top: 0;
  }
  .owner-entry-page .kv-catch {
    width: 454px;
    height: 454px;
  }
  .owner-entry-page .kv-catch__logo {
    margin: 129px auto 12px;
  }
  .owner-entry-page .kv-catch__text {
    font-size: 2rem;
  }
  .owner-entry-page .owner-entry-kv__sub {
    max-width: 87.96%;
    margin: 37px auto 43.7px;
    text-align: left;
  }
  .owner-entry-page .owner-entry-kv__sub--title .logo {
    margin-right: 11.2px;
  }
  .owner-entry-page .owner-entry-kv__sub--title {
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 52.3px;
  }
  .owner-entry-page .owner-entry-kv__sub--text {
    font-size: 1.625rem;
  }
  .owner-entry-page .throw {
    padding: 20.4px 0 22.7px;
  }
  .owner-entry-page .throw__title {
    font-size: 2rem;
    margin-bottom: 58.1px;
  }
  .owner-entry-page .throw__flex.__three,
.owner-entry-page .recommend__flex.__three {
    gap: 10.3px;
    margin-bottom: 27.6px;
  }
  .owner-entry-page .throw__flex.__four,
.owner-entry-page .recommend__flex.__four {
    gap: 18px 12px;
    flex-wrap: wrap;
  }
  .owner-entry-page .throw__item--three,
.owner-entry-page .recommend__item--three {
    width: calc(33.3333333333% - 6.7666666667px);
  }
  .owner-entry-page .throw__item--four,
.owner-entry-page .recommend__item--four {
    width: calc(50% - 6px);
  }
  .owner-entry-page .point-1 {
    padding: 40.2px 0 24px;
  }
  .owner-entry-page .point-logo {
    width: 84.81px;
    height: 88.25px;
    margin-bottom: 8.9px;
  }
  .owner-entry-page .point-1__title {
    margin-bottom: 9px;
  }
  .owner-entry-page .point-1__benefit {
    gap: 14px;
    margin-bottom: 24px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .owner-entry-page .point-1__benefit--box {
    width: 185px;
    height: 182px;
    font-size: 1.625rem;
    line-height: 1.2;
  }
  .owner-entry-page .point-1__benefit--box span {
    font-size: 4.625rem;
  }
  .owner-entry-page .point-1__note {
    font-size: 1.25rem;
    margin-bottom: 35px;
  }
  .owner-entry-page .point__link {
    font-size: 1.625rem;
  }
  .owner-entry-page .point-2 {
    padding: 27.8px 0 53.3px;
  }
  .owner-entry-page .point-2 .point__title--bottom {
    margin-bottom: 24.2px;
  }
  .owner-entry-page .point-2__benefit--box {
    border: 2px solid #B1B1B1;
    gap: 20.7px 20px;
  }
  .owner-entry-page .point-2__benefit--box img {
    width: 88px;
    height: 88px;
    margin-top: 31.8px;
  }
  .owner-entry-page .point-2__benefit--box h3 {
    font-size: 1.5rem;
  }
  .owner-entry-page .point-2__benefit--box p {
    width: 260px;
    font-size: 1.125rem;
  }
  .owner-entry-page .flow {
    padding: 30.9px 0 62.9px;
  }
  .owner-entry-page .flow__inner .icon {
    margin-bottom: 12px;
  }
  .owner-entry-page .flow .section-title {
    margin-bottom: 29px;
  }
  .owner-entry-page .flow__flex {
    flex-direction: column;
    gap: 37.5px;
  }
  .owner-entry-page .flow__flex--inner {
    width: 100%;
    height: 250px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .owner-entry-page .flow__flex--title {
    height: auto;
    margin-bottom: 11px;
    width: 47.2%;
  }
  .owner-entry-page .flow__flex--img {
    order: -2;
    width: 43.4%;
    height: 100%;
    margin-bottom: 0;
  }
  .owner-entry-page .flow__flex--text {
    width: 47.2%;
  }
  .owner-entry-page .recommend {
    padding: 52.3px 0 51.2px;
  }
  .owner-entry-page .recommend .section-title {
    margin-bottom: 45px;
  }
  .owner-entry-page .recommend__small {
    margin-top: 21px;
  }
  .owner-entry-page .recommend__small--item {
    padding: 15px 20px;
    border: 2px solid #989898;
    font-size: 1.25rem;
  }
  .owner-entry-page .voice {
    padding: 54.5px 0;
  }
  .owner-entry-page .voice__title {
    margin: 11px 0 32px;
  }
  .owner-entry-page .voice__item {
    flex-direction: column;
    gap: 35px;
    padding: 34.6px 45px 43.5px;
    border: 2px solid #707070;
  }
  .owner-entry-page .voice__item + .voice__item {
    margin-top: 33.9px;
  }
  .owner-entry-page .voice__item--img {
    width: 100%;
  }
  .owner-entry-page .voice__item--text {
    width: 100%;
    font-size: 1.5rem;
  }
  .owner-entry-page .voice__item--text h3 {
    font-size: 1.625rem;
    margin-bottom: 9px;
  }
}
@media screen and (max-width: 540px) {
  .owner-entry-page .throw__flex.__three {
    flex-wrap: wrap;
  }
  .owner-entry-page .throw__item--three {
    width: 100%;
  }
}
/* 掲載をお考えの方へ　共通部分（オーナー登録）*/
.owner-entry-page .register,
.owner-entry2-page .register {
  padding: 155px 0 285.7px;
  margin-top: -103px;
}
.owner-entry-page .register__inner,
.owner-entry2-page .register__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.owner-entry-page .register__title,
.owner-entry2-page .register__title {
  font-size: 1.75rem;
  color: var(--font-color-main--thin);
  margin: 11px 0 42.9px;
}
.owner-entry-page .register-form__inner,
.owner-entry2-page .register-form__inner {
  display: flex;
  flex-direction: column;
  gap: 24.1px;
  align-items: flex-end;
}
.owner-entry-page .register-form__inner--box label,
.owner-entry2-page .register-form__inner--box label {
  cursor: default;
  margin-right: 15px;
}
.owner-entry-page .register-form__inner--box input,
.owner-entry-page .register-form__inner--box select,
.owner-entry2-page .register-form__inner--box input,
.owner-entry2-page .register-form__inner--box select {
  width: 500px;
  height: 40px;
  border: 1px solid #707070;
  padding-left: 18px;
  margin-left: 18px;
}
.owner-entry-page .name input,
.owner-entry-page .name-furi input,
.owner-entry2-page .name input,
.owner-entry2-page .name-furi input {
  width: 235px;
}
.owner-entry-page .name input + input,
.owner-entry-page .name-furi input + input,
.owner-entry2-page .name input + input,
.owner-entry2-page .name-furi input + input {
  margin-left: 26px;
}
.owner-entry-page .register-form__inner--box select,
.owner-entry2-page .register-form__inner--box select {
  cursor: pointer;
}
.owner-entry-page .trigger .triangle,
.owner-entry2-page .trigger .triangle {
  position: relative;
}
.owner-entry-page .trigger .triangle::before,
.owner-entry2-page .trigger .triangle::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid #5FBDCC;
  border-left: 5.5px solid transparent;
  border-right: 5.5px solid transparent;
  position: absolute;
  top: 5px;
  right: 15px;
  z-index: -1;
}
.owner-entry-page .checkbox,
.owner-entry2-page .checkbox {
  margin-right: 130px;
  line-height: 2.5;
}
.owner-entry-page .checkbox input[type=checkbox],
.owner-entry2-page .checkbox input[type=checkbox] {
  display: none;
}
.owner-entry-page .checkbox input[type=checkbox] + label,
.owner-entry2-page .checkbox input[type=checkbox] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 30px;
}
.owner-entry-page .checkbox input[type=checkbox] + label::before,
.owner-entry2-page .checkbox input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 50%;
  border: 1px solid #707070;
  border-radius: 50%;
}
.owner-entry-page .checkbox input[type=checkbox] + label::after,
.owner-entry2-page .checkbox input[type=checkbox] + label::after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  top: 50%;
  left: 5px;
  background-color: #DBDCE2;
  border-radius: 50%;
}
.owner-entry-page .checkbox input[type=checkbox]:checked + label::after,
.owner-entry2-page .checkbox input[type=checkbox]:checked + label::after {
  background-color: var(--bg-color-main--thick);
}
.owner-entry-page .checkbox a,
.owner-entry2-page .checkbox a {
  transition: all 0.3s;
  text-decoration: underline;
}
.owner-entry-page .checkbox a:hover,
.owner-entry2-page .checkbox a:hover {
  opacity: 0.6;
}
.owner-entry-page .register-btn,
.owner-entry2-page .register-btn {
  width: 500px;
  height: 50px;
  color: var(--font-color-white);
  line-height: 50px;
  text-align: center;
  background-color: #5FBDCC;
  transition: all 0.3s;
}
.owner-entry-page .register-btn:hover,
.owner-entry2-page .register-btn:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .owner-entry-page .register,
.owner-entry2-page .register {
    padding: 133px 0 148px;
    margin-top: -81px;
  }
  .owner-entry-page .register__title,
.owner-entry2-page .register__title {
    font-size: 1.75rem;
    color: var(--font-color-main--thin);
    margin: 11px 0 39px;
  }
  .owner-entry-page .register-form__inner,
.owner-entry2-page .register-form__inner {
    gap: 37.1px;
    align-items: center;
  }
  .owner-entry-page .register-form__inner--box,
.owner-entry2-page .register-form__inner--box {
    width: 100%;
  }
  .owner-entry-page .register-form__inner--box label,
.owner-entry2-page .register-form__inner--box label {
    margin-right: 10px;
    font-size: 1.5rem;
  }
  .owner-entry-page .register-form__inner--box input,
.owner-entry-page .register-form__inner--box select,
.owner-entry2-page .register-form__inner--box input,
.owner-entry2-page .register-form__inner--box select {
    width: 100%;
    height: 70px;
    border: 2px solid #707070;
    padding-left: 18px;
    margin: 16.9px 0 0 0;
  }
  .owner-entry-page .name input,
.owner-entry-page .name-furi input,
.owner-entry2-page .name input,
.owner-entry2-page .name-furi input {
    width: 48%;
  }
  .owner-entry-page .name input + input,
.owner-entry-page .name-furi input + input,
.owner-entry2-page .name input + input,
.owner-entry2-page .name-furi input + input {
    margin-left: 4%;
  }
  .owner-entry-page .trigger .triangle::before,
.owner-entry2-page .trigger .triangle::before {
    border-top: 22px solid #5FBDCC;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    top: 6px;
    right: 29.9px;
  }
  .owner-entry-page .checkbox,
.owner-entry2-page .checkbox {
    margin-right: 0;
    line-height: 2.916;
  }
  .owner-entry-page .checkbox input[type=checkbox] + label,
.owner-entry2-page .checkbox input[type=checkbox] + label {
    padding-left: 65.1px;
  }
  .owner-entry-page .checkbox input[type=checkbox] + label::before,
.owner-entry2-page .checkbox input[type=checkbox] + label::before {
    width: 44px;
    height: 44px;
    margin-top: -22px;
    border: 2px solid #707070;
  }
  .owner-entry-page .checkbox input[type=checkbox] + label::after,
.owner-entry2-page .checkbox input[type=checkbox] + label::after {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 12px;
  }
  .owner-entry-page .register-btn,
.owner-entry2-page .register-btn {
    width: 96.42%;
    height: 80px;
    line-height: 80px;
    font-size: 1.625rem;
    font-weight: 600;
    transition: all 0.3s;
  }
}
/*---掲載をお考えの方へ2---*/
.lp-container {
  width: 92.18%;
  max-width: 1335px;
  margin: 0 auto;
}

.lp-container__s {
  max-width: 1251px;
  width: 84.375%;
  margin: 0 auto;
}

.lp-container__ss {
  max-width: 1108px;
  width: 92.18%;
  margin: 0 auto;
}

.header-lp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 94px;
  z-index: 100;
  background-color: var(--bg-color-base);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.header-lp__inner {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-lp__inner .header__logo {
  width: 233px;
  height: 60px;
}
.header-lp__inner .header__logo img {
  width: 100%;
}
.header-lp__inner .header__link {
  display: block;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--font-color-white);
  background-color: var(--lp-color--orange);
  padding: 18px 78px;
  border-radius: 3px;
  transition: all 0.3s;
}
.header-lp__inner .header__link:hover {
  opacity: 0.7;
}

.owner-entry2-page {
  padding-top: 94px;
}
.owner-entry2-page .owner-entry-kv {
  width: 100%;
  height: auto;
  aspect-ratio: 1920/854;
  background-image: url(../img/owner-entry/owner-entry2-kv.jpg);
  background-size: cover;
}
.owner-entry2-page .kv-catch {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.owner-entry2-page .kv-catch__top {
  font-size: 2.8645833333vw;
  color: var(--font-color-white);
  margin-bottom: 15.1px;
  line-height: 1;
}
.owner-entry2-page .kv-catch__bottom {
  font-size: 2.6041666667vw;
  color: var(--font-color-white);
  line-height: 1.2;
}
.owner-entry2-page .kv-catch__bottom img {
  width: 23.5416666667vw;
  height: 4.5739583333vw;
  margin-right: 10px;
}
.owner-entry2-page .kv-catch__text {
  font-size: 1.4583333333vw;
  color: var(--font-color-white);
  line-height: 1;
  margin-top: 10px;
}
.owner-entry2-page .owner-entry-kv__sub {
  background-color: var(--lp-bg-color--yellow);
  padding: 71px 0 53.2px;
}
.owner-entry2-page .owner-entry-kv__sub .kv__sub--inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.owner-entry2-page .owner-entry-kv__sub .kv__sub--img {
  width: 55%;
}
.owner-entry2-page .owner-entry-kv__sub .kv__sub--img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.owner-entry2-page .owner-entry-kv__sub .kv__sub--textbox {
  width: 37.5%;
}
.owner-entry2-page .owner-entry-kv__sub .kv__sub--title {
  font-size: 1.6875rem;
  line-height: 1.2;
  margin-bottom: 19px;
}
.owner-entry2-page .owner-entry-kv__sub .kv__sub--title .logo {
  width: 348px;
  height: 90px;
  margin-right: 16.2px;
}
.owner-entry2-page .owner-entry-kv__sub .kv__sub--text {
  font-size: 1.5625rem;
  color: #4C4B4C;
}
.owner-entry2-page .owner-entry-kv__sub .kv__sub--link {
  display: block;
  width: 100%;
  height: 74px;
  background-color: #4C4B4C;
  border-radius: 8px;
  color: var(--font-color-white);
  text-align: center;
  line-height: 74px;
  margin-top: 14px;
}
.owner-entry2-page .throw {
  background-color: #5C3806;
  padding: 66.9px 0 62.8px;
}
.owner-entry2-page .throw__title {
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
  color: var(--font-color-main--thin);
  margin-bottom: 19.9px;
}
.owner-entry2-page .throw__title--bottom {
  font-size: 1.5625rem;
  color: var(--font-color-white);
  text-align: center;
  margin-bottom: 42px;
}
.owner-entry2-page .throw__inner {
  display: flex;
  justify-content: space-between;
  gap: 17px;
}
.owner-entry2-page .throw__item {
  width: calc(25% - 12.75px);
  height: auto;
  aspect-ratio: 351.14/234;
}
.owner-entry2-page .throw__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.owner-entry2-page .recommend {
  background-color: var(--bg-color-base);
  padding: 44.3px 0 52.1px;
}
.owner-entry2-page .recommend__title {
  font-size: 2.1875rem;
  color: #E3A970;
  line-height: 1;
  text-align: center;
  margin-bottom: 43.4px;
}
.owner-entry2-page .recommend__inner {
  display: flex;
  justify-content: center;
  gap: 40px;
}
.owner-entry2-page .recommend__item {
  max-width: 298px;
  height: auto;
  aspect-ratio: 298/420;
}
.owner-entry2-page .recommend__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.owner-entry2-page .point-1 {
  background-color: var(--lp-bg-color--yellow);
  padding: 80.1px 0 55.2px;
}
.owner-entry2-page .point-1__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 74.6px;
  gap: 39px;
}
.owner-entry2-page .point-1__text--wrap {
  width: 41.04%;
}
.owner-entry2-page .point-icon {
  width: 163.76px;
  height: 57.11px;
}
.owner-entry2-page .point-icon img {
  width: 100%;
}
.owner-entry2-page .point-1__title {
  font-size: 1.875rem;
  line-height: 1.2;
  margin-bottom: 24px;
  white-space: nowrap;
}
.owner-entry2-page .point-1__title img {
  width: 307px;
  height: 79.17px;
  margin-right: 9px;
}
.owner-entry2-page .point-1__title--bottom {
  font-size: 3rem;
  color: #EF8457;
}
.owner-entry2-page .point__text {
  font-size: 0.9375rem;
  line-height: 2;
}
.owner-entry2-page .point-1__benefit {
  width: calc(58.96% - 39px);
  display: flex;
  gap: 9px;
}
.owner-entry2-page .point-1__benefit--box {
  width: calc(33.3333333333% - 6px);
  min-width: 140px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #EF8457;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4583333333vw;
  color: #E7EF71;
  line-height: 1;
  text-align: center;
}
.owner-entry2-page .point-1__benefit--box .big {
  font-size: 5.2083333333vw;
  color: #fff;
}
.owner-entry2-page .point-1__benefit--box .unit {
  color: #384B60;
}
.owner-entry2-page .point-1__voice,
.owner-entry2-page .point-2__voice {
  width: 100%;
  padding: 43px 45px;
  margin-bottom: 29px;
  background-color: #fff;
  border: 1px solid #C1C1C1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 38px;
  position: relative;
}
.owner-entry2-page .point-1__voice::before,
.owner-entry2-page .point-2__voice::before {
  content: "";
  width: 160.28px;
  height: 172px;
  background-repeat: no-repeat;
  position: absolute;
  top: -31px;
  left: -21.1px;
}
.owner-entry2-page .point-1__voice::before {
  background-image: url(../img/owner-entry/owner-voice-blue.svg);
}
.owner-entry2-page .point-2__voice::before {
  background-image: url(../img/owner-entry/owner-voice-black.svg);
}
.owner-entry2-page .point-1__voice--text,
.owner-entry2-page .point-2__voice--text {
  width: calc(58.76% - 38px);
}
.owner-entry2-page .voice__title {
  font-size: 1.625rem;
  color: #EF8457;
  margin-bottom: 23px;
}
.owner-entry2-page .voice__owner {
  font-size: 1.1875rem;
  margin-bottom: 28px;
}
.owner-entry2-page .voice__text {
  font-size: 0.9375rem;
}
.owner-entry2-page .point-1__voice--img,
.owner-entry2-page .point-2__voice--img {
  width: 41.24%;
  order: -1;
}
.owner-entry2-page .point-1__voice--img img,
.owner-entry2-page .point-2__voice--img img {
  width: 100%;
  aspect-ratio: 516/371;
}
.owner-entry2-page .point__link {
  display: block;
  width: 500px;
  height: 80px;
  background-color: #5FBDCC;
  border-radius: 8px;
  color: var(--font-color-white);
  text-align: center;
  line-height: 80px;
  font-size: 1.25rem;
  margin: 0 auto;
  transition: all 0.3s;
}
.owner-entry2-page .point__link:hover {
  opacity: 0.7;
}
.owner-entry2-page .point-2 {
  background-image: url(../img/owner-entry/owner-entry2-point2-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.owner-entry2-page .point-2__bg {
  width: 100%;
  height: 100%;
  background-color: rgba(233, 245, 254, 0.61);
}
.owner-entry2-page .point-2__inner {
  padding: 48.9px 0 26.9px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.owner-entry2-page .point-2__title {
  font-size: 1.875rem;
  line-height: 1.2;
  margin-bottom: 14.9px;
}
.owner-entry2-page .point-2__title img {
  width: 317.86px;
  height: 61.75px;
  margin-right: 12.9px;
}
.owner-entry2-page .point-2__title--bottom {
  font-size: 3rem;
  color: #384B60;
  line-height: 1;
  margin-bottom: 25.9px;
}
.owner-entry2-page .point-2 .point__text {
  max-width: 612px;
  margin-bottom: 49px;
}
.owner-entry2-page .point-2__benefit {
  width: 100%;
  margin-bottom: 52.9px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 38px 26px;
}
.owner-entry2-page .point-2__benefit--box {
  width: 280px;
  height: 255px;
  background-color: #fff;
  border: 1px solid #DAE2E9;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.owner-entry2-page .point-2__benefit--box img {
  width: 50px;
  height: 50px;
  margin-top: 60px;
}
.owner-entry2-page .point-2__benefit--box h3 {
  font-size: 1.25rem;
  color: #EF8457;
  line-height: 1;
}
.owner-entry2-page .point-2__benefit--box p {
  width: 222px;
  font-size: 0.9375rem;
  text-align: center;
  font-weight: 600;
}
.owner-entry2-page .flow {
  background-color: var(--bg-color-base);
  padding: 64.9px 0 37.7px;
}
.owner-entry2-page .flow__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.owner-entry2-page .flow .icon,
.owner-entry2-page .faq .icon {
  width: 60.76px;
  height: 72.48px;
  margin-bottom: 16px;
}
.owner-entry2-page .flow .section-title {
  color: #5FBDCC;
  margin-bottom: 32.5px;
}
.owner-entry2-page .flow__img {
  width: 100%;
}
.owner-entry2-page .flow__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.owner-entry2-page .faq {
  background-image: url(../img/owner-entry/owner-entry2-q&a-bg.svg);
  background-position: center;
}
.owner-entry2-page .faq__bg {
  background-color: rgba(245, 245, 245, 0.62);
  padding: 57.1px 0 93.7px;
}
.owner-entry2-page .faq__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.owner-entry2-page .faq .section-title {
  font-size: 1.75rem;
  color: #7AC8D4;
  position: relative;
  line-height: 1;
  margin-bottom: 94px;
}
.owner-entry2-page .faq .section-title::before {
  content: "Q&A";
  position: absolute;
  top: 39px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.1875rem;
  color: var(--font-color-base);
  font-family: source-han-sans-japanese, sans-serif;
}
.owner-entry2-page .faq__item--wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 25px 44px;
}
.owner-entry2-page .faq__item {
  width: calc(50% - 22px);
  background-color: #fff;
  border: 1px solid #707070;
  border-radius: 14px;
  padding: 21.8px 33px 34.3px;
}
.owner-entry2-page .faq__title {
  font-size: 1.0625rem;
  color: #EF8457;
  line-height: 1;
  padding: 0 0 20.7px 40px;
  border-bottom: 1px solid #707070;
  position: relative;
}
.owner-entry2-page .faq__title::before {
  content: "Q.";
  color: #7EC9D5;
  font-size: 1.375rem;
  position: absolute;
  top: 0;
  left: 8px;
}
.owner-entry2-page .faq__answer {
  width: 95%;
  margin: 0 auto;
  padding-top: 31.2px;
  font-size: 1.0625rem;
  color: #9C9C9C;
}
.owner-entry2-page .register {
  padding: 68.9px 0 173px;
}
.owner-entry2-page .register__title {
  color: #5FBDCC;
}
.owner-entry2-page .register-form__inner--box.name,
.owner-entry2-page .register-form__inner--box.name-furi {
  margin-top: 24px;
  position: relative;
}
.owner-entry2-page input.first-name {
  margin-left: 26px;
}
.owner-entry2-page .register-form__inner--box.name .sei,
.owner-entry2-page .register-form__inner--box.name .mei,
.owner-entry2-page .register-form__inner--box.name-furi .sei,
.owner-entry2-page .register-form__inner--box.name-furi .mei {
  position: absolute;
  line-height: 1;
  font-size: 0.9375rem;
  top: -24px;
  transform: translateX(25px);
}

@media screen and (max-width: 768px) {
  .header-lp {
    height: 106px;
    background-color: var(--bg-color-base);
    box-shadow: none;
  }
  .header-lp__inner .header__logo {
    width: 36.40625vw;
    height: auto;
  }
  .header-lp__inner .header__link {
    font-size: 4.375vw;
    padding: 19px 41px;
  }
  .owner-entry2-page {
    padding-top: 106px;
  }
  .owner-entry2-page .owner-entry-kv {
    aspect-ratio: 640/500;
    background-position: center;
  }
  .owner-entry2-page .kv-catch {
    align-items: center;
  }
  .owner-entry2-page .kv-catch__top {
    font-size: 4.6875vw;
    margin-bottom: 1.96875vw;
  }
  .owner-entry2-page .kv-catch__bottom {
    font-size: 6.09375vw;
    white-space: nowrap;
  }
  .owner-entry2-page .kv-catch__bottom img {
    width: 57.184375vw;
    height: auto;
    margin-right: 5px;
  }
  .owner-entry2-page .kv-catch__text {
    font-size: 3.59375vw;
    margin-top: 1.5625vw;
    white-space: nowrap;
  }
  .owner-entry2-page .owner-entry-kv__sub {
    padding: 35px 0 65px;
  }
  .owner-entry2-page .owner-entry-kv__sub .kv__sub--inner {
    flex-direction: column;
  }
  .owner-entry2-page .owner-entry-kv__sub .kv__sub--img {
    width: 100%;
    margin-bottom: 23.1px;
  }
  .owner-entry2-page .owner-entry-kv__sub .kv__sub--textbox {
    width: 100%;
  }
  .owner-entry2-page .owner-entry-kv__sub .kv__sub--title {
    font-size: 5vw;
    margin-bottom: 2.96875vw;
  }
  .owner-entry2-page .owner-entry-kv__sub .kv__sub--title .logo {
    width: 54.375vw;
    height: 14.0625vw;
    margin-right: 1.75vw;
  }
  .owner-entry2-page .owner-entry-kv__sub .kv__sub--text {
    font-size: 4.0625vw;
  }
  .owner-entry2-page .owner-entry-kv__sub .kv__sub--link {
    font-size: 4.375vw;
    height: 12.5vw;
    border-radius: 8px;
    line-height: 12.5vw;
    margin-top: 27px;
  }
  .owner-entry2-page .throw {
    padding: 45.3px 0 48.7px;
  }
  .owner-entry2-page .throw__title {
    font-size: 4.375vw;
    margin-bottom: 5.125vw;
  }
  .owner-entry2-page .throw__title--bottom {
    font-size: 3.75vw;
    margin-bottom: 4.265625vw;
    text-align: left;
  }
  .owner-entry2-page .throw__inner {
    gap: 9.5px;
  }
  .owner-entry2-page .throw__item {
    width: calc(25% - 7.125px);
  }
  .owner-entry2-page .recommend {
    padding: 34.1px 0 46.7px;
  }
  .owner-entry2-page .recommend__title {
    font-size: 5.46875vw;
    margin-bottom: 34.8px;
  }
  .owner-entry2-page .recommend__inner {
    flex-direction: column;
    align-items: center;
  }
  .owner-entry2-page .recommend__item {
    max-width: 100%;
    aspect-ratio: 435/234;
  }
  .owner-entry2-page .point-1 {
    padding: 42.7px 0 39.2px;
  }
  .owner-entry2-page .point-1__inner {
    flex-direction: column;
    align-items: center;
    margin-bottom: 76.8px;
    gap: 27px;
  }
  .owner-entry2-page .point-1__text--wrap {
    width: 100%;
  }
  .owner-entry2-page .point-1__title {
    white-space: nowrap;
  }
  .owner-entry2-page .point-1__title--bottom {
    font-size: 7.5vw;
  }
  .owner-entry2-page .point__text {
    font-size: 1.5rem;
  }
  .owner-entry2-page .point-1__benefit {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 8.2px;
  }
  .owner-entry2-page .point-1__benefit--box {
    width: 182px;
    font-size: 1.3125rem;
  }
  .owner-entry2-page .point-1__benefit--box .big {
    font-size: 4.8125rem;
  }
  .owner-entry2-page .point-1__voice,
.owner-entry2-page .point-2__voice {
    width: 100%;
    padding: 24.2px 30px 46px;
    border: 2px solid #C1C1C1;
    align-items: center;
    flex-wrap: wrap;
    gap: 38px;
    position: relative;
  }
  .owner-entry2-page .point-1__voice::before,
.owner-entry2-page .point-2__voice::before {
    width: 22.1890625vw;
    height: 23.8125vw;
    background-size: contain;
    top: -5.9375vw;
    left: -1.875vw;
  }
  .owner-entry2-page .point-1__voice--text,
.owner-entry2-page .point-2__voice--text {
    width: 100%;
  }
  .owner-entry2-page .voice__title {
    font-size: 4.0625vw;
    margin-bottom: 3.421875vw;
  }
  .owner-entry2-page .point-1__voice .voice__title {
    width: 73.95%;
    margin-left: auto;
  }
  .owner-entry2-page .voice__owner {
    font-size: 3.4375vw;
    margin-bottom: 6.71875vw;
  }
  .owner-entry2-page .voice__text {
    font-size: 1.5rem;
  }
  .owner-entry2-page .point-1__voice--img,
.owner-entry2-page .point-2__voice--img {
    width: 100%;
    order: 0;
  }
  .owner-entry2-page .point__link {
    width: 92.59%;
    font-size: 1.625rem;
  }
  .owner-entry2-page .point-2__inner {
    padding: 48.9px 0 69.6px;
  }
  .owner-entry2-page .point-2__title {
    white-space: nowrap;
  }
  .owner-entry2-page .point-2 .point__text {
    margin-bottom: 35.2px;
  }
  .owner-entry2-page .point-2__benefit {
    gap: 20.7px 20px;
  }
  .owner-entry2-page .flow {
    padding: 56.2px 0 39.8px;
  }
  .owner-entry2-page .flow .icon {
    margin-bottom: 12px;
  }
  .owner-entry2-page .flow .section-title {
    margin-bottom: 46px;
  }
  .owner-entry2-page .flow__img {
    width: 100%;
  }
  .owner-entry2-page .flow__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .owner-entry2-page .faq__bg {
    padding: 57.1px 0 50.2px;
  }
  .owner-entry2-page .faq .section-title {
    margin-bottom: 52.1px;
  }
  .owner-entry2-page .faq .section-title::before {
    font-size: 1.5rem;
  }
  .owner-entry2-page .faq__item {
    width: 100%;
    border-radius: 6px;
    padding: 28.9px 27px 26.3px;
  }
  .owner-entry2-page .faq__title {
    font-size: 1.375rem;
    padding: 0 0 25.7px 59px;
  }
  .owner-entry2-page .faq__title::before {
    left: 10px;
  }
  .owner-entry2-page .faq__answer {
    padding-top: 14.1px;
    font-size: 1.25rem;
  }
}
/*---login-page---*/
.login-page .login-form__inner {
  margin: 52px auto 106px;
  width: 400px;
  display: flex;
  flex-direction: column;
  color: #343434;
  font-weight: 300;
}
.login-page .login-form__inner label {
  font-size: 0.9375rem;
}
.login-page .login-form__inner .login-form__inner--mail {
  margin-bottom: 27px;
}
.login-page .login-form__inner .login-form__inner--pass {
  margin-bottom: 50px;
}
.login-page .login-form__inner input {
  width: 100%;
  height: 40px;
  border: 1px solid #B7B7B7;
}
.login-page .login-form__inner .checkbox input {
  width: 18px;
  height: 18px;
  margin-right: 15px;
  cursor: pointer;
}
.login-page .login-form__inner button {
  height: 50px;
  margin-top: 29px;
  margin-bottom: 42px;
  text-align: center;
  line-height: 50px;
  background-color: var(--bg-color-main--thick);
  color: var(--font-color-white);
  transition: all 0.3s;
}
.login-page .login-form__inner button:hover {
  opacity: 0.7;
}
.login-page .login-form__inner a {
  line-height: 1;
  transition: all 0.3s;
}
.login-page .login-form__inner a:hover {
  opacity: 0.7;
}
.login-page .login-form__inner a + a {
  margin-top: 15px;
}
.login-page .login-form__inner a span {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .login-page .login-form__inner {
    margin: 39px auto 61px;
    width: 100%;
  }
  .login-page .login-form__inner label {
    font-size: 1.625rem;
  }
  .login-page .login-form__inner .login-form__inner--mail {
    margin-bottom: 29px;
  }
  .login-page .login-form__inner .login-form__inner--pass {
    margin-bottom: 36px;
  }
  .login-page .login-form__inner input {
    height: 70px;
    border: 2px solid #B7B7B7;
    font-size: 1.625rem;
  }
  .login-page .login-form__inner .checkbox {
    font-size: 1.5rem;
  }
  .login-page .login-form__inner .checkbox input {
    width: 40px;
    height: 40px;
    margin-right: 22px;
  }
  .login-page .login-form__inner button {
    height: 80px;
    margin-top: 35px;
    margin-bottom: 37px;
    font-size: 1.625rem;
    line-height: 80px;
    font-weight: 600;
  }
  .login-page .login-form__inner a {
    font-size: 1.375rem;
  }
  .login-page .login-form__inner a + a {
    margin-top: 32px;
  }
}
/*---signup-page---*/
.signup-page .signup-form__inner {
  width: 500px;
  margin: 0 auto;
  padding: 39px 0 84px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-weight: 200;
}
.signup-page label {
  cursor: default;
}
.signup-page ::-moz-placeholder {
  color: #BCBCBC;
  font-size: 0.875rem;
}
.signup-page :-ms-input-placeholder {
  color: #BCBCBC;
  font-size: 0.875rem;
}
.signup-page ::placeholder {
  color: #BCBCBC;
  font-size: 0.875rem;
}
.signup-page .name input,
.signup-page .name-furi input {
  width: 240px;
  height: 40px;
  border: 1px solid #CCCCCC;
  padding-left: 18px;
}
.signup-page .first-name {
  margin-left: 14px;
}
.signup-page .user-name input {
  width: 500px;
  height: 40px;
  border: 1px solid #CCCCCC;
  padding-left: 18px;
}
.signup-page .gender-wrap {
  display: flex;
  gap: 63px;
}
.signup-page .gender input {
  display: none;
}
.signup-page .gender-wrap label {
  padding-left: 34px;
  position: relative;
}
.signup-page .gender-wrap label::before {
  content: "";
  width: 24px;
  height: 24px;
  padding: 5px;
  background-clip: content-box;
  border: 1px solid #CCC;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 0;
}
.signup-page .gender input:checked + label::before {
  background-color: var(--font-color-main--thin2);
}
.signup-page .birthday select {
  height: 40px;
  border: 1px solid #CCCCCC;
  padding-left: 18px;
  cursor: pointer;
}
.signup-page .triangle {
  position: relative;
}
.signup-page .triangle::before {
  content: "";
  position: absolute;
  top: 5px;
  left: -25px;
  width: 0;
  height: 0;
  border-top: 7px solid #60BDCC;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: -1;
}
.signup-page .birthday-year {
  width: 120px;
}
.signup-page .birthday-month,
.signup-page .birthday-day {
  width: 70px;
  margin-left: 24px;
}
.signup-page .email input,
.signup-page .tel input {
  width: 340px;
  height: 40px;
  border: 1px solid #CCCCCC;
  padding-left: 18px;
}
.signup-page .tel button {
  width: 135px;
  height: 40px;
  font-size: 0.875rem;
  color: var(--font-color-white);
  background-color: var(--bg-color-main--thick);
  text-align: center;
  margin-left: 19px;
  transition: all 0.3s;
}
.signup-page .tel button:hover {
  opacity: 0.7;
}
.signup-page .pass input,
.signup-page .pass-again input {
  width: 500px;
  height: 40px;
  border: 1px solid #CCCCCC;
  padding-left: 18px;
}
.signup-page .checkbox {
  margin: 0 auto;
}
.signup-page .policy {
  margin-top: 20px;
}
.signup-page .checkbox input[type=checkbox] {
  display: none;
}
.signup-page .checkbox input[type=checkbox] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 30px;
}
.signup-page .checkbox input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 50%;
  border: 1px solid #707070;
  border-radius: 50%;
}
.signup-page .checkbox input[type=checkbox] + label::after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  top: 50%;
  left: 5px;
  background-color: #DBDCE2;
  border-radius: 50%;
}
.signup-page .checkbox input[type=checkbox]:checked + label::after {
  background-color: var(--bg-color-main--thick);
}
.signup-page .checkbox a {
  transition: all 0.3s;
  text-decoration: underline;
}
.signup-page .checkbox a:hover {
  opacity: 0.6;
}
.signup-page .confirm-btn {
  width: 500px;
  height: 50px;
  background-color: #5FBDCC;
  color: var(--font-color-white);
  text-align: center;
  line-height: 50px;
  transition: all 0.3s;
}
.signup-page .confirm-btn:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .signup-page .signup-form__inner {
    width: 100%;
    padding: 41px 0 46px;
    gap: 30px;
    font-size: 1.5rem;
  }
  .signup-page ::-moz-placeholder {
    color: #BCBCBC;
    font-size: 1.375rem;
  }
  .signup-page :-ms-input-placeholder {
    color: #BCBCBC;
    font-size: 1.375rem;
  }
  .signup-page ::placeholder {
    color: #BCBCBC;
    font-size: 1.375rem;
  }
  .signup-page .name input,
.signup-page .name-furi input {
    width: 48%;
    height: 70px;
    border: 2px solid #E0E0E0;
    padding-left: 24px;
  }
  .signup-page .first-name {
    margin-left: 4%;
  }
  .signup-page .user-name input {
    width: 100%;
    height: 70px;
    border: 2px solid #E0E0E0;
    padding-left: 24px;
  }
  .signup-page .gender-wrap {
    gap: 20%;
  }
  .signup-page .gender-wrap label {
    padding-left: 54px;
  }
  .signup-page .gender-wrap label::before {
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 2px solid #CCC;
    top: 0px;
    left: 0;
  }
  .signup-page .birthday select {
    height: 70px;
    border: 2px solid #E0E0E0;
    padding-left: 24px;
  }
  .signup-page .triangle::before {
    top: 5px;
    left: -35px;
    border-top: 18px solid #60BDCC;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
  }
  .signup-page .birthday-year {
    width: 28.5%;
  }
  .signup-page .birthday-month,
.signup-page .birthday-day {
    width: 21%;
    margin-left: 3%;
  }
  .signup-page .email input {
    width: 100%;
    height: 70px;
    border: 2px solid #E0E0E0;
    padding-left: 24px;
  }
  .signup-page .tel input {
    width: 68%;
    height: 70px;
    border: 2px solid #E0E0E0;
    padding-left: 24px;
  }
  .signup-page .tel button {
    width: 26%;
    height: 70px;
    font-size: 1.375rem;
    margin-left: 6%;
  }
  .signup-page .pass input,
.signup-page .pass-again input {
    width: 100%;
    height: 70px;
    border: 2px solid #E0E0E0;
    padding-left: 24px;
  }
  .signup-page .policy {
    margin-top: 27px;
  }
  .signup-page .checkbox input[type=checkbox] + label {
    padding-left: 65px;
  }
  .signup-page .checkbox input[type=checkbox] + label::before {
    width: 44px;
    height: 44px;
    margin-top: -22px;
    border: 2px solid #E0E0E0;
  }
  .signup-page .checkbox input[type=checkbox] + label::after {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 12px;
  }
  .signup-page .checkbox input[type=checkbox]:checked + label::after {
    background-color: var(--bg-color-main--thick);
  }
  .signup-page .confirm-btn {
    width: 96%;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 1.625rem;
    font-weight: 600;
  }
}
@media screen and (max-width: 540px) {
  .signup-page .birthday-year {
    width: 80%;
  }
  .signup-page .birthday-month,
.signup-page .birthday-day {
    width: 35%;
    margin-left: 0;
    margin-top: 20px;
  }
}
/*---マイページ,オーナーページ,各ページ共通（main部分）---*/
.user-path {
  width: 100%;
  font-size: 0.875rem;
  margin: 33.5px 0 23.5px;
}

.user-path__list {
  display: flex;
}

.user-path__list--item {
  margin: 0 5px;
  transition: all 0.3s;
}

.user-path__list--item:first-of-type {
  margin-left: 0;
}

.user-path__list--item:hover {
  opacity: 0.7;
}

.userpage__title {
  font-weight: 600;
  font-size: 1.25rem;
  color: var(--font-color-main--thin2);
  padding-left: 32px;
  position: relative;
}

.userpage__title::before {
  content: "";
  width: 22px;
  height: 22px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.user-reserve .userpage__title::before {
  background-image: url(../img/user-reserve-list-icon.svg);
}

.user-history .userpage__title::before {
  background-image: url(../img/user-history-eye-icon.svg);
}

.user-favorite .userpage__title::before {
  background-image: url(../img/user-favorite-heart-icon.svg);
}

.user-review .userpage__title::before,
.owner-room-list .userpage__title::before,
.owner-room-register .userpage__title::before {
  background-image: url(../img/user-review-pen-icon.svg);
}

.user-setting .userpage__title::before {
  background-image: url(../img/user-setting-man-icon.svg);
}

.owner-schedule .userpage__title::before {
  background-image: url(../img/carender-icon-blue.svg);
}

.owner-message .userpage__title::before {
  background-image: url(../img/message-icon-blue.svg);
}

@media screen and (max-width: 768px) {
  .user-path {
    font-size: 1.125rem;
    margin: 33px 0 22px;
  }
  .userpage__title {
    font-size: 1.75rem;
    padding-left: 46.2px;
  }
  .userpage__title::before {
    width: 36px;
    height: 36px;
  }
}
/*---user-reserve---*/
/*---user-reserve-detail---*/
/*---owner-reserve---*/
/*---owner-reserve-detail---*/
.user-reserve-page .user-reserve__inner,
.user-reserve-page .user-reserve-detail__inner,
.user-reserve-detail-page .user-reserve__inner,
.user-reserve-detail-page .user-reserve-detail__inner {
  width: 100%;
  margin-top: 17px;
}
.user-reserve-page .user-reserve-detail__inner,
.user-reserve-detail-page .user-reserve-detail__inner {
  margin-bottom: 280px;
}
.user-reserve-page .user-reserve__item--wrap,
.user-reserve-detail-page .user-reserve__item--wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 80px;
}
.user-reserve-page .user-reserve__item,
.user-reserve-page .user-reserve-detail__item,
.user-reserve-detail-page .user-reserve__item,
.user-reserve-detail-page .user-reserve-detail__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #CCC;
}
.user-reserve-page .user-reserve__item--head,
.user-reserve-page .user-reserve-detail__item--head,
.user-reserve-detail-page .user-reserve__item--head,
.user-reserve-detail-page .user-reserve-detail__item--head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 53px;
  padding: 0 40px 0 30px;
  background-color: var(--bg-color-main--thick);
  color: var(--font-color-white);
  font-size: 0.9375rem;
  line-height: 1;
}
.user-reserve-page .detail-link,
.user-reserve-detail-page .detail-link {
  display: block;
  padding: 7px 41px;
  background-color: #616161;
  border-radius: 18px;
  transition: all 0.3s;
}
.user-reserve-page .user-reserve-detail__item--head .detail-link,
.user-reserve-detail-page .user-reserve-detail__item--head .detail-link {
  padding: 7px 26px;
}
.user-reserve-page .detail-link:hover,
.user-reserve-detail-page .detail-link:hover {
  opacity: 0.8;
}
.user-reserve-page .room-info__wrap,
.user-reserve-detail-page .room-info__wrap {
  display: flex;
  align-items: center;
  gap: 23px;
  margin: 18px 40px 0 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #C1C1C1;
}
.user-reserve-page .room-info__img,
.user-reserve-detail-page .room-info__img {
  width: 100px;
  height: 100px;
}
.user-reserve-page .room-info__img.owner,
.user-reserve-detail-page .room-info__img.owner {
  width: 200px;
  height: 133.44px;
}
.user-reserve-page .room-info__img img,
.user-reserve-detail-page .room-info__img img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.user-reserve-page .room-info__img.owner img,
.user-reserve-detail-page .room-info__img.owner img {
  aspect-ratio: 200/133.44;
}
.user-reserve-page .room-info__text,
.user-reserve-detail-page .room-info__text {
  display: flex;
  flex-direction: column;
  gap: 15px;
  line-height: 1;
}
.user-reserve-page .room-info__text .space-number,
.user-reserve-detail-page .room-info__text .space-number {
  font-size: 0.9375rem;
  color: #3A3938;
}
.user-reserve-page .room-info__text .space-title,
.user-reserve-detail-page .room-info__text .space-title {
  font-size: 1.375rem;
  color: #3A3938;
}
.user-reserve-page .room-info__text .space-place,
.user-reserve-detail-page .room-info__text .space-place {
  font-size: 0.875rem;
  padding-left: 15px;
  position: relative;
}
.user-reserve-page .space-place::before,
.user-reserve-detail-page .space-place::before {
  content: "";
  width: 11.84px;
  height: 15.23px;
  background-image: url(../img/area-icon-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.user-reserve-page .room-info__text .space-map,
.user-reserve-detail-page .room-info__text .space-map {
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid #707070;
  margin-left: 9.2px;
  transition: all 0.3s;
  line-height: 1;
}
.user-reserve-page .room-info__text .space-map:hover,
.user-reserve-detail-page .room-info__text .space-map:hover {
  opacity: 0.7;
}
.user-reserve-page .room-info__text .space-owner,
.user-reserve-detail-page .room-info__text .space-owner {
  font-size: 0.875rem;
}
.user-reserve-page .usage-status__wrap,
.user-reserve-detail-page .usage-status__wrap {
  display: flex;
  align-items: center;
  margin: 29px 40px 28px 30px;
  white-space: nowrap;
  justify-content: space-between;
  margin-bottom: 0;
  padding-bottom: 28px;
  border-bottom: 1px solid #C1C1C1;
}
.user-reserve-page .usage-status__wrap.list,
.user-reserve-page .usage-status__wrap.detail,
.user-reserve-detail-page .usage-status__wrap.list,
.user-reserve-detail-page .usage-status__wrap.detail {
  border-bottom: none;
}
.user-reserve-page .usage-status__data,
.user-reserve-detail-page .usage-status__data {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.user-reserve-page .usage-status__title,
.user-reserve-page .usage-details__title,
.user-reserve-detail-page .usage-status__title,
.user-reserve-detail-page .usage-details__title {
  font-size: 0.9375rem;
  color: var(--font-color-main--thin2);
  margin-right: 21px;
}
.user-reserve-page .usage-status__item--wrap,
.user-reserve-detail-page .usage-status__item--wrap {
  display: flex;
}
.user-reserve-page .usage-status__item,
.user-reserve-detail-page .usage-status__item {
  width: 99px;
  height: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #3A3938;
  line-height: 20px;
  text-align: center;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
}
.user-reserve-page .usage-status__item + .usage-status__item,
.user-reserve-detail-page .usage-status__item + .usage-status__item {
  margin-left: 7px;
}
.user-reserve-page .usage-status__price,
.user-reserve-detail-page .usage-status__price {
  margin-left: auto;
  font-size: 1.375rem;
  color: #3A3938;
}
.user-reserve-page .usage-status__price span,
.user-reserve-detail-page .usage-status__price span {
  font-size: 0.9375rem;
  color: var(--font-color-main--thin2);
  margin-right: 15px;
  font-weight: 300;
}
.user-reserve-page .usage-status__data .usage-date,
.user-reserve-detail-page .usage-status__data .usage-date {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.9375rem;
  color: #3A3938;
  margin-top: 26px;
}
.user-reserve-page .usage-status__data.owner .usage-date,
.user-reserve-detail-page .usage-status__data.owner .usage-date {
  width: 100%;
  margin-top: 18.5px;
}
.user-reserve-page .usage-status__button,
.user-reserve-detail-page .usage-status__button {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.user-reserve-page .reserve-cancel-button,
.user-reserve-page .reserve-change-button,
.user-reserve-detail-page .reserve-cancel-button,
.user-reserve-detail-page .reserve-change-button {
  width: 200px;
  height: 40px;
  font-size: 0.9375rem;
  color: var(--font-color-white);
  text-align: center;
  line-height: 40px;
  background-color: #D4D4D4;
  border-radius: 2px;
  transition: all 0.3s;
}
.user-reserve-page .reserve-cancel-button:hover,
.user-reserve-page .reserve-change-button:hover,
.user-reserve-detail-page .reserve-cancel-button:hover,
.user-reserve-detail-page .reserve-change-button:hover {
  opacity: 0.7;
}
.user-reserve-page .user-contact__wrap,
.user-reserve-detail-page .user-contact__wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  line-height: 1;
}
.user-reserve-page .user-contact__wrap .user__name,
.user-reserve-detail-page .user-contact__wrap .user__name {
  font-size: 0.875rem;
  color: #616161;
}
.user-reserve-page .user-contact__wrap .user__contact--link,
.user-reserve-detail-page .user-contact__wrap .user__contact--link {
  display: block;
  font-size: 0.9375rem;
  color: var(--font-color-white);
  background-color: var(--bg-color-main--thick);
  padding: 8px 9px;
  border-radius: 5px;
  transition: all 0.3s;
}
.user-reserve-page .user-contact__wrap .user__contact--link:hover,
.user-reserve-detail-page .user-contact__wrap .user__contact--link:hover {
  opacity: 0.7;
}
.user-reserve-page .usage-details__wrap,
.user-reserve-detail-page .usage-details__wrap {
  margin: 21px 40px 32px 30px;
}
.user-reserve-page .usage-details__price--wrap,
.user-reserve-detail-page .usage-details__price--wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
  white-space: nowrap;
}
.user-reserve-page .usage-amount__wrap,
.user-reserve-detail-page .usage-amount__wrap {
  width: 44.21%;
  font-size: 0.875rem;
  line-height: 1;
  color: #3A3938;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.user-reserve-page .usage-amount__total,
.user-reserve-page .usage-amount__indivisual,
.user-reserve-detail-page .usage-amount__total,
.user-reserve-detail-page .usage-amount__indivisual {
  display: flex;
  justify-content: space-between;
}
.user-reserve-page .total__price,
.user-reserve-detail-page .total__price {
  font-size: 1.375rem;
}
.user-reserve-page .usage-amount__indivisual,
.user-reserve-detail-page .usage-amount__indivisual {
  flex-wrap: wrap;
  padding-left: 8.63%;
  width: 100%;
  gap: 23px 0;
}
.user-reserve-page .indivisual__title,
.user-reserve-detail-page .indivisual__title {
  width: 70%;
}
.user-reserve-page .indivisual__price,
.user-reserve-detail-page .indivisual__price {
  width: 30%;
  text-align: right;
}
.user-reserve-page .payment__wrap,
.user-reserve-detail-page .payment__wrap {
  font-size: 0.875rem;
  color: #3A3938;
}
.user-reserve-page .payment__method,
.user-reserve-detail-page .payment__method {
  margin: 22px 0 0 21px;
}
.user-reserve-page .receipt,
.user-reserve-detail-page .receipt {
  align-self: flex-end;
}
.user-reserve-page .receipt button,
.user-reserve-detail-page .receipt button {
  background-color: var(--bg-color-main--thick);
  border-radius: 2px;
  padding: 12px 2.083vw;
  color: var(--font-color-white);
  font-size: 0.9375rem;
  transition: all 0.3s;
}
.user-reserve-page .receipt button:hover,
.user-reserve-detail-page .receipt button:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .user-reserve-page .user-reserve__inner,
.user-reserve-page .user-reserve-detail__inner,
.user-reserve-detail-page .user-reserve__inner,
.user-reserve-detail-page .user-reserve-detail__inner {
    margin: 32px 0 138.1px;
  }
  .user-reserve-page .user-reserve__item--wrap,
.user-reserve-detail-page .user-reserve__item--wrap {
    gap: 15px;
  }
  .user-reserve-page .user-reserve__item,
.user-reserve-page .user-reserve-detail__item,
.user-reserve-detail-page .user-reserve__item,
.user-reserve-detail-page .user-reserve-detail__item {
    border: 2px solid #CCC;
  }
  .user-reserve-page .user-reserve__item--head,
.user-reserve-page .user-reserve-detail__item--head,
.user-reserve-detail-page .user-reserve__item--head,
.user-reserve-detail-page .user-reserve-detail__item--head {
    height: 60px;
    padding: 0 14px 0 32px;
    font-size: 2.8125vw;
    white-space: nowrap;
  }
  .user-reserve-page .detail-link,
.user-reserve-detail-page .detail-link {
    padding: 1.5625vw 5.15625vw;
    border-radius: 3.125vw;
    font-size: 2.8125vw;
  }
  .user-reserve-page .user-reserve-detail__item--head .detail-link,
.user-reserve-detail-page .user-reserve-detail__item--head .detail-link {
    padding: 7px 26px;
  }
  .user-reserve-page .room-info__wrap,
.user-reserve-detail-page .room-info__wrap {
    gap: 15px;
    margin: 24px 40px 0 32px;
    padding-bottom: 24px;
    border-bottom: 2px solid #C1C1C1;
  }
  .user-reserve-page .user-reserve-detail__item .room-info__wrap,
.user-reserve-detail-page .user-reserve-detail__item .room-info__wrap {
    margin: 22px 22.5px 0 27px;
    padding-bottom: 21px;
  }
  .user-reserve-page .room-info__img,
.user-reserve-detail-page .room-info__img {
    width: 20.3125vw;
    height: 20.3125vw;
  }
  .user-reserve-page .user-reserve-detail__item .room-info__img,
.user-reserve-detail-page .user-reserve-detail__item .room-info__img {
    width: 36.8vw;
    height: 24.55vw;
    aspect-ratio: 235.5/157.12;
  }
  .user-reserve-page .user-reserve-detail__item .room-info__img img,
.user-reserve-detail-page .user-reserve-detail__item .room-info__img img {
    width: 100%;
    height: 100%;
  }
  .user-reserve-page .room-info__text .space-number,
.user-reserve-detail-page .room-info__text .space-number {
    font-size: 3.125vw;
  }
  .user-reserve-page .room-info__text .space-title,
.user-reserve-detail-page .room-info__text .space-title {
    font-size: 3.75vw;
  }
  .user-reserve-page .room-info__text .space-place,
.user-reserve-detail-page .room-info__text .space-place {
    font-size: 3.125vw;
    padding-left: 3.125vw;
  }
  .user-reserve-page .user-reserve-detail__item .room-info__text .space-place,
.user-reserve-detail-page .user-reserve-detail__item .room-info__text .space-place {
    line-height: 1.7;
  }
  .user-reserve-page .space-place::before,
.user-reserve-detail-page .space-place::before {
    width: 2.35vw;
    height: 3.17vw;
  }
  .user-reserve-page .user-reserve-detail__item .space-place::before,
.user-reserve-detail-page .user-reserve-detail__item .space-place::before {
    top: 0;
    transform: translateY(1vw);
  }
  .user-reserve-page .room-info__text .space-map,
.user-reserve-detail-page .room-info__text .space-map {
    padding: 0.78125vw 2.5vw;
    border: 2px solid #707070;
    font-size: 3.125vw;
  }
  .user-reserve-page .room-info__text .space-owner,
.user-reserve-detail-page .room-info__text .space-owner {
    font-size: 3.125vw;
  }
  .user-reserve-page .usage-status__data,
.user-reserve-detail-page .usage-status__data {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
  }
  .user-reserve-page .usage-status__data.owner .usage-date,
.user-reserve-detail-page .usage-status__data.owner .usage-date {
    margin-top: 2.34375vw;
  }
  .user-reserve-page .usage-status__wrap,
.user-reserve-detail-page .usage-status__wrap {
    margin: 17px 30px 24px 32px;
    flex-direction: column;
    padding-bottom: 21.6px;
    border-bottom: 2px solid #C1C1C1;
    gap: 20.6px;
  }
  .user-reserve-page .usage-status__wrap.list,
.user-reserve-detail-page .usage-status__wrap.list {
    margin: 2.65625vw 4.6875vw 3.75vw 5vw;
    border-bottom: none;
    padding-bottom: 0;
    flex-direction: row;
    gap: 1.5625vw;
  }
  .user-reserve-page .usage-status__wrap.owner-reserve-detail,
.user-reserve-detail-page .usage-status__wrap.owner-reserve-detail {
    border-bottom: none;
    padding-bottom: 0;
  }
  .user-reserve-page .usage-status__title,
.user-reserve-page .usage-details__title,
.user-reserve-detail-page .usage-status__title,
.user-reserve-detail-page .usage-details__title {
    font-size: 2.8125vw;
    margin-right: 2.5vw;
  }
  .user-reserve-page .usage-status__item,
.user-reserve-detail-page .usage-status__item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 30px;
    padding: 0 7.5px;
    font-size: 2.8125vw;
    line-height: 30px;
    border: 2px solid #D8D8D8;
    border-radius: 15px;
  }
  .user-reserve-page .usage-status__item + .usage-status__item,
.user-reserve-detail-page .usage-status__item + .usage-status__item {
    margin-left: 1.5625vw;
  }
  .user-reserve-page .usage-status__price,
.user-reserve-detail-page .usage-status__price {
    font-size: 3.75vw;
  }
  .user-reserve-page .usage-status__price span,
.user-reserve-detail-page .usage-status__price span {
    font-size: 3.125vw;
    margin-right: 9px;
  }
  .user-reserve-page .usage-status__data .usage-date,
.user-reserve-detail-page .usage-status__data .usage-date {
    font-size: 3.4375vw;
    margin-top: 24px;
  }
  .user-reserve-page .usage-status__button,
.user-reserve-detail-page .usage-status__button {
    flex-direction: row;
    gap: 10px;
    width: 100%;
  }
  .user-reserve-page .reserve-cancel-button,
.user-reserve-page .reserve-change-button,
.user-reserve-detail-page .reserve-cancel-button,
.user-reserve-detail-page .reserve-change-button {
    width: calc(100% - 5px);
    height: 60px;
    font-size: 3.4375vw;
    line-height: 60px;
  }
  .user-reserve-page .user-contact__wrap,
.user-reserve-detail-page .user-contact__wrap {
    width: 100%;
    padding-top: 31px;
    border-top: 2px solid #C1C1C1;
    align-items: center;
  }
  .user-reserve-page .user-contact__wrap .user__name,
.user-reserve-detail-page .user-contact__wrap .user__name {
    font-size: 3.4375vw;
  }
  .user-reserve-page .user-contact__wrap .user__contact--link,
.user-reserve-detail-page .user-contact__wrap .user__contact--link {
    font-size: 3.125vw;
    padding: 3.125vw 6.25vw;
  }
  .user-reserve-page .usage-details__wrap,
.user-reserve-detail-page .usage-details__wrap {
    margin: 30px 36px 52px 31px;
  }
  .user-reserve-page .usage-details__price--wrap,
.user-reserve-detail-page .usage-details__price--wrap {
    margin-top: 37px;
    flex-wrap: wrap;
    gap: 39px 2%;
  }
  .user-reserve-page .usage-amount__wrap,
.user-reserve-detail-page .usage-amount__wrap {
    width: 100%;
    font-size: 3.4375vw;
    gap: 40px;
  }
  .user-reserve-page .usage-amount__total,
.user-reserve-page .usage-amount__indivisual,
.user-reserve-detail-page .usage-amount__total,
.user-reserve-detail-page .usage-amount__indivisual {
    display: flex;
    justify-content: space-between;
  }
  .user-reserve-page .total__price,
.user-reserve-detail-page .total__price {
    font-size: 3.75vw;
  }
  .user-reserve-page .usage-amount__indivisual,
.user-reserve-detail-page .usage-amount__indivisual {
    flex-wrap: wrap;
    padding-left: 2.34375vw;
    gap: 26px 0;
  }
  .user-reserve-page .payment__wrap,
.user-reserve-page .receipt,
.user-reserve-detail-page .payment__wrap,
.user-reserve-detail-page .receipt {
    width: 49%;
    font-size: 3.4375vw;
  }
  .user-reserve-page .payment__method,
.user-reserve-detail-page .payment__method {
    margin: 6.093px 0 0 2.34375vw;
  }
  .user-reserve-page .receipt button,
.user-reserve-detail-page .receipt button {
    width: 100%;
    font-size: 3.4375vw;
    height: 60px;
    padding: 0;
    line-height: 60px;
    text-align: center;
  }
}
/*---user-favorite---*/
/*---user-browsing-history---*/
/*---owner-room-list*/
.user-favorite-page .user-favorite__inner,
.user-favorite-page .user-history__inner,
.user-favorite-page .owner-room-list__inner,
.user-history-page .user-favorite__inner,
.user-history-page .user-history__inner,
.user-history-page .owner-room-list__inner,
.owner-room-list-page .user-favorite__inner,
.owner-room-list-page .user-history__inner,
.owner-room-list-page .owner-room-list__inner {
  margin: 28px 0 86px;
}
.user-favorite-page .user-room__list,
.user-history-page .user-room__list,
.owner-room-list-page .user-room__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
}
.user-favorite-page .user-room__item,
.user-history-page .user-room__item,
.owner-room-list-page .user-room__item {
  width: calc(50% - 9px);
  min-width: 410px;
  border: 1px solid #CCCCCC;
}
.user-favorite-page .user-room__item--link,
.user-history-page .user-room__item--link,
.owner-room-list-page .user-room__item--link {
  display: block;
  width: 100%;
  padding: 30px 10px 30px 30px;
  transition: all 0.3s;
}
.user-favorite-page .user-room__item--link:hover,
.user-history-page .user-room__item--link:hover,
.owner-room-list-page .user-room__item--link:hover {
  opacity: 0.7;
}
.user-favorite-page .user-room__item--inner,
.user-history-page .user-room__item--inner,
.owner-room-list-page .user-room__item--inner {
  display: flex;
  gap: 16px;
}
.user-favorite-page .user-room__item--img,
.user-history-page .user-room__item--img,
.owner-room-list-page .user-room__item--img {
  width: 120px;
  height: 120px;
}
.user-favorite-page .user-room__item--img img,
.user-history-page .user-room__item--img img,
.owner-room-list-page .user-room__item--img img {
  width: 100%;
  aspect-ratio: 1/1;
}
.user-favorite-page .space-number,
.user-history-page .space-number,
.owner-room-list-page .space-number {
  font-size: 0.9375rem;
}
.user-favorite-page .space-title,
.user-history-page .space-title,
.owner-room-list-page .space-title {
  font-size: 1.375rem;
}
.user-favorite-page .space-place,
.user-history-page .space-place,
.owner-room-list-page .space-place {
  font-size: 0.875rem;
  padding-left: 15px;
  position: relative;
}
.user-favorite-page .space-place::before,
.user-history-page .space-place::before,
.owner-room-list-page .space-place::before {
  content: "";
  width: 11.84px;
  height: 15.23px;
  background-image: url(../img/area-icon-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.user-favorite-page .space-review,
.user-history-page .space-review,
.owner-room-list-page .space-review {
  font-size: 1.125rem;
}
.user-favorite-page .space-review span,
.user-history-page .space-review span,
.owner-room-list-page .space-review span {
  font-size: 0.875rem;
}
.user-favorite-page .new-register__link,
.user-history-page .new-register__link,
.owner-room-list-page .new-register__link {
  display: block;
  width: 300px;
  height: 50px;
  background-color: var(--bg-color-main--thick);
  border-radius: 3px;
  color: var(--font-color-white);
  font-size: 0.8125rem;
  line-height: 50px;
  text-align: center;
  margin: 44px auto 0;
  transition: all 0.3s;
}
.user-favorite-page .new-register__link:hover,
.user-history-page .new-register__link:hover,
.owner-room-list-page .new-register__link:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .user-favorite-page .user-favorite__inner,
.user-favorite-page .user-history__inner,
.user-favorite-page .owner-room-list__inner,
.user-history-page .user-favorite__inner,
.user-history-page .user-history__inner,
.user-history-page .owner-room-list__inner,
.owner-room-list-page .user-favorite__inner,
.owner-room-list-page .user-history__inner,
.owner-room-list-page .owner-room-list__inner {
    margin: 28px 0 94.1px;
  }
  .user-favorite-page .user-room__list,
.user-history-page .user-room__list,
.owner-room-list-page .user-room__list {
    gap: 30px;
  }
  .user-favorite-page .user-room__item,
.user-history-page .user-room__item,
.owner-room-list-page .user-room__item {
    width: 100%;
    min-width: 100%;
  }
  .user-favorite-page .user-room__item--link,
.user-history-page .user-room__item--link,
.owner-room-list-page .user-room__item--link {
    padding: 25px 10px 22px 27px;
  }
  .user-favorite-page .user-room__item--inner,
.user-history-page .user-room__item--inner,
.owner-room-list-page .user-room__item--inner {
    gap: 24px;
    flex-wrap: wrap;
    align-items: center;
  }
  .user-favorite-page .user-room__item--img,
.user-history-page .user-room__item--img,
.owner-room-list-page .user-room__item--img {
    width: 23.4375vw;
    height: 23.4375vw;
  }
  .user-favorite-page .space-number,
.user-history-page .space-number,
.owner-room-list-page .space-number {
    font-size: 3.125vw;
  }
  .user-favorite-page .space-title,
.user-history-page .space-title,
.owner-room-list-page .space-title {
    font-size: 4.375vw;
  }
  .user-favorite-page .space-place,
.user-history-page .space-place,
.owner-room-list-page .space-place {
    font-size: 3.125vw;
    padding-left: 21px;
  }
  .user-favorite-page .space-place::before,
.user-history-page .space-place::before,
.owner-room-list-page .space-place::before {
    width: 2.4703125vw;
    height: 3.1765vw;
  }
  .user-favorite-page .space-review,
.user-history-page .space-review,
.owner-room-list-page .space-review {
    font-size: 3.75vw;
  }
  .user-favorite-page .space-review span,
.user-history-page .space-review span,
.owner-room-list-page .space-review span {
    font-size: 2.8125vw;
  }
  .user-favorite-page .new-register__link,
.user-history-page .new-register__link,
.owner-room-list-page .new-register__link {
    width: 100%;
    height: 70px;
    font-size: 1.375rem;
    line-height: 70px;
  }
}
/*---user-review---*/
.user-review-page .user-review__inner {
  margin: 25.5px 0 92px;
}
.user-review-page .user-review__list {
  width: 100%;
  max-width: 830px;
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.user-review-page .user-review__item {
  width: 100%;
  padding: 27px 39px 33.5px 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  border: 1px solid #CCC;
}
.user-review-page .user-review__item--inner {
  display: flex;
  align-items: center;
  gap: 16px;
}
.user-review-page .user-review__item--img {
  width: 120px;
  height: 120px;
}
.user-review-page .user-review__item--img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-review-page .user-review__item--text {
  display: flex;
  flex-direction: column;
  gap: 13px;
  line-height: 1;
}
.user-review-page .space-number {
  color: #3A3938;
  font-size: 0.9375rem;
}
.user-review-page .space-title {
  color: #3A3938;
  font-size: 1.375rem;
}
.user-review-page .space-place {
  font-size: 0.875rem;
  padding-left: 15px;
  position: relative;
}
.user-review-page .space-place::before {
  content: "";
  width: 11.84px;
  height: 15.23px;
  background-image: url(../img/area-icon-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.user-review-page .space-review {
  font-size: 1.125rem;
}
.user-review-page .space-review span {
  font-size: 0.875rem;
}
.user-review-page .write-review__link {
  align-self: flex-end;
  display: block;
  width: 200px;
  height: 32.5px;
  font-size: 0.9375rem;
  color: var(--font-color-white);
  text-align: center;
  line-height: 32.5px;
  background-color: var(--bg-color-main--thick);
  border-radius: 2px;
  transition: all 0.3s;
}
.user-review-page .write-review__link:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .user-review-page .user-review__inner,
.user-review-write-page .user-review__inner {
    margin: 28px 0 252.1px;
  }
  .user-review-page .user-review__list,
.user-review-write-page .user-review__list {
    gap: 31px;
  }
  .user-review-page .user-review__item,
.user-review-write-page .user-review__item {
    padding: 25px 25px 27px;
    flex-direction: column;
    gap: 20px;
    border: 2px solid #CCC;
  }
  .user-review-page .user-review__item--inner,
.user-review-write-page .user-review__item--inner {
    gap: 24px;
    border-bottom: 2px solid #C1C1C1;
    padding-bottom: 24px;
  }
  .user-review-page .user-review__item--img,
.user-review-write-page .user-review__item--img {
    width: 23.4375vw;
    height: 23.4375vw;
  }
  .user-review-page .space-number,
.user-review-write-page .space-number {
    font-size: 3.125vw;
  }
  .user-review-page .space-title,
.user-review-write-page .space-title {
    font-size: 4.375vw;
  }
  .user-review-page .space-place,
.user-review-write-page .space-place {
    font-size: 3.125vw;
    padding-left: 21px;
  }
  .user-review-page .space-place::before,
.user-review-write-page .space-place::before {
    width: 15.81px;
    height: 20.33px;
  }
  .user-review-page .space-review,
.user-review-write-page .space-review {
    font-size: 3.75vw;
  }
  .user-review-page .space-review span,
.user-review-write-page .space-review span {
    font-size: 2.8125vw;
  }
  .user-review-page .write-review__link,
.user-review-write-page .write-review__link {
    align-self: center;
    width: 49%;
    height: 7.8125vw;
    font-size: 3.125vw;
    line-height: 7.8125vw;
  }
}
/*---user-review-write---*/
.user-review-write-page .user-review-write__inner {
  width: 100%;
  margin: 15px 0 71px;
}
.user-review-write-page .user-review-write__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #CCCCCC;
}
.user-review-write-page .user-review-write__item--head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 53px;
  padding: 0 22.5px 0 30px;
  background-color: var(--bg-color-main--thick);
  color: var(--font-color-white);
  font-size: 0.9375rem;
  line-height: 1;
}
.user-review-write-page .room-info__wrap {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 24.5px 40px 0 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #C1C1C1;
}
.user-review-write-page .room-info__img {
  width: 200px;
  height: 133.44px;
}
.user-review-write-page .room-info__img img {
  width: 100%;
  height: auto;
  aspect-ratio: 200/133.44;
}
.user-review-write-page .room-info__text {
  display: flex;
  flex-direction: column;
  gap: 15px;
  line-height: 1;
}
.user-review-write-page .room-info__text .space-number {
  font-size: 0.9375rem;
  color: #3A3938;
}
.user-review-write-page .room-info__text .space-title {
  font-size: 1.375rem;
  color: #3A3938;
}
.user-review-write-page .room-info__text .space-place {
  font-size: 0.875rem;
  padding-left: 15px;
  position: relative;
}
.user-review-write-page .space-place::before {
  content: "";
  width: 11.84px;
  height: 15.23px;
  background-image: url(../img/area-icon-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.user-review-write-page .room-info__text .space-map {
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid #707070;
  margin-left: 9.2px;
  transition: all 0.3s;
  line-height: 1;
}
.user-review-write-page .room-info__text .space-map:hover {
  opacity: 0.7;
}
.user-review-write-page .room-info__text .space-owner {
  font-size: 0.875rem;
}
.user-review-write-page .evaluation__wrap {
  margin: 20px 40px 0 30px;
  padding-bottom: 21px;
  border-bottom: 1px solid #C1C1C1;
  font-size: 1.125rem;
  color: var(--font-color-main--thin2);
  line-height: 1;
  display: flex;
}
.user-review-write-page .evaluation__star {
  margin-left: 5px;
}
.user-review-write-page .review__wrap {
  margin: 22px 40px 28px 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.user-review-write-page .review__title {
  font-size: 1.125rem;
  color: var(--font-color-main--thin2);
  line-height: 1;
}
.user-review-write-page .review__wrap textarea {
  width: 100%;
  height: 158px;
  border: 1px solid #707070;
  font-size: 1.125rem;
  padding: 0 18px;
}
.user-review-write-page .review-confirmation__button {
  width: 340px;
  height: 50px;
  font-size: 0.9375rem;
  color: var(--font-color-white);
  text-align: center;
  line-height: 50px;
  background-color: #616161;
  border-radius: 2px;
  align-self: center;
  transition: all 0.3s;
}
.user-review-write-page .review-confirmation__button:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .user-review-write-page .user-review-write__inner {
    margin: 32px 0 395.1px;
  }
  .user-review-write-page .user-review-write__item {
    border: 2px solid #CCCCCC;
  }
  .user-review-write-page .user-review-write__item--head {
    height: 60px;
    padding: 0 9px 0 27px;
    font-size: 2.8125vw;
    flex-wrap: wrap;
  }
  .user-review-write-page .room-info__wrap {
    gap: 20.5px;
    margin: 22px 25px 0;
    padding-bottom: 22px;
    border-bottom: 2px solid #C1C1C1;
  }
  .user-review-write-page .user-reserve-detail__item .room-info__img {
    width: 36.8vw;
    height: 24.55vw;
  }
  .user-review-write-page .user-reserve-detail__item .room-info__img img {
    width: 100%;
    height: 100%;
    aspect-ratio: 235.5/157.12;
  }
  .user-review-write-page .room-info__text .space-number {
    font-size: 3.125vw;
  }
  .user-review-write-page .room-info__text .space-title {
    font-size: 3.75vw;
  }
  .user-review-write-page .room-info__text .space-place {
    font-size: 3.125vw;
    padding-left: 3.125vw;
    line-height: 1.7;
  }
  .user-review-write-page .space-place::before {
    width: 2.35vw;
    height: 3.17vw;
    top: 0;
    transform: translateY(1vw);
  }
  .user-review-write-page .room-info__text .space-map {
    padding: 0.78125vw 2.5vw;
    border: 2px solid #707070;
    font-size: 3.125vw;
  }
  .user-review-write-page .room-info__text .space-owner {
    font-size: 3.125vw;
  }
  .user-review-write-page .evaluation__wrap {
    margin: 29px 25px 0;
    padding-bottom: 27px;
    border-bottom: 2px solid #C1C1C1;
    font-size: 1.375rem;
  }
  .user-review-write-page .review__wrap {
    margin: 27px 25px 34px;
    gap: 24px;
  }
  .user-review-write-page .review__title {
    font-size: 1.375rem;
  }
  .user-review-write-page .review__wrap textarea {
    height: 202px;
    font-size: 1.375rem;
    padding: 0 24px;
  }
  .user-review-write-page .review-confirmation__button {
    max-width: 360px;
    width: 67.9%;
    height: 70px;
    font-size: 1.25rem;
    line-height: 70px;
  }
}
/*---user-setting---*/
/*---owner-setting---*/
.user-setting-page ::-moz-placeholder {
  color: #CCCCCC;
  font-size: 0.875rem;
}
.user-setting-page :-ms-input-placeholder {
  color: #CCCCCC;
  font-size: 0.875rem;
}
.user-setting-page ::placeholder {
  color: #CCCCCC;
  font-size: 0.875rem;
}
.user-setting-page label,
.user-setting-page .payee__title {
  display: inline-block;
  margin: 0 8px 10px 0;
}
.user-setting-page input {
  width: 330px;
  height: 40px;
  padding-left: 18px;
  border: 1px solid #CCCCCC;
}
.user-setting-page .user-setting-form__inner {
  margin: 35.4px 0 129px;
}
.user-setting-page .user-setting-form__inner--box {
  margin-bottom: 20px;
}
.user-setting-page .name input,
.user-setting-page .name-furi input {
  width: 160px;
}
.user-setting-page .first-name {
  margin-left: 10px;
}
.user-setting-page .gender input,
.user-setting-page .bank-account-number__inner input {
  display: none;
}
.user-setting-page .woman {
  margin-left: 24px;
}
.user-setting-page .current {
  margin-left: 16px;
}
.user-setting-page .gender-wrap label,
.user-setting-page .bank-account-number__inner label {
  padding-left: 34px;
  position: relative;
}
.user-setting-page .gender-wrap label::before,
.user-setting-page .bank-account-number__inner label::before {
  content: "";
  width: 24px;
  height: 24px;
  padding: 5px;
  background-clip: content-box;
  background-color: #DBDCE2;
  border: 1px solid #CCC;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 0;
}
.user-setting-page .gender input:checked + label::before,
.user-setting-page .bank-account-number__inner input:checked + label::before {
  background-color: var(--font-color-main--thin2);
}
.user-setting-page .birthday select {
  height: 40px;
  border: 1px solid #CCCCCC;
  padding-left: 18px;
  cursor: pointer;
}
.user-setting-page .triangle {
  position: relative;
}
.user-setting-page .triangle::before {
  content: "";
  position: absolute;
  top: 5px;
  left: -25px;
  width: 0;
  height: 0;
  border-top: 10px solid #60BDCC;
  border-left: 5.5px solid transparent;
  border-right: 5.5px solid transparent;
  z-index: -1;
}
.user-setting-page .birthday-year {
  width: 120px;
}
.user-setting-page .birthday-month,
.user-setting-page .birthday-day {
  width: 70px;
  margin-left: 24px;
}
.user-setting-page .profile-image > p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  margin: 0 8px 10px 0;
}
.user-setting-page .profile-image__inner {
  display: flex;
  gap: 23.5px;
  align-items: center;
}
.user-setting-page .profile-image__image {
  width: 118px;
  height: 118px;
}
.user-setting-page .profile-image__image img {
  width: 100%;
}
.user-setting-page .profile-image__text {
  font-size: 0.875rem;
}
.user-setting-page .profile-image__text label {
  width: 200px;
  height: 40px;
  background-color: var(--bg-color-main--thick);
  color: var(--font-color-white);
  text-align: center;
  line-height: 40px;
  transition: all 0.3s;
}
.user-setting-page .profile-image__text label:hover {
  opacity: 0.7;
}
.user-setting-page .profile-image__text input {
  display: none;
}
.user-setting-page .tel button {
  width: 100px;
  height: 40px;
  background-color: var(--bg-color-main--thick);
  color: var(--font-color-white);
  line-height: 40px;
  text-align: center;
  margin-left: 10.5px;
  transition: all 0.3s;
}
.user-setting-page .tel button:hover {
  opacity: 0.7;
}
.user-setting-page .confirm-btn {
  max-width: 500px;
  width: 100%;
  height: 40px;
  background-color: var(--bg-color-main--thick);
  border-radius: 2px;
  color: var(--font-color-white);
  font-size: 0.8125rem;
  line-height: 40px;
  text-align: center;
  transition: all 0.3s;
}
.user-setting-page .owner.confirm-btn {
  max-width: 100%;
}
.user-setting-page .confirm-btn:hover {
  opacity: 0.7;
}
.user-setting-page .address__inner {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.user-setting-page span.post {
  margin-right: 10.5px;
}
.user-setting-page .postal_code {
  width: 160px;
}
.user-setting-page span.attention {
  font-size: 0.75rem;
  margin-left: 10px;
  align-self: flex-end;
}
.user-setting-page .address-input {
  width: 65.66%;
  min-width: 500px;
}
.user-setting-page .self-introduction textarea {
  width: 100%;
  height: 112px;
  border: 1px solid #CCCCCC;
  padding-left: 18px;
  line-height: 1.5;
}
.user-setting-page .bank__wrap,
.user-setting-page .branch__wrap {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.user-setting-page .bank__wrap label,
.user-setting-page .branch__wrap label {
  margin-bottom: 0;
}
.user-setting-page #bank, .user-setting-page #branch {
  width: 160px;
}
.user-setting-page #bank + input,
.user-setting-page #branch + input {
  width: 230px;
  margin-left: 16px;
}
.user-setting-page .bank-account-number__wrap {
  max-width: 560px;
  display: flex;
  align-items: center;
}
.user-setting-page .bank-account-number__wrap > label {
  margin-right: auto;
}
.user-setting-page .bank-account-number__wrap > input {
  width: 230px;
  margin-left: 15px;
}

@media screen and (max-width: 768px) {
  .user-setting-page ::-moz-placeholder {
    font-size: 1.375rem;
  }
  .user-setting-page :-ms-input-placeholder {
    font-size: 1.375rem;
  }
  .user-setting-page ::placeholder {
    font-size: 1.375rem;
  }
  .user-setting-page label,
.user-setting-page .payee__title {
    font-size: 1.5rem;
    margin: 0 10px 12px 0;
  }
  .user-setting-page input {
    width: 100%;
    height: 70px;
    font-size: 1.5rem;
    padding-left: 24px;
    border: 2px solid #CCCCCC;
  }
  .user-setting-page .user-setting-form__inner {
    margin: 33.8px 0 118.1px;
  }
  .user-setting-page .user-setting-form__inner--box {
    margin-bottom: 33px;
  }
  .user-setting-page .name input,
.user-setting-page .name-furi input {
    width: calc(50% - 10px);
  }
  .user-setting-page .first-name {
    margin-left: 20px;
  }
  .user-setting-page .user-name .required {
    font-weight: 300;
    margin-left: 10px;
  }
  .user-setting-page .woman {
    margin-left: 78px;
  }
  .user-setting-page .gender-wrap label,
.user-setting-page .bank-account-number__inner label {
    padding-left: 64px;
  }
  .user-setting-page .gender-wrap label::before,
.user-setting-page .bank-account-number__inner label::before {
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 2px solid #CCC;
    top: -5px;
  }
  .user-setting-page .birthday select {
    height: 70px;
    border: 2px solid #CCCCCC;
    padding-left: 10px;
    font-size: 1.5rem;
  }
  .user-setting-page .triangle::before {
    top: 0px;
    left: -35px;
    border-top: 18px solid #60BDCC;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
  }
  .user-setting-page .birthday-year {
    width: 30.35%;
  }
  .user-setting-page .birthday-month,
.user-setting-page .birthday-day {
    width: 21.42%;
    margin-left: 2%;
  }
  .user-setting-page .profile-image > p {
    margin: 0 10px 12px 0;
    font-size: 1.5rem;
  }
  .user-setting-page .profile-image__inner {
    gap: 7%;
  }
  .user-setting-page .profile-image__image {
    max-width: 160px;
    width: 28.57%;
    height: auto;
  }
  .user-setting-page .profile-image__text {
    font-size: 1.25rem;
    width: 64.28%;
  }
  .user-setting-page .profile-image__text label {
    font-size: 1.375rem;
    width: 100%;
    height: 60px;
    line-height: 60px;
  }
  .user-setting-page .tel input {
    width: 67.85%;
  }
  .user-setting-page .tel button {
    width: 26.78%;
    height: 70px;
    line-height: 70px;
    margin-left: 5%;
    font-size: 1.375rem;
  }
  .user-setting-page .confirm-btn {
    max-width: 100%;
    height: 80px;
    border-radius: 0;
    font-size: 1.625rem;
    line-height: 80px;
  }
  .user-setting-page .address__inner {
    margin-bottom: 12px;
  }
  .user-setting-page .post {
    font-weight: 600;
    font-size: 1.5rem;
  }
  .user-setting-page .postal_code {
    width: 200px;
  }
  .user-setting-page span.attention {
    font-size: 1.25rem;
  }
  .user-setting-page .address-input {
    width: 100%;
    min-width: 100%;
  }
  .user-setting-page .self-introduction textarea {
    height: 220px;
    border: 2px solid #CCCCCC;
    margin-top: 16px;
  }
  .user-setting-page .bank__wrap,
.user-setting-page .branch__wrap {
    margin-bottom: 27px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .user-setting-page .bank__wrap label,
.user-setting-page .branch__wrap label {
    margin-bottom: 16px;
    width: 100%;
  }
  .user-setting-page #bank, .user-setting-page #branch {
    width: 28.57%;
  }
  .user-setting-page #bank + input,
.user-setting-page #branch + input {
    width: 64.28%;
    margin-left: 0;
  }
  .user-setting-page .bank-account-number__wrap {
    max-width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  .user-setting-page .bank-account-number__wrap > label {
    margin-right: auto;
  }
  .user-setting-page .bank-account-number__wrap > input {
    width: 100%;
    margin-left: 0;
  }
}
/*---owner-schdule---*/
.owner-schedule-page .calender__title {
  width: 100%;
  height: 53px;
  margin-top: 17.5px;
  padding: 0 11.5px 0 30px;
  background-color: var(--bg-color-main--thick);
  color: var(--font-color-white);
  font-size: 0.9375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.owner-schedule-page .owner-schedule__inner {
  margin: 54.5px 0 107.5px;
  position: relative;
}
.owner-schedule-page .room-name__list,
.owner-schedule-page .switch-link__list {
  display: flex;
  gap: 10px;
  position: absolute;
  top: -36.5px;
}
.owner-schedule-page .room-name__list {
  left: 0;
}
.owner-schedule-page .switch-link__list {
  right: 0;
}
.owner-schedule-page .room-name__item {
  width: 86.5px;
  height: 22px;
  font-size: 0.75rem;
  color: var(--font-color-white);
  border: 1px solid #A1A1A1;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.owner-schedule-page .room-name__item:hover {
  opacity: 0.7;
}
.owner-schedule-page .room-name__item.room__1 {
  background-color: #69D0E1;
}
.owner-schedule-page .room-name__item.room__2 {
  background-color: #E199E1;
}
.owner-schedule-page .room-name__item.room__3 {
  background-color: #70D68B;
}
.owner-schedule-page .room-name__item.room__4 {
  background-color: #FEF7D4;
  color: #A1A1A1;
}
.owner-schedule-page .room-name__item.room__5 {
  background-color: #7BC6CE;
}
.owner-schedule-page .room-name__item.room__6 {
  background-color: #E1C6E1;
}
.owner-schedule-page .room-name__item.room__7 {
  background-color: #70C68B;
}
.owner-schedule-page .room-name__item.room__8 {
  background-color: #F5F0DC;
  color: #A1A1A1;
}
.owner-schedule-page .room-name__item.room__9 {
  background-color: #676DE2;
}
.owner-schedule-page .room-name__item.room__10 {
  background-color: #B1E397;
}
.owner-schedule-page .room-name__item.room__11 {
  background-color: #D76F9D;
}
.owner-schedule-page .room-name__item.room__12 {
  background-color: #F370ED;
  color: #A1A1A1;
}
.owner-schedule-page .switch-link__item {
  width: 24px;
  height: 22px;
  font-size: 0.75rem;
  border: 1px solid #A1A1A1;
  border-radius: 2px;
  background-color: var(--bg-color-main--thick);
  color: var(--font-color-white);
  transition: all 0.3s;
}
.owner-schedule-page .switch-link__item.active {
  background-color: #fff;
  color: #555555;
}
.owner-schedule-page .switch-link__item:hover {
  opacity: 0.7;
}
.owner-schedule-page .switch-link__item a {
  display: block;
  width: 100%;
  text-align: center;
}
.owner-schedule-page .fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0;
}
.owner-schedule-page .fc-event-title {
  color: #6C6C6C;
  margin-left: 7px;
}
.owner-schedule-page .fc-h-event.room__1,
.owner-schedule-page .fc-v-event.room__1 {
  background-color: #BFE5EB;
  border-radius: 0%;
  border: none;
}
.owner-schedule-page .fc-h-event.room__2,
.owner-schedule-page .fc-v-event.room__2 {
  background-color: #EFC7EF;
  border-radius: 0%;
  border: none;
}
.owner-schedule-page .fc-h-event.room__3,
.owner-schedule-page .fc-v-event.room__3 {
  background-color: #BFECCB;
  border-radius: 0%;
  border: none;
}
.owner-schedule-page .fc-h-event.room__4,
.owner-schedule-page .fc-v-event.room__4 {
  background-color: #FEF7D4;
  border-radius: 0%;
  border: none;
}
.owner-schedule-page .room__1--on .fc-h-event.room__2,
.owner-schedule-page .room__1--on .fc-v-event.room__2,
.owner-schedule-page .room__1--on .fc-h-event.room__3,
.owner-schedule-page .room__1--on .fc-v-event.room__3,
.owner-schedule-page .room__1--on .fc-h-event.room__4,
.owner-schedule-page .room__1--on .fc-v-event.room__4,
.owner-schedule-page .room__2--on .fc-h-event.room__1,
.owner-schedule-page .room__2--on .fc-v-event.room__1,
.owner-schedule-page .room__2--on .fc-h-event.room__3,
.owner-schedule-page .room__2--on .fc-v-event.room__3,
.owner-schedule-page .room__2--on .fc-h-event.room__4,
.owner-schedule-page .room__2--on .fc-v-event.room__4,
.owner-schedule-page .room__3--on .fc-h-event.room__1,
.owner-schedule-page .room__3--on .fc-v-event.room__1,
.owner-schedule-page .room__3--on .fc-h-event.room__2,
.owner-schedule-page .room__3--on .fc-v-event.room__2,
.owner-schedule-page .room__3--on .fc-h-event.room__4,
.owner-schedule-page .room__3--on .fc-v-event.room__4,
.owner-schedule-page .room__4--on .fc-h-event.room__1,
.owner-schedule-page .room__4--on .fc-v-event.room__1,
.owner-schedule-page .room__4--on .fc-h-event.room__2,
.owner-schedule-page .room__4--on .fc-v-event.room__2,
.owner-schedule-page .room__4--on .fc-h-event.room__3,
.owner-schedule-page .room__4--on .fc-v-event.room__3 {
  display: none;
}
.owner-schedule-page .fc-col-header-cell-cushion {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 43.5px;
  height: 43.5px;
  padding: 0;
}
.owner-schedule-page .fc-day-sun .fc-col-header-cell-cushion {
  color: #DB4437;
}
.owner-schedule-page .fc-day-sat .fc-col-header-cell-cushion {
  color: #0E9EFE;
}
.owner-schedule-page .fc-daygrid-day-top {
  flex-direction: row;
  height: 28px;
}
.owner-schedule-page .fc-daygrid-day-number {
  line-height: 1;
  padding: 9.5px;
}
.owner-schedule-page .fc-daygrid-day.fc-day-today,
.owner-schedule-page .fc-timegrid-col.fc-day-today {
  background-color: transparent;
}
.owner-schedule-page .fc-bg-event.holiday {
  background-color: #E5E5E5;
  margin: 28% 4px 2px 4px;
}
.owner-schedule-page .week .fc-daygrid-bg-harness .fc-bg-event.holiday {
  background-color: transparent;
  margin-top: 2px;
}
.owner-schedule-page .fc-timegrid-col .fc-bg-event.holiday {
  margin-top: 2px;
}
.owner-schedule-page .holiday .fc-event-title {
  color: #555555;
  font-style: normal;
  text-align: center;
}
.owner-schedule-page .fc-timegrid-bg-harness .holiday .fc-event-title {
  color: transparent;
}
.owner-schedule-page .g_event .fc-event-title {
  color: var(--font-color-white);
}
.owner-schedule-page .fc-timegrid-axis {
  width: 70.5px;
}
.owner-schedule-page .fc-timegrid-axis-frame {
  justify-content: center;
}
.owner-schedule-page .fc-timegrid-slot-label-cushion {
  padding: 0 18.5px;
}

@media screen and (max-width: 768px) {
  .owner-schedule-page .calender__title {
    font-size: 1.0625rem;
  }
  .owner-schedule-page .owner-schedule__inner {
    margin: 82.5px 0 107.5px;
  }
  .owner-schedule-page .room-name__list,
.owner-schedule-page .switch-link__list {
    gap: 6px;
    top: -36.5px;
  }
  .owner-schedule-page .room-name__list {
    top: -64.5px;
    width: 100%;
  }
  .owner-schedule-page .room-name__item {
    max-width: 90px;
    width: calc(25% - 4.5px);
  }
  .owner-schedule-page .fc-col-header-cell-cushion {
    font-size: 2.1875vw;
  }
  .owner-schedule-page .fc-daygrid-day-top {
    justify-content: center;
    font-size: 2.1875vw;
    height: auto;
  }
  .owner-schedule-page .fc-daygrid-day.fc-day {
    height: 90px;
  }
  .owner-schedule-page .fc-daygrid-day-number {
    line-height: 1.5;
    padding: 0;
  }
  .owner-schedule-page .fc-bg-event.holiday {
    margin: 28% 4px 2px 4px;
  }
  .owner-schedule-page .fc-timegrid-col .fc-bg-event.holiday {
    margin-top: 2px;
  }
  .owner-schedule-page .holiday .fc-event-title {
    color: #555555;
    font-style: normal;
    text-align: center;
  }
  .owner-schedule-page .fc-timegrid-bg-harness .holiday .fc-event-title {
    color: transparent;
  }
  .owner-schedule-page .fc-event-title {
    font-size: 1.875vw !important;
  }
  .owner-schedule-page .fc-daygrid-day-bottom {
    font-size: 2.1875vw;
  }
}
/*---owner-message---*/
/*---owner-message-detail---*/
.owner-message-page .owner-message__inner {
  margin: 15px 0 676.1px;
}
.owner-message-page .message__list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 21px;
}
.owner-message-page .message__item {
  width: 100%;
  border: 1px solid #CCCCCC;
}
.owner-message-page .message__link {
  width: 100%;
  min-height: 130px;
  display: flex;
  align-items: center;
  padding: 20px 50px;
  transition: all 0.3s;
}
.owner-message-page .message__link:hover {
  opacity: 0.7;
}
.owner-message-page .message__icon {
  width: 47px;
  height: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.owner-message-page .message__icon.unread {
  background-image: url(../img/message-unread-icon.svg);
}
.owner-message-page .message__icon.read {
  background-image: url(../img/message-read-icon.svg);
}
.owner-message-page .message__title {
  margin-left: 33px;
  font-size: 1.0625rem;
}
.owner-message-page .message__date {
  margin-left: auto;
  font-size: 0.9375rem;
}
.owner-message-page .message-detail__box {
  width: 100%;
  border: 1px solid #CCC;
}
.owner-message-page .message__head {
  padding: 18.5px 37.5px;
  background-color: #F5F5F5;
}
.owner-message-page .message__head .message__title {
  margin-left: 0;
}
.owner-message-page .message__body {
  padding: 34.2px 35px 28.3px;
}
.owner-message-page .message__recept {
  padding-bottom: 28.8px;
  border-bottom: 1px solid #CCCCCC;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.owner-message-page .message__reply {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 17px;
}
.owner-message-page .message__reply--title {
  color: var(--font-color-main--thin2);
  margin-bottom: 7.7px;
}
.owner-message-page .message__reply--name,
.owner-message-page .message__reply--text {
  width: 100%;
}
.owner-message-page .message__reply--name label {
  margin-right: 22.5px;
}
.owner-message-page .message__reply--name input {
  height: 40px;
  width: 92.1%;
  border: 1px solid #A9A8A8;
  padding-left: 18px;
}
.owner-message-page .message__reply--text textarea {
  width: 100%;
  height: 147px;
  border: 1px solid #A9A8A8;
  margin-top: 11.3px;
  padding-left: 18px;
}
.owner-message-page .confirm-btn {
  width: 210px;
  height: 50px;
  border-radius: 2px;
  background-color: #616161;
  color: var(--font-color-white);
  line-height: 50px;
  text-align: center;
  transition: all 0.3s;
}
.owner-message-page .confirm-btn:hover {
  opacity: 0.7;
}
table.notation th, table.notation td {
    border: solid 1px #333333;
}
table.notation th {
    background: #6ec4ce;
    padding: 10px 0;
    vertical-align: middle;
    font-weight: normal;
    color: #fff;
}
table.notation td {
    padding: 10px 5px;
}
ul.sampleLogoBox li {
    list-style: none;
}
ul.sampleLogoBox {
    display: flex;
    text-align: center;
    margin: 0 0 10px;
}
ul.sampleLogoBox div {
    border: solid 1px #333333;
}
ul.sampleLogoBox li {
    list-style: none;
    margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .owner-message-page .owner-message__inner {
    margin: 35.3px 0 70.2px;
  }
  .owner-message-page .message__item {
    border: 2px solid #CCCCCC;
  }
  .owner-message-page .message__link {
    padding: 20px 33px 20px 44px;
    flex-wrap: wrap;
  }
  .owner-message-page .message__icon {
    width: 57px;
    height: 52.2px;
  }
  .owner-message-page .message__title {
    margin-left: 17px;
    font-size: 1.375rem;
  }
  .owner-message-page .message__date {
    font-size: 1.125rem;
  }
  .owner-message-page .message-detail__box {
    border: 2px solid #CCC;
  }
  .owner-message-page .message__head {
    padding: 19px 27px;
  }
  .owner-message-page .message__head .message__title {
    font-weight: 600;
    font-size: 1.375rem;
    margin-left: 0;
  }
  .owner-message-page .message__body {
    padding: 38.3px 25px 37.9px;
  }
  .owner-message-page .message__recept {
    padding-bottom: 44px;
    border-bottom: 2px solid #CCCCCC;
    font-size: 1.375rem;
  }
  .owner-message-page .message__recept--name {
    margin-bottom: 15px;
  }
  .owner-message-page .message__reply {
    margin-top: 27px;
    gap: 25px;
    font-size: 1.5rem;
  }
  .owner-message-page .message__reply--title {
    margin-bottom: 5px;
    font-weight: 600;
  }
  .owner-message-page .message__reply--name label,
.owner-message-page .message__reply--text label {
    color: var(--font-color-main--thin2);
    font-weight: 600;
  }
  .owner-message-page .message__reply--name label {
    margin-right: 0;
  }
  .owner-message-page .message__reply--name input {
    height: 60px;
    width: 100%;
    margin-top: 10px;
  }
  .owner-message-page .message__reply--text textarea {
    height: 200px;
    margin-top: 10px;
  }
  .owner-message-page .confirm-btn {
    width: 68.18%;
    height: 70px;
    line-height: 70px;
    font-size: 1.25rem;
    font-weight: 300;
  }
}
/*---owner-room-register---*/
.owner-room-register-page #basic-information,
.owner-room-register-page #facility,
.owner-room-register-page #plan,
.owner-room-register-page #other {
  margin-top: -103px;
  padding-top: 103px;
}
.owner-room-register-page .owner-register__section-title {
  font-size: 1.25rem;
  padding-left: 19px;
  position: relative;
  margin-bottom: 17px;
}
.owner-room-register-page .owner-register__section-title::before {
  content: "";
  width: 10px;
  height: 30px;
  background-color: var(--bg-color-main--thick);
  position: absolute;
  top: 2.5px;
  left: 0;
}
.owner-room-register-page .required {
  margin-right: 9px;
}
.owner-room-register-page .attention {
  font-size: 0.875rem;
  color: #6C6C6C;
  margin-left: 16px;
}
.owner-room-register-page input, .owner-room-register-page textarea {
  border: 1px solid #CCCCCC;
  padding-left: 18px;
  margin: 11px 0 33px;
}
.owner-room-register-page input {
  height: 40px;
}
.owner-room-register-page textarea {
  height: 100px;
  width: 100%;
}
.owner-room-register-page input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin: 0 7px 0 0;
  cursor: pointer;
}
.owner-room-register-page input[type=radio] {
  display: none;
}
.owner-room-register-page input[type=radio] + label {
  margin-left: 35px;
  position: relative;
}
.owner-room-register-page input[type=radio] + label::before {
  content: "";
  width: 24px;
  height: 24px;
  padding: 5px;
  background-clip: content-box;
  border: 1px solid #CFCFCF;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  left: -35px;
}
.owner-room-register-page input[type=radio]:checked + label::before {
  background-color: #60BDCC;
}
.owner-room-register-page .tr__batch input[type=radio] + label::before {
  top: 0;
}
.owner-room-register-page ::-moz-placeholder {
  font-size: 0.875rem;
  color: #BCBCBC;
}
.owner-room-register-page :-ms-input-placeholder {
  font-size: 0.875rem;
  color: #BCBCBC;
}
.owner-room-register-page ::placeholder {
  font-size: 0.875rem;
  color: #BCBCBC;
}
.owner-room-register-page .owner-room-register__inner {
  margin: 35.5px 0 239.4px;
}
.owner-room-register-page .register__link--list {
  display: flex;
  width: 100%;
  gap: 9px;
  margin-bottom: 19px;
}
.owner-room-register-page .register__link--item {
  width: calc(25% - 6.75px);
  height: 40px;
}
.owner-room-register-page .register__link {
  display: block;
  width: 100%;
  border: 1px solid #707070;
  border-radius: 4px;
  font-size: 0.875rem;
  text-align: center;
  line-height: 40px;
  transition: all 0.3s;
}
.owner-room-register-page .register__link:hover {
  opacity: 0.7;
}
.owner-room-register-page #room-name {
  width: 400px;
}
.owner-room-register-page .address__inner {
  display: flex;
  align-items: center;
  margin-top: 11px;
}
.owner-room-register-page .post {
  margin-right: 10.5px;
}
.owner-room-register-page .postal_code {
  width: 160px;
  margin: 0;
}
.owner-room-register-page .address-input {
  width: 100%;
  max-width: 545px;
}
.owner-room-register-page #tel {
  width: 340px;
  margin-right: 25px;
}
.owner-room-register-page .tel button {
  width: 100px;
  height: 40px;
  font-size: 0.875rem;
  color: var(--font-color-white);
  line-height: 40px;
  background-color: var(--bg-color-main--thick);
  border-radius: 4px;
  text-align: center;
  margin: 11px 0 33px;
  transition: all 0.3s;
}
.owner-room-register-page .tel button:hover {
  opacity: 0.7;
}
.owner-room-register-page .room-image__input--wrap {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 11px;
}
.owner-room-register-page .room-image__input--wrap:first-of-type {
  margin-top: 21.3px;
}
.owner-room-register-page .room-image-head {
  margin-right: 13px;
}
.owner-room-register-page .room-image__input-area {
  width: 274.5px;
  height: 40px;
  border: 1px solid #CCCCCC;
  padding-left: 18px;
}
.owner-room-register-page .room-image__input--wrap input {
  display: none;
}
.owner-room-register-page .room-image__input--wrap label {
  width: 150px;
  height: 40px;
  font-size: 0.9375rem;
  color: var(--font-color-white);
  background-color: var(--bg-color-main--thick);
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
  transition: all 0.3s;
}
.owner-room-register-page .owner-room-register__button {
  width: 240px;
  height: 40px;
  background-color: #707070;
  border-radius: 4px;
  font-size: 0.875rem;
  color: var(--font-color-white);
  text-align: center;
  line-height: 40px;
  margin: 11.5px 0 29.6px;
  transition: all 0.3s;
}
.owner-room-register-page .room-image__input--wrap label:hover,
.owner-room-register-page .owner-room-register__button:hover {
  opacity: 0.7;
}
.owner-room-register-page #room-catch {
  width: 100%;
}
.owner-room-register-page .introduction {
  margin-bottom: 21px;
}
.owner-room-register-page .introduction__list {
  margin: 17px 0 36px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 13px 0;
  font-weight: 600;
}
.owner-room-register-page .introduction__item {
  width: 20%;
  min-width: 135px;
  display: flex;
  align-items: center;
}
.owner-room-register-page .about-wifi textarea {
  height: 220px;
}
.owner-room-register-page .plan table {
  width: 100%;
}
.owner-room-register-page .plan ::-moz-placeholder {
  font-size: 1.125rem;
}
.owner-room-register-page .plan :-ms-input-placeholder {
  font-size: 1.125rem;
}
.owner-room-register-page .plan ::placeholder {
  font-size: 1.125rem;
}
.owner-room-register-page .plan table,
.owner-room-register-page .table__head,
.owner-room-register-page .td__title,
.owner-room-register-page .td__content {
  border: 1px solid #CCCCCC;
}
.owner-room-register-page .table__head {
  width: 100%;
  height: 53.15px;
  background-color: #E4E4E4;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 53.15px;
}
.owner-room-register-page .td__title, .owner-room-register-page .td__content {
  height: 58px;
  font-size: 1.125rem;
}
.owner-room-register-page .tr__batch .td__title,
.owner-room-register-page .tr__batch .td__content {
  height: auto;
  min-height: 58px;
}
.owner-room-register-page .td__title {
  width: 17.76%;
  text-align: center;
  padding-top: 15px;
}
.owner-room-register-page .td__content {
  width: 82.24%;
  padding: 5.7px 0 0 7.5px;
}
.owner-room-register-page .td__content input[type=text] {
  margin: 0;
  width: 97.1%;
}
.owner-room-register-page .tr__display .td__content {
  padding-top: 15px;
}
.owner-room-register-page input[type=radio] + label.hidden {
  margin-left: 15.75%;
}
.owner-room-register-page .tr__batch .td__content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border: none;
  gap: 10px 5%;
  padding: 15px 0 5.7px 7.5px;
}
.owner-room-register-page .tr__batch label {
  font-size: 0.9375rem;
  padding: 6px 14px;
  border-radius: 3px;
  white-space: nowrap;
}
.owner-room-register-page .batch.recommend {
  background-color: #FBEB84;
}
.owner-room-register-page .batch.timesale {
  background-color: #D0D0D0;
}
.owner-room-register-page .batch.new {
  background-color: #707070;
  color: #FBEB84;
}
.owner-room-register-page .batch.popular {
  background-color: #60BDCC;
  color: #FFF;
}
.owner-room-register-page .add-option__item {
  display: flex;
  align-items: center;
  margin-top: 14px;
}
.owner-room-register-page .add-option__item label {
  margin-right: 5px;
  white-space: nowrap;
}
.owner-room-register-page .add-option__item input {
  margin: 0;
}
.owner-room-register-page .add-option__item input:first-of-type {
  width: 200px;
  margin-right: 31.5px;
}
.owner-room-register-page .add-option__item input:last-of-type {
  width: 130px;
  margin-right: 8.5px;
}
.owner-room-register-page .other label {
  font-size: 1.125rem;
}
.owner-room-register-page .form__box--title.notes,
.owner-room-register-page .form__box--title.faq {
  font-size: 1.25rem;
  margin-bottom: 40px;
}
.owner-room-register-page .clean-up textarea,
.owner-room-register-page .terms textarea,
.owner-room-register-page .cancel textarea {
  height: 163px;
}
.owner-room-register-page .faq__item--wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 13px 0;
  margin-bottom: 41px;
}
.owner-room-register-page .faq label {
  width: 8.2%;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--font-color-main--thin2);
}
.owner-room-register-page .faq input,
.owner-room-register-page .faq textarea {
  width: 91.8%;
  margin: 0;
}
.owner-room-register-page .possible-use__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 30px;
  font-size: 0.9375rem;
  font-weight: 600;
  white-space: nowrap;
}
.owner-room-register-page .possible-use_item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.owner-room-register-page .preview-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 44px;
  background-color: var(--bg-color-main--thick);
  border-radius: 4px;
  font-size: 0.875rem;
  color: var(--font-color-white);
  margin: 73.6px auto 0;
  transition: all 0.3s;
}
.owner-room-register-page .preview-button:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .owner-room-register-page #basic-information,
.owner-room-register-page #facility,
.owner-room-register-page #plan,
.owner-room-register-page #other {
    margin-top: -81px;
    padding-top: 81px;
  }
  .owner-room-register-page .owner-register__section-title {
    font-size: 1.75rem;
  }
  .owner-room-register-page .owner-register__section-title::before {
    width: 12px;
    height: 36px;
    top: 4px;
  }
  .owner-room-register-page .required {
    margin-right: 11px;
  }
  .owner-room-register-page .attention {
    font-size: 1rem;
  }
  .owner-room-register-page label {
    font-size: 1.25rem;
  }
  .owner-room-register-page input, .owner-room-register-page textarea {
    border: 2px solid #CCCCCC;
  }
  .owner-room-register-page input {
    height: 70px;
    width: 100%;
  }
  .owner-room-register-page textarea {
    height: 160px;
    width: 100%;
  }
  .owner-room-register-page input[type=checkbox] {
    width: 24px;
    height: 24px;
  }
  .owner-room-register-page input[type=radio] + label {
    margin-left: 55px;
  }
  .owner-room-register-page input[type=radio] + label::before {
    width: 40px;
    height: 40px;
    padding: 8px;
    top: -12px;
    left: -55px;
  }
  .owner-room-register-page .tr__batch input[type=radio] + label::before {
    top: -6px;
  }
  .owner-room-register-page ::-moz-placeholder {
    font-size: 1.125rem;
  }
  .owner-room-register-page :-ms-input-placeholder {
    font-size: 1.125rem;
  }
  .owner-room-register-page ::placeholder {
    font-size: 1.125rem;
  }
  .owner-room-register-page .owner-room-register__inner {
    margin: 35.5px 0 80px;
  }
  .owner-room-register-page .register__link--list {
    gap: 9px;
    flex-wrap: wrap;
  }
  .owner-room-register-page .register__link--item {
    width: calc(50% - 4.5px);
    height: 40px;
  }
  .owner-room-register-page .register__link {
    border: 2px solid #707070;
    font-size: 1.125rem;
  }
  .owner-room-register-page #room-name {
    width: 100%;
  }
  .owner-room-register-page .post {
    font-size: 1.125rem;
  }
  .owner-room-register-page .postal_code {
    width: 50%;
  }
  .owner-room-register-page #tel {
    width: 60%;
    margin-right: 15px;
  }
  .owner-room-register-page .tel button {
    width: 30%;
    height: 70px;
    font-size: 1.25rem;
    line-height: 70px;
    margin: 11px 0 33px;
  }
  .owner-room-register-page .room-image__input--wrap {
    flex-wrap: wrap;
    gap: 6px 12px;
  }
  .owner-room-register-page .room-image-head {
    margin-right: 0;
    font-size: 1.125rem;
    width: 100%;
  }
  .owner-room-register-page .room-image__input-area {
    width: 60%;
    height: 70px;
    border: 2px solid #CCCCCC;
  }
  .owner-room-register-page .room-image__input--wrap label {
    width: 30%;
    height: 70px;
    font-size: 3.125vw;
    line-height: 70px;
  }
  .owner-room-register-page .owner-room-register__button {
    display: block;
    width: 100%;
    max-width: 500px;
    height: 70px;
    font-size: 1.25rem;
    line-height: 70px;
    margin: 11.9px auto 29.6px;
  }
  .owner-room-register-page .introduction__list {
    gap: 13px 5px;
  }
  .owner-room-register-page .introduction__item {
    width: 170px;
    min-width: 170px;
  }
  .owner-room-register-page .table__head {
    height: 60px;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 53.15px;
  }
  .owner-room-register-page .td__title, .owner-room-register-page .td__content {
    height: 78px;
    font-size: 1.375rem;
  }
  .owner-room-register-page .td__title {
    font-size: 1.25rem;
  }
  .owner-room-register-page .tr__batch .td__title {
    padding-top: 15px;
  }
  .owner-room-register-page .td__content {
    padding: 4px 0 0 7.5px;
  }
  .owner-room-register-page .tr__batch label {
    font-size: 1.125rem;
  }
  .owner-room-register-page .form__box--title.add-option {
    font-size: 1.5rem;
  }
  .owner-room-register-page .add-option__item {
    flex-wrap: wrap;
    margin-top: 14px;
    gap: 8px;
    font-size: 1.25rem;
  }
  .owner-room-register-page .add-option__item label {
    width: 30%;
    margin-right: 0;
    text-align: right;
  }
  .owner-room-register-page .add-option__item input {
    margin: 0;
  }
  .owner-room-register-page .add-option__item input:first-of-type {
    width: 60%;
    margin-right: 0;
  }
  .owner-room-register-page .add-option__item input:last-of-type {
    width: 45%;
  }
  .owner-room-register-page .other label {
    font-size: 1.25rem;
  }
  .owner-room-register-page .form__box--title.notes,
.owner-room-register-page .form__box--title.faq {
    font-size: 1.375rem;
    margin-bottom: 25px;
  }
  .owner-room-register-page .clean-up textarea,
.owner-room-register-page .terms textarea,
.owner-room-register-page .cancel textarea {
    height: 180px;
  }
  .owner-room-register-page .faq label {
    width: 12%;
    font-size: 1.375rem;
  }
  .owner-room-register-page .faq input,
.owner-room-register-page .faq textarea {
    width: 88%;
  }
  .owner-room-register-page .possible-use__list {
    gap: 10px 20px;
  }
  .owner-room-register-page .preview-button {
    width: 100%;
    max-width: 500px;
    height: 80px;
    font-size: 1.25rem;
  }
}
/*---company-profile---*/
.company-profile-page .company-profile__inner {
  max-width: 896px;
  width: 100%;
  margin: 0 auto;
  padding: 33.6px 0 135.5px;
  font-size: 0.9375rem;
}
.company-profile-page .company-profile__inner .company-profile__table {
  margin: 0 auto;
}
.company-profile-page .company-profile__inner tr + tr {
  border-top: 1px solid #C7C7C7;
}
.company-profile-page .company-profile__inner th {
  width: 24.5%;
  height: 51.5px;
  line-height: 51.5px;
  font-weight: normal;
  text-align: center;
  background-color: #EAF7F8;
}
.company-profile-page .company-profile__inner td {
  width: 75.5%;
  height: 51.5px;
  line-height: 51.5px;
  padding-left: 36px;
}
.company-profile-page .company-profile__inner .company-content__head {
  height: 200px;
  line-height: 200px;
}
.company-profile-page .company-profile__inner .company-content__date {
  height: 200px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .company-profile-page .company-profile__inner {
    max-width: 100%;
    padding: 26px 0 33.4px;
    font-size: 1.25rem;
  }
  .company-profile-page .company-profile__inner tr + tr {
    border-top: 2px solid #C7C7C7;
  }
  .company-profile-page .company-profile__inner th {
    width: 24.5%;
    height: 69px;
    line-height: 69px;
  }
  .company-profile-page .company-profile__inner td {
    height: 69px;
    line-height: 69px;
    padding-left: 27px;
  }
  .company-profile-page .company-profile__inner .company-address__head {
    padding: 24px 0;
  }
  .company-profile-page .company-profile__inner .company-employees__head {
    line-height: 2;
    padding: 24px 0;
  }
  .company-profile-page .company-profile__inner .company-address__date,
.company-profile-page .company-profile__inner .company-employees__date {
    line-height: 2;
    padding: 24px 0 24px 27px;
  }
  .company-profile-page .company-profile__inner .company-content__head {
    height: 248px;
    line-height: 248px;
    padding: 24px 0;
  }
  .company-profile-page .company-profile__inner .company-content__date {
    height: 248px;
    padding: 24px 0 24px 27px;
  }
}
/*---privacy-policy*/
.policy-page .policy__inner {
  width: 100%;
  padding: 39px 0 86.5px;
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.7333;
}
.policy-page .policy__inner .policy-title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  margin-top: 65px;
  margin-bottom: 37px;
  position: relative;
}
.policy-page .policy__inner .policy-title::before {
  content: "";
  width: 218px;
  height: 4px;
  background-color: #60BDCC;
  position: absolute;
  bottom: -11.5px;
  left: 50%;
  transform: translateX(-50%);
}
.policy-page .policy__inner ul {
  list-style-type: disc;
}
.policy-page .policy__inner ol {
  list-style-type: decimal-leading-zero;
}
.policy-page .policy__inner .policy-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.policy-page .policy__inner .article4-ul {
  margin-bottom: 24px;
}
.policy-page .policy__inner .policy-list__alpha {
  margin: 24px 0 24px 30px;
  list-style-type: lower-alpha;
}
.policy-page .policy__inner .policy-list__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-left: 30px;
}
.policy-page .policy__inner .contact-box {
  margin-top: 51.5px;
}
.policy-page .policy__inner .contact-box .email {
  text-decoration: underline;
}
.policy-page .policy__inner .contact-box .contact-link {
  color: var(--font-color-main--thin);
}

@media screen and (max-width: 768px) {
  .policy-page .policy__inner {
    padding: 29px 0 51.5px;
    font-size: 1.25rem;
    line-height: 1.8;
  }
  .policy-page .policy__inner .policy-title {
    font-size: 1.6255rem;
    margin-top: 50px;
  }
  .policy-page .policy__inner .policy-list {
    width: 90%;
    margin-left: auto;
    gap: 40px;
  }
  .policy-page .policy__inner .article4-ul {
    margin-bottom: 40px;
  }
  .policy-page .policy__inner .policy-list__alpha {
    margin: 40px 0 40px 30px;
  }
  .policy-page .policy__inner .policy-list__inner {
    gap: 40px;
  }
  .policy-page .policy__inner .contact-box {
    margin-top: 25.6px;
  }
}
/*---contact-page----*/
.contact-page .contact-form__inner {
  max-width: 630px;
  width: 100%;
  margin: 0 auto;
  padding: 48px 0 91px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.contact-page label {
  cursor: default;
}
.contact-page ::-moz-placeholder {
  font-size: 0.875rem;
  color: #BCBCBC;
}
.contact-page :-ms-input-placeholder {
  font-size: 0.875rem;
  color: #BCBCBC;
}
.contact-page ::placeholder {
  font-size: 0.875rem;
  color: #BCBCBC;
}
.contact-page .name input,
.contact-page .email input {
  width: 47%;
  height: 40px;
  border: 1px solid #C5C5C5;
  padding-left: 21px;
}
.contact-page .input-wrap {
  display: flex;
  gap: 6%;
}
.contact-page .item select {
  width: 100%;
  height: 40px;
  border: 1px solid #C5C5C5;
  cursor: pointer;
  padding-left: 21px;
}
.contact-page .item .triangle {
  position: relative;
}
.contact-page .item .triangle::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 20px;
  display: block;
  width: 0;
  height: 0;
  border-top: 11px solid #707070;
  border-left: 6.5px solid transparent;
  border-right: 6.5px solid transparent;
  z-index: -1;
}
.contact-page .contents textarea {
  width: 100%;
  height: 172px;
  border: 1px solid #C5C5C5;
  padding-left: 21px;
}
.contact-page .confirm-btn {
  width: 100%;
  height: 43.5px;
  background-color: var(--bg-color-main--thick);
  border-radius: 2px;
  font-size: 0.9375rem;
  color: var(--font-color-white);
  text-align: center;
  line-height: 43.5px;
  transition: all 0.3s;
}
.contact-page .confirm-btn:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .contact-page .contact-form__inner {
    max-width: 560px;
    padding: 43px 0 54px;
    font-size: 1.625rem;
  }
  .contact-page ::-moz-placeholder {
    font-size: 1.375rem;
  }
  .contact-page :-ms-input-placeholder {
    font-size: 1.375rem;
  }
  .contact-page ::placeholder {
    font-size: 1.375rem;
  }
  .contact-page .name input {
    width: 48%;
    height: 70px;
    border: 2px solid #C5C5C5;
  }
  .contact-page .email input {
    width: 100%;
    height: 70px;
    border: 2px solid #C5C5C5;
  }
  .contact-page .input-wrap {
    gap: 4%;
  }
  .contact-page .item select {
    height: 70px;
    border: 2px solid #C5C5C5;
  }
  .contact-page .item .triangle::before {
    top: 3px;
    right: 20px;
    display: block;
    width: 0;
    height: 0;
    border-top: 19px solid #707070;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
  }
  .contact-page .contents textarea {
    height: 210px;
    border: 2px solid #C5C5C5;
  }
  .contact-page .confirm-btn {
    width: 100%;
    height: 80px;
    font-size: 1.625rem;
    line-height: 80px;
    border-radius: 8px;
  }
}
/*---FAQ---*/
.faq-page .faq__inner {
  max-width: 830px;
  width: 100%;
  margin: 0 auto;
  padding: 31px 0 91px;
}
.faq-page .search-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 23px;
}
.faq-page .search-box p {
  font-size: 0.9375rem;
}
.faq-page .search-box input {
  margin-left: 7px;
  width: 48%;
  height: 50px;
  border: 1px solid #B7B7B7;
  border-radius: 5px;
  padding-left: 18px;
}
.faq-page .search-box button {
  width: 20px;
  height: 20px;
  position: relative;
  transform: translateX(-40px);
}
.faq-page .search-box img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
}
.faq-page .search-box img:hover {
  opacity: 0.7;
}
.faq-page .tab-wrap {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.faq-page .tab {
  width: calc(33.3333333333% - 19.6px);
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 0.9375rem;
  color: var(--font-color-white);
  background-color: var(--bg-color-main--thick);
  border: 1px solid #64A7B2;
  border-radius: 4px;
}
.faq-page .panel {
  padding-top: 50px;
  display: none;
}
.faq-page input[name=check] {
  display: none;
}
.faq-page .panel.is-show {
  display: block;
}
.faq-page .faq-question {
  width: 100%;
  font-weight: 600;
  border-top: 1px solid #707070;
  padding: 17.5px 2% 23.5px 10%;
  cursor: pointer;
  z-index: 1;
  position: relative;
}
.faq-page .faq-question::before {
  content: "Q.";
  font-size: 1.375rem;
  font-weight: 600;
  color: #5FBDCC;
  position: absolute;
  top: 19px;
  left: 5%;
}
.faq-page .faq-answer {
  max-height: 0;
  width: 100%;
  opacity: 0;
  transition: 0.4s ease;
  padding: 0 2% 0px 10%;
}
.faq-page .panel {
  border-bottom: 1px solid #707070;
}
.faq-page .js-question.active + .faq-answer {
  height: auto;
  max-height: 100px;
  opacity: 1;
  margin-bottom: 29px;
  transition: 0.4s ease;
}

@media screen and (max-width: 768px) {
  .faq-page .faq__inner {
    max-width: 580px;
    padding: 25px 0 28.5px;
  }
  .faq-page .search-box p {
    font-size: 1.375rem;
    font-weight: 600;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
  }
  .faq-page .search-box input {
    margin-left: 16px;
    width: 100%;
    height: 60px;
    border: 2px solid #B7B7B7;
    border-radius: 5px;
    padding-left: 18px;
  }
  .faq-page .search-box button {
    width: 30px;
    height: 30px;
    transform: translateX(-40px);
  }
  .faq-page .tab-wrap {
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .faq-page .tab {
    width: calc(33.3333333333% - 18px);
    min-width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 1.125rem;
  }
  .faq-page .panel {
    padding-top: 21px;
  }
  .faq-page .faq-question {
    font-size: 1.375rem;
    border-top: 2px solid #707070;
    padding: 29px 5% 18.5px 10%;
  }
  .faq-page .faq-question::before {
    top: 29px;
    left: 3%;
  }
  .faq-page .faq-answer {
    padding: 0 5% 0px 10%;
    font-size: 1.375rem;
  }
  .faq-page .panel {
    border-bottom: 2px solid #707070;
  }
  .faq-page .js-question.active + .faq-answer {
    margin-bottom: 25.5px;
  }
}
/*---各ページ共通(特集〜)---*/
/*feature*/
.feature {
  background-color: var(--bg-color-main);
  padding: 38px 0;
}
.feature .feature__slider--box {
  width: 95%;
  margin: 0 auto;
  margin-top: 23px;
}
.feature .feature__slider {
  width: 100%;
  position: relative;
}
.feature .slider-item {
  transition: all 0.3s;
  padding: 0 17.5px;
}
.feature .slider-item:hover {
  opacity: 0.7;
}
.feature .slider-item img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px;
}
.feature .slide-arrow {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #6CC2D0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.feature .prev-arrow {
  left: -40px;
}
.feature .prev-arrow:before {
  content: "<";
  display: block;
  color: #fff;
  font-weight: 600;
  transform: translateX(12px);
}
.feature .next-arrow {
  right: -40px;
}
.feature .next-arrow:before {
  content: ">";
  display: block;
  color: #fff;
  font-weight: 600;
  transform: translateX(14px);
}

@media screen and (max-width: 768px) {
  .feature {
    padding: 23px 0 36px;
  }
  .feature .feature__slider--box {
    width: 70%;
    margin-top: 37px;
  }
  .feature .slide-arrow {
    background-color: #707070;
    transform: translateY(-100%);
  }
  .feature .prev-arrow:before {
    color: #6CC2D0;
  }
  .feature .next-arrow:before {
    color: #6CC2D0;
  }
  .feature .slick-dots {
    text-align: center;
    margin-top: 29px;
  }
  .feature .slick-dots li {
    display: inline-block;
    margin: 0 20px;
  }
  .feature .slick-dots button {
    color: transparent;
    outline: none;
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 50%;
    background: #fff;
  }
  .feature .slick-dots .slick-active button {
    background: #61BECD;
  }
}
/*pickup*/
.pickup {
  padding: 44px 52px;
  background-color: var(--bg-color-base);
}

.pickup__inner {
  margin-top: 38px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}

.pickup__inner--item {
  width: 370px;
  height: 100px;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  transition: all 0.3s;
}

.pickup__inner--item:hover {
  opacity: 0.7;
}

.pickup__inner--item img {
  width: 98px;
  height: 98px;
  -o-object-fit: cover;
     object-fit: cover;
}

.pickup__inner--item p {
  padding: 0 30px;
}

.pickup__bottom {
  margin-top: 79px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 21px;
}

.pickup__bottom a {
  display: block;
  width: 380px;
  height: 110px;
  transition: all 0.3s;
}

.pickup__bottom a:hover {
  opacity: 0.7;
}

.pickup__bottom img {
  width: 100%;
  height: auto;
}
p.thanks {
    text-align: center;
    background: #5ebeca;
    color:#FFFFFF;
}
@media screen and (max-width: 768px) {
  .pickup {
    padding: 36px 65.5px;
  }
  .pickup__inner {
    margin-top: 29px;
    gap: 21px;
  }
  .pickup__inner--item {
    width: 100%;
    height: 120px;
    border: 2px solid #D3D3D3;
  }
  .pickup__inner--item img {
    width: 116px;
    height: 116px;
  }
  .pickup__inner--item p {
    padding: 0 18px;
  }
  .pickup__bottom {
    margin-top: 45px;
    gap: 32.5px;
  }
  .pickup__bottom a {
    width: 520px;
    max-width: 89%;
    height: auto;
  }
}
/* ------ */
/* footer */
/* ------ */
.footer {
  font-weight: 600;
}

.footer .footer__inner {
  background-color: var(--bg-color-gray);
  width: 100%;
  color: var(--font-color-base);
}
.footer .footer__inner .l-container {
  display: flex;
  justify-content: space-between;
}
.footer .footer__logo {
  width: 276px;
  margin-top: 34px;
  margin-bottom: 22px;
}
.footer .footer__nav {
  font-size: 0.9375rem;
  line-height: 2;
}
.footer .footer__nav-grid {
  margin-top: 68px;
  margin-bottom: 25px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.footer .footer__nav-item {
  transition: all 0.3s;
}
.footer .footer__nav-item:hover {
  opacity: 0.7;
}
.footer .footer__copy {
  background-color: #5FBDCC;
  font-size: 1.125rem;
  text-align: center;
  color: var(--font-color-white);
  padding: 16px 0 16px;
}

@media screen and (max-width: 768px) {
  .footer {
    font-weight: 400;
  }
  .footer .footer__inner .l-container {
    flex-direction: column;
    align-items: center;
    justify-content: unset;
  }
  .footer .footer__logo {
    width: 266px;
    margin-top: 40px;
    margin-bottom: 9px;
  }
  .footer .footer__nav {
    font-size: 1.25rem;
    line-height: 3;
    text-align: center;
    width: 100vw;
  }
  .footer .footer__nav-grid {
    margin: 0;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 4fr 1fr 5fr;
  }
  .footer .footer__nav-pickup {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .footer .footer__nav-other {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .footer .footer__nav-item {
    border-top: 1px solid #CDCDCD;
  }
  .footer .footer__nav-login .footer__nav-item {
    border-left: 1px solid #CDCDCD;
  }
  .footer .footer__copy {
    font-weight: 500;
    font-size: 1.5rem;
    padding: 22px 0 19px;
  }
}/*# sourceMappingURL=style.css.map */