@charset "UTF-8";
#Main .block-rent-01 {padding: 3em 0 0;}
#Main .block-rent-01 .ttl-style-02 {margin-bottom: 0;padding-left: 0;}
#Main .block-rent-01 .ttl-style-02 .category {position: absolute;top: 1em;left: 0;width: 8em;background: var(--grad-blue);padding: 0.25em 0;text-align: center;white-space: nowrap;font-size: 62.5%;color: #fff;}
#Main .block-rent-01 .introduction .data {border-bottom: 1px solid #ddd;padding: 1em;}
#Main .block-rent-01 .introduction .data p {text-align: center;}
#Main .block-rent-01 .introduction .data p::before {content: attr(data-label)"";}
#Main .block-rent-01 .introduction .data .price {color: var(--yell-sax);}
#Main .block-rent-01 .introduction .data .price span {font-size: 150%;line-height: 0;}

#Main .block-rent-01 .gallery .comment {margin-bottom: 1.5em;}
#Main .block-rent-01 .gallery .point ul {display: flex;flex-wrap: wrap;align-items: flex-start;margin-bottom: 1.5em;}
#Main .block-rent-01 .gallery .point ul li {background-color: rgb(0 115 187 / 40%);border-radius: 3px;margin: 0 0.5em 0.5em 0;padding: 0.5em 1em;line-height: 1;font-size: 62.5%;white-space: nowrap;color: #fff;}
#Main .block-rent-01 .gallery .point ul li:last-child {margin-right: 0;}
#Main .block-rent-01 .gallery .plan {position: relative;overflow: hidden;border-radius: 0.5em;box-shadow: 0 0 1px #666;}
#Main .block-rent-01 .gallery .plan a.venogallery {position: static;}
#Main .block-rent-01 .gallery .slider {overflow: hidden;border-radius: 0.5em 0.5em 0 0;box-shadow: 0 0 1px #666;}

#Main .block-rent-01 .outline .grid-list {border-top: 1px solid #ddd;}
#Main .block-rent-01 .outline .grid-list .item {border-bottom: 1px solid #ddd;}
#Main .block-rent-01 .outline .grid-list .item > div:nth-child(1) {background-color: #f5f8f9;font-weight: bold;}
#Main .block-rent-01 .outline .grid-list .item.price > div:nth-child(2) {color: var(--yell-sax);}
#Main .block-rent-01 .outline .grid-list .item.price > div:nth-child(2) span {font-size: 150%;line-height: 0;}
#Main .block-rent-01 .outline .grid-list .item p {margin: 0;}
#Main .block-rent-01 .outline .grid-list .item.address a {background-color: var(--yell-sax);position: relative;border-radius: 0.2em;padding: 0.5em 1.5em 0.5em 2em;color: #fff;}
#Main .block-rent-01 .outline .grid-list .item.address a::before {content: "";position: absolute;top: 50%;left: 0.5em;transform: translateY(-50%);width: 1em;height: 1em;background: transparent url("../img/common/icon_map.svg") no-repeat 50%;filter: invert(99%) sepia(14%) saturate(266%) hue-rotate(247deg) brightness(111%) contrast(100%);}

#Main .block-rent-01 .btn-inquiry {background-color: #f5f8f9;}
#Main .block-rent-01 .btn-inquiry p {background: var(--grad-blue);max-width: 24em;margin: 0 auto;}
#Main .block-rent-01 .btn-inquiry p a {position: relative;background: var(--grad-blue);padding: 1.25em 0;text-align: center;white-space: nowrap;font-size: 112.5%;color: #fff;}
#Main .block-rent-01 .btn-inquiry p a::before {content: "";position: absolute;top: 50%;right: 1em;transform: translateY(-50%);width: 1.5em;height: 1.5em;background: transparent url("../img/common/icon_arrow_circle_invert.svg") no-repeat 50% / contain;}

@media screen and (min-width: 769px) {
  #Main .block-rent-01 .cv {display: none;}
  #Main .block-rent-01 .introduction .data {display: flex;flex-wrap: nowrap;align-items: center;}
  #Main .block-rent-01 .introduction .data > p {margin: 0;width: 25%;box-sizing: border-box;}
  #Main .block-rent-01 .introduction .data > p + p {border-left: 1px solid #ddd;}

  #Main .block-rent-01 .gallery {padding: 1.5em;}
  #Main .block-rent-01 .gallery .column-list {display: flex;justify-content: space-between;flex-wrap: nowrap;align-content: center;}
  #Main .block-rent-01 .gallery .column-list > .plan {max-width: 32%;box-sizing: border-box;padding: 1em;display: flex;align-items: center;}
  #Main .block-rent-01 .gallery .column-list > .slider {max-width: calc(68% - 1.5em);box-sizing: border-box;}
  #Main .block-rent-01 .gallery .column-list.single {justify-content: center;}
  #Main .block-rent-01 .gallery .column-list.single > div {max-width: 100%!important;}

  #Main .block-rent-01 .vr {border-top: 1px solid #ddd; padding-top: 1.5em;margin:0 1.5em 1.5em;}
  #Main .block-rent-01 .vr .iframe-wrap {position: relative;padding-top: 56.25%;}
  #Main .block-rent-01 .vr .iframe-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

  #Main .block-rent-01 .outline {padding: 3em 1.5em;}
  #Main .block-rent-01 .outline .grid-list {overflow: hidden;}
  #Main .block-rent-01 .outline .grid-list .item {display: flex;flex-wrap: nowrap;align-items: stretch;width: 50%;}
  #Main .block-rent-01 .outline .grid-list .item > div:nth-child(1) {padding: 1em;width: 10em;display: flex;align-items: center;justify-content: center;}
  #Main .block-rent-01 .outline .grid-list .item > div:nth-child(2) {padding: 1em;flex: 1;display: flex;align-items: center;}
  #Main .block-rent-01 .outline .grid-list .item:nth-child(odd) {position: relative;}
  #Main .block-rent-01 .outline .grid-list .item:nth-child(odd)::before {content: "";position: absolute;bottom: -1px;left: 0;width: 200%;height: 1px;background-color: #ddd;}
  #Main .block-rent-01 .outline .grid-list .item.name {width: 100%;}
  #Main .block-rent-01 .outline .grid-list .item.equipment {width: 100%;}
  #Main .block-rent-01 .outline .grid-list .item.other {width: 100%;}
  #Main .block-rent-01 .outline .grid-list .item.address {width: 100%;}
  #Main .block-rent-01 .outline .grid-list .item.address > div:nth-child(2) {justify-content: space-between;}

  #Main .block-rent-01 .btn-inquiry {padding: 2em 0;}
}
@media screen and (max-width: 768px) {
  #Main .block-rent-01 .ttl-style-02 {padding: 0 0 1em;margin-bottom: 0.5em;white-space: normal;line-height: 1.5;}
  #Main .block-rent-01 .ttl-style-02 .category {top: 100%;left: 50%;transform: translate(-50%, -50%);z-index: 2;margin-top: -2px;}

  #Main .block-rent-01 .gallery .comment {margin: 1.5em;}
  #Main .block-rent-01 .gallery .plan,
  #Main .block-rent-01 .gallery .slider {margin-bottom: 1.5em;}

  #Main .block-rent-01 .introduction .data {display: flex;flex-wrap: wrap;padding: 0;}
  #Main .block-rent-01 .introduction .data p {margin: 0;padding: 1em 0;font-size: 87.5%;line-height: 1.5;}
  #Main .block-rent-01 .introduction .data p:nth-child(1) {width: 100%;border-bottom: 1px solid #ddd;}
  #Main .block-rent-01 .introduction .data p:nth-child(n+2) {width: 28%;box-sizing: border-box;}
  #Main .block-rent-01 .introduction .data p:nth-child(n+2)::before {display: block;}
  #Main .block-rent-01 .introduction .data p:nth-child(n+3) {border-left: 1px solid #ddd;}
  #Main .block-rent-01 .introduction .data p:nth-child(4) {width: 44%;}

  #Main .block-rent-01 .outline {margin: 1.5em 0;}
  #Main .block-rent-01 .outline .grid-list {display: block;}
  #Main .block-rent-01 .outline .grid-list .item {display: block;padding-bottom: 1em;}
  #Main .block-rent-01 .outline .grid-list .item:last-child {border-bottom: 0;padding-bottom: 0;}
  #Main .block-rent-01 .outline .grid-list .item > div {padding: 0.5em 1em;}
  #Main .block-rent-01 .outline .grid-list .item.address a {max-width: 7em;margin-top: 0.5em;text-align: center;}

  #Main .block-rent-01 .cv {position: fixed;bottom: 0;left: 0;width: 100%;background: var(--grad-blue);z-index: 2;}
  #Main .block-rent-01 .cv ul {display: flex;flex-wrap: nowrap;margin: 0;}
  #Main .block-rent-01 .cv ul li {width: calc(100% / 3);margin: 0;}
  #Main .block-rent-01 .cv ul li a {position: relative;padding: 1em 0;text-align: center;line-height: 1;color: #fff;}
  #Main .block-rent-01 .cv ul li a::before {content: "";display: block;height: 2em;background-position: 50% 0;background-repeat: no-repeat;background-size: auto 60%;}
  #Main .block-rent-01 .cv ul li + li a::after {content: "";position: absolute;top: 0.5em;bottom: 0.5em;left: 0;width: 1px;background-color: rgb(255 255 255 / 10%);}
  #Main .block-rent-01 .cv ul li:nth-child(1) a::before {background-image: url("../img/common/icon_map.svg");filter: invert(99%) sepia(14%) saturate(266%) hue-rotate(247deg) brightness(111%) contrast(100%);}
  #Main .block-rent-01 .cv ul li:nth-child(2) a::before {background-image: url("../img/common/icon_email.svg");filter: invert(99%) sepia(14%) saturate(266%) hue-rotate(247deg) brightness(111%) contrast(100%);}
  #Main .block-rent-01 .cv ul li:nth-child(3) a::before {background-image: url("../img/common/icon_tel.svg");filter: invert(99%) sepia(14%) saturate(266%) hue-rotate(247deg) brightness(111%) contrast(100%);}
  #Main .block-rent-01 .cv ul.map-not-found li {width: calc(100% / 2);}

  #Main .block-rent-01 .btn-inquiry {margin: 1em;overflow: hidden;border-radius: 0.2em;}
  #Main .block-rent-01 .btn-inquiry p a {padding: 1.25em;text-align: left;}

  #Copyright {margin-bottom: 4em;}
}