/* ==========================================================================
   .item
   ========================================================================== */
/* .item.e--category
  --------------------------------------------------------------------------- */
/* Style for container */
.item.e--category.eyecatch.wrapper {
  position: relative;
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }
  .item.e--category.eyecatch.wrapper::before {
    content: "";
    display: block;
    padding-top: 40%; }
  .item.e--category.eyecatch.wrapper > * {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; }

.item.e--category.body {
  padding-top: 24px;
  padding-right: 16px;
  padding-left: 16px; }

.item.e--category.copy {
  margin-bottom: 16px; }
  @media screen and (max-width: 768px) {
    .item.e--category.copy {
      margin-bottom: 8px; } }

.item.e--category.lead {
  margin-bottom: 32px; }
  @media screen and (max-width: 768px) {
    .item.e--category.lead {
      margin-bottom: 24px; } }

.item.e--category.list {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 480px) {
    .item.e--category.list > li {
      margin-right: 8px;
      width: calc((100% - 8px * (1 - 1)) / 1); }
      .item.e--category.list > li:nth-of-type(1n) {
        margin-right: 0; }
      .item.e--category.list > li:nth-of-type(n+2) {
        margin-top: 8px; }
      .item.e--category.list > li:last-of-type {
        margin-right: 0; } }
  @media screen and (min-width: 480px), print {
    .item.e--category.list > li {
      margin-right: 16px;
      width: calc((100% - 16px * (2 - 1)) / 2); }
      .item.e--category.list > li:nth-of-type(2n) {
        margin-right: 0; }
      .item.e--category.list > li:nth-of-type(n+3) {
        margin-top: 16px; }
      .item.e--category.list > li:last-of-type {
        margin-right: 0; } }

.item.e--category.item.wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  border-top: solid 1px #DEDEDE;
  border-bottom: solid 1px #DEDEDE;
  padding: 16px 0; }
  @media screen and (max-width: 768px) {
    .item.e--category.item.wrapper {
      padding: 14px 0; } }

/* Style for contents */
.item.e--category.copy {
  font-size: 1.3125rem;
  line-height: 1.75; }
  @media screen and (max-width: 768px) {
    .item.e--category.copy {
      font-size: 1.0625rem; } }

.item.e--category.lead {
  color: #666666; }

.item.e--category.item.kind {
  color: #666666; }

.item.e--category.item.arrow {
  color: #ED86B5; }

/* ==========================================================================
   Viewability
   ========================================================================== */
.carousel.container {
  overflow-y: hidden;
  padding: 0; }

.carousel.figure.wrapper {
  display: block;
  max-width: none; }

.carousel.figure.item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }

@media screen and (max-width: 768px) {
  .carousel.container,
  .carousel.figure.item {
    position: relative;
    display: block;
    width: 100%; }
    .carousel.container::before,
    .carousel.figure.item::before {
      content: "";
      display: block;
      padding-top: 50%; }
    .carousel.container > *,
    .carousel.figure.item > * {
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%; } }

@media screen and (min-width: 768px), print {
  .carousel.container,
  .carousel.figure.item {
    position: relative;
    display: block;
    width: 100%; }
    .carousel.container::before,
    .carousel.figure.item::before {
      content: "";
      display: block;
      padding-top: 40%; }
    .carousel.container > *,
    .carousel.figure.item > * {
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%; } }

.carousel.arrow.wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  height: 0; }

.carousel.arrow.m--prev,
.carousel.arrow.m--next {
  display: block; }

.carousel.dots.wrapper {
  top: auto;
  bottom: 24px;
  height: 0; }

.carousel.dots.inner {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin: 0 auto; }
  .carousel.dots.inner > li {
    margin-right: 16px;
    cursor: pointer; }
    .carousel.dots.inner > li:last-child {
      margin-right: 0; }
    .carousel.dots.inner > li.slick-active button {
      background-color: white; }
  .carousel.dots.inner button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    outline: none; }

.env-info.m--rental.contents.inner {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

@media screen and (min-width: 960px) and (max-width: 1125px) {
  .env-info.m--rental.contents.inner.m--list,
  .env-info.m--rental.contents.inner.m--detail {
    padding-right: calc((100% - 960px) / 2);
    padding-left: calc((100% - 960px) / 2); } }

@media screen and (min-width: 1125px), print {
  .env-info.m--rental.contents.inner.m--list,
  .env-info.m--rental.contents.inner.m--detail {
    padding-right: calc((1125px - 960px) / 2);
    padding-left: calc((1125px - 960px) / 2); } }

.env-info.m--rental.heading.m--top {
  margin-bottom: 32px;
  font-size: 1.125rem;
  color: #ED86B5; }

.env-info.m--rental.lead.m--top {
  margin-bottom: 32px; }

.env-info.m--rental.aside {
  margin-bottom: 32px; }

.env-info.m--rental.grid5.wrapper.m--a {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 480px) {
    .env-info.m--rental.grid5.wrapper.m--a > li {
      margin-right: 8px;
      width: calc((100% - 8px * (2 - 1)) / 2); }
      .env-info.m--rental.grid5.wrapper.m--a > li:nth-of-type(2n) {
        margin-right: 0; }
      .env-info.m--rental.grid5.wrapper.m--a > li:nth-of-type(n+3) {
        margin-top: 8px; }
      .env-info.m--rental.grid5.wrapper.m--a > li:last-of-type {
        margin-right: 0; } }
  @media screen and (min-width: 480px) and (max-width: 768px) {
    .env-info.m--rental.grid5.wrapper.m--a > li {
      margin-right: 8px;
      width: calc((100% - 8px * (3 - 1)) / 3); }
      .env-info.m--rental.grid5.wrapper.m--a > li:nth-of-type(3n) {
        margin-right: 0; }
      .env-info.m--rental.grid5.wrapper.m--a > li:nth-of-type(n+4) {
        margin-top: 8px; }
      .env-info.m--rental.grid5.wrapper.m--a > li:last-of-type {
        margin-right: 0; } }
  @media screen and (min-width: 768px), print {
    .env-info.m--rental.grid5.wrapper.m--a > li {
      margin-right: 16px;
      width: calc((100% - 16px * (5 - 1)) / 5); }
      .env-info.m--rental.grid5.wrapper.m--a > li:nth-of-type(5n) {
        margin-right: 0; }
      .env-info.m--rental.grid5.wrapper.m--a > li:nth-of-type(n+6) {
        margin-top: 16px; }
      .env-info.m--rental.grid5.wrapper.m--a > li:last-of-type {
        margin-right: 0; } }

.item.role--boxMenu.container {
  display: block;
  border: solid 2px #DEDEDE;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .item.role--boxMenu.container {
      padding: 16px 8px; } }
  @media screen and (min-width: 768px), print {
    .item.role--boxMenu.container {
      padding: 24px 8px; } }

.item.role--boxMenu.icon {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 24px;
  height: 92px; }
  .item.role--boxMenu.icon img {
    margin-bottom: 8px; }

.item.role--boxMenu.en {
  color: #ED86B5; }

.item.role--boxMenu.heading.wrapper {
  margin-bottom: 0; }

.item.role--boxMenu.heading.txt {
  font-size: 1rem;
  color: #666; }

.item.role--boxMenu.heading.arrow {
  color: #ED86B5; }

.item.role--boxMenu.aside {
  margin-top: 16px;
  line-height: 1.8;
  font-size: 0.875rem;
  color: #666; }

.env-info.m--category.grid2.wrapper.m--a {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 768px) {
    .env-info.m--category.grid2.wrapper.m--a > li {
      margin-right: 24px;
      width: calc((100% - 24px * (1 - 1)) / 1); }
      .env-info.m--category.grid2.wrapper.m--a > li:nth-of-type(1n) {
        margin-right: 0; }
      .env-info.m--category.grid2.wrapper.m--a > li:nth-of-type(n+2) {
        margin-top: 24px; }
      .env-info.m--category.grid2.wrapper.m--a > li:last-of-type {
        margin-right: 0; } }
  @media screen and (min-width: 768px), print {
    .env-info.m--category.grid2.wrapper.m--a > li {
      margin-right: 70px;
      width: calc((100% - 70px * (2 - 1)) / 2); }
      .env-info.m--category.grid2.wrapper.m--a > li:nth-of-type(2n) {
        margin-right: 0; }
      .env-info.m--category.grid2.wrapper.m--a > li:nth-of-type(n+3) {
        margin-top: 70px; }
      .env-info.m--category.grid2.wrapper.m--a > li:last-of-type {
        margin-right: 0; } }

/* ==========================================================================
  Readability
  ========================================================================== */
/* .lead */
.env-info.m--rental.lead.m--top {
  font-size: 1.5rem;
  font-weight: bold; }
  @media screen and (max-width: 768px) {
    .env-info.m--rental.lead.m--top {
      font-size: 1.25rem; } }

.carousel.dots.inner button {
  font-size: 0;
  line-height: 0; }

.carousel.arrow.m--prev i,
.carousel.arrow.m--next i {
  font-size: 4rem;
  color: #fff; }

.env-info.m--rental.m--detail.m--about.m--table > tbody > tr > td,
.env-info.m--rental.m--detail.m--about.m--table > tbody > tr > th {
  line-height: 1.5;
  font-size: 0.875rem;
  color: #666666; }

.env-info.m--rental.m--detail.m--about.m--table > tbody > tr > td {
  font-weight: bold; }

/* ==========================================================================
  Functionality
 ========================================================================== */
.carousel.dots.inner button:hover {
  cursor: pointer; }

.carousel.arrow.m--next i:hover,
.carousel.arrow.m--prev i:hover {
  cursor: pointer; }

.env-info.m--rental.grid5.item:hover {
  border-color: #ED86B5; }