@charset "UTF-8";
/*
 * Daitokentaku Mypage
 * Copyright 2018 Daito Trust construction Co, Ltd. All rights reserved.
 * Developed by Nanoconnect, Inc.
 */

/* 外字用Webフォント */
@font-face {
	font-family: 'EUDC';
	src:url('/EUDC.woff') format('woff');
}

html {
  font-size: 16px; }
  @media (min-width: 90.001em) {
    html {
      font-size: 20px; } }
  @media (min-width: 128.001em) {
    html {
      font-size: 28px; } }

body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  font-size: 87%; }
  body > div {
    flex: 0 0 auto; }
  @media (max-width: 60em) {
    body {
      padding-top: 3.5rem; }
      body.u-noheader {
        padding-top: 0; } }

html body {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,'EUDC',sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

a {
  cursor: pointer; }

ol {
  padding-left: 2em; }
  ol ol {
    list-style: none; }
    ol ol > li {
      counter-increment: cnt; }
      ol ol > li:before {
        display: marker;
        content: "（" counter(cnt) "）";
        margin-left: -2.5em; }

ul {
  padding-left: 2em; }

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

hr {
  border: 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1); }

pre {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,'EUDC',sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; }

.l-Container, .l-Container--top, .l-Container--topmargin, .l-Container--notfound, .l-Container--building, .l-Container--noheader {
  position: relative;
  margin: auto auto;
  padding: 0;
  width: 100%;
  max-width: 60rem; }
  .l-Container:after, .l-Container--top:after, .l-Container--topmargin:after, .l-Container--notfound:after, .l-Container--building:after, .l-Container--noheader:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both; }
  @media (max-width: 60em) {
    .l-Container, .l-Container--top, .l-Container--topmargin, .l-Container--notfound, .l-Container--building, .l-Container--noheader {
      padding: 0.5rem; } }

.l-Container--top {
  max-width: 48rem; }

.l-Container--topmargin, .l-Container--notfound {
  margin-top: 1rem;
  margin-bottom: 2rem;
  min-height: calc(100vh - (4.5rem + 5.90625rem + 2rem + 2rem)); }
  @media (max-width: 60em) {
    .l-Container--topmargin, .l-Container--notfound {
      margin-top: 0;
      min-height: calc(100vh - (4.5rem + 8.4375rem + 2rem )); } }

.l-Container--login {
  margin: 0 auto; }
  .l-Container--login::before, .l-Container--login::after {
    content: "";
    height: 100%;
    top: 0;
    position: absolute;
    width: 1.5rem;
    display: block; }
  .l-Container--login::after {
    right: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }
  .l-Container--login::before {
    left: 0;
    background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); }
  @media (max-width: 60em) {
    .l-Container--login {
      min-height: 100vh;
      /* 古いiphone対策 */ }
      .l-Container--login::before, .l-Container--login::after {
        display: none; } }

.l-Container__main {
  float: left;
  width: 44.5rem; }
  @media (max-width: 60em) {
    .l-Container__main {
      float: none;
      width: 100%; } }

.l-Container__side {
  float: right;
  width: 12rem; }
  @media (max-width: 60em) {
    .l-Container__side {
      float: none;
      width: 100%; } }

.l-Container--building {
  margin-top: 1rem;
  margin-bottom: 2rem;
  min-height: calc(100vh - (4.5rem + 8.4375rem + 2rem + 2rem)); }
  @media (max-width: 60em) {
    .l-Container--building {
      margin-top: 0;
      padding-top: 0.5rem;
      min-height: calc(100vh - (4.5rem + 8.4375rem + 2rem )); } }

.l-Container--noheader {
  margin-top: 1rem; }
  @media (max-width: 60em) {
    .l-Container--noheader {
      margin-top: 0; } }

.l-Container--scroll {
  overflow-y: scroll;
  margin-bottom: 1rem;
  padding: 1rem;
  height: 50vh;
  background-color: rgba(239, 238, 235, 0.5); }
  @media (max-width: 60em) {
    .l-Container--scroll {
      height: 47vh; } }

.l-Container--sm {
  max-width: 46em;
  margin: auto; }

@media (min-width: 60.001em) {
  .l-Float__right--pc {
    float: right; } }

.l-Flex, .l-Flex--half {
  display: flex; }
  .l-Flex.is-aling-items--flexstart, .is-aling-items--flexstart.l-Flex--half {
    align-items: flex-start; }
  .l-Flex.is-aling-items--center, .is-aling-items--center.l-Flex--half {
    align-items: center; }

.l-Flex--half > * {
  flex: 1 1 50%;
  margin-right: 16px; }
  .l-Flex--half > *:last-child {
    margin-right: 0; }

.l-Flex--info-control {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.l-Flex--info-control__data {
  flex: 1 1 auto;
  margin: 0; }

.l-Flex--info-control__buttons {
  flex: 0 0 auto;
  text-align: right; }

@media (min-width: 60.001em) {
  .l-Flex--pc {
    display: flex; }
    .l-Flex--pc.is-aling-items--flexstart {
      align-items: flex-start; }
    .l-Flex--pc.is-aling-items--center {
      align-items: center; }
  .l-Flex--half-pc {
    display: flex; }
    .l-Flex--half-pc > * {
      flex: 1 1 50%;
      margin-right: 16px; }
      .l-Flex--half-pc > *:last-child {
        margin-right: 0; } }

@media (min-width: 30.001em) {
  .l-Flex--tablet {
    display: flex;
    flex-wrap: wrap; }
    .l-Flex--tablet.is-aling-items--flexstart {
      align-items: flex-start; }
    .l-Flex--tablet.is-aling-items--center {
      align-items: center; }
    .l-Flex--tablet.is-justify-content--center {
      justify-content: center; }
  .l-Flex--tablet__third {
    flex: 1 1 30%; } }

@media (max-width: 60em) {
  .l-Flex--half-mobile {
    display: flex; }
    .l-Flex--half-mobile > * {
      flex: 1 1 50%;
      margin-right: 16px; }
      .l-Flex--half-mobile > *:last-child {
        margin-right: 0; } }

@media (max-width: 30em) {
  .l-Flex--info-control {
    display: block; }
  .l-Flex--info-control__data {
    margin-bottom: 0.25rem; }
  .l-Flex--info-control__buttons {
    text-align: center; } }

.c-bg-lightgray {
  background-color: #f2f6f7 !important; }

.c-text-center {
  text-align: center !important; }

.c-text-right {
  text-align: right !important; }

.c-text-left {
  text-align: left !important; }

@media (min-width: 60em) {
  .c-pc-text-center {
    text-align: center !important; }
  .c-pc-text-right {
    text-align: right !important; }
  .c-pc-text-left {
    text-align: left !important; } }

@media (max-width: 60em) {
  .c-mobile-text-center {
    text-align: center !important; }
  .c-mobile-text-right {
    text-align: right !important; }
  .c-mobile-text-left {
    text-align: left !important; } }

@media (max-width: 30em) {
  .c-phone-text-center {
    text-align: center !important; }
  .c-phone-text-right {
    text-align: right !important; }
  .c-phone-text-left {
    text-align: left !important; } }

.c-text-caution {
  color: #c33; }

.c-text-success {
  color: #54a12e; }

.c-text-muted {
  opacity: 0.5; }

.c-text-bold {
  font-weight: bold; }

.c-text-xs {
  font-size: 0.75em; }

.c-text-sm {
  font-size: 0.875em; }

.c-text-lg {
  font-size: 1.125em; }

.c-text-xl {
  font-size: 1.25em; }

.c-text-break {
  word-break: break-all; }

.c-text-link {
  color: #000;
  text-decoration: underline; }
  .c-text-link:hover {
    color: #000; }
  @media (min-width: 60.001em) {
    .c-text-link:hover {
      color: #d70a30;
      text-decoration: none; } }
  .c-text-link:active {
    color: #d70a30;
    text-decoration: none; }

.c-underbar--error {
  border-bottom: 1px solid #c33; }

.c-form--req {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #ff0000;
  border-radius: 5px;
  color: #ff0000;
  font-weight: normal;
  font-size: 70%;
  margin-left: 10px; }

.c-tag-new--after:after {
  content: "新着";
  color: #d70a30;
  font-size: 0.6em;
  border: #d70a30 solid 1px;
  line-height: 1;
  padding: 2px;
  display: inline-block;
  border-radius: 2px;
  margin-left: 0.25em;
  font-weight: normal; }

.c-tag-new--before:before {
  content: "新着";
  color: #d70a30;
  font-size: 0.6em;
  border: #d70a30 solid 1px;
  line-height: 1;
  padding: 2px;
  display: inline-block;
  border-radius: 2px;
  margin-right: 0.75em;
  font-weight: normal; }

.c-list-news--date.c-tag-new--after {
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center; }
  .c-list-news--date.c-tag-new--after:after {
    font-size: 0.8em; }

_:-ms-lang(x)::-ms-backdrop, .c-list-news--date.c-tag-new--after::after {
  font-size: 1.75em; }

@media (min-width: 90.001em) {
  .c-list-news--date.c-tag-new--after:after {
    font-size: 0.75em; } }

.c-tag-req--after:after {
  content: "必須";
  color: #d70a30;
  font-size: 0.7em;
  border: #d70a30 solid 1px;
  line-height: 1;
  padding: 2px;
  display: inline-block;
  border-radius: 2px;
  margin-left: 0.25em;
  font-weight: normal; }

.c-tag-new--information {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-left: 0.5rem; }
  .c-tag-new--information .is-tag {
    color: #d70a30;
    font-size: 0.75em;
    border: #d70a30 solid 1px;
    line-height: 1;
    padding: 2px;
    display: inline-block;
    border-radius: 2px;
    margin-top: 1px; }

.c-list-reset, .c-Pagenation__list {
  list-style: none;
  margin: 0;
  padding: 0; }

.c-list-arrow, .c-list-question, .c-list-link {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .c-list-arrow a, .c-list-question a, .c-list-link a {
    position: relative;
    display: block;
    padding: 0.25rem 0 0.25rem 1.5rem;
    margin-right: 1rem;
    line-height: 1.25em; }
    .c-list-arrow a::before, .c-list-question a::before, .c-list-link a::before {
      content: "";
      overflow: hidden;
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      height: 1.25em;
      width: 1.25em;
      background-image: url(../images/icon-right-red.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-color: #d30b30;
      border-radius: 1.5em; }
    .c-list-arrow a.is-negative, .c-list-question a.is-negative, .c-list-link a.is-negative {
      margin-right: 0; }
      .c-list-arrow a.is-negative::before, .c-list-question a.is-negative::before, .c-list-link a.is-negative::before {
        background-color: #333;
        background-image: url(../images/icon-right-black.png);
        background-repeat: no-repeat;
        background-size: contain; }

.c-list-btn {
  list-style: none;
  margin: 0.5rem 0 0.5rem 0;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  .c-list-btn input[type="button"], .c-list-btn input[type="submit"] {
    width: 100%; }
  .c-list-btn > li, .c-list-btn .c-list-btn--item {
    margin: 0.1em; }
  .c-list-btn.is-right {
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end; }
    @media (max-width: 30em) {
      .c-list-btn.is-right {
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; } }
  .c-list-btn.is-center {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center; }
    .c-list-btn.is-center > li, .c-list-btn.is-center .c-list-btn--item {
      margin: 0.25em 0.5em;
      min-width: 30%; }
      .c-list-btn.is-center > li input[type="button"], .c-list-btn.is-center > li input[type="submit"], .c-list-btn.is-center .c-list-btn--item input[type="button"], .c-list-btn.is-center .c-list-btn--item input[type="submit"] {
        height: 3rem; }
      @media (max-width: 30em) {
        .c-list-btn.is-center > li, .c-list-btn.is-center .c-list-btn--item {
          min-width: 45%;
          margin: 0.25rem; } }
  .c-list-btn.is-center-02 {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-wrap: nowrap; }
    .c-list-btn.is-center-02 > li, .c-list-btn.is-center-02 .c-list-btn--item {
      margin: 0.25em 0.5em;
      min-width: 30%; }
      .c-list-btn.is-center-02 > li input[type="button"], .c-list-btn.is-center-02 > li input[type="submit"], .c-list-btn.is-center-02 .c-list-btn--item input[type="button"], .c-list-btn.is-center-02 .c-list-btn--item input[type="submit"] {
        height: 3rem; }
      @media (max-width: 30em) {
        .c-list-btn.is-center-02 > li, .c-list-btn.is-center-02 .c-list-btn--item {
          min-width: 25%;
          max-width: 45%;
          margin: 0.25rem;
          -ms-flex: 1 0 30%;
          -webkit-flex: 1 0 30%;
          flex: 1 0 30%;
          -webkit-justify-content: space-between;
          -ms-justify-content: space-between;
          justify-content: space-between; }
          .c-list-btn.is-center-02 > li input[type="button"], .c-list-btn.is-center-02 > li input[type="submit"], .c-list-btn.is-center-02 .c-list-btn--item input[type="button"], .c-list-btn.is-center-02 .c-list-btn--item input[type="submit"] {
            padding: 0.625em 0.25em; } }
    .c-list-btn.is-center-02 .c-list-btn--item input[type="button"] {
      white-space: pre-wrap; }
  .c-list-btn.is-center-03 {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center; }
    .c-list-btn.is-center-03 > li, .c-list-btn.is-center-03 .c-list-btn--item {
      flex: 1 0 32%;
      min-width: none;
      max-width: 32%; }
      .c-list-btn.is-center-03 > li input[type="button"], .c-list-btn.is-center-03 > li input[type="submit"], .c-list-btn.is-center-03 .c-list-btn--item input[type="button"], .c-list-btn.is-center-03 .c-list-btn--item input[type="submit"] {
        height: 3rem; }
        @media (max-width: 30em) {
          .c-list-btn.is-center-03 > li input[type="button"], .c-list-btn.is-center-03 > li input[type="submit"], .c-list-btn.is-center-03 .c-list-btn--item input[type="button"], .c-list-btn.is-center-03 .c-list-btn--item input[type="submit"] {
            padding: 0.625em 0.5em; } }
      @media (max-width: 30em) {
        .c-list-btn.is-center-03 > li, .c-list-btn.is-center-03 .c-list-btn--item {
          margin-bottom: 0.5rem;
          max-width: none; } }
  .c-list-btn.is-small input[type="button"] {
    height: auto; }
  @media (max-width: 30em) {
    .c-list-btn.is-small > li, .c-list-btn.is-small .c-list-btn--item {
      width: 32%; } }

.c-list__step {
  list-style: none;
  border-radius: 5px;
  overflow: hidden;
  margin: 1rem 0 1rem 0;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between; }
  @media (max-width: 30em) {
    .c-list__step {
      margin-top: 0; } }

.c-list__step--item {
  flex: 1 1 20%;
  position: relative;
  padding: 0.625rem 1.625rem 0.625rem 0.25rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: bold;
  background: #f2f2f2;
  white-space: nowrap; }
  .c-list__step--item::before, .c-list__step--item::after {
    content: "";
    position: absolute;
    background: transparent;
    width: 2rem;
    height: 2rem;
    display: block;
    top: 50%;
    right: 0.5rem;
    -webkit-transform: translateY(-50%) rotateZ(45deg);
    transform: translateY(-50%) rotateZ(45deg); }
  .c-list__step--item::after {
    box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.2); }
  .c-list__step--item.is-past {
    background: #c5cacc;
    color: #454849; }
    .c-list__step--item.is-past::before {
      box-shadow: 1.1rem -1.1rem 0 1rem #c5cacc; }
  .c-list__step--item.is-before {
    background: #c5cacc;
    color: #454849; }
    .c-list__step--item.is-before::before {
      box-shadow: 1.1rem -1.1rem 0 1rem #d70a30; }
  .c-list__step--item.is-present {
    background: #d70a30;
    color: #fff; }
    .c-list__step--item.is-present::before {
      box-shadow: 1.1rem -1.1rem 0 1rem  #f2f2f2; }
  .c-list__step--item:first-child {
    flex: 1 1 25%;
    padding: 0.625rem 1.625rem 0.625rem 0.5rem; }
  .c-list__step--item:last-child {
    flex: 1 1 15%;
    padding: 0.625rem 1rem 0.625rem 0.5rem; }
    .c-list__step--item:last-child::before, .c-list__step--item:last-child::after {
      display: none; }
    .c-list__step--item:last-child.is-present::before {
      box-shadow: 1.1rem -1.1rem 0 1rem #d70a30; }
  @media (max-width: 30em) {
    .is-fourstep .c-list__step--item {
      font-size: 1rem; } }
  .is-twostep .c-list__step--item {
    width: calc(100% / 2); }

.c-list__sub--dl {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-left: -1em; }
  .c-list__sub--dl dt {
    flex: 1 0 7em; }
    @media (max-width: 30em) {
      .c-list__sub--dl dt {
        flex: 1 0 100%; } }
  .c-list__sub--dl dd {
    width: calc(100% - 7em); }
    @media (max-width: 30em) {
      .c-list__sub--dl dd {
        width: 100%; } }

.c-list__breadcrumb {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0.5rem; }
  @media (max-width: 60em) {
    .c-list__breadcrumb {
      margin-top: -0.5rem; } }
  @media (max-width: 30em) {
    .c-list__breadcrumb {
      display: none; } }

.c-list__breadcrumb--item {
  padding-right: 1rem; }
  .c-list__breadcrumb--item::after {
    content: ">";
    padding-left: 1rem; }
  .c-list__breadcrumb--item.is-active::after {
    content: "";
    display: none; }
  .c-list__breadcrumb--item a {
    text-decoration: none; }

.c-list__breadcrumb.no-active .c-list__breadcrumb--item:last-child::after {
  content: "";
  display: none; }

.c-list-question {
  display: block; }
  .c-list-question li {
    border-bottom: 1px dotted #c5cacc;
    padding: 0.5rem 0; }
  .c-list-question p {
    margin-bottom: 0; }
  .c-list-question a {
    margin-right: 0;
    color: #2a2c2d; }
    .c-list-question a::before {
      background-position: top;
      top: 0.25rem;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    .c-list-question a::after {
      border-right-color: #d70a30;
      border-bottom-color: #d70a30; }
  .c-list-question.u-d-flex li, .c-list-question.c-Table__three li, .c-list-question.c-Form__birth li, .c-list-question.c-Form__td li, .c-list-question.c-Modal__btn li, .c-list-question.FamilyInfo__building li, .c-list-question.c-FamilyPermission__box li, .c-list-question.ContactLog__btn-lg li, .c-list-question.ContactLog__btn-lg--02 li, .c-list-question.ContactOffice__photo li, .c-list-question.ContactOffice__information-name li, .c-list-question.Inspection__icon-box li, .c-list-question.Inspection__icon--item li, .c-list-question.Inspection__icon li {
    width: 25%; }
  @media (max-width: 60em) {
    .c-list-question.u-d-flex li, .c-list-question.c-Table__three li, .c-list-question.c-Form__birth li, .c-list-question.c-Form__td li, .c-list-question.c-Modal__btn li, .c-list-question.FamilyInfo__building li, .c-list-question.c-FamilyPermission__box li, .c-list-question.ContactLog__btn-lg li, .c-list-question.ContactLog__btn-lg--02 li, .c-list-question.ContactOffice__photo li, .c-list-question.ContactOffice__information-name li, .c-list-question.Inspection__icon-box li, .c-list-question.Inspection__icon--item li, .c-list-question.Inspection__icon li {
      width: 50%; } }
  @media (max-width: 30em) {
    .c-list-question.u-d-flex li, .c-list-question.c-Table__three li, .c-list-question.c-Form__birth li, .c-list-question.c-Form__td li, .c-list-question.c-Modal__btn li, .c-list-question.FamilyInfo__building li, .c-list-question.c-FamilyPermission__box li, .c-list-question.ContactLog__btn-lg li, .c-list-question.ContactLog__btn-lg--02 li, .c-list-question.ContactOffice__photo li, .c-list-question.ContactOffice__information-name li, .c-list-question.Inspection__icon-box li, .c-list-question.Inspection__icon--item li, .c-list-question.Inspection__icon li {
      width: 100%; } }

.c-list-indent {
  padding-left: 1.5rem;
  font-size: 0.875em;
  line-height: 1.5;
  letter-spacing: 0.05em; }
  .c-list-indent li {
    padding: 0.5rem 0; }

.c-list-liketable {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center; }
  .c-list-liketable .c-list-liketable--item:last-child p, .c-list-liketable .c-list-liketable--item:last-child span {
    border-right: #66696b solid 1px; }
  .c-list-liketable p {
    background: #dee3e5;
    padding: 0.5rem 1rem;
    font-weight: bold;
    border: #66696b solid 1px;
    border-bottom: none;
    border-right: 0;
    margin-bottom: 0; }
  .c-list-liketable span {
    padding: 0.5rem 1rem;
    display: block;
    margin-bottom: 0;
    border: #66696b solid 1px;
    border-right: 0; }
  .c-list-liketable .is-name {
    width: 15%; }
  .c-list-liketable .is-store {
    width: 25%; }
  .c-list-liketable .is-address {
    width: 40%; }
  .c-list-liketable .is-tel {
    width: 20%; }

.c-list-building {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px dotted #a8acae; }

.c-list-building--img {
  border: 1px solid #c5cacc;
  margin-bottom: 0;
  padding: 5px;
  width: 49%; }
  @media (max-width: 60em) {
    .c-list-building--img {
      width: 100%;
      display: block;
      margin-bottom: 0.5rem;
      padding: 0;
      border: 0; }
      .c-list-building--img img {
        display: block;
        margin: auto auto; } }

.c-list-building--number {
  width: 3rem;
  display: table-cell;
  border-right: 1px solid #a8acae;
  text-align: center;
  background: #dee3e5; }
  @media (max-width: 30em) {
    .c-list-building--number {
      width: 100%;
      display: block;
      border-right: none; } }

.c-list-building--photo {
  text-align: center;
  vertical-align: middle;
  background: #fff;
  padding: 5px;
  margin-bottom: 0;
  width: 100%; }
  @media (max-width: 60em) {
    .c-list-building--photo {
      display: block;
      width: 100%; } }

.c-list-building--detail {
  width: 50%; }
  .c-list-building--detail th {
    width: 30%; }
  @media (max-width: 60em) {
    .c-list-building--detail {
      width: 100%; }
      .c-list-building--detail .c-Table--responsive, .c-list-building--detail .c-Table--building, .c-list-building--detail .c-Table--tenant, .c-list-building--detail .BuildingReport__table--monthly, .c-list-building--detail .c-DocumentCheck {
        width: 100%; }
        .c-list-building--detail .c-Table--responsive tr, .c-list-building--detail .c-Table--building tr, .c-list-building--detail .c-Table--tenant tr, .c-list-building--detail .BuildingReport__table--monthly tr, .c-list-building--detail .c-DocumentCheck tr {
          display: -webkit-flex;
          display: -ms-flex;
          display: flex;
          width: 100%; }
        .c-list-building--detail .c-Table--responsive th, .c-list-building--detail .c-Table--building th, .c-list-building--detail .c-Table--tenant th, .c-list-building--detail .BuildingReport__table--monthly th, .c-list-building--detail .c-DocumentCheck th, .c-list-building--detail .c-Table--responsive td, .c-list-building--detail .c-Table--building td, .c-list-building--detail .c-Table--tenant td, .c-list-building--detail .BuildingReport__table--monthly td, .c-list-building--detail .c-DocumentCheck td {
          width: 50%; }
        .c-list-building--detail .c-Table--responsive th, .c-list-building--detail .c-Table--building th, .c-list-building--detail .c-Table--tenant th, .c-list-building--detail .BuildingReport__table--monthly th, .c-list-building--detail .c-DocumentCheck th {
          border-right: none; } }
  @media (max-width: 30em) {
    .c-list-building--detail {
      width: 100%; }
      .c-list-building--detail th {
        width: 40%; } }

.c-list-building--btn {
  text-align: center;
  width: 100%; }

.c-list-link {
  display: block; }
  .c-list-link li {
    border-bottom: 1px dotted #c5cacc; }
  .c-list-link a {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
    .c-list-link a::after {
      top: 0.875rem;
      left: 0.2rem;
      transform: rotateZ(-45deg);
      border-right-color: #d70a30;
      border-bottom-color: #d70a30; }
  .c-list-link.u-d-flex li, .c-list-link.c-Table__three li, .c-list-link.c-Form__birth li, .c-list-link.c-Form__td li, .c-list-link.c-Modal__btn li, .c-list-link.FamilyInfo__building li, .c-list-link.c-FamilyPermission__box li, .c-list-link.ContactLog__btn-lg li, .c-list-link.ContactLog__btn-lg--02 li, .c-list-link.ContactOffice__photo li, .c-list-link.ContactOffice__information-name li, .c-list-link.Inspection__icon-box li, .c-list-link.Inspection__icon--item li, .c-list-link.Inspection__icon li {
    width: 25%; }
  @media (max-width: 60em) {
    .c-list-link.u-d-flex li, .c-list-link.c-Table__three li, .c-list-link.c-Form__birth li, .c-list-link.c-Form__td li, .c-list-link.c-Modal__btn li, .c-list-link.FamilyInfo__building li, .c-list-link.c-FamilyPermission__box li, .c-list-link.ContactLog__btn-lg li, .c-list-link.ContactLog__btn-lg--02 li, .c-list-link.ContactOffice__photo li, .c-list-link.ContactOffice__information-name li, .c-list-link.Inspection__icon-box li, .c-list-link.Inspection__icon--item li, .c-list-link.Inspection__icon li {
      width: 50%; } }
  @media (max-width: 30em) {
    .c-list-link.u-d-flex li, .c-list-link.c-Table__three li, .c-list-link.c-Form__birth li, .c-list-link.c-Form__td li, .c-list-link.c-Modal__btn li, .c-list-link.FamilyInfo__building li, .c-list-link.c-FamilyPermission__box li, .c-list-link.ContactLog__btn-lg li, .c-list-link.ContactLog__btn-lg--02 li, .c-list-link.ContactOffice__photo li, .c-list-link.ContactOffice__information-name li, .c-list-link.Inspection__icon-box li, .c-list-link.Inspection__icon--item li, .c-list-link.Inspection__icon li {
      width: 100%; } }

.c-List--dl {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0; }
  .c-List--dl.is-one {
    width: 100%; }
    .c-List--dl.is-one dt, .c-List--dl.is-one dd {
      border-bottom: 1px dotted #c5cacc;
      margin-bottom: 0.5rem;
      padding-bottom: 0.5rem; }
      .c-List--dl.is-one dt:last-of-type, .c-List--dl.is-one dd:last-of-type {
        margin-bottom: 0; }
    .c-List--dl.is-one dt {
      width: 10%; }
    .c-List--dl.is-one dd {
      width: 90%; }

.c-List-border--item {
  padding-bottom: 2rem; }
  .c-List-border--item:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none; }

.c-list-news {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block; }
  .c-list-news li {
    border-bottom: 1px dotted #c5cacc;
    padding: 0.5rem 0; }
  .c-list-news p {
    margin-bottom: 0; }
  .c-list-news a {
    margin-right: 0; }

.c-list-news--date {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  line-height: 1;
  margin-bottom: 0.25em; }
  .c-list-news--date::after {
    margin-left: 0.25rem; }

button:focus {
  outline: 0; }

.c-btn, .c-btn-positive--outline, .c-btn-success, .c-btn-orange, .c-btn-delete, .c-btn-black, .c-btn-white, #cboxClose, #cboxPrevious, #cboxNext, .ContactLog__item, .Contact__detail, .c-pc-btn-lg, .ContactLog__btn-lg, .ContactLog__btn-lg--02, .c-m-btn-lg, .c-btn-orange--outline, .c-btn-default-old, .c-btn-default, .c-btn-line_gray, .c-btn-line_dark, .c-btn-line_red, .c-Pagenation__link, .c-Pagenation__option-button, .c-tab-item, .c-tab-item--building, .Login__link--movie, .Login__link--faq, .LoginUser__menu-btn, .TermSelect__btn-prev,
.TermSelect__btn-next, .TermSelect .TermSelect__btn-month, .MonthPicker__month, .MonthPicker__list-year, .PaymentTable__button, .AnnualTable__button, .c-btn-negative, .c-btn-primary, .c-btn-bg_gray, .c-btn-bg_dark, .Login__button, .MonthPicker__month.is-selected, .MonthPicker__list-year.is-selected, .CodeAuth__button, .c-btn-positive, .MonthPicker__year-prev,
.MonthPicker__year-next, .AnnualItem--mobile__btn-show, .SendMail__button, .MagazinModal__read, .c-btn-primary-old, .c-btn-negative-old, .c-btn-positive-old {
  display: inline-block;
  padding: 0.625em 1em;
  height: 2.5em;
  line-height: 1em;
  border-radius: 0.25rem;
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
  transition: all .1s ease; }
  .c-btn:hover, .c-btn-positive--outline:hover, .c-btn-success:hover, .c-btn-orange:hover, .c-btn-delete:hover, .c-btn-black:hover, .c-btn-white:hover, #cboxClose:hover, #cboxPrevious:hover, #cboxNext:hover, .ContactLog__item:hover, .Contact__detail:hover, .c-pc-btn-lg:hover, .ContactLog__btn-lg:hover, .ContactLog__btn-lg--02:hover, .c-m-btn-lg:hover, .c-btn-orange--outline:hover, .c-btn-default-old:hover, .c-btn-default:hover, .c-btn-line_gray:hover, .c-btn-line_dark:hover, .c-btn-line_red:hover, .c-Pagenation__link:hover, .c-Pagenation__option-button:hover, .c-tab-item:hover, .c-tab-item--building:hover, .Login__link--movie:hover, .Login__link--faq:hover, .LoginUser__menu-btn:hover, .TermSelect__btn-prev:hover,
  .TermSelect__btn-next:hover, .TermSelect .TermSelect__btn-month:hover, .MonthPicker__month:hover, .MonthPicker__list-year:hover, .PaymentTable__button:hover, .AnnualTable__button:hover, .c-btn-negative:hover, .c-btn-primary:hover, .c-btn-bg_gray:hover, .c-btn-bg_dark:hover, .Login__button:hover, .CodeAuth__button:hover, .c-btn-positive:hover, .MonthPicker__year-prev:hover,
  .MonthPicker__year-next:hover, .AnnualItem--mobile__btn-show:hover, .SendMail__button:hover, .MagazinModal__read:hover, .c-btn-primary-old:hover, .c-btn-negative-old:hover, .c-btn-positive-old:hover {
    text-decoration: none; }
  .c-btn:disabled, .c-btn-positive--outline:disabled, .c-btn-success:disabled, .c-btn-orange:disabled, .c-btn-delete:disabled, .c-btn-black:disabled, .c-btn-white:disabled, #cboxClose:disabled, #cboxPrevious:disabled, #cboxNext:disabled, .ContactLog__item:disabled, .Contact__detail:disabled, .c-pc-btn-lg:disabled, .ContactLog__btn-lg:disabled, .ContactLog__btn-lg--02:disabled, .c-m-btn-lg:disabled, .c-btn-orange--outline:disabled, .c-btn-default-old:disabled, .c-btn-default:disabled, .c-btn-line_gray:disabled, .c-btn-line_dark:disabled, .c-btn-line_red:disabled, .c-Pagenation__link:disabled, .c-Pagenation__option-button:disabled, .c-tab-item:disabled, .c-tab-item--building:disabled, .Login__link--movie:disabled, .Login__link--faq:disabled, .LoginUser__menu-btn:disabled, .TermSelect__btn-prev:disabled,
  .TermSelect__btn-next:disabled, .TermSelect .TermSelect__btn-month:disabled, .MonthPicker__month:disabled, .MonthPicker__list-year:disabled, .PaymentTable__button:disabled, .AnnualTable__button:disabled, .c-btn-negative:disabled, .c-btn-primary:disabled, .c-btn-bg_gray:disabled, .c-btn-bg_dark:disabled, .Login__button:disabled, .CodeAuth__button:disabled, .c-btn-positive:disabled, .MonthPicker__year-prev:disabled,
  .MonthPicker__year-next:disabled, .AnnualItem--mobile__btn-show:disabled, .SendMail__button:disabled, .MagazinModal__read:disabled, .c-btn-primary-old:disabled, .c-btn-negative-old:disabled, .c-btn-positive-old:disabled {
    cursor: default;
    opacity: 0.5;
    -webkit-filter: grayscale(0.5);
    filter: grayscale(0.5); }
  .c-btn.is-fixed-small, .is-fixed-small.c-btn-positive--outline, .is-fixed-small.c-btn-success, .is-fixed-small.c-btn-orange, .is-fixed-small.c-btn-delete, .is-fixed-small.c-btn-black, .is-fixed-small.c-btn-white, .is-fixed-small#cboxClose, .is-fixed-small#cboxPrevious, .is-fixed-small#cboxNext, .is-fixed-small.ContactLog__item, .is-fixed-small.Contact__detail, .is-fixed-small.c-pc-btn-lg, .is-fixed-small.ContactLog__btn-lg, .is-fixed-small.ContactLog__btn-lg--02, .is-fixed-small.c-m-btn-lg, .is-fixed-small.c-btn-orange--outline, .is-fixed-small.c-btn-default-old, .is-fixed-small.c-btn-default, .is-fixed-small.c-btn-line_gray, .is-fixed-small.c-btn-line_dark, .is-fixed-small.c-btn-line_red, .is-fixed-small.c-Pagenation__link, .is-fixed-small.c-Pagenation__option-button, .is-fixed-small.c-tab-item, .is-fixed-small.c-tab-item--building, .is-fixed-small.Login__link--movie, .is-fixed-small.Login__link--faq, .is-fixed-small.LoginUser__menu-btn, .is-fixed-small.TermSelect__btn-prev,
  .is-fixed-small.TermSelect__btn-next, .TermSelect .is-fixed-small.TermSelect__btn-month, .is-fixed-small.MonthPicker__month, .is-fixed-small.MonthPicker__list-year, .is-fixed-small.PaymentTable__button, .is-fixed-small.AnnualTable__button, .is-fixed-small.c-btn-negative, .is-fixed-small.c-btn-primary, .is-fixed-small.c-btn-bg_gray, .is-fixed-small.c-btn-bg_dark, .is-fixed-small.Login__button, .is-fixed-small.CodeAuth__button, .is-fixed-small.c-btn-positive, .is-fixed-small.MonthPicker__year-prev,
  .is-fixed-small.MonthPicker__year-next, .is-fixed-small.AnnualItem--mobile__btn-show, .is-fixed-small.SendMail__button, .is-fixed-small.MagazinModal__read, .is-fixed-small.c-btn-primary-old, .is-fixed-small.c-btn-negative-old, .is-fixed-small.c-btn-positive-old {
    font-size: 0.75rem; }
  .c-btn.is-small, .is-small.c-btn-positive--outline, .is-small.c-btn-success, .is-small.c-btn-orange, .is-small.c-btn-delete, .is-small.c-btn-black, .is-small.c-btn-white, .is-small#cboxClose, .is-small#cboxPrevious, .is-small#cboxNext, .is-small.ContactLog__item, .is-small.Contact__detail, .is-small.c-pc-btn-lg, .is-small.ContactLog__btn-lg, .is-small.ContactLog__btn-lg--02, .is-small.c-m-btn-lg, .is-small.c-btn-orange--outline, .is-small.c-btn-default-old, .is-small.c-btn-default, .is-small.c-btn-line_gray, .is-small.c-btn-line_dark, .is-small.c-btn-line_red, .is-small.c-Pagenation__link, .is-small.c-Pagenation__option-button, .is-small.c-tab-item, .is-small.c-tab-item--building, .is-small.Login__link--movie, .is-small.Login__link--faq, .is-small.LoginUser__menu-btn, .is-small.TermSelect__btn-prev,
  .is-small.TermSelect__btn-next, .TermSelect .is-small.TermSelect__btn-month, .is-small.MonthPicker__month, .is-small.MonthPicker__list-year, .is-small.PaymentTable__button, .is-small.AnnualTable__button, .is-small.c-btn-negative, .is-small.c-btn-primary, .is-small.c-btn-bg_gray, .is-small.c-btn-bg_dark, .is-small.Login__button, .is-small.CodeAuth__button, .is-small.c-btn-positive, .is-small.MonthPicker__year-prev,
  .is-small.MonthPicker__year-next, .is-small.AnnualItem--mobile__btn-show, .is-small.SendMail__button, .is-small.MagazinModal__read, .is-small.c-btn-primary-old, .is-small.c-btn-negative-old, .is-small.c-btn-positive-old {
    font-size: 0.875em;
    line-height: 1.2em; }
  .c-btn.is-large, .is-large.c-btn-positive--outline, .is-large.c-btn-success, .is-large.c-btn-orange, .is-large.c-btn-delete, .is-large.c-btn-black, .is-large.c-btn-white, .is-large#cboxClose, .is-large#cboxPrevious, .is-large#cboxNext, .is-large.ContactLog__item, .is-large.Contact__detail, .is-large.c-pc-btn-lg, .is-large.ContactLog__btn-lg, .is-large.ContactLog__btn-lg--02, .is-large.c-m-btn-lg, .is-large.c-btn-orange--outline, .is-large.c-btn-default-old, .is-large.c-btn-default, .is-large.c-btn-line_gray, .is-large.c-btn-line_dark, .is-large.c-btn-line_red, .is-large.c-Pagenation__link, .is-large.c-Pagenation__option-button, .is-large.c-tab-item, .is-large.c-tab-item--building, .is-large.Login__link--movie, .is-large.Login__link--faq, .is-large.LoginUser__menu-btn, .is-large.TermSelect__btn-prev,
  .is-large.TermSelect__btn-next, .TermSelect .is-large.TermSelect__btn-month, .is-large.MonthPicker__month, .is-large.MonthPicker__list-year, .is-large.PaymentTable__button, .is-large.AnnualTable__button, .is-large.c-btn-negative, .is-large.c-btn-primary, .is-large.c-btn-bg_gray, .is-large.c-btn-bg_dark, .is-large.Login__button, .is-large.CodeAuth__button, .is-large.c-btn-positive, .is-large.MonthPicker__year-prev,
  .is-large.MonthPicker__year-next, .is-large.AnnualItem--mobile__btn-show, .is-large.SendMail__button, .is-large.MagazinModal__read, .is-large.c-btn-primary-old, .is-large.c-btn-negative-old, .is-large.c-btn-positive-old {
    font-size: 1.25em; }
  .c-btn.is-huge, .is-huge.c-btn-positive--outline, .is-huge.c-btn-success, .is-huge.c-btn-orange, .is-huge.c-btn-delete, .is-huge.c-btn-black, .is-huge.c-btn-white, .is-huge#cboxClose, .is-huge#cboxPrevious, .is-huge#cboxNext, .is-huge.ContactLog__item, .is-huge.Contact__detail, .is-huge.c-pc-btn-lg, .is-huge.ContactLog__btn-lg, .is-huge.ContactLog__btn-lg--02, .is-huge.c-m-btn-lg, .is-huge.c-btn-orange--outline, .is-huge.c-btn-default-old, .is-huge.c-btn-default, .is-huge.c-btn-line_gray, .is-huge.c-btn-line_dark, .is-huge.c-btn-line_red, .is-huge.c-Pagenation__link, .is-huge.c-Pagenation__option-button, .is-huge.c-tab-item, .is-huge.c-tab-item--building, .is-huge.Login__link--movie, .is-huge.Login__link--faq, .is-huge.LoginUser__menu-btn, .is-huge.TermSelect__btn-prev,
  .is-huge.TermSelect__btn-next, .TermSelect .is-huge.TermSelect__btn-month, .is-huge.MonthPicker__month, .is-huge.MonthPicker__list-year, .is-huge.PaymentTable__button, .is-huge.AnnualTable__button, .is-huge.c-btn-negative, .is-huge.c-btn-primary, .is-huge.c-btn-bg_gray, .is-huge.c-btn-bg_dark, .is-huge.Login__button, .is-huge.CodeAuth__button, .is-huge.c-btn-positive, .is-huge.MonthPicker__year-prev,
  .is-huge.MonthPicker__year-next, .is-huge.AnnualItem--mobile__btn-show, .is-huge.SendMail__button, .is-huge.MagazinModal__read, .is-huge.c-btn-primary-old, .is-huge.c-btn-negative-old, .is-huge.c-btn-positive-old {
    font-size: 1.5em; }

.c-btn-positive--outline {
  border-color: #c5cacc;
  background-color: #fff;
  color: #c5cacc;
  box-shadow: 2px 2px 0 rgba(197, 202, 204, 0.9); }
  @media (min-width: 60.001em) {
    .c-btn-positive--outline:hover {
      background-color: white; }
    .c-btn-positive--outline:disabled {
      background-color: #fff; } }
  .c-btn-positive--outline:active {
    background-color: white; }

.c-btn-success {
  background-color: #54a12e;
  color: #fff; }
  .c-btn-success:hover {
    background-color: #5eb534;
    color: #fff; }
  @media (min-width: 60.001em) {
    .c-btn-success:disabled {
      background-color: #54a12e; } }
  .c-btn-success:active {
    background-color: #3f7923; }

.c-btn-orange {
  background-color: #f1880b;
  color: #fff; }
  .c-btn-orange:hover {
    background-color: #f59421; }
  @media (min-width: 60.001em) {
    .c-btn-orange:disabled {
      background-color: #f1880b; } }
  .c-btn-orange:active {
    background-color: #c06c09; }

.c-btn-delete {
  background-color: #f5d6d6;
  color: #2a2c2d;
  box-shadow: 2px 2px 0 rgba(204, 51, 51, 0.9); }
  .c-btn-delete:hover {
    border-color: #e69999;
    color: #c33; }
  @media (min-width: 60.001em) {
    .c-btn-delete:disabled {
      border-color: transparent;
      background-color: #f5d6d6; } }
  .c-btn-delete:active {
    background-color: #ebadad; }

.c-btn-black {
  background-color: #454849;
  color: #fff; }
  .c-btn-black:hover {
    color: #fff;
    background-color: #515556; }
  @media (min-width: 60.001em) {
    .c-btn-black:disabled {
      background-color: #454849; } }
  .c-btn-black:active {
    background-color: #2c2e2f; }

.c-btn-white, #cboxClose, #cboxPrevious, #cboxNext, .ContactLog__item, .Contact__detail {
  border-color: #c5cacc;
  background-color: #fff;
  color: #2a2c2d; }
  @media (min-width: 60.001em) {
    .c-btn-white:hover, #cboxClose:hover, #cboxPrevious:hover, #cboxNext:hover, .ContactLog__item:hover, .Contact__detail:hover {
      color: #2a2c2d; }
    .c-btn-white:disabled, #cboxClose:disabled, #cboxPrevious:disabled, #cboxNext:disabled, .ContactLog__item:disabled, .Contact__detail:disabled {
      background-color: #fff; } }
  .c-btn-white:active, #cboxClose:active, #cboxPrevious:active, #cboxNext:active, .ContactLog__item:active, .Contact__detail:active {
    background-color: #f2f6f7; }

.c-pc-btn-lg, .ContactLog__btn-lg, .ContactLog__btn-lg--02 {
  height: 4em;
  line-height: 2.3em; }
  @media (max-width: 60.001em) {
    .c-pc-btn-lg, .ContactLog__btn-lg, .ContactLog__btn-lg--02 {
      height: auto;
      line-height: 1.3em; } }

.c-m-btn-lg {
  min-height: 2.5em;
  height: auto; }
  @media (max-width: 60.001em) {
    .c-m-btn-lg {
      line-height: 1.3em; } }

.c-btn-orange--outline, .c-btn-default-old {
  border-color: #d97a0a;
  background-color: #fde6cb;
  color: #2a2c2d;
  box-shadow: 2px 2px 0 #d97a0a; }
  .c-btn-orange--outline:hover, .c-btn-default-old:hover {
    background-color: #fcdab3; }
  @media (min-width: 60.001em) {
    .c-btn-orange--outline:disabled, .c-btn-default-old:disabled {
      background-color: #fff; } }
  .c-btn-orange--outline:active, .c-btn-default-old:active {
    background-color: #facf9b; }

.c-btn-default, .c-btn-line_gray, .c-btn-line_dark, .c-btn-line_red, .c-Pagenation__link, .c-Pagenation__option-button, .c-tab-item, .c-tab-item--building, .Login__link--movie, .Login__link--faq, .LoginUser__menu-btn, .TermSelect__btn-prev,
.TermSelect__btn-next, .TermSelect .TermSelect__btn-month, .MonthPicker__month, .MonthPicker__list-year, .PaymentTable__button, .AnnualTable__button, .ContactLog__btn-lg--02, .c-btn-negative {
  box-shadow: none;
  background-color: #fff;
  color: #2a2c2d;
  border-color: #d70a30;
  border-radius: 3px;
  letter-spacing: 0.1em;
  -webkit-transition: all .3s;
  transition: all .3s; }
  .c-btn-default:hover, .c-btn-line_gray:hover, .c-btn-line_dark:hover, .c-btn-line_red:hover, .c-Pagenation__link:hover, .c-Pagenation__option-button:hover, .c-tab-item:hover, .c-tab-item--building:hover, .Login__link--movie:hover, .Login__link--faq:hover, .LoginUser__menu-btn:hover, .TermSelect__btn-prev:hover,
  .TermSelect__btn-next:hover, .TermSelect .TermSelect__btn-month:hover, .MonthPicker__month:hover, .MonthPicker__list-year:hover, .PaymentTable__button:hover, .AnnualTable__button:hover, .ContactLog__btn-lg--02:hover, .c-btn-negative:hover {
    background-color: rgba(215, 10, 48, 0.2);
    color: #2a2c2d; }
  .c-btn-default:focus, .c-btn-line_gray:focus, .c-btn-line_dark:focus, .c-btn-line_red:focus, .c-Pagenation__link:focus, .c-Pagenation__option-button:focus, .c-tab-item:focus, .c-tab-item--building:focus, .Login__link--movie:focus, .Login__link--faq:focus, .LoginUser__menu-btn:focus, .TermSelect__btn-prev:focus,
  .TermSelect__btn-next:focus, .TermSelect .TermSelect__btn-month:focus, .MonthPicker__month:focus, .MonthPicker__list-year:focus, .PaymentTable__button:focus, .AnnualTable__button:focus, .ContactLog__btn-lg--02:focus, .c-btn-negative:focus {
    background-color: rgba(215, 10, 48, 0.4);
    color: #2a2c2d; }
  .c-btn-default:active, .c-btn-line_gray:active, .c-btn-line_dark:active, .c-btn-line_red:active, .c-Pagenation__link:active, .c-Pagenation__option-button:active, .c-tab-item:active, .c-tab-item--building:active, .Login__link--movie:active, .Login__link--faq:active, .LoginUser__menu-btn:active, .TermSelect__btn-prev:active,
  .TermSelect__btn-next:active, .TermSelect .TermSelect__btn-month:active, .MonthPicker__month:active, .MonthPicker__list-year:active, .PaymentTable__button:active, .AnnualTable__button:active, .ContactLog__btn-lg--02:active, .c-btn-negative:active {
    transform: scale(1);
    box-shadow: 0 0 0 transparent; }

.c-btn-primary, .c-btn-bg_gray, .c-btn-bg_dark, .Login__button, .MonthPicker__month.is-selected, .MonthPicker__list-year.is-selected, .CodeAuth__button, .ContactLog__btn-lg, .c-btn-positive, .MonthPicker__year-prev,
.MonthPicker__year-next, .AnnualItem--mobile__btn-show, .SendMail__button, .MagazinModal__read {
  box-shadow: none;
  background-color: #bf092b;
  color: #fff;
  border-radius: 3px;
  letter-spacing: 0.1em;
  -webkit-transition: all .3s;
  transition: all .3s; }
  .c-btn-primary:hover, .c-btn-bg_gray:hover, .c-btn-bg_dark:hover, .Login__button:hover, .MonthPicker__month.is-selected:hover, .MonthPicker__list-year.is-selected:hover, .CodeAuth__button:hover, .ContactLog__btn-lg:hover, .c-btn-positive:hover, .MonthPicker__year-prev:hover,
  .MonthPicker__year-next:hover, .AnnualItem--mobile__btn-show:hover, .SendMail__button:hover, .MagazinModal__read:hover {
    background-color: #8e0720;
    color: #fff; }
  .c-btn-primary:active, .c-btn-bg_gray:active, .c-btn-bg_dark:active, .Login__button:active, .MonthPicker__month.is-selected:active, .MonthPicker__list-year.is-selected:active, .CodeAuth__button:active, .ContactLog__btn-lg:active, .c-btn-positive:active, .MonthPicker__year-prev:active,
  .MonthPicker__year-next:active, .AnnualItem--mobile__btn-show:active, .SendMail__button:active, .MagazinModal__read:active {
    transform: scale(1);
    box-shadow: 0 0 0 transparent; }

.c-btn-line_gray {
  background: #fff;
  border-color: #a8acae;
  color: #2a2c2d; }

.c-btn-line_dark {
  background: #FFF;
  border-color: #2a2c2d;
  color: #2a2c2d; }

.c-btn-bg_gray {
  background: #dee3e5;
  border-color: transparent;
  color: #2a2c2d; }

.c-btn-bg_dark {
  background: #66696b;
  border-color: transparent;
  color: #fff; }

.c-btn-line_red {
  background: #FFF;
  border-color: #d70a30;
  color: #d70a30; }

.c-btn-primary-old {
  background-color: #d70a30;
  color: #fff; }
  .c-btn-primary-old:hover {
    background-color: #f51f47;
    color: #fff; }
  @media (min-width: 60.001em) {
    .c-btn-primary-old:disabled {
      background-color: #d70a30; } }
  .c-btn-primary-old:active {
    background-color: #a60825; }

.c-btn-negative-old {
  background-color: #dee3e5;
  color: #66696b; }
  .c-btn-negative-old:hover {
    background-color: #e7eaec;
    color: #66696b; }
  @media (min-width: 60.001em) {
    .c-btn-negative-old:disabled {
      background-color: #dee3e5; } }
  .c-btn-negative-old:active {
    background-color: #d5dcde; }

.c-btn-positive-old {
  background-color: #c5cacc;
  color: #fff; }
  .c-btn-positive-old:hover {
    background-color: #e0e3e4;
    color: #fff; }
  @media (min-width: 60.001em) {
    .c-btn-positive-old:hover {
      background-color: #e0e3e4; }
    .c-btn-positive-old:disabled {
      background-color: #c5cacc; } }
  .c-btn-positive-old:active {
    background-color: #aab1b4; }

@media (max-width: 30em) {
  .c-btn-mobile-sm {
    letter-spacing: -1px;
    padding: 0.625em 0.5em; } }

.c-Alert, .c-Alert--warning {
  position: fixed;
  top: 2rem;
  left: 50%;
  z-index: 3000;
  margin: auto auto;
  padding: 1rem;
  width: 90%;
  max-width: 30rem;
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  text-align: center;
  transform: translateX(-50%); }

.c-Alert--warning {
  background-color: #fde6cb; }

.c-Message, .c-Message--error, .c-Message--info, .c-Message--success, .c-Message--beige, .c-Message--border {
  margin: 0 0 1rem;
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #f2f6f7; }
  .c-Message *:last-child, .c-Message--error *:last-child, .c-Message--info *:last-child, .c-Message--success *:last-child, .c-Message--beige *:last-child, .c-Message--border *:last-child {
    margin-bottom: 0; }
  @media (max-width: 30em) {
    .c-Message, .c-Message--error, .c-Message--info, .c-Message--success, .c-Message--beige, .c-Message--border {
      padding: 0.5rem; }
      .c-Message .c-Table--responsive, .c-Message--error .c-Table--responsive, .c-Message--info .c-Table--responsive, .c-Message--success .c-Table--responsive, .c-Message--beige .c-Table--responsive, .c-Message--border .c-Table--responsive, .c-Message .c-Table--building, .c-Message--error .c-Table--building, .c-Message--info .c-Table--building, .c-Message--success .c-Table--building, .c-Message--beige .c-Table--building, .c-Message--border .c-Table--building, .c-Message .c-Table--tenant, .c-Message--error .c-Table--tenant, .c-Message--info .c-Table--tenant, .c-Message--success .c-Table--tenant, .c-Message--beige .c-Table--tenant, .c-Message--border .c-Table--tenant, .c-Message .BuildingReport__table--monthly, .c-Message--error .BuildingReport__table--monthly, .c-Message--info .BuildingReport__table--monthly, .c-Message--success .BuildingReport__table--monthly, .c-Message--beige .BuildingReport__table--monthly, .c-Message--border .BuildingReport__table--monthly, .c-Message .c-DocumentCheck, .c-Message--error .c-DocumentCheck, .c-Message--info .c-DocumentCheck, .c-Message--success .c-DocumentCheck, .c-Message--beige .c-DocumentCheck, .c-Message--border .c-DocumentCheck {
        border-right: 0; } }
  .c-Message h4, .c-Message--error h4, .c-Message--info h4, .c-Message--success h4, .c-Message--beige h4, .c-Message--border h4 {
    margin-bottom: 0.25rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.c-Message--error {
  background-color: #f8e2e2;
  color: #c33; }
  .c-Message--error .mypage_errors_icon_img {
    width: 1rem;
    height: 1rem; }
  .c-Message--error td:first-child {
    padding-right: 0.75rem;
    min-width: 1.5rem; }
  .c-Message--error .c-Message--error__heading {
    position: relative;
    display: block;
    margin-bottom: 0;
    padding-bottom: 0.5em;
    font-size: 1.5rem;
    text-align: center; }
    .c-Message--error .c-Message--error__heading:before {
      content: '';
      display: block;
      margin: auto auto 0.25rem;
      width: 2.5rem;
      height: 2.5rem;
      background-image: url(../images/icon_exclamation.png);
      background-repeat: no-repeat;
      background-size: contain; }

.c-Message--info {
  background-color: #f8e2e2;
  color: #c33; }
  .c-Message--info .mypage_errors_icon_img {
    width: 1rem;
    height: 1rem; }
  .c-Message--info td:first-child {
    padding-right: 0.75rem;
    min-width: 1.5rem; }
  .c-Message--info .c-Message--info__heading {
    position: relative;
    display: block;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    text-align: center; }
    .c-Message--info .c-Message--info__heading:before {
      content: '';
      display: block;
      margin: auto auto 0.25rem;
      width: 2.5rem;
      height: 2.5rem;
      background-image: url(../images/icon_guide-sm-off.png);
      background-repeat: no-repeat;
      background-size: contain; }
    .c-Message--info .c-Message--info__heading::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      display: block;
      border-top: dotted 3px #c5cacc;
      width: 20%; }

.c-Message--success {
  background-color: #c4e9b2; }

.c-Message--warning {
  padding: 1rem 1rem 3rem; }
  .c-Message--warning *:last-child {
    margin-bottom: 0; }
  .c-Message--warning h3 {
    margin-bottom: 1rem;
    border-bottom: 2px dashed #efeeeb;
    color: #c33;
    font-size: 1.5rem;
    font-weight: bold; }
  @media (max-width: 30em) {
    .c-Message--warning {
      padding: 1rem 0.5rem 3rem; }
      .c-Message--warning:before {
        text-align: center; } }

.c-Message--list {
  padding-left: 1.5em; }
  .c-Message--list li {
    margin-bottom: 0.75em; }

.c-Message--beige {
  background-color: #efeeeb; }

.c-Message--large {
  font-size: 1.6rem; }
  @media (max-width: 30em) {
    .c-Message--large.is-phone {
      font-size: 1.2rem;
      white-space: nowrap; } }

.icon_complete, .icon_logout {
  padding-bottom: 0.6em;
  width: 4rem; }

.icon_send {
  padding-bottom: 0.6em;
  width: 8rem; }

.c-Message--notes {
  padding-top: 1.25rem;
  line-height: 1.5;
  position: relative;
  text-align: center; }
  .c-Message--notes::before {
    position: absolute;
    content: "";
    border-top: dotted 3px #c5cacc;
    width: 20%;
    height: 5px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    display: inline-block; }
  @media (max-width: 30em) {
    .c-Message--notes {
      text-align: left; } }
  .c-Message--notes.noborder {
    padding-top: 0; }
    .c-Message--notes.noborder::before {
      display: none; }

.c-Message--subnotes {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center; }
  @media (max-width: 30em) {
    .c-Message--subnotes {
      text-align: left;
      -webkit-justify-content: flex-start;
      justify-content: flex-start; } }

.c-Message-attention--icon {
  width: 1.6rem; }

.c-Message--logout {
  text-align: center;
  padding: 3em 1em;
  position: relative;
  border-top: solid 4px #c5cacc;
  border-bottom: solid 4px #c5cacc; }
  .c-Message--logout::before {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #c5cacc;
    position: absolute;
    left: 0;
    top: 4px;
    content: ""; }
  .c-Message--logout::after {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #c5cacc;
    position: absolute;
    left: 0;
    bottom: 4px;
    content: ""; }

.c-Message--border {
  background: #fff;
  border: 1px solid #c5cacc;
  border-radius: 1px; }

.c-Message--icon {
  width: 4rem;
  height: 4rem;
  margin-bottom: 0.6em; }

.c-Message--page, .c-Message--attention, .c-Message--guide, .c-Message--complete {
  border-color: #fff;
  border-top: solid 4px #fff;
  border-bottom: solid 4px #fff;
  text-align: center;
  padding: 2em 1em;
  position: relative; }
  @media (max-width: 30em) {
    .c-Message--page, .c-Message--attention, .c-Message--guide, .c-Message--complete {
      padding: 2em 1em 0.6em; } }
  .c-Message--page::before, .c-Message--attention::before, .c-Message--guide::before, .c-Message--complete::before {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 4px;
    content: ""; }
  .c-Message--page::after, .c-Message--attention::after, .c-Message--guide::after, .c-Message--complete::after {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 4px;
    content: ""; }

.c-Message--attention, .c-Message--guide {
  border-color: #c5cacc; }
  .c-Message--attention::before, .c-Message--guide::before {
    background-color: #c5cacc; }
  .c-Message--attention::after, .c-Message--guide::after {
    background-color: #c5cacc; }

.c-Message--complete {
  border-color: #C8E6C9; }
  .c-Message--complete::before {
    background-color: #C8E6C9; }
  .c-Message--complete::after {
    background-color: #C8E6C9; }

.c-Heading--default, .Informatin__title-text, .Survey__title-sub {
  position: relative;
  margin: 2rem 0 1rem;
  padding: 0 0.5rem 0.5rem;
  border-bottom: 2px solid #d70a30;
  color: #454849;
  font-size: 1.25em;
  line-height: 1.125em; }
  .c-Heading--default.has-btn, .has-btn.Informatin__title-text, .has-btn.Survey__title-sub {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center; }
    @media (max-width: 30em) {
      .c-Heading--default.has-btn > .c-btn-default, .has-btn.Informatin__title-text > .c-btn-default, .has-btn.Survey__title-sub > .c-btn-default, .c-Heading--default.has-btn > .c-btn-line_gray, .has-btn.Informatin__title-text > .c-btn-line_gray, .has-btn.Survey__title-sub > .c-btn-line_gray, .c-Heading--default.has-btn > .c-btn-line_dark, .has-btn.Informatin__title-text > .c-btn-line_dark, .has-btn.Survey__title-sub > .c-btn-line_dark, .c-Heading--default.has-btn > .c-btn-line_red, .has-btn.Informatin__title-text > .c-btn-line_red, .has-btn.Survey__title-sub > .c-btn-line_red, .c-Heading--default.has-btn > .c-Pagenation__link, .has-btn.Informatin__title-text > .c-Pagenation__link, .has-btn.Survey__title-sub > .c-Pagenation__link, .c-Heading--default.has-btn > .c-Pagenation__option-button, .has-btn.Informatin__title-text > .c-Pagenation__option-button, .has-btn.Survey__title-sub > .c-Pagenation__option-button, .c-Heading--default.has-btn > .c-tab-item, .has-btn.Informatin__title-text > .c-tab-item, .has-btn.Survey__title-sub > .c-tab-item, .c-Heading--default.has-btn > .c-tab-item--building, .has-btn.Informatin__title-text > .c-tab-item--building, .has-btn.Survey__title-sub > .c-tab-item--building, .c-Heading--default.has-btn > .Login__link--movie, .has-btn.Informatin__title-text > .Login__link--movie, .has-btn.Survey__title-sub > .Login__link--movie, .c-Heading--default.has-btn > .Login__link--faq, .has-btn.Informatin__title-text > .Login__link--faq, .has-btn.Survey__title-sub > .Login__link--faq, .c-Heading--default.has-btn > .LoginUser__menu-btn, .has-btn.Informatin__title-text > .LoginUser__menu-btn, .has-btn.Survey__title-sub > .LoginUser__menu-btn, .c-Heading--default.has-btn > .TermSelect__btn-prev, .has-btn.Informatin__title-text > .TermSelect__btn-prev, .has-btn.Survey__title-sub > .TermSelect__btn-prev,
      .c-Heading--default.has-btn > .TermSelect__btn-next,
      .has-btn.Informatin__title-text > .TermSelect__btn-next,
      .has-btn.Survey__title-sub > .TermSelect__btn-next, .TermSelect .c-Heading--default.has-btn > .TermSelect__btn-month, .TermSelect .has-btn.Informatin__title-text > .TermSelect__btn-month, .TermSelect .has-btn.Survey__title-sub > .TermSelect__btn-month, .c-Heading--default.has-btn > .MonthPicker__month, .has-btn.Informatin__title-text > .MonthPicker__month, .has-btn.Survey__title-sub > .MonthPicker__month, .c-Heading--default.has-btn > .MonthPicker__list-year, .has-btn.Informatin__title-text > .MonthPicker__list-year, .has-btn.Survey__title-sub > .MonthPicker__list-year, .c-Heading--default.has-btn > .PaymentTable__button, .has-btn.Informatin__title-text > .PaymentTable__button, .has-btn.Survey__title-sub > .PaymentTable__button, .c-Heading--default.has-btn > .AnnualTable__button, .has-btn.Informatin__title-text > .AnnualTable__button, .has-btn.Survey__title-sub > .AnnualTable__button, .c-Heading--default.has-btn > .ContactLog__btn-lg--02, .has-btn.Informatin__title-text > .ContactLog__btn-lg--02, .has-btn.Survey__title-sub > .ContactLog__btn-lg--02 {
        margin: 0.25rem auto 0 auto; } }

.c-Heading--strong {
  position: relative;
  margin: 2rem 0 1rem;
  padding: 0 0.5rem 0.5rem;
  border-bottom: 2px solid #d70a30;
  color: #454849;
  font-size: 1.875em;
  text-align: center;
  line-height: 1.125em; }
  @media (max-width: 30em) {
    .c-Heading--strong {
      font-size: 1.5em; } }

.c-Heading--page {
  position: relative;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin: 1.125rem 0 1rem;
  color: #454849;
  font-size: 1.5em; }
  @media (max-width: 60em) {
    .c-Heading--page {
      display: none; }
      .c-Heading--page.is-always {
        display: flex; } }
  .c-Heading--page:before {
    content: '';
    display: inline-block;
    margin-right: 1rem;
    width: 1.5em;
    height: 1.5em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icon_building-sm-off.png); }
  .c-Heading--page.is-owner:before {
    background-image: url(../images/icon_owner-sm-off.png); }
  .c-Heading--page.is-pay:before {
    background-image: url(../images/icon_pay-sm-off.png); }
  .c-Heading--page.is-year:before {
    background-image: url(../images/icon_year-sm-off.png); }
  .c-Heading--page.is-info:before {
    background-image: url(../images/icon_info-sm-off.png); }
  .c-Heading--page.is-home:before {
    background-image: url(../images/icon_home-sm-off.png); }
  .c-Heading--page.is-help:before {
    background-image: url(../images/icon_help-sm-off.png); }
  .c-Heading--page.is-dk:before {
    background-image: url(../images/icon_dk_off.png); }
  .c-Heading--page.is-contact:before {
    background-image: url(../images/icon_contact-sm-off.png); }
  .c-Heading--page.is-building:before {
    background-image: url(../images/icon_building-sm-off.png); }
  .c-Heading--page.is-agree:before {
    background-image: url(../images/icon_agree-sm-off.png); }
  .c-Heading--page.is-money:before {
    background-image: url(../images/icon_pay-sm-off.png); }
  .c-Heading--page.is-guide:before {
    background-image: url(../images/icon_guide-sm-off.png); }
  .c-Heading--page.is-new:before {
    background-image: url(../images/icon_new-md-off.png); }
  .c-Heading--page.is-service:before {
    background-image: url(../images/icon_sercive-md-off.png); }
  .c-Heading--page.is-survey:before {
    background-image: url(../images/icon_binder-md-off.png);
    margin-top: -0.25em; }

.c-Heading--newstyle {
  border-top: 1px dashed #d70a30;
  border-bottom: 3px solid #d70a30;
  color: #d70a30;
  font-size: 18px;
  line-height: 32px; }
  .c-Heading--newstyle.is-green {
    border-color: #54a12e;
    color: #54a12e; }
  .c-Heading--newstyle.is-blue {
    border-color: #4171c1;
    color: #4171c1; }
  .c-Heading--newstyle.is-pink {
    border-color: #e957a0;
    color: #e957a0; }

.c-Heading--newstyle__icon {
  margin-top: -6px;
  width: 36px;
  height: 36px; }

.c-Heading--first {
  margin-top: 0; }

.c-Heading--error.Informatin__title-text {
  margin-top: 1em; }

.c-Table, .c-Table--responsive, .c-Table--building, .c-Table--tenant, .BuildingReport__table--monthly, .c-DocumentCheck {
  margin: 0 0 1rem;
  width: 100%;
  border-radius: 2px;
  overflow: hidden; }
  .c-Table th, .c-Table--responsive th, .c-Table--building th, .c-Table--tenant th, .BuildingReport__table--monthly th, .c-DocumentCheck th {
    padding: 0.3125em 0.5em;
    font-size: 0.875em;
    border: 1px solid #c5cacc;
    background-color: #efeeeb;
    font-weight: normal; }
    .c-Table th.is-v-center, .c-Table--responsive th.is-v-center, .c-Table--building th.is-v-center, .c-Table--tenant th.is-v-center, .BuildingReport__table--monthly th.is-v-center, .c-DocumentCheck th.is-v-center {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .c-Table th.is-v-center.c-text-center, .c-Table--responsive th.is-v-center.c-text-center, .c-Table--building th.is-v-center.c-text-center, .c-Table--tenant th.is-v-center.c-text-center, .BuildingReport__table--monthly th.is-v-center.c-text-center, .c-DocumentCheck th.is-v-center.c-text-center {
        justify-content: center; }
      .c-Table th.is-v-center.c-text-right, .c-Table--responsive th.is-v-center.c-text-right, .c-Table--building th.is-v-center.c-text-right, .c-Table--tenant th.is-v-center.c-text-right, .BuildingReport__table--monthly th.is-v-center.c-text-right, .c-DocumentCheck th.is-v-center.c-text-right {
        justify-content: flex-end; }
      .c-Table th.is-v-center.c-text-left, .c-Table--responsive th.is-v-center.c-text-left, .c-Table--building th.is-v-center.c-text-left, .c-Table--tenant th.is-v-center.c-text-left, .BuildingReport__table--monthly th.is-v-center.c-text-left, .c-DocumentCheck th.is-v-center.c-text-left {
        justify-content: flex-start; }
  .c-Table td, .c-Table--responsive td, .c-Table--building td, .c-Table--tenant td, .BuildingReport__table--monthly td, .c-DocumentCheck td {
    padding: 0.3125em 0.5em;
    font-size: 0.875em;
    border: 1px solid #c5cacc; }
    .c-Table td.is-v-center, .c-Table--responsive td.is-v-center, .c-Table--building td.is-v-center, .c-Table--tenant td.is-v-center, .BuildingReport__table--monthly td.is-v-center, .c-DocumentCheck td.is-v-center {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .c-Table td.is-v-center.c-text-center, .c-Table--responsive td.is-v-center.c-text-center, .c-Table--building td.is-v-center.c-text-center, .c-Table--tenant td.is-v-center.c-text-center, .BuildingReport__table--monthly td.is-v-center.c-text-center, .c-DocumentCheck td.is-v-center.c-text-center {
        justify-content: center; }
      .c-Table td.is-v-center.c-text-right, .c-Table--responsive td.is-v-center.c-text-right, .c-Table--building td.is-v-center.c-text-right, .c-Table--tenant td.is-v-center.c-text-right, .BuildingReport__table--monthly td.is-v-center.c-text-right, .c-DocumentCheck td.is-v-center.c-text-right {
        justify-content: flex-end; }
      .c-Table td.is-v-center.c-text-left, .c-Table--responsive td.is-v-center.c-text-left, .c-Table--building td.is-v-center.c-text-left, .c-Table--tenant td.is-v-center.c-text-left, .BuildingReport__table--monthly td.is-v-center.c-text-left, .c-DocumentCheck td.is-v-center.c-text-left {
        justify-content: flex-start; }
  .c-Table tr, .c-Table--responsive tr, .c-Table--building tr, .c-Table--tenant tr, .BuildingReport__table--monthly tr, .c-DocumentCheck tr {
    width: 100%; }
    .c-Table tr:last-child, .c-Table--responsive tr:last-child, .c-Table--building tr:last-child, .c-Table--tenant tr:last-child, .BuildingReport__table--monthly tr:last-child, .c-DocumentCheck tr:last-child {
      border-bottom: 1px solid #c5cacc; }
  .c-Table thead, .c-Table--responsive thead, .c-Table--building thead, .c-Table--tenant thead, .BuildingReport__table--monthly thead, .c-DocumentCheck thead {
    width: 100%;
    margin-bottom: -1px; }
  .c-Table tbody, .c-Table--responsive tbody, .c-Table--building tbody, .c-Table--tenant tbody, .BuildingReport__table--monthly tbody, .c-DocumentCheck tbody {
    width: 100%; }

.c-Table__td, .c-Table__td--phone-colored, .c-Table--tenant__num, .c-Table--tenant__contract,
.c-Table--tenant__date-in,
.c-Table--tenant__date-out,
.c-Table--tenant__name,
.c-Table--tenant__status, .c-Table--tenant__rent,
.c-Table--tenant__car, .c-Table--tenant__note, .c-Form__td,
.c-Table__th,
.c-Table--tenant__contract-label,
.c-Table--tenant__date-in-label,
.c-Table--tenant__date-out-label,
.c-Table--tenant__name-label,
.c-Table--tenant__note-label,
.c-Table--tenant__num-label,
.c-Table--tenant__rent-label,
.c-Table--tenant__car-label,
.c-Table--tenant__status-label,
.c-Table--tenant__contract-label--mobile,
.c-Table--tenant__date-in-label--mobile,
.c-Table--tenant__date-out-label--mobile,
.c-Table--tenant__name-label--mobile,
.c-Table--tenant__rent-label--mobile,
.c-Table--tenant__car-label--mobile,
.c-Table--tenant__status-label--mobile,
.c-Form__th,
.c-DocumentCheck__owner,
.c-DocumentCheck__building {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem; }
  .c-Table__td.is-v-center, .is-v-center.c-Table__td--phone-colored, .is-v-center.c-Table--tenant__num, .is-v-center.c-Table--tenant__contract,
  .is-v-center.c-Table--tenant__date-in,
  .is-v-center.c-Table--tenant__date-out,
  .is-v-center.c-Table--tenant__name,
  .is-v-center.c-Table--tenant__status, .is-v-center.c-Table--tenant__rent,
  .is-v-center.c-Table--tenant__car, .is-v-center.c-Table--tenant__note, .is-v-center.c-Form__td,
  .c-Table__th.is-v-center,
  .is-v-center.c-Table--tenant__contract-label,
  .is-v-center.c-Table--tenant__date-in-label,
  .is-v-center.c-Table--tenant__date-out-label,
  .is-v-center.c-Table--tenant__name-label,
  .is-v-center.c-Table--tenant__note-label,
  .is-v-center.c-Table--tenant__num-label,
  .is-v-center.c-Table--tenant__rent-label,
  .is-v-center.c-Table--tenant__car-label,
  .is-v-center.c-Table--tenant__status-label,
  .is-v-center.c-Table--tenant__contract-label--mobile,
  .is-v-center.c-Table--tenant__date-in-label--mobile,
  .is-v-center.c-Table--tenant__date-out-label--mobile,
  .is-v-center.c-Table--tenant__name-label--mobile,
  .is-v-center.c-Table--tenant__rent-label--mobile,
  .is-v-center.c-Table--tenant__car-label--mobile,
  .is-v-center.c-Table--tenant__status-label--mobile,
  .is-v-center.c-Form__th,
  .is-v-center.c-DocumentCheck__owner,
  .is-v-center.c-DocumentCheck__building {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .c-Table__td.is-v-center.c-text-center, .is-v-center.c-text-center.c-Table__td--phone-colored, .is-v-center.c-text-center.c-Table--tenant__num, .is-v-center.c-text-center.c-Table--tenant__contract,
    .is-v-center.c-text-center.c-Table--tenant__date-in,
    .is-v-center.c-text-center.c-Table--tenant__date-out,
    .is-v-center.c-text-center.c-Table--tenant__name,
    .is-v-center.c-text-center.c-Table--tenant__status, .is-v-center.c-text-center.c-Table--tenant__rent,
    .is-v-center.c-text-center.c-Table--tenant__car, .is-v-center.c-text-center.c-Table--tenant__note, .is-v-center.c-text-center.c-Form__td,
    .c-Table__th.is-v-center.c-text-center,
    .is-v-center.c-text-center.c-Table--tenant__contract-label,
    .is-v-center.c-text-center.c-Table--tenant__date-in-label,
    .is-v-center.c-text-center.c-Table--tenant__date-out-label,
    .is-v-center.c-text-center.c-Table--tenant__name-label,
    .is-v-center.c-text-center.c-Table--tenant__note-label,
    .is-v-center.c-text-center.c-Table--tenant__num-label,
    .is-v-center.c-text-center.c-Table--tenant__rent-label,
    .is-v-center.c-text-center.c-Table--tenant__car-label,
    .is-v-center.c-text-center.c-Table--tenant__status-label,
    .is-v-center.c-text-center.c-Table--tenant__contract-label--mobile,
    .is-v-center.c-text-center.c-Table--tenant__date-in-label--mobile,
    .is-v-center.c-text-center.c-Table--tenant__date-out-label--mobile,
    .is-v-center.c-text-center.c-Table--tenant__name-label--mobile,
    .is-v-center.c-text-center.c-Table--tenant__rent-label--mobile,
    .is-v-center.c-text-center.c-Table--tenant__car-label--mobile,
    .is-v-center.c-text-center.c-Table--tenant__status-label--mobile,
    .is-v-center.c-text-center.c-Form__th,
    .is-v-center.c-text-center.c-DocumentCheck__owner,
    .is-v-center.c-text-center.c-DocumentCheck__building {
      justify-content: center; }
    .c-Table__td.is-v-center.c-text-right, .is-v-center.c-text-right.c-Table__td--phone-colored, .is-v-center.c-text-right.c-Table--tenant__num, .is-v-center.c-text-right.c-Table--tenant__contract,
    .is-v-center.c-text-right.c-Table--tenant__date-in,
    .is-v-center.c-text-right.c-Table--tenant__date-out,
    .is-v-center.c-text-right.c-Table--tenant__name,
    .is-v-center.c-text-right.c-Table--tenant__status, .is-v-center.c-text-right.c-Table--tenant__rent,
    .is-v-center.c-text-right.c-Table--tenant__car, .is-v-center.c-text-right.c-Table--tenant__note, .is-v-center.c-text-right.c-Form__td,
    .c-Table__th.is-v-center.c-text-right,
    .is-v-center.c-text-right.c-Table--tenant__contract-label,
    .is-v-center.c-text-right.c-Table--tenant__date-in-label,
    .is-v-center.c-text-right.c-Table--tenant__date-out-label,
    .is-v-center.c-text-right.c-Table--tenant__name-label,
    .is-v-center.c-text-right.c-Table--tenant__note-label,
    .is-v-center.c-text-right.c-Table--tenant__num-label,
    .is-v-center.c-text-right.c-Table--tenant__rent-label,
    .is-v-center.c-text-right.c-Table--tenant__car-label,
    .is-v-center.c-text-right.c-Table--tenant__status-label,
    .is-v-center.c-text-right.c-Table--tenant__contract-label--mobile,
    .is-v-center.c-text-right.c-Table--tenant__date-in-label--mobile,
    .is-v-center.c-text-right.c-Table--tenant__date-out-label--mobile,
    .is-v-center.c-text-right.c-Table--tenant__name-label--mobile,
    .is-v-center.c-text-right.c-Table--tenant__rent-label--mobile,
    .is-v-center.c-text-right.c-Table--tenant__car-label--mobile,
    .is-v-center.c-text-right.c-Table--tenant__status-label--mobile,
    .is-v-center.c-text-right.c-Form__th,
    .is-v-center.c-text-right.c-DocumentCheck__owner,
    .is-v-center.c-text-right.c-DocumentCheck__building {
      justify-content: flex-end; }
    .c-Table__td.is-v-center.c-text-left, .is-v-center.c-text-left.c-Table__td--phone-colored, .is-v-center.c-text-left.c-Table--tenant__num, .is-v-center.c-text-left.c-Table--tenant__contract,
    .is-v-center.c-text-left.c-Table--tenant__date-in,
    .is-v-center.c-text-left.c-Table--tenant__date-out,
    .is-v-center.c-text-left.c-Table--tenant__name,
    .is-v-center.c-text-left.c-Table--tenant__status, .is-v-center.c-text-left.c-Table--tenant__rent,
    .is-v-center.c-text-left.c-Table--tenant__car, .is-v-center.c-text-left.c-Table--tenant__note, .is-v-center.c-text-left.c-Form__td,
    .c-Table__th.is-v-center.c-text-left,
    .is-v-center.c-text-left.c-Table--tenant__contract-label,
    .is-v-center.c-text-left.c-Table--tenant__date-in-label,
    .is-v-center.c-text-left.c-Table--tenant__date-out-label,
    .is-v-center.c-text-left.c-Table--tenant__name-label,
    .is-v-center.c-text-left.c-Table--tenant__note-label,
    .is-v-center.c-text-left.c-Table--tenant__num-label,
    .is-v-center.c-text-left.c-Table--tenant__rent-label,
    .is-v-center.c-text-left.c-Table--tenant__car-label,
    .is-v-center.c-text-left.c-Table--tenant__status-label,
    .is-v-center.c-text-left.c-Table--tenant__contract-label--mobile,
    .is-v-center.c-text-left.c-Table--tenant__date-in-label--mobile,
    .is-v-center.c-text-left.c-Table--tenant__date-out-label--mobile,
    .is-v-center.c-text-left.c-Table--tenant__name-label--mobile,
    .is-v-center.c-text-left.c-Table--tenant__rent-label--mobile,
    .is-v-center.c-text-left.c-Table--tenant__car-label--mobile,
    .is-v-center.c-text-left.c-Table--tenant__status-label--mobile,
    .is-v-center.c-text-left.c-Form__th,
    .is-v-center.c-text-left.c-DocumentCheck__owner,
    .is-v-center.c-text-left.c-DocumentCheck__building {
      justify-content: flex-start; }
  .c-Table__td .c-Table__input, .c-Table__td--phone-colored .c-Table__input, .c-Table--tenant__num .c-Table__input, .c-Table--tenant__contract .c-Table__input, .c-Table--tenant__date-in .c-Table__input, .c-Table--tenant__date-out .c-Table__input, .c-Table--tenant__name .c-Table__input, .c-Table--tenant__status .c-Table__input, .c-Table--tenant__rent .c-Table__input, .c-Table--tenant__car .c-Table__input, .c-Table--tenant__note .c-Table__input, .c-Form__td .c-Table__input, .c-Table__td .AnnualTable__button, .c-Table__td--phone-colored .AnnualTable__button, .c-Table--tenant__num .AnnualTable__button, .c-Table--tenant__contract .AnnualTable__button, .c-Table--tenant__date-in .AnnualTable__button, .c-Table--tenant__date-out .AnnualTable__button, .c-Table--tenant__name .AnnualTable__button, .c-Table--tenant__status .AnnualTable__button, .c-Table--tenant__rent .AnnualTable__button, .c-Table--tenant__car .AnnualTable__button, .c-Table--tenant__note .AnnualTable__button, .c-Form__td .AnnualTable__button,
  .c-Table__th .c-Table__input,
  .c-Table--tenant__contract-label .c-Table__input,
  .c-Table--tenant__date-in-label .c-Table__input,
  .c-Table--tenant__date-out-label .c-Table__input,
  .c-Table--tenant__name-label .c-Table__input,
  .c-Table--tenant__note-label .c-Table__input,
  .c-Table--tenant__num-label .c-Table__input,
  .c-Table--tenant__rent-label .c-Table__input,
  .c-Table--tenant__car-label .c-Table__input,
  .c-Table--tenant__status-label .c-Table__input,
  .c-Table--tenant__contract-label--mobile .c-Table__input,
  .c-Table--tenant__date-in-label--mobile .c-Table__input,
  .c-Table--tenant__date-out-label--mobile .c-Table__input,
  .c-Table--tenant__name-label--mobile .c-Table__input,
  .c-Table--tenant__rent-label--mobile .c-Table__input,
  .c-Table--tenant__car-label--mobile .c-Table__input,
  .c-Table--tenant__status-label--mobile .c-Table__input,
  .c-Form__th .c-Table__input,
  .c-DocumentCheck__owner .c-Table__input,
  .c-DocumentCheck__building .c-Table__input,
  .c-Table__th .AnnualTable__button,
  .c-Table--tenant__contract-label .AnnualTable__button,
  .c-Table--tenant__date-in-label .AnnualTable__button,
  .c-Table--tenant__date-out-label .AnnualTable__button,
  .c-Table--tenant__name-label .AnnualTable__button,
  .c-Table--tenant__note-label .AnnualTable__button,
  .c-Table--tenant__num-label .AnnualTable__button,
  .c-Table--tenant__rent-label .AnnualTable__button,
  .c-Table--tenant__car-label .AnnualTable__button,
  .c-Table--tenant__status-label .AnnualTable__button,
  .c-Table--tenant__contract-label--mobile .AnnualTable__button,
  .c-Table--tenant__date-in-label--mobile .AnnualTable__button,
  .c-Table--tenant__date-out-label--mobile .AnnualTable__button,
  .c-Table--tenant__name-label--mobile .AnnualTable__button,
  .c-Table--tenant__rent-label--mobile .AnnualTable__button,
  .c-Table--tenant__car-label--mobile .AnnualTable__button,
  .c-Table--tenant__status-label--mobile .AnnualTable__button,
  .c-Form__th .AnnualTable__button,
  .c-DocumentCheck__owner .AnnualTable__button,
  .c-DocumentCheck__building .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .c-Table__td .c-Table__input + .c-Table__input, .c-Table__td--phone-colored .c-Table__input + .c-Table__input, .c-Table--tenant__num .c-Table__input + .c-Table__input, .c-Table--tenant__contract .c-Table__input + .c-Table__input, .c-Table--tenant__date-in .c-Table__input + .c-Table__input, .c-Table--tenant__date-out .c-Table__input + .c-Table__input, .c-Table--tenant__name .c-Table__input + .c-Table__input, .c-Table--tenant__status .c-Table__input + .c-Table__input, .c-Table--tenant__rent .c-Table__input + .c-Table__input, .c-Table--tenant__car .c-Table__input + .c-Table__input, .c-Table--tenant__note .c-Table__input + .c-Table__input, .c-Form__td .c-Table__input + .c-Table__input, .c-Table__td .AnnualTable__button + .c-Table__input, .c-Table__td--phone-colored .AnnualTable__button + .c-Table__input, .c-Table--tenant__num .AnnualTable__button + .c-Table__input, .c-Table--tenant__contract .AnnualTable__button + .c-Table__input, .c-Table--tenant__date-in .AnnualTable__button + .c-Table__input, .c-Table--tenant__date-out .AnnualTable__button + .c-Table__input, .c-Table--tenant__name .AnnualTable__button + .c-Table__input, .c-Table--tenant__status .AnnualTable__button + .c-Table__input, .c-Table--tenant__rent .AnnualTable__button + .c-Table__input, .c-Table--tenant__car .AnnualTable__button + .c-Table__input, .c-Table--tenant__note .AnnualTable__button + .c-Table__input, .c-Form__td .AnnualTable__button + .c-Table__input, .c-Table__td .c-Table__input + .AnnualTable__button, .c-Table__td--phone-colored .c-Table__input + .AnnualTable__button, .c-Table--tenant__num .c-Table__input + .AnnualTable__button, .c-Table--tenant__contract .c-Table__input + .AnnualTable__button, .c-Table--tenant__date-in .c-Table__input + .AnnualTable__button, .c-Table--tenant__date-out .c-Table__input + .AnnualTable__button, .c-Table--tenant__name .c-Table__input + .AnnualTable__button, .c-Table--tenant__status .c-Table__input + .AnnualTable__button, .c-Table--tenant__rent .c-Table__input + .AnnualTable__button, .c-Table--tenant__car .c-Table__input + .AnnualTable__button, .c-Table--tenant__note .c-Table__input + .AnnualTable__button, .c-Form__td .c-Table__input + .AnnualTable__button, .c-Table__td .AnnualTable__button + .AnnualTable__button, .c-Table__td--phone-colored .AnnualTable__button + .AnnualTable__button, .c-Table--tenant__num .AnnualTable__button + .AnnualTable__button, .c-Table--tenant__contract .AnnualTable__button + .AnnualTable__button, .c-Table--tenant__date-in .AnnualTable__button + .AnnualTable__button, .c-Table--tenant__date-out .AnnualTable__button + .AnnualTable__button, .c-Table--tenant__name .AnnualTable__button + .AnnualTable__button, .c-Table--tenant__status .AnnualTable__button + .AnnualTable__button, .c-Table--tenant__rent .AnnualTable__button + .AnnualTable__button, .c-Table--tenant__car .AnnualTable__button + .AnnualTable__button, .c-Table--tenant__note .AnnualTable__button + .AnnualTable__button, .c-Form__td .AnnualTable__button + .AnnualTable__button,
    .c-Table__th .c-Table__input + .c-Table__input,
    .c-Table--tenant__contract-label .c-Table__input + .c-Table__input,
    .c-Table--tenant__date-in-label .c-Table__input + .c-Table__input,
    .c-Table--tenant__date-out-label .c-Table__input + .c-Table__input,
    .c-Table--tenant__name-label .c-Table__input + .c-Table__input,
    .c-Table--tenant__note-label .c-Table__input + .c-Table__input,
    .c-Table--tenant__num-label .c-Table__input + .c-Table__input,
    .c-Table--tenant__rent-label .c-Table__input + .c-Table__input,
    .c-Table--tenant__car-label .c-Table__input + .c-Table__input,
    .c-Table--tenant__status-label .c-Table__input + .c-Table__input,
    .c-Table--tenant__contract-label--mobile .c-Table__input + .c-Table__input,
    .c-Table--tenant__date-in-label--mobile .c-Table__input + .c-Table__input,
    .c-Table--tenant__date-out-label--mobile .c-Table__input + .c-Table__input,
    .c-Table--tenant__name-label--mobile .c-Table__input + .c-Table__input,
    .c-Table--tenant__rent-label--mobile .c-Table__input + .c-Table__input,
    .c-Table--tenant__car-label--mobile .c-Table__input + .c-Table__input,
    .c-Table--tenant__status-label--mobile .c-Table__input + .c-Table__input,
    .c-Form__th .c-Table__input + .c-Table__input,
    .c-DocumentCheck__owner .c-Table__input + .c-Table__input,
    .c-DocumentCheck__building .c-Table__input + .c-Table__input,
    .c-Table__th .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__contract-label .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__date-in-label .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__date-out-label .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__name-label .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__note-label .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__num-label .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__rent-label .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__car-label .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__status-label .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__contract-label--mobile .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__date-in-label--mobile .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__date-out-label--mobile .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__name-label--mobile .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__rent-label--mobile .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__car-label--mobile .AnnualTable__button + .c-Table__input,
    .c-Table--tenant__status-label--mobile .AnnualTable__button + .c-Table__input,
    .c-Form__th .AnnualTable__button + .c-Table__input,
    .c-DocumentCheck__owner .AnnualTable__button + .c-Table__input,
    .c-DocumentCheck__building .AnnualTable__button + .c-Table__input,
    .c-Table__th .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__contract-label .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__date-in-label .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__date-out-label .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__name-label .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__note-label .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__num-label .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__rent-label .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__car-label .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__status-label .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__contract-label--mobile .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__date-in-label--mobile .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__date-out-label--mobile .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__name-label--mobile .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__rent-label--mobile .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__car-label--mobile .c-Table__input + .AnnualTable__button,
    .c-Table--tenant__status-label--mobile .c-Table__input + .AnnualTable__button,
    .c-Form__th .c-Table__input + .AnnualTable__button,
    .c-DocumentCheck__owner .c-Table__input + .AnnualTable__button,
    .c-DocumentCheck__building .c-Table__input + .AnnualTable__button,
    .c-Table__th .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__contract-label .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__date-in-label .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__date-out-label .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__name-label .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__note-label .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__num-label .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__rent-label .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__car-label .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__status-label .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__contract-label--mobile .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__date-in-label--mobile .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__date-out-label--mobile .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__name-label--mobile .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__rent-label--mobile .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__car-label--mobile .AnnualTable__button + .AnnualTable__button,
    .c-Table--tenant__status-label--mobile .AnnualTable__button + .AnnualTable__button,
    .c-Form__th .AnnualTable__button + .AnnualTable__button,
    .c-DocumentCheck__owner .AnnualTable__button + .AnnualTable__button,
    .c-DocumentCheck__building .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .c-Table__td, .c-Table__td--phone-colored, .c-Table--tenant__num, .c-Table--tenant__contract,
    .c-Table--tenant__date-in,
    .c-Table--tenant__date-out,
    .c-Table--tenant__name,
    .c-Table--tenant__status, .c-Table--tenant__rent,
    .c-Table--tenant__car, .c-Table--tenant__note, .c-Form__td,
    .c-Table__th,
    .c-Table--tenant__contract-label,
    .c-Table--tenant__date-in-label,
    .c-Table--tenant__date-out-label,
    .c-Table--tenant__name-label,
    .c-Table--tenant__note-label,
    .c-Table--tenant__num-label,
    .c-Table--tenant__rent-label,
    .c-Table--tenant__car-label,
    .c-Table--tenant__status-label,
    .c-Table--tenant__contract-label--mobile,
    .c-Table--tenant__date-in-label--mobile,
    .c-Table--tenant__date-out-label--mobile,
    .c-Table--tenant__name-label--mobile,
    .c-Table--tenant__rent-label--mobile,
    .c-Table--tenant__car-label--mobile,
    .c-Table--tenant__status-label--mobile,
    .c-Form__th,
    .c-DocumentCheck__owner,
    .c-DocumentCheck__building {
      padding: 0.5rem; }
      .c-Table__td .c-Table__input, .c-Table__td--phone-colored .c-Table__input, .c-Table--tenant__num .c-Table__input, .c-Table--tenant__contract .c-Table__input, .c-Table--tenant__date-in .c-Table__input, .c-Table--tenant__date-out .c-Table__input, .c-Table--tenant__name .c-Table__input, .c-Table--tenant__status .c-Table__input, .c-Table--tenant__rent .c-Table__input, .c-Table--tenant__car .c-Table__input, .c-Table--tenant__note .c-Table__input, .c-Form__td .c-Table__input, .c-Table__td .AnnualTable__button, .c-Table__td--phone-colored .AnnualTable__button, .c-Table--tenant__num .AnnualTable__button, .c-Table--tenant__contract .AnnualTable__button, .c-Table--tenant__date-in .AnnualTable__button, .c-Table--tenant__date-out .AnnualTable__button, .c-Table--tenant__name .AnnualTable__button, .c-Table--tenant__status .AnnualTable__button, .c-Table--tenant__rent .AnnualTable__button, .c-Table--tenant__car .AnnualTable__button, .c-Table--tenant__note .AnnualTable__button, .c-Form__td .AnnualTable__button,
      .c-Table__th .c-Table__input,
      .c-Table--tenant__contract-label .c-Table__input,
      .c-Table--tenant__date-in-label .c-Table__input,
      .c-Table--tenant__date-out-label .c-Table__input,
      .c-Table--tenant__name-label .c-Table__input,
      .c-Table--tenant__note-label .c-Table__input,
      .c-Table--tenant__num-label .c-Table__input,
      .c-Table--tenant__rent-label .c-Table__input,
      .c-Table--tenant__car-label .c-Table__input,
      .c-Table--tenant__status-label .c-Table__input,
      .c-Table--tenant__contract-label--mobile .c-Table__input,
      .c-Table--tenant__date-in-label--mobile .c-Table__input,
      .c-Table--tenant__date-out-label--mobile .c-Table__input,
      .c-Table--tenant__name-label--mobile .c-Table__input,
      .c-Table--tenant__rent-label--mobile .c-Table__input,
      .c-Table--tenant__car-label--mobile .c-Table__input,
      .c-Table--tenant__status-label--mobile .c-Table__input,
      .c-Form__th .c-Table__input,
      .c-DocumentCheck__owner .c-Table__input,
      .c-DocumentCheck__building .c-Table__input,
      .c-Table__th .AnnualTable__button,
      .c-Table--tenant__contract-label .AnnualTable__button,
      .c-Table--tenant__date-in-label .AnnualTable__button,
      .c-Table--tenant__date-out-label .AnnualTable__button,
      .c-Table--tenant__name-label .AnnualTable__button,
      .c-Table--tenant__note-label .AnnualTable__button,
      .c-Table--tenant__num-label .AnnualTable__button,
      .c-Table--tenant__rent-label .AnnualTable__button,
      .c-Table--tenant__car-label .AnnualTable__button,
      .c-Table--tenant__status-label .AnnualTable__button,
      .c-Table--tenant__contract-label--mobile .AnnualTable__button,
      .c-Table--tenant__date-in-label--mobile .AnnualTable__button,
      .c-Table--tenant__date-out-label--mobile .AnnualTable__button,
      .c-Table--tenant__name-label--mobile .AnnualTable__button,
      .c-Table--tenant__rent-label--mobile .AnnualTable__button,
      .c-Table--tenant__car-label--mobile .AnnualTable__button,
      .c-Table--tenant__status-label--mobile .AnnualTable__button,
      .c-Form__th .AnnualTable__button,
      .c-DocumentCheck__owner .AnnualTable__button,
      .c-DocumentCheck__building .AnnualTable__button {
        margin: 0; } }
  .c-Table__td.is-flexcol, .is-flexcol.c-Table__td--phone-colored, .is-flexcol.c-Table--tenant__num, .is-flexcol.c-Table--tenant__contract,
  .is-flexcol.c-Table--tenant__date-in,
  .is-flexcol.c-Table--tenant__date-out,
  .is-flexcol.c-Table--tenant__name,
  .is-flexcol.c-Table--tenant__status, .is-flexcol.c-Table--tenant__rent,
  .is-flexcol.c-Table--tenant__car, .is-flexcol.c-Table--tenant__note, .is-flexcol.c-Form__td,
  .c-Table__th.is-flexcol,
  .is-flexcol.c-Table--tenant__contract-label,
  .is-flexcol.c-Table--tenant__date-in-label,
  .is-flexcol.c-Table--tenant__date-out-label,
  .is-flexcol.c-Table--tenant__name-label,
  .is-flexcol.c-Table--tenant__note-label,
  .is-flexcol.c-Table--tenant__num-label,
  .is-flexcol.c-Table--tenant__rent-label,
  .is-flexcol.c-Table--tenant__car-label,
  .is-flexcol.c-Table--tenant__status-label,
  .is-flexcol.c-Table--tenant__contract-label--mobile,
  .is-flexcol.c-Table--tenant__date-in-label--mobile,
  .is-flexcol.c-Table--tenant__date-out-label--mobile,
  .is-flexcol.c-Table--tenant__name-label--mobile,
  .is-flexcol.c-Table--tenant__rent-label--mobile,
  .is-flexcol.c-Table--tenant__car-label--mobile,
  .is-flexcol.c-Table--tenant__status-label--mobile,
  .is-flexcol.c-Form__th,
  .is-flexcol.c-DocumentCheck__owner,
  .is-flexcol.c-DocumentCheck__building {
    display: flex;
    flex-direction: column;
    padding: 0; }


.c-Table__th,
.c-Table--tenant__contract-label,
.c-Table--tenant__date-in-label,
.c-Table--tenant__date-out-label,
.c-Table--tenant__name-label,
.c-Table--tenant__note-label,
.c-Table--tenant__num-label,
.c-Table--tenant__rent-label,
.c-Table--tenant__car-label,
.c-Table--tenant__status-label,
.c-Table--tenant__contract-label--mobile,
.c-Table--tenant__date-in-label--mobile,
.c-Table--tenant__date-out-label--mobile,
.c-Table--tenant__name-label--mobile,
.c-Table--tenant__rent-label--mobile,
.c-Table--tenant__car-label--mobile,
.c-Table--tenant__status-label--mobile,
.c-Form__th,
.c-DocumentCheck__owner,
.c-DocumentCheck__building {
  background-color: #efeeeb;
  font-weight: normal; }

.c-Table__td-child, .c-Table__building {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem; }
  .c-Table__td-child + .c-Table__td-child, .c-Table__building + .c-Table__td-child, .c-Table__td-child + .c-Table__building, .c-Table__building + .c-Table__building {
    border-top: 1px solid #c5cacc; }
  .c-Table__td-child .c-Table__th, .c-Table__building .c-Table__th, .c-Table__td-child .c-Table--tenant__contract-label, .c-Table__building .c-Table--tenant__contract-label,
  .c-Table__td-child .c-Table--tenant__date-in-label,
  .c-Table__building .c-Table--tenant__date-in-label,
  .c-Table__td-child .c-Table--tenant__date-out-label,
  .c-Table__building .c-Table--tenant__date-out-label,
  .c-Table__td-child .c-Table--tenant__name-label,
  .c-Table__building .c-Table--tenant__name-label,
  .c-Table__td-child .c-Table--tenant__note-label,
  .c-Table__building .c-Table--tenant__note-label,
  .c-Table__td-child .c-Table--tenant__num-label,
  .c-Table__building .c-Table--tenant__num-label,
  .c-Table__td-child .c-Table--tenant__rent-label,
  .c-Table__building .c-Table--tenant__rent-label,
  .c-Table__td-child .c-Table--tenant__car-label,
  .c-Table__building .c-Table--tenant__car-label,
  .c-Table__td-child .c-Table--tenant__status-label,
  .c-Table__building .c-Table--tenant__status-label, .c-Table__td-child .c-Table--tenant__contract-label--mobile, .c-Table__building .c-Table--tenant__contract-label--mobile,
  .c-Table__td-child .c-Table--tenant__date-in-label--mobile,
  .c-Table__building .c-Table--tenant__date-in-label--mobile,
  .c-Table__td-child .c-Table--tenant__date-out-label--mobile,
  .c-Table__building .c-Table--tenant__date-out-label--mobile,
  .c-Table__td-child .c-Table--tenant__name-label--mobile,
  .c-Table__building .c-Table--tenant__name-label--mobile,
  .c-Table__td-child .c-Table--tenant__rent-label--mobile,
  .c-Table__building .c-Table--tenant__rent-label--mobile,
  .c-Table__td-child .c-Table--tenant__car-label--mobile,
  .c-Table__building .c-Table--tenant__car-label--mobile,
  .c-Table__td-child .c-Table--tenant__status-label--mobile,
  .c-Table__building .c-Table--tenant__status-label--mobile, .c-Table__td-child .c-Form__th, .c-Table__building .c-Form__th, .c-Table__td-child .c-DocumentCheck__owner, .c-Table__building .c-DocumentCheck__owner, .c-Table__td-child .c-DocumentCheck__building, .c-Table__building .c-DocumentCheck__building {
    border-width: 0 1px 1px 1px; }
    .c-Table__td-child .c-Table__th:first-child, .c-Table__building .c-Table__th:first-child, .c-Table__td-child .c-Table--tenant__contract-label:first-child, .c-Table__building .c-Table--tenant__contract-label:first-child,
    .c-Table__td-child .c-Table--tenant__date-in-label:first-child,
    .c-Table__building .c-Table--tenant__date-in-label:first-child,
    .c-Table__td-child .c-Table--tenant__date-out-label:first-child,
    .c-Table__building .c-Table--tenant__date-out-label:first-child,
    .c-Table__td-child .c-Table--tenant__name-label:first-child,
    .c-Table__building .c-Table--tenant__name-label:first-child,
    .c-Table__td-child .c-Table--tenant__note-label:first-child,
    .c-Table__building .c-Table--tenant__note-label:first-child,
    .c-Table__td-child .c-Table--tenant__num-label:first-child,
    .c-Table__building .c-Table--tenant__num-label:first-child,
    .c-Table__td-child .c-Table--tenant__rent-label:first-child,
    .c-Table__building .c-Table--tenant__rent-label:first-child,
    .c-Table__td-child .c-Table--tenant__car-label:first-child,
    .c-Table__building .c-Table--tenant__car-label:first-child,
    .c-Table__td-child .c-Table--tenant__status-label:first-child,
    .c-Table__building .c-Table--tenant__status-label:first-child, .c-Table__td-child .c-Table--tenant__contract-label--mobile:first-child, .c-Table__building .c-Table--tenant__contract-label--mobile:first-child,
    .c-Table__td-child .c-Table--tenant__date-in-label--mobile:first-child,
    .c-Table__building .c-Table--tenant__date-in-label--mobile:first-child,
    .c-Table__td-child .c-Table--tenant__date-out-label--mobile:first-child,
    .c-Table__building .c-Table--tenant__date-out-label--mobile:first-child,
    .c-Table__td-child .c-Table--tenant__name-label--mobile:first-child,
    .c-Table__building .c-Table--tenant__name-label--mobile:first-child,
    .c-Table__td-child .c-Table--tenant__rent-label--mobile:first-child,
    .c-Table__building .c-Table--tenant__rent-label--mobile:first-child,
    .c-Table__td-child .c-Table--tenant__car-label--mobile:first-child,
    .c-Table__building .c-Table--tenant__car-label--mobile:first-child,
    .c-Table__td-child .c-Table--tenant__status-label--mobile:first-child,
    .c-Table__building .c-Table--tenant__status-label--mobile:first-child, .c-Table__td-child .c-Form__th:first-child, .c-Table__building .c-Form__th:first-child, .c-Table__td-child .c-DocumentCheck__owner:first-child, .c-Table__building .c-DocumentCheck__owner:first-child, .c-Table__td-child .c-DocumentCheck__building:first-child, .c-Table__building .c-DocumentCheck__building:first-child {
      border-width: 0 1px 1px 0; }
  .c-Table__td-child .c-Table__td, .c-Table__building .c-Table__td, .c-Table__td-child .c-Table__td--phone-colored, .c-Table__building .c-Table__td--phone-colored, .c-Table__td-child .c-Table--tenant__num, .c-Table__building .c-Table--tenant__num, .c-Table__td-child .c-Table--tenant__contract, .c-Table__building .c-Table--tenant__contract,
  .c-Table__td-child .c-Table--tenant__date-in,
  .c-Table__building .c-Table--tenant__date-in,
  .c-Table__td-child .c-Table--tenant__date-out,
  .c-Table__building .c-Table--tenant__date-out,
  .c-Table__td-child .c-Table--tenant__name,
  .c-Table__building .c-Table--tenant__name,
  .c-Table__td-child .c-Table--tenant__status,
  .c-Table__building .c-Table--tenant__status, .c-Table__td-child .c-Table--tenant__rent, .c-Table__building .c-Table--tenant__rent,
  .c-Table__td-child .c-Table--tenant__car,
  .c-Table__building .c-Table--tenant__car, .c-Table__td-child .c-Table--tenant__note, .c-Table__building .c-Table--tenant__note, .c-Table__td-child .c-Form__td, .c-Table__building .c-Form__td {
    border-width: 0 1px 1px 0; }

.c-Table__tr {
  width: 100%; }
  .c-Table__tr:last-child {
    border-bottom: 1px solid #c5cacc; }

.c-Table__thead {
  width: 100%;
  margin-bottom: -1px; }

.c-Table__tbody {
  width: 100%; }

.c-Table__building + .c-Table__building {
  border-top: 1px dashed #fff; }

.c-Table__building .c-Table__td, .c-Table__building .c-Table__td--phone-colored, .c-Table__building .c-Table--tenant__num, .c-Table__building .c-Table--tenant__contract,
.c-Table__building .c-Table--tenant__date-in,
.c-Table__building .c-Table--tenant__date-out,
.c-Table__building .c-Table--tenant__name,
.c-Table__building .c-Table--tenant__status, .c-Table__building .c-Table--tenant__rent,
.c-Table__building .c-Table--tenant__car, .c-Table__building .c-Table--tenant__note, .c-Table__building .c-Form__td {
  border-right: 0 !important;
  border-left: 0 !important; }

.c-Table__label {
  display: block;
  color: #888b8d;
  font-size: 0.875em;
  font-weight: bold;
  text-align: left;
  word-break: keep-all;
  white-space: nowrap;
  line-height: 1; }

.c-Table__mobile-label, .MeetingLog__request-body-label, .MeetingLog__answer-body-label {
  display: none; }
  @media (max-width: 60em) {
    .c-Table__mobile-label, .MeetingLog__request-body-label, .MeetingLog__answer-body-label {
      display: block;
      color: #888b8d;
      font-size: 0.875em;
      font-weight: bold;
      text-align: left;
      word-break: keep-all;
      white-space: nowrap; } }

.c-Table__phone-label {
  display: none; }
  @media (max-width: 30em) {
    .c-Table__phone-label {
      display: block;
      color: #888b8d;
      font-size: 0.875em;
      font-weight: bold;
      text-align: left;
      word-break: keep-all;
      white-space: nowrap; } }

.c-NoTable--responsive {
  margin: 0 0 1rem; }
  @media (max-width: 30em) {
    .c-NoTable--responsive {
      display: block; }
      .c-NoTable--responsive tbody,
      .c-NoTable--responsive td,
      .c-NoTable--responsive th,
      .c-NoTable--responsive thead,
      .c-NoTable--responsive tr {
        display: block; }
      .c-NoTable--responsive .c-Table--responsive__flexbox {
        display: flex;
        flex-wrap: wrap; }
        .c-NoTable--responsive .c-Table--responsive__flexbox td,
        .c-NoTable--responsive .c-Table--responsive__flexbox th {
          flex: 1 1 auto; } }

.c-Table--responsive, .c-Table--building, .c-Table--tenant, .BuildingReport__table--monthly, .c-DocumentCheck {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 1px;
  padding-bottom: 1px; }
  .c-Table--responsive .c-Table__td, .c-Table--building .c-Table__td, .c-Table--tenant .c-Table__td, .BuildingReport__table--monthly .c-Table__td, .c-DocumentCheck .c-Table__td, .c-Table--responsive .c-Table__td--phone-colored, .c-Table--building .c-Table__td--phone-colored, .c-Table--tenant .c-Table__td--phone-colored, .BuildingReport__table--monthly .c-Table__td--phone-colored, .c-DocumentCheck .c-Table__td--phone-colored, .c-Table--responsive .c-Table--tenant__num, .c-Table--building .c-Table--tenant__num, .c-Table--tenant .c-Table--tenant__num, .BuildingReport__table--monthly .c-Table--tenant__num, .c-DocumentCheck .c-Table--tenant__num, .c-Table--responsive .c-Table--tenant__contract, .c-Table--building .c-Table--tenant__contract, .c-Table--tenant .c-Table--tenant__contract, .BuildingReport__table--monthly .c-Table--tenant__contract, .c-DocumentCheck .c-Table--tenant__contract,
  .c-Table--responsive .c-Table--tenant__date-in,
  .c-Table--building .c-Table--tenant__date-in,
  .c-Table--tenant .c-Table--tenant__date-in,
  .BuildingReport__table--monthly .c-Table--tenant__date-in,
  .c-DocumentCheck .c-Table--tenant__date-in,
  .c-Table--responsive .c-Table--tenant__date-out,
  .c-Table--building .c-Table--tenant__date-out,
  .c-Table--tenant .c-Table--tenant__date-out,
  .BuildingReport__table--monthly .c-Table--tenant__date-out,
  .c-DocumentCheck .c-Table--tenant__date-out,
  .c-Table--responsive .c-Table--tenant__name,
  .c-Table--building .c-Table--tenant__name,
  .c-Table--tenant .c-Table--tenant__name,
  .BuildingReport__table--monthly .c-Table--tenant__name,
  .c-DocumentCheck .c-Table--tenant__name,
  .c-Table--responsive .c-Table--tenant__status,
  .c-Table--building .c-Table--tenant__status,
  .c-Table--tenant .c-Table--tenant__status,
  .BuildingReport__table--monthly .c-Table--tenant__status,
  .c-DocumentCheck .c-Table--tenant__status, .c-Table--responsive .c-Table--tenant__rent, .c-Table--building .c-Table--tenant__rent, .c-Table--tenant .c-Table--tenant__rent, .BuildingReport__table--monthly .c-Table--tenant__rent, .c-DocumentCheck .c-Table--tenant__rent,
  .c-Table--responsive .c-Table--tenant__car,
  .c-Table--building .c-Table--tenant__car,
  .c-Table--tenant .c-Table--tenant__car,
  .BuildingReport__table--monthly .c-Table--tenant__car,
  .c-DocumentCheck .c-Table--tenant__car, .c-Table--responsive .c-Table--tenant__note, .c-Table--building .c-Table--tenant__note, .c-Table--tenant .c-Table--tenant__note, .BuildingReport__table--monthly .c-Table--tenant__note, .c-DocumentCheck .c-Table--tenant__note, .c-Table--responsive .c-Form__td, .c-Table--building .c-Form__td, .c-Table--tenant .c-Form__td, .BuildingReport__table--monthly .c-Form__td, .c-DocumentCheck .c-Form__td,
  .c-Table--responsive .c-Table__th,
  .c-Table--building .c-Table__th,
  .c-Table--tenant .c-Table__th,
  .BuildingReport__table--monthly .c-Table__th,
  .c-DocumentCheck .c-Table__th,
  .c-Table--responsive .c-Table--tenant__contract-label,
  .c-Table--building .c-Table--tenant__contract-label,
  .c-Table--tenant .c-Table--tenant__contract-label,
  .BuildingReport__table--monthly .c-Table--tenant__contract-label,
  .c-DocumentCheck .c-Table--tenant__contract-label,
  .c-Table--responsive .c-Table--tenant__date-in-label,
  .c-Table--building .c-Table--tenant__date-in-label,
  .c-Table--tenant .c-Table--tenant__date-in-label,
  .BuildingReport__table--monthly .c-Table--tenant__date-in-label,
  .c-DocumentCheck .c-Table--tenant__date-in-label,
  .c-Table--responsive .c-Table--tenant__date-out-label,
  .c-Table--building .c-Table--tenant__date-out-label,
  .c-Table--tenant .c-Table--tenant__date-out-label,
  .BuildingReport__table--monthly .c-Table--tenant__date-out-label,
  .c-DocumentCheck .c-Table--tenant__date-out-label,
  .c-Table--responsive .c-Table--tenant__name-label,
  .c-Table--building .c-Table--tenant__name-label,
  .c-Table--tenant .c-Table--tenant__name-label,
  .BuildingReport__table--monthly .c-Table--tenant__name-label,
  .c-DocumentCheck .c-Table--tenant__name-label,
  .c-Table--responsive .c-Table--tenant__note-label,
  .c-Table--building .c-Table--tenant__note-label,
  .c-Table--tenant .c-Table--tenant__note-label,
  .BuildingReport__table--monthly .c-Table--tenant__note-label,
  .c-DocumentCheck .c-Table--tenant__note-label,
  .c-Table--responsive .c-Table--tenant__num-label,
  .c-Table--building .c-Table--tenant__num-label,
  .c-Table--tenant .c-Table--tenant__num-label,
  .BuildingReport__table--monthly .c-Table--tenant__num-label,
  .c-DocumentCheck .c-Table--tenant__num-label,
  .c-Table--responsive .c-Table--tenant__rent-label,
  .c-Table--building .c-Table--tenant__rent-label,
  .c-Table--tenant .c-Table--tenant__rent-label,
  .BuildingReport__table--monthly .c-Table--tenant__rent-label,
  .c-DocumentCheck .c-Table--tenant__rent-label,
  .c-Table--responsive .c-Table--tenant__car-label,
  .c-Table--building .c-Table--tenant__car-label,
  .c-Table--tenant .c-Table--tenant__car-label,
  .BuildingReport__table--monthly .c-Table--tenant__car-label,
  .c-DocumentCheck .c-Table--tenant__car-label,
  .c-Table--responsive .c-Table--tenant__status-label,
  .c-Table--building .c-Table--tenant__status-label,
  .c-Table--tenant .c-Table--tenant__status-label,
  .BuildingReport__table--monthly .c-Table--tenant__status-label,
  .c-DocumentCheck .c-Table--tenant__status-label,
  .c-Table--responsive .c-Table--tenant__contract-label--mobile,
  .c-Table--building .c-Table--tenant__contract-label--mobile,
  .c-Table--tenant .c-Table--tenant__contract-label--mobile,
  .BuildingReport__table--monthly .c-Table--tenant__contract-label--mobile,
  .c-DocumentCheck .c-Table--tenant__contract-label--mobile,
  .c-Table--responsive .c-Table--tenant__date-in-label--mobile,
  .c-Table--building .c-Table--tenant__date-in-label--mobile,
  .c-Table--tenant .c-Table--tenant__date-in-label--mobile,
  .BuildingReport__table--monthly .c-Table--tenant__date-in-label--mobile,
  .c-DocumentCheck .c-Table--tenant__date-in-label--mobile,
  .c-Table--responsive .c-Table--tenant__date-out-label--mobile,
  .c-Table--building .c-Table--tenant__date-out-label--mobile,
  .c-Table--tenant .c-Table--tenant__date-out-label--mobile,
  .BuildingReport__table--monthly .c-Table--tenant__date-out-label--mobile,
  .c-DocumentCheck .c-Table--tenant__date-out-label--mobile,
  .c-Table--responsive .c-Table--tenant__name-label--mobile,
  .c-Table--building .c-Table--tenant__name-label--mobile,
  .c-Table--tenant .c-Table--tenant__name-label--mobile,
  .BuildingReport__table--monthly .c-Table--tenant__name-label--mobile,
  .c-DocumentCheck .c-Table--tenant__name-label--mobile,
  .c-Table--responsive .c-Table--tenant__rent-label--mobile,
  .c-Table--building .c-Table--tenant__rent-label--mobile,
  .c-Table--tenant .c-Table--tenant__rent-label--mobile,
  .BuildingReport__table--monthly .c-Table--tenant__rent-label--mobile,
  .c-DocumentCheck .c-Table--tenant__rent-label--mobile,
  .c-Table--responsive .c-Table--tenant__car-label--mobile,
  .c-Table--building .c-Table--tenant__car-label--mobile,
  .c-Table--tenant .c-Table--tenant__car-label--mobile,
  .BuildingReport__table--monthly .c-Table--tenant__car-label--mobile,
  .c-DocumentCheck .c-Table--tenant__car-label--mobile,
  .c-Table--responsive .c-Table--tenant__status-label--mobile,
  .c-Table--building .c-Table--tenant__status-label--mobile,
  .c-Table--tenant .c-Table--tenant__status-label--mobile,
  .BuildingReport__table--monthly .c-Table--tenant__status-label--mobile,
  .c-DocumentCheck .c-Table--tenant__status-label--mobile,
  .c-Table--responsive .c-Form__th,
  .c-Table--building .c-Form__th,
  .c-Table--tenant .c-Form__th,
  .BuildingReport__table--monthly .c-Form__th,
  .c-DocumentCheck .c-Form__th,
  .c-Table--responsive .c-DocumentCheck__owner,
  .c-Table--building .c-DocumentCheck__owner,
  .c-Table--tenant .c-DocumentCheck__owner,
  .BuildingReport__table--monthly .c-DocumentCheck__owner,
  .c-DocumentCheck .c-DocumentCheck__owner,
  .c-Table--responsive .c-DocumentCheck__building,
  .c-Table--building .c-DocumentCheck__building,
  .c-Table--tenant .c-DocumentCheck__building,
  .BuildingReport__table--monthly .c-DocumentCheck__building,
  .c-DocumentCheck .c-DocumentCheck__building {
    flex: 1 1 auto;
    margin: 0 -1px -1px 0;
    width: 1rem; }
  .c-Table--responsive .c-Table__tbody, .c-Table--building .c-Table__tbody, .c-Table--tenant .c-Table__tbody, .BuildingReport__table--monthly .c-Table__tbody, .c-DocumentCheck .c-Table__tbody,
  .c-Table--responsive .c-Table__thead,
  .c-Table--building .c-Table__thead,
  .c-Table--tenant .c-Table__thead,
  .BuildingReport__table--monthly .c-Table__thead,
  .c-DocumentCheck .c-Table__thead,
  .c-Table--responsive .c-Table__tr,
  .c-Table--building .c-Table__tr,
  .c-Table--tenant .c-Table__tr,
  .BuildingReport__table--monthly .c-Table__tr,
  .c-DocumentCheck .c-Table__tr {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
  .c-Table--responsive .c-Table__tr--mobile-group, .c-Table--building .c-Table__tr--mobile-group, .c-Table--tenant .c-Table__tr--mobile-group, .BuildingReport__table--monthly .c-Table__tr--mobile-group, .c-DocumentCheck .c-Table__tr--mobile-group,
  .c-Table--responsive .c-Table__tr--phone-group,
  .c-Table--building .c-Table__tr--phone-group,
  .c-Table--tenant .c-Table__tr--phone-group,
  .BuildingReport__table--monthly .c-Table__tr--phone-group,
  .c-DocumentCheck .c-Table__tr--phone-group {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative; }
  @media (max-width: 60em) {
    .c-Table--responsive .c-Table__tr--mobile-group, .c-Table--building .c-Table__tr--mobile-group, .c-Table--tenant .c-Table__tr--mobile-group, .BuildingReport__table--monthly .c-Table__tr--mobile-group, .c-DocumentCheck .c-Table__tr--mobile-group {
      margin-bottom: 1rem;
      padding-top: 1px; }
      .c-Table--responsive .c-Table__tr--mobile-group:before, .c-Table--building .c-Table__tr--mobile-group:before, .c-Table--tenant .c-Table__tr--mobile-group:before, .BuildingReport__table--monthly .c-Table__tr--mobile-group:before, .c-DocumentCheck .c-Table__tr--mobile-group:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #888b8d; } }
  @media (max-width: 30em) {
    
    .c-Table--responsive .c-Table__tr--phone-group,
    .c-Table--building .c-Table__tr--phone-group,
    .c-Table--tenant .c-Table__tr--phone-group,
    .BuildingReport__table--monthly .c-Table__tr--phone-group,
    .c-DocumentCheck .c-Table__tr--phone-group {
      margin-bottom: 1rem;
      padding-top: 1px; }
      .c-Table--responsive .c-Table__tr--phone-group:before, .c-Table--building .c-Table__tr--phone-group:before, .c-Table--tenant .c-Table__tr--phone-group:before, .BuildingReport__table--monthly .c-Table__tr--phone-group:before, .c-DocumentCheck .c-Table__tr--phone-group:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #888b8d; } }

@media (max-width: 30em) {
  .c-Table__td--phone-colored {
    background-color: #efeeeb; } }

.c-Table--building__number {
  background: #dee3e5; }

.c-Table--building__img {
  text-align: center;
  vertical-align: middle; }

.c-Table--building__title {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 60em) {
    .c-Table--building__title {
      display: block; } }

@media (max-width: 60em) {
  .c-Table--building__name {
    width: 100%;
    display: block;
    margin-bottom: 0.5rem; } }

.c-Table--building__btnbox {
  text-align: right; }
  .c-Table--building__btnbox .c-btn-default, .c-Table--building__btnbox .c-btn-line_gray, .c-Table--building__btnbox .c-btn-line_dark, .c-Table--building__btnbox .c-btn-line_red, .c-Table--building__btnbox .c-Pagenation__link, .c-Table--building__btnbox .c-Pagenation__option-button, .c-Table--building__btnbox .c-tab-item, .c-Table--building__btnbox .c-tab-item--building, .c-Table--building__btnbox .Login__link--movie, .c-Table--building__btnbox .Login__link--faq, .c-Table--building__btnbox .LoginUser__menu-btn, .c-Table--building__btnbox .TermSelect__btn-prev,
  .c-Table--building__btnbox .TermSelect__btn-next, .c-Table--building__btnbox .TermSelect .TermSelect__btn-month, .TermSelect .c-Table--building__btnbox .TermSelect__btn-month, .c-Table--building__btnbox .MonthPicker__month, .c-Table--building__btnbox .MonthPicker__list-year, .c-Table--building__btnbox .PaymentTable__button, .c-Table--building__btnbox .AnnualTable__button, .c-Table--building__btnbox .ContactLog__btn-lg--02 {
    margin: 0.25rem 0;
    text-align: center; }
  @media (max-width: 60em) {
    .c-Table--building__btnbox {
      display: block; }
      .c-Table--building__btnbox .c-Table--building__btn {
        width: 100%; }
      .c-Table--building__btnbox .c-btn-default, .c-Table--building__btnbox .c-btn-line_gray, .c-Table--building__btnbox .c-btn-line_dark, .c-Table--building__btnbox .c-btn-line_red, .c-Table--building__btnbox .c-Pagenation__link, .c-Table--building__btnbox .c-Pagenation__option-button, .c-Table--building__btnbox .c-tab-item, .c-Table--building__btnbox .c-tab-item--building, .c-Table--building__btnbox .Login__link--movie, .c-Table--building__btnbox .Login__link--faq, .c-Table--building__btnbox .LoginUser__menu-btn, .c-Table--building__btnbox .TermSelect__btn-prev,
      .c-Table--building__btnbox .TermSelect__btn-next, .c-Table--building__btnbox .TermSelect .TermSelect__btn-month, .TermSelect .c-Table--building__btnbox .TermSelect__btn-month, .c-Table--building__btnbox .MonthPicker__month, .c-Table--building__btnbox .MonthPicker__list-year, .c-Table--building__btnbox .PaymentTable__button, .c-Table--building__btnbox .AnnualTable__button, .c-Table--building__btnbox .ContactLog__btn-lg--02 {
        width: 100%;
        margin: 0 0 0.5rem; } }

.c-Table--tenant__item {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  @media (max-width: 60em) {
    .c-Table--tenant__item {
      margin-bottom: 1rem; } }

.c-Table--tenant__num, .c-Table--tenant__contract,
.c-Table--tenant__date-in,
.c-Table--tenant__date-out,
.c-Table--tenant__name,
.c-Table--tenant__status {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center; }
  @media (max-width: 60em) {
    .c-Table--tenant__num, .c-Table--tenant__contract,
    .c-Table--tenant__date-in,
    .c-Table--tenant__date-out,
    .c-Table--tenant__name,
    .c-Table--tenant__status {
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      text-align: left; } }

.c-Table--tenant__rent,
.c-Table--tenant__car {
  -webkit-display: flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center; }
  @media (max-width: 60em) {
    .c-Table--tenant__rent,
    .c-Table--tenant__car {
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      text-align: left; } }

.c-Table--tenant__num-label--mobile {
  display: inline-block;
  margin-right: 0.25rem; }
  @media (min-width: 60.001em) {
    .c-Table--tenant__num-label--mobile {
      display: none; } }

@media (max-width: 60em) {
  .c-Table--tenant__num {
    padding: 0.25rem 0.5rem;
    min-height: auto;
    background-color: #e4e2dd;
    color: #5d594b;
    font-weight: bold; } }

@media (max-width: 30em) {
  .c-Table--tenant__num {
    padding: 0.25rem 0.5rem; } }

@media (min-width: 60.001em) {
  .c-Table--tenant__contract-label--mobile,
  .c-Table--tenant__date-in-label--mobile,
  .c-Table--tenant__date-out-label--mobile,
  .c-Table--tenant__name-label--mobile,
  .c-Table--tenant__rent-label--mobile,
  .c-Table--tenant__car-label--mobile,
  .c-Table--tenant__status-label--mobile {
    display: none; } }

@media (max-width: 30em) {
  .c-Table--form {
    border-right: 0;
    border-bottom: 0; }
    .c-Table--form .c-Table__tr .c-Form__td {
      margin: 0; }
    .c-Table--form .c-Table__tr:last-child {
      border-bottom: 0; }
      .c-Table--form .c-Table__tr:last-child .c-Form__td {
        border-bottom: 1px dotted #c5cacc; } }

.c-Table__three {
  padding: 0; }

.c-Table__three--item {
  padding: 0.5em 1em;
  width: 33.33%; }
  .c-Table__three--item:nth-of-type(1), .c-Table__three--item:nth-of-type(2) {
    border-right: 1px dotted #c5cacc; }
  @media (max-width: 30em) {
    .c-Table__three--item {
      width: 100%;
      margin: 0;
      border-bottom: 1px dotted #c5cacc; }
      .c-Table__three--item:nth-of-type(1), .c-Table__three--item:nth-of-type(2) {
        border-right: 0; }
      .c-Table__three--item:last-child {
        border-bottom: 0; } }

form {
  margin: 0; }

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url] {
  display: inline-block;
  padding: 0.625em;
  height: 2.5em;
  line-height: 1em;
  border-radius: 0.25rem;
  border: 1px solid #a8acae;
  background-color: #fff;
  text-decoration: none;
  cursor: text; }
  @media (max-width: 30em) {
    input[type=email],
    input[type=number],
    input[type=password],
    input[type=tel],
    input[type=text],
    input[type=url] {
      border: 1px solid #c5cacc;
      border-radius: 2px; } }
  input[type=email]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=text]::-webkit-input-placeholder,
  input[type=url]::-webkit-input-placeholder {
    color: rgba(122, 132, 164, 0.65);
    padding-top: 0.1em; }
  input[type=email]:disabled,
  input[type=number]:disabled,
  input[type=password]:disabled,
  input[type=tel]:disabled,
  input[type=text]:disabled,
  input[type=url]:disabled {
    background-color: #f2f6f7;
    cursor: default;
    opacity: 0.5;
    -webkit-filter: grayscale(0.5);
    filter: grayscale(0.5); }
  input[type=email].is-fixed-small,
  input[type=number].is-fixed-small,
  input[type=password].is-fixed-small,
  input[type=tel].is-fixed-small,
  input[type=text].is-fixed-small,
  input[type=url].is-fixed-small {
    font-size: 0.75rem; }
  input[type=email].is-small,
  input[type=number].is-small,
  input[type=password].is-small,
  input[type=tel].is-small,
  input[type=text].is-small,
  input[type=url].is-small {
    font-size: 0.875em; }
  input[type=email].is-large,
  input[type=number].is-large,
  input[type=password].is-large,
  input[type=tel].is-large,
  input[type=text].is-large,
  input[type=url].is-large {
    font-size: 1.25em; }
  input[type=email].is-huge,
  input[type=number].is-huge,
  input[type=password].is-huge,
  input[type=tel].is-huge,
  input[type=text].is-huge,
  input[type=url].is-huge {
    font-size: 1.5em; }

textarea {
  display: block;
  padding: 0.625em;
  line-height: 1.25em;
  width: 125%;
  min-height: 4rem;
  border-radius: 0.25rem;
  border: 1px solid #a8acae;
  background-color: #fff;
  text-decoration: none;
  cursor: text;
  font-size: 1.35em;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left; }
  @media (max-width: 30em) {
    textarea {
      border: 1px solid #c5cacc;
      border-radius: 2px; } }
  textarea:disabled {
    background-color: #f2f6f7;
    cursor: default;
    opacity: 0.5;
    -webkit-filter: grayscale(0.5);
    filter: grayscale(0.5); }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 1.875em 0 1em;
  border-radius: 0.25rem;
  border: 1px solid #a8acae;
  background-color: #fff;
  background-image: url("../images/ic_select_caret.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 1.5rem;
  line-height: 2.25em;
  height: 2.25em; }
  select.is-fixed-small {
    font-size: 0.75rem; }
  select.is-small {
    font-size: 0.875em; }
  select.is-large {
    font-size: 1.25em; }
  select.is-huge {
    font-size: 1.5em; }
  select::-webkit-input-placeholder {
    padding-top: 0.2em; }

select::-ms-expand {
  display: none; }

::-ms-placeholder,
::-webkit-placeholder,
::placeholder {
  color: rgba(0, 0, 0, 0.3); }

input[type=checkbox],
input[type=radio] {
  display: none; }
  input[type=checkbox] + label,
  input[type=radio] + label {
    display: inline-block;
    cursor: pointer; }
  input[type=checkbox]:disabled + label,
  input[type=radio]:disabled + label {
    cursor: default;
    opacity: 0.5;
    -webkit-filter: grayscale(0.5);
    filter: grayscale(0.5); }

input[type="text"].c-Form__input, input[type="text"].c-Form__input--lg, input[type="text"].c-Form__input--md, .c-Form__imgbox input.c-Form__imgbox--input[type="text"],
input[type="password"].c-Form__input,
input[type="password"].c-Form__input--lg,
input[type="password"].c-Form__input--md,
.c-Form__imgbox input.c-Form__imgbox--input[type="password"],
input[type="tel"].c-Form__input,
input[type="tel"].c-Form__input--lg,
input[type="tel"].c-Form__input--md,
.c-Form__imgbox input.c-Form__imgbox--input[type="tel"],
input[type="email"].c-Form__input,
input[type="email"].c-Form__input--lg,
input[type="email"].c-Form__input--md,
.c-Form__imgbox input.c-Form__imgbox--input[type="email"],
select.c-Form__input,
select.c-Form__input--lg,
select.c-Form__input--md,
.c-Form__imgbox select.c-Form__imgbox--input {
  font-size: 1.35em;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  margin-bottom: -0.25em;
  margin-right: -0.25em;
  overflow: hidden; }

input[type="text"].c-Form__half, input[type="text"].c-Form__post,
input[type="password"].c-Form__half,
input[type="password"].c-Form__post,
input[type="tel"].c-Form__half,
input[type="tel"].c-Form__post,
input[type="email"].c-Form__half,
input[type="email"].c-Form__post,
select.c-Form__half,
select.c-Form__post {
  font-size: 1.35em;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  margin-bottom: -0.25em;
  margin-right: -1.75em; }

input[type="text"].c-Form__imgbox--input,
input[type="number"].c-Form__imgbox--input,
select.c-Form__imgbox--input {
  font-size: 1.35em;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  margin-bottom: -0.25em;
  margin-right: -1.75em;
  width: 135%; }

select.c-Form__birth-select {
  font-size: 1.35em;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  margin-bottom: -0.25em;
  width: 135%; }

input[type="tel"].c-Form__tel-num {
  font-size: 1.33em;
  transform: scale(0.75);
  transform-origin: top left;
  margin-bottom: -0.5em; }

input[type="text"].Contact__title, select.Contact__category, textarea.Contact__body {
  font-size: 1.35em;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  margin-bottom: -0.25em;
  width: 100%; }
  @media (max-width: 30em) {
    input[type="text"].Contact__title, select.Contact__category, textarea.Contact__body {
      width: 133%;
      margin-right: -33%; } }

.c-Checkbox {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  padding: 0.625em;
  border-radius: 0.25rem;
  line-height: 1.25em; }
  .c-Checkbox::before {
    content: '';
    display: inline-block;
    margin-right: 0.5em;
    width: 1.25em;
    height: 1.25em;
    border-radius: 0.25rem;
    border: 2px solid #888b8d;
    background-color: #fff;
    vertical-align: top;
    line-height: 0; }
  .c-Checkbox.is-single {
    margin: 0; }
    .c-Checkbox.is-single::before {
      margin-right: 0; }

:checked + .c-Checkbox {
  background-color: #c4e9b2; }
  :checked + .c-Checkbox::after {
    content: '';
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    display: block;
    width: 1.5em;
    height: 1.5em;
    background-image: url("../images/ic_check.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }

.c-Form-text {
  width: 15rem;
  max-width: 100%; }

.c-Radio {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  padding: 0.625em;
  border-radius: 0.25rem;
  line-height: 1.25em; }
  .c-Radio::before {
    content: '';
    display: inline-block;
    margin-right: 0.5em;
    width: 1.25em;
    height: 1.25em;
    border-radius: 100%;
    border: 2px solid #888b8d;
    background-color: #fff;
    vertical-align: top;
    line-height: 0; }

.c-DocumentCheck__item-data .c-Radio:last-child {
  margin-bottom: 0; }

:checked + .c-Radio {
  background-color: #c4e9b2; }
  :checked + .c-Radio::after {
    content: '';
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    display: block;
    width: 1.5em;
    height: 1.5em;
    background-image: url("../images/ic_check.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }

.c-Form-body {
  min-height: 100vh; }

.c-Form-single {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  line-height: 2.3; }
  @media (max-width: 30em) {
    .c-Form-single {
      -webkit-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between; } }
  .c-Form-single.c-Form-tel {
    width: 15rem;
    max-width: 100%; }
    .c-Form-single.c-Form-tel .c-Form-single--item {
      width: 33.33%;
      min-width: 4.5em; }

.c-Form-single--item {
  max-width: 30%;
  margin: 0 0.5%; }

.c-Form-select--item {
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 5px; }

.c-Form__birth {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center; }
  @media (max-width: 30em) {
    .c-Form__birth {
      width: 100%;
      margin-bottom: 0.375rem;
      justify-content: space-between; } }

.c-Form__birth-year {
  display: inline-block;
  margin-right: 0.5rem; }
  @media (max-width: 30em) {
    .c-Form__birth-year {
      width: 50%; } }

.c-Form__birth-month {
  display: inline-block;
  margin-right: 0.5rem;
  white-space: nowrap; }
  @media (max-width: 30em) {
    .c-Form__birth-month {
      width: 25%; } }

.c-Form__birth-day {
  display: inline-block;
  margin-right: 0.5rem;
  white-space: nowrap; }
  @media (max-width: 30em) {
    .c-Form__birth-day {
      width: 25%;
      margin-right: 0; } }

.c-Form__birth--unit {
  display: none; }

@media (max-width: 60em) {
  .c-Form__birth-select {
    padding: 0 1.375em 0 0.5em; } }

@media (max-width: 30em) {
  .c-Form__birth-select {
    width: 100%; } }

.c-Form__tel {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 50%; }
  @media (max-width: 30em) {
    .c-Form__tel {
      width: 100%; } }

.c-Form__tel--item {
  width: 30%;
  flex: 0 0 30%; }
  .c-Form__tel--item input[type="tel"].c-Form__tel-num {
    width: 133.33%; }

.c-Form__tel-bar {
  padding: 0 0.25rem; }

.c-Form__post {
  width: 8.5rem;
  margin-right: 0.5rem; }
  @media (max-width: 30em) {
    .c-Form__post {
      width: calc(100% - 7.5rem); } }

.c-Form__post--btn {
  width: 7rem; }

.c-Form__th {
  padding: 0.3125em 0.5em; }
  @media (max-width: 30em) {
    .c-Form__th {
      background: #fff;
      border: 0;
      font-weight: normal;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      padding: 1em 0 0; }
      .c-Form__th::before {
        content: "";
        background: #66696b;
        display: inline-block;
        width: 2px;
        height: 1.5em;
        margin-right: 0.75rem; } }

.c-Form__td {
  padding: 0.3125em 0.5em;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (max-width: 30em) {
    .c-Form__td {
      padding: 0.5rem 0 1.25rem;
      border: 0;
      border-bottom: 1px dotted #c5cacc;
      margin-bottom: 0 !important; } }
  .c-Form__td.is-static {
    padding: 0.3125em 0.5em; }
    @media (max-width: 30em) {
      .c-Form__td.is-static {
        padding: 0.5rem 0.5rem 1.25rem; } }

@media (max-width: 30em) {
  .c-Form__border {
    border-bottom: 1px solid #66696b;
    margin-bottom: 0.75em; }
    .c-Form__border .c-Form__td {
      border-bottom-color: transparent;
      margin: 0; } }

@media (max-width: 30em) {
  .c-Form__border--table {
    border-top: double #c5cacc;
    margin-top: 2em;
    padding-top: 2em; } }

.c-Form__btn {
  margin: 3rem auto 1rem; }

.c-Form__imgbox {
  justify-content: space-between; }
  @media (max-width: 30em) {
    .c-Form__imgbox .c-Form__imgbox--input {
      width: 100%;
      margin-bottom: 0.5em; } }
  .c-Form__imgbox .c-Form__imgbox--change {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    width: calc(100% - 16rem);
    -webkit-align-items: center;
    align-items: center; }
    @media (max-width: 60em) {
      .c-Form__imgbox .c-Form__imgbox--change {
        width: 100%;
        flex-wrap: wrap;
        margin-top: 0.5em;
        justify-content: flex-start; } }
  .c-Form__imgbox .c-Form__imgbox--btn,
  .c-Form__imgbox .c-Form__imgbox--img {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center; }
  .c-Form__imgbox .c-Form__imgbox--img {
    margin-right: 1em; }
    @media (max-width: 60em) {
      .c-Form__imgbox .c-Form__imgbox--img {
        margin-right: 0.5em; } }

.c-Form__input--sm, .c-Form__half {
  width: 10rem;
  max-width: 100%; }

.c-Form__input--md, .c-Form__imgbox .c-Form__imgbox--input {
  width: 15rem;
  max-width: 100%; }
  @media (max-width: 30em) {
    .c-Form__input--md, .c-Form__imgbox .c-Form__imgbox--input {
      width: 100%; } }

.c-Form__input--lg {
  width: 20rem;
  max-width: 100%; }
  @media (max-width: 30em) {
    .c-Form__input--lg {
      width: 100%; } }

.c-Form__input--xl {
  width: 100%; }

@media (max-width: 30em) {
  .c-Form-m__input--xl {
    width: 100%; } }

.c-Form__half.is-first {
  margin-right: 0.5em; }

@media (max-width: 60em) {
  .c-Form__half {
    width: 7.75em; } }

@media (max-width: 30em) {
  .c-Form__half {
    width: 49%; }
    .c-Form__half.is-first {
      margin-right: 1%; } }

.c-Form__notes {
  margin: 0.25rem 0 0;
  width: 100%;
  color: #454849; }
  @media (max-width: 30em) {
    .c-Form__notes {
      color: #888b8d; } }

.c-Pagenation {
  position: relative;
  margin-bottom: 1rem;
  text-align: center; }

@media (max-width: 60em) {
  .c-Pagenation__list {
    text-align: center; } }

.c-Pagenation__item {
  display: inline-block;
  vertical-align: top; }

.c-Pagenation__link {
  display: block;
  text-align: center; }
  @media (max-width: 30em) {
    .c-Pagenation__link {
      padding: 0.625em 0.5em;
      min-width: 2.125rem; } }

@media (min-width: 60.001em) {
  .c-Pagenation__option {
    position: absolute;
    top: 0;
    right: 0; } }

@media (max-width: 60em) {
  .c-Pagenation__option {
    margin-top: 1rem; } }

.c-BuildingList {
  margin: 0;
  padding: 0; }
  @media (min-width: 60.001em) {
    .c-BuildingList {
      display: flex;
      flex-wrap: wrap; } }

.c-BuildingList__item {
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  border: 1px solid #c5cacc; }
  .c-BuildingList__item:last-child {
    margin-bottom: 0; }
  @media (min-width: 60.001em) {
    .c-BuildingList__item {
      flex: 1 1 40%;
      margin-right: 0.5rem; }
      .c-BuildingList__item:nth-child(2n) {
        margin-right: 0; }
      .c-BuildingList__item:last-child {
        margin-bottom: 0.5rem; } }

.c-BuildingList__id {
  font-weight: normal; }

.c-BuildingList__label {
  display: inline-block;
  margin-right: 0.5em;
  color: #888b8d;
  font-size: 0.875em;
  font-weight: bold; }

.c-BuildingList__name {
  margin: 0; }

@media (max-width: 60em) {
  .c-tab-box, .c-tab-box--building {
    position: fixed;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none; } }

@media (max-width: 60em) {
  .c-tab-box.is-shown, .is-shown.c-tab-box--building {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: rgba(0, 0, 0, 0.5); } }

.c-tab-box.is-disp, .is-disp.c-tab-box--building {
  display: block; }
  @media (max-width: 60em) {
    .c-tab-box.is-disp, .is-disp.c-tab-box--building {
      position: static;
      height: auto; }
      .c-tab-box.is-disp .c-tab-list, .is-disp.c-tab-box--building .c-tab-list, .c-tab-box.is-disp .c-tab-list--building, .is-disp.c-tab-box--building .c-tab-list--building {
        padding: 1rem;
        margin: 0;
        background: #efeff1; } }

.c-tab-box__close {
  position: absolute;
  top: 1.5rem;
  right: 1rem;
  background: #fff;
  width: 2rem;
  height: 6px;
  transform: rotateZ(45deg); }
  .c-tab-box__close:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background: #fff;
    width: 2rem;
    height: 6px;
    transform: rotateZ(-90deg); }

.c-tab-list, .c-tab-list--building {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -1rem;
  background: #efeff1;
  padding: 1rem; }
  @media (max-width: 60em) {
    .c-tab-list, .c-tab-list--building {
      background: transparent;
      width: 100%;
      margin: 4rem 0;
      padding: 0 10%; } }
  @media (max-width: 30em) {
    .c-tab-list, .c-tab-list--building {
      width: 100%;
      top: -1rem; } }
  .is-two .c-tab-list, .is-two .c-tab-list--building {
    margin-bottom: 1rem; }

.c-tab-box__title {
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  height: 2rem;
  text-align: center;
  color: #fff; }

.c-tab-item, .c-tab-item--building {
  position: relative;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin: 0.25rem;
  padding: 0;
  border-color: #c5cacc;
  background-color: #fff;
  height: auto;
  width: calc((100% - 2.5rem) / 5); }
  @media (max-width: 60em) {
    .c-tab-item, .c-tab-item--building {
      width: calc((100% - 2.5rem) / 2); } }
  @media (max-width: 30em) {
    .c-tab-item, .c-tab-item--building {
      width: 100%; } }
  .c-tab-item:hover, .c-tab-item--building:hover, .c-tab-item:active, .c-tab-item--building:active, .c-tab-item:focus, .c-tab-item--building:focus {
    background-color: #f2f6f7; }
  .c-tab-item a, .c-tab-item--building a {
    width: 100%;
    height: 100%;
    padding: 0.5rem 1rem;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    color: #2a2c2d;
    text-decoration: none; }
    @media (max-width: 60em) {
      .c-tab-item a, .c-tab-item--building a {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center; }
        .c-tab-item a.c-tab-item--sp2, .c-tab-item--building a.c-tab-item--sp2 {
          height: 3rem;
          line-height: 1.6; } }
    .c-tab-item a::before, .c-tab-item--building a::before {
      content: "";
      display: block;
      height: 0;
      width: 0;
      border: 4px solid transparent;
      border-right-color: #d70a30;
      border-bottom-color: #d70a30;
      margin-left: -0.5rem;
      margin-right: 1rem;
      transform: rotateZ(-45deg); }
  .c-tab-item.is-active, .is-active.c-tab-item--building {
    background: #d70a30;
    border-color: #d70a30; }
    .c-tab-item.is-active a, .is-active.c-tab-item--building a {
      color: #fff; }
      .c-tab-item.is-active a::before, .is-active.c-tab-item--building a::before {
        border-right-color: #fff;
        border-bottom-color: #fff; }
      .c-tab-item.is-active a:hover, .is-active.c-tab-item--building a:hover {
        background: #d70a30; }
  .is-one .c-tab-item, .is-one .c-tab-item--building {
    width: 100%; }
  .is-two .c-tab-item, .is-two .c-tab-item--building {
    width: 49%; }
    @media (max-width: 60em) {
      .is-two .c-tab-item, .is-two .c-tab-item--building {
        width: 100%; } }

.c-tab-list--building {
  -ms-overflow-style: none; }
  @media (min-width: 60em) {
    .c-tab-list--building {
      background: transparent;
      padding: 0;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      width: 100%;
      list-style-type: none;
      justify-content: space-between;
      margin-bottom: -2px; } }
  @media (max-width: 30em) {
    .c-tab-list--building {
      overflow-y: scroll;
      height: calc(100vh - 10rem);
      position: absolute;
      top: 0rem;
      left: 0; } }

@media (min-width: 60em) {
  .c-tab-item--building {
    width: 6.25rem;
    margin: 0;
    height: 3.5rem;
    box-shadow: none;
    border-radius: 0;
    border: none;
    line-height: 1.4; }
    .c-tab-item--building:hover {
      background: #fff; }
    .c-tab-item--building a {
      padding: 0.5rem;
      border: 1px solid #a8acae;
      border-bottom: 2px solid #c5cacc;
      box-shadow: inset 0 -4px 10px rgba(0, 0, 0, 0.05);
      background: #efeeeb;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      color: #454849;
      text-decoration: none;
      border-radius: 10px 10px 0 0;
      width: 100%;
      height: 100%;
      -webkit-transition: background 0.1s;
      transition: background 0.1s; }
      .c-tab-item--building a::before {
        display: none; }
      .c-tab-item--building a:hover {
        background: #fff;
        box-shadow: none; }
    .c-tab-item--building.is-active {
      background: transparent;
      position: relative; }
      .c-tab-item--building.is-active:after, .c-tab-item--building.is-active:before {
        content: "";
        display: block;
        height: 2px;
        width: 2px;
        background: #c5cacc;
        position: absolute;
        bottom: 0;
        z-index: 10; }
      .c-tab-item--building.is-active:after {
        left: 0; }
      .c-tab-item--building.is-active:before {
        right: 0; }
      .c-tab-item--building.is-active a {
        background: #fff;
        border-color: #c5cacc;
        border-bottom-color: #fff;
        color: #454849;
        border-width: 2px;
        position: relative;
        box-shadow: none; }
        .c-tab-item--building.is-active a:hover {
          background: transparent;
          color: #454849; }
        .c-tab-item--building.is-active a:after {
          content: "";
          display: block;
          width: 80%;
          height: 80%;
          position: absolute;
          top: 10%;
          left: 10%;
          border: 1px solid #d70a30;
          border-radius: 5px; }
    .c-tab-item--building:active {
      transform: translate(0, 0);
      box-shadow: none; } }

.c-tab-list--contact {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  border-bottom: 2px solid #c5cacc; }

.c-tab-item--contact {
  border: 1px solid #a8acae;
  border-bottom: 2px solid #c5cacc;
  box-shadow: inset 0 -4px 10px rgba(0, 0, 0, 0.05);
  background: #efeeeb;
  border-radius: 10px 10px 0 0;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  margin: 0 0.5rem -2px 0;
  overflow: hidden; }
  @media (max-width: 30em) {
    .c-tab-item--contact {
      margin: 0 1px -2px 0; } }
  .c-tab-item--contact a {
    width: 100%;
    display: block;
    padding: 0.5rem 1rem;
    color: #454849;
    text-decoration: none; }
    @media (max-width: 30em) {
      .c-tab-item--contact a {
        padding: 0.25rem 1rem;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center; } }
    .c-tab-item--contact a:hover {
      background: #fff; }
  .c-tab-item--contact.is-active {
    background: #fff;
    position: relative;
    box-shadow: none;
    border: 2px solid #c5cacc;
    border-bottom: none; }

.c-tab-section--contact, .c-tab-section--sub {
  display: none; }
  .c-tab-section--contact.is-active, .c-tab-section--sub.is-active {
    display: block; }

.c-Tabs {
  display: flex;
  list-style: none;
  padding: 0;
  border-bottom: 2px solid #c5cacc; }
  @media (max-width: 30em) {
    .c-Tabs {
      width: 100vw;
      margin-left: -1rem; } }

.c-Tabs__item {
  flex: 0 0 auto;
  margin-bottom: -2px;
  min-width: 8rem;
  height: 3.5rem; }
  .c-Tabs__item + .c-Tabs__item {
    margin-left: 0.5rem; }
  @media (max-width: 30em) {
    .c-Tabs__item {
      margin-left: 0.25rem;
      min-width: 5rem;
      font-size: 0.875rem; }
      .c-Tabs__item + .c-Tabs__item {
        margin-left: 0.25rem; } }

.c-Tabs__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
  border: 1px solid #a8acae;
  border-bottom: 2px solid #c5cacc;
  background: #dee3e5;
  color: #454849;
  text-align: center;
  box-shadow: inset 0 -4px 10px rgba(0, 0, 0, 0.05); }
  .c-Tabs__link:hover {
    background: #fff; }

.is-active .c-Tabs__link {
  background: #fff;
  border: 2px solid #c5cacc;
  border-bottom: 0;
  box-shadow: none; }
  .is-active .c-Tabs__link:after {
    content: "";
    display: block;
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    border: 1px solid #d70a30;
    border-radius: 5px; }

.c-TabContents {
  display: none; }
  .c-TabContents.is-active {
    display: block; }

.c-Card {
  border: 1px solid #c5cacc;
  border-radius: 10px;
  margin-bottom: 1rem; }
  .c-Card .Contact__detail, .c-Card .Contact__answer {
    border: 0;
    margin: 0; }
    .c-Card .Contact__detail .ContactLog__title, .c-Card .Contact__answer .ContactLog__title {
      color: #2a2c2d; }
    .c-Card .Contact__detail:hover, .c-Card .Contact__answer:hover {
      color: #2a2c2d; }
  .c-Card .ContactLog__rep {
    /*padding: 0.5rem 1rem;*/
    margin-top: 0rem; }

.c-Card__head {
  padding: 0.5rem 1rem;
  border-radius: 10px 10px 0 0; }
  @media (max-width: 30em) {
    .c-Card__head {
      padding: 0.5rem; } }
  .c-Card__head h3, .c-Card__head p {
    margin-bottom: 0;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word; }

.c-Card__body {
  border-radius: 0 0 10px 10px;
  overflow: hidden; }

.c-Modal, .Home__modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000;
  overflow: auto;
  padding: 4rem 0 1px;
  display: none;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.2); }
  .c-Modal.is-shown, .is-shown.Home__modal {
    display: block;
    width: 100%;
    height: 100vh; }
  .c-Modal.is-hidden, .is-hidden.Home__modal {
    width: 100%;
    height: 100vh; }
  @media (max-width: 60em) {
    .c-Modal, .Home__modal {
      padding: 2rem 0; } }
  @media (max-width: 30em) {
    .c-Modal, .Home__modal {
      padding: 1rem 0; } }

.c-Modal__dialog, .Home__modal-box {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-bottom: 4rem;
  width: 90%;
  max-width: 30rem;
  background: #F4F3F1;
  text-align: center; }

.c-Modal__header {
  position: relative;
  background: #fff;
  border-bottom: 1px solid #d70a30;
  padding: 1rem 1.25em;
  text-align: left;
  font-size: 1.5em; }
  @media (max-width: 30em) {
    .c-Modal__header {
      font-size: 1.25em; } }

.c-Modal__body {
  padding: 1rem; }

.c-Modal__close {
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
  right: 1rem;
  top: 0.85em; }
  .c-Modal__close::before, .c-Modal__close::after {
    content: "";
    position: absolute;
    display: block;
    height: 2rem;
    width: 4px;
    background: #364954;
    border-radius: 2px;
    right: 0.85rem;
    top: 0; }
  .c-Modal__close::before {
    transform: rotateZ(45deg); }
  .c-Modal__close::after {
    transform: rotateZ(-45deg); }

.c-Modal__item {
  margin-bottom: 1rem; }

.c-Modal__btn {
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #BAB4A6;
  background: #fff;
  color: #454849;
  border-radius: 1rem;
  width: 70%;
  margin: auto;
  padding: 1rem;
  font-size: 1.5em;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s; }
  .c-Modal__btn:hover {
    color: #454849;
    text-decoration: none;
    box-shadow: 0 -3px 0 0 #c5cacc inset; }
  .c-Modal__btn:focus {
    background: #e3dccb;
    color: #454849;
    box-shadow: 0 3px  0 0 #BAB4A6 inset; }
  @media (max-width: 30em) {
    .c-Modal__btn {
      width: 100%;
      padding: 0.5em 0.25em 0.5em 0.5em;
      font-size: 1.5em; } }

/* お支払い状況のみの特別処理 */
#Home__payment .Home__modal-box {
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 50%; }

.Header, .Header__login {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
  width: 100%;
  height: 4.5rem;
  background-color: #fff;
  padding: 0.5rem;
  background-color: #fff; }
  @media (max-width: 60em) {
    .Header, .Header__login {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 2000;
      width: 100%;
      height: 3.5rem;
      border-bottom: 2px solid #d70a30; } }

.Header__border {
  border-bottom: 2px solid #d70a30; }

.Header__inner {
  position: relative;
  max-width: 60rem;
  width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between; }
  @media (max-width: 60em) {
    .Header__inner {
      width: 100%; } }

.Header__title {
  overflow: hidden;
  flex: 1 1 auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 25rem;
  font-size: 1.65rem;
  margin: 0;
  color: #2a2c2d; }
  @media (max-width: 60em) {
    .Header__title {
      width: 100%;
      line-height: 1;
      height: 3.75rem;
      font-size: 1.25rem; } }

.Header__title--logo {
  margin-right: 0.875rem;
  height: 3rem; }
  @media (max-width: 60em) {
    .Header__title--logo {
      height: 2.375rem; } }

.Header__title--back {
  height: 2.375rem;
  width: 1rem;
  margin-right: 1rem;
  display: inline-block;
  background: url("../images/icon_arrow-left.png") no-repeat;
  background-size: 23px 38px;
  background-position: center left; }

.Header__title--body {
  width: calc(100% - 2rem); }
  @media (max-width: 45em) {
    .Header__title--body.font-small {
      font-size: 0.95rem; } }

.Header__menu {
  width: 35rem; }

@media (max-width: 60em) {
  .Header__menu {
    display: none; } }

.Header__linkList {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end; }
  .Header__linkList a {
    color: #333;
    font-size: 0.875em; }

.Header__login {
  height: auto;
  padding: 0.5rem; }
  @media (max-width: 60em) {
    .Header__login {
      height: 3.5rem; } }
  .Header__login .FontSizeSelect {
    padding-top: 0.5rem; }

.FontSizeSelect {
  margin: 0;
  text-align: right;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  text-align: left; }
  @media (min-width: 60em) {
    .FontSizeSelect {
      margin-top: 14px; } }
  @media (max-width: 60em) {
    .FontSizeSelect {
      padding: 0 1rem;
      color: #fff;
      -webkit-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 1rem; } }

.FontSizeSelect__heading {
  margin: 0 0.5rem 0 0;
  font-size: 0.875rem;
  font-weight: normal; }
  @media (max-width: 60em) {
    .FontSizeSelect__heading {
      width: 100%;
      margin-bottom: 0.5rem;
      font-weight: normal; } }

dt.FontSizeSelect__heading {
  line-height: 0.875rem; }

.FontSizeSelect__value {
  display: inline-block;
  margin: 0; }
  @media (max-width: 60em) {
    .FontSizeSelect__value {
      width: 100%; } }

.FontSizeSelect__valus-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  @media (max-width: 60em) {
    .FontSizeSelect__valus-list {
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex; } }

.FontSizeSelect__valus-item {
  display: inline-block;
  margin: 0;
  cursor: pointer; }

.FontSizeSelect__btn, .FontSizeSelect__btn--sm, .FontSizeSelect__btn--md, .FontSizeSelect__btn--lg {
  display: block;
  margin-left: 0.25rem;
  width: 1.75rem;
  height: 1.75rem;
  line-height: 1.75rem;
  border-radius: 0.25rem;
  background-color: #333;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none; }
  @media (max-width: 60em) {
    .FontSizeSelect__btn, .FontSizeSelect__btn--sm, .FontSizeSelect__btn--md, .FontSizeSelect__btn--lg {
      padding: 0.75rem;
      box-sizing: content-box;
      border-radius: 0.75rem;
      background-color: #444; } }
  .FontSizeSelect__btn:hover, .FontSizeSelect__btn--sm:hover, .FontSizeSelect__btn--md:hover, .FontSizeSelect__btn--lg:hover {
    color: #fff;
    text-decoration: none; }
  .FontSizeSelect__btn:focus, .FontSizeSelect__btn--sm:focus, .FontSizeSelect__btn--md:focus, .FontSizeSelect__btn--lg:focus {
    color: #fff;
    text-decoration: none; }

.active > .FontSizeSelect__btn, .active > .FontSizeSelect__btn--sm, .active > .FontSizeSelect__btn--md, .active > .FontSizeSelect__btn--lg {
  background-color: #d70a30; }
  @media (max-width: 60em) {
    .active > .FontSizeSelect__btn, .active > .FontSizeSelect__btn--sm, .active > .FontSizeSelect__btn--md, .active > .FontSizeSelect__btn--lg {
      background: #fff;
      color: #d70a30; } }

.FontSizeSelect__btn--sm {
  font-size: 1rem; }
  @media (max-width: 60em) {
    .FontSizeSelect__btn--sm {
      font-size: 1.5rem; } }

.FontSizeSelect__btn--md {
  font-size: 1rem; }
  @media (max-width: 60em) {
    .FontSizeSelect__btn--md {
      font-size: 1.5rem; } }

.FontSizeSelect__btn--lg {
  font-size: 1rem; }
  @media (max-width: 60em) {
    .FontSizeSelect__btn--lg {
      font-size: 1.5rem; } }

.MobileMenu {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 3.75rem; }

.MobileMenu__item {
  list-style: none;
  width: 100%;
  height: 2rem;
  display: block;
  padding: 0.05rem 0.25rem 0.25rem 0.45rem;
  display: none; }
  @media (max-width: 60em) {
    .MobileMenu__item {
      display: block; } }
  .MobileMenu__item.is-hidden::after {
    opacity: 1; }

.MobileMenu__btn, .MobileMenu__btn--menu {
  position: relative;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  overflow: hidden;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: #222;
  font-weight: bold; }
  .MobileMenu__btn:hover, .MobileMenu__btn--menu:hover {
    text-decoration: none;
    color: #222; }
  .MobileMenu__btn::before, .MobileMenu__btn--menu::before {
    content: "";
    background: #333;
    height: 12px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 9px; }
  .MobileMenu__btn::after, .MobileMenu__btn--menu::after {
    content: "";
    background: #333;
    height: 12px;
    width: 100%;
    display: block;
    position: absolute;
    top: 18px;
    left: 0; }
  @media (max-width: 60em) {
    .MobileMenu__btn, .MobileMenu__btn--menu {
      height: 2.25rem;
      width: 2rem;
      right: 0; }
      .MobileMenu__btn::before, .MobileMenu__btn--menu::before {
        height: 2px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
      .MobileMenu__btn::after, .MobileMenu__btn--menu::after {
        height: 2px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; } }

.MobileMenu__btn-bar {
  background: #333;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  @media (max-width: 60em) {
    .MobileMenu__btn-bar {
      height: 2px; } }

.MobileMenu__btn-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1;
  font-size: 0.675rem; }

.MobileMenu__btn--number {
  background: #d70a30;
  color: #fff;
  position: absolute;
  top: 5px;
  right: -6px;
  width: 1.4em;
  height: 1.4em;
  border-radius: 2em;
  text-align: center;
  font-size: 0.862em; }

.MobileMenu__btn--menu {
  width: 2.25rem; }
  .MobileMenu__btn--menu.is-shown::before {
    opacity: 0; }
  .MobileMenu__btn--menu.is-shown::after {
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    top: 9px;
    width: 26px;
    left: 4px; }
  .MobileMenu__btn--menu.is-shown .MobileMenu__btn-bar {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    top: 9px;
    width: 26px;
    left: 5px; }

.Header--login {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #fff;
  border-bottom: 2px solid #d70a30;
  padding: 0.5rem;
  background-color: #fff; }
  @media (max-width: 60em) {
    .Header--login {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 2000;
      width: 100%;
      height: 3.5rem;
      border-bottom: 2px solid #d70a30; } }
  .Header--login .Header__inner {
    position: relative;
    max-width: 60rem;
    width: 100%;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between; }
    @media (max-width: 60em) {
      .Header--login .Header__inner {
        width: 100%; } }
  .Header--login .Header__title--back {
    height: 2.375rem;
    width: 1rem;
    margin-right: 1rem;
    display: inline-block;
    background: url("../images/icon_arrow-left.png") no-repeat;
    background-size: 23px 38px;
    background-position: center left;
    display: none; }
  .Header--login .Header__title--body {
    width: calc(100% - 2rem); }
  .Header--login .Header__menu {
    width: 30rem; }
  @media (max-width: 60em) {
    .Header--login .Header__menu {
      display: none; } }
  .Header--login .Header__linkList {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end; }
    .Header--login .Header__linkList a {
      color: #333;
      font-size: 0.85em; }
  .Header--login .FontSizeSelect {
    padding-top: 0.5rem; }

.FontSizeSelect__btn--lg,
.FontSizeSelect__btn--md,
.FontSizeSelect__btn--sm,
_:-ms-lang(x)::-ms-backdrop,
_:-ms-lang(x)::-ms-backdrop,
_:-ms-lang(x)::-ms-backdrop {
  line-height: 1.8rem; }

.Footer, .Footer__nolink {
  clear: both;
  margin-top: auto;
  padding: 1rem 0;
  background-color: #d70a30;
  color: #fff; }

.footer_wrap {
  position: relative; }

.Footer__nav {
  float: left;
  list-style: none;
  margin: 0 0 1rem 0;
  padding: 0; }
  .Footer__nav a::before {
    background: url(../images/icon-right-white.png) no-repeat;
    background-size: contain;
    height: 18px;
    width: 18px;
    left: 0; }
  .Footer__nav a::after {
    border-right-color: #d70a30;
    border-bottom-color: #d70a30; }
  .Footer__nav a:hover {
    color: #fff; }
  @media (max-width: 60em) {
    .Footer__nav {
      float: none; } }

.Footer__nav-item {
  display: inline-block; }
  @media (max-width: 60em) {
    .Footer__nav-item {
      width: 100%;
      margin-bottom: 1rem; } }

.Footer__nav-link {
  position: relative;
  display: block;
  padding: 0 0.5rem 0 0.875rem;
  border-radius: 0.25rem;
  text-decoration: none;
  font-size: 1.1em;
  line-height: 1.125em;
  color: #fff; }

.Footer__desc {
  text-align: center; }
  @media (max-width: 60em) {
    .Footer__desc {
      text-align: center; } }

.Footer__copyright {
  color: #fff;
  font-size: 0.85rem;
  margin-bottom: 0; }

.Footer__notes {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 3rem 0 0 0; }
  @media (max-width: 60em) {
    .Footer__notes {
      padding-top: 0; } }

.Footer__notes-item {
  color: #fff;
  font-size: 0.85em;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 1rem; }
  @media (max-width: 60em) {
    .Footer__notes-item {
      text-align: left; } }

.Footer__btn--up, .Footer__btn--down {
  position: fixed;
  width: 4rem;
  height: 4rem;
  background: #fff;
  color: #d70a30;
  font-weight: bold;
  font-size: 0.85rem;
  border-radius: 4rem;
  border: 3px solid #d70a30;
  padding: 1rem 0;
  text-align: center;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.8); }
  .Footer__btn--up::after, .Footer__btn--down::after {
    content: "";
    border: 10px solid transparent;
    border-right-color: #d70a30;
    border-bottom-color: #d70a30;
    position: absolute;
    left: calc(50% - 10px);
    transform: rotateZ(45deg); }
  .Footer__btn--up:hover, .Footer__btn--down:hover {
    text-decoration: none; }

.Footer__btn--down {
  right: 0.5rem;
  bottom: 0.5rem; }
  .Footer__btn--down::after {
    bottom: 8px; }

.Footer__btn--up {
  right: 0.5rem;
  bottom: 5rem; }
  .Footer__btn--up::after {
    transform: rotateZ(-135deg);
    bottom: -1px; }

.Footer__frame {
  width: 100%;
  border: 0;
  height: 5.875rem;
  overflow: hidden; }

.Footer__nolink {
  margin-top: 0;
  padding: 1rem 0.5rem; }
  .Footer__nolink .l-Container, .Footer__nolink .l-Container--top, .Footer__nolink .l-Container--topmargin, .Footer__nolink .l-Container--notfound, .Footer__nolink .l-Container--building, .Footer__nolink .l-Container--noheader {
    padding: 0; }
  .Footer__nolink .Footer__notes {
    padding-top: 0; }
  .Footer__nolink .Footer__desc {
    margin-top: 0; }

.GlobalNav {
  position: relative;
  top: 0;
  margin: auto;
  padding: 0;
  width: 100%;
  z-index: 1000;
  background: #fff;
  border-bottom: 2px solid #d70a30; }
  @media (max-width: 60em) {
    .GlobalNav {
      position: fixed;
      top: 3.5rem;
      right: -16rem;
      z-index: 2001;
      overflow-y: scroll;
      margin: 0;
      width: 16rem;
      height: calc(100% - 3.5rem);
      background-color: #d70a30;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      border-bottom: none; }
      .GlobalNav.is-shown {
        display: block;
        right: 0; } }
  .GlobalNav.is-sub {
    border-bottom: none;
    margin: 0; }
    @media (max-width: 60em) {
      .GlobalNav.is-sub .GlobalNav__list--sub {
        border-top: none; } }

.GlobalNav__overlay {
  position: fixed;
  display: none;
  top: 3.5rem;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1000; }
  .GlobalNav__overlay.is-shown {
    display: block; }

.GlobalNav__list--main, .GlobalNav__list--sub, .GlobalNav__list--one {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 60rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; }
  @media (max-width: 60em) {
    .GlobalNav__list--main, .GlobalNav__list--sub, .GlobalNav__list--one {
      display: block;
      margin: 0;
      padding: 0.5rem;
      width: 100%;
      background: #fff; } }

@media (max-width: 60em) {
  .GlobalNav__list--sub {
    border-top: 1px solid #a8acae; } }

.GlobalNav__item {
  -webkit-flex: 1 1 15%;
  -ms-flex: 1 1 15%;
  flex: 1 1 15%;
  border-width: 0 1px 0 0;
  font-size: 1em;
  font-weight: 600;
  height: 3em;
  line-height: 2.5em; }
  @media (max-width: 60em) {
    .GlobalNav__item {
      font-weight: normal;
      border: 0;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;
      width: 100%;
      margin: 0.5rem 0 0 0; }
      .GlobalNav__item:first-child {
        margin-top: 0; } }

.GlobalNav__btn--home,
.GlobalNav__btn--contract,
.GlobalNav__btn--building,
.GlobalNav__btn--report,
.GlobalNav__btn--payment,
.GlobalNav__btn--annual,
.GlobalNav__btn--year,
.GlobalNav__btn--magazin,
.GlobalNav__btn--owner,
.GlobalNav__btn--help,
.GlobalNav__btn--club,
.GlobalNav__btn--contact,
.GlobalNav__btn--logout,
.GlobalNav__btn--new,
.GlobalNav__btn--guide,
.GlobalNav__btn--menseki,
.GlobalNav__btn--privacy,
.GlobalNav__btn--app,
.GlobalNav__btn,
.page-Home .GlobalNav__btn--home,
.page-Contract .GlobalNav__btn--building,
.page-Contract .GlobalNav__btn--contract,
.page-Report .GlobalNav__btn--report,
.page-Payment .GlobalNav__btn--payment,
.page-Annual .GlobalNav__btn--annual,
.page-Annual .GlobalNav__btn--year,
.page-Magazin .GlobalNav__btn--magazin,
.page-Orwner .GlobalNav__btn--owner,
.GlobalNav__btn--current {
  position: relative;
  display: block;
  border-right: 1px solid #d70a30;
  border-color: rgba(215, 10, 48, 0.2);
  color: #222;
  text-indent: 0;
  text-align: center;
  text-decoration: none; }
  .GlobalNav__btn--home:hover,
  .GlobalNav__btn--contract:hover,
  .GlobalNav__btn--building:hover,
  .GlobalNav__btn--report:hover,
  .GlobalNav__btn--payment:hover,
  .GlobalNav__btn--annual:hover,
  .GlobalNav__btn--year:hover,
  .GlobalNav__btn--magazin:hover,
  .GlobalNav__btn--owner:hover,
  .GlobalNav__btn--help:hover,
  .GlobalNav__btn--club:hover,
  .GlobalNav__btn--contact:hover,
  .GlobalNav__btn--logout:hover,
  .GlobalNav__btn--new:hover,
  .GlobalNav__btn--guide:hover,
  .GlobalNav__btn--menseki:hover,
  .GlobalNav__btn--privacy:hover,
  .GlobalNav__btn--app:hover,
  .GlobalNav__btn:hover,
  .page-Home .GlobalNav__btn--home:hover,
  .page-Contract .GlobalNav__btn--building:hover,
  .page-Contract .GlobalNav__btn--contract:hover,
  .page-Report .GlobalNav__btn--report:hover,
  .page-Payment .GlobalNav__btn--payment:hover,
  .page-Annual .GlobalNav__btn--annual:hover,
  .page-Annual .GlobalNav__btn--year:hover,
  .page-Magazin .GlobalNav__btn--magazin:hover,
  .page-Orwner .GlobalNav__btn--owner:hover,
  .GlobalNav__btn--current:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #d70a30; }
  @media (max-width: 60em) {
    .GlobalNav__btn--home,
    .GlobalNav__btn--contract,
    .GlobalNav__btn--building,
    .GlobalNav__btn--report,
    .GlobalNav__btn--payment,
    .GlobalNav__btn--annual,
    .GlobalNav__btn--year,
    .GlobalNav__btn--magazin,
    .GlobalNav__btn--owner,
    .GlobalNav__btn--help,
    .GlobalNav__btn--club,
    .GlobalNav__btn--contact,
    .GlobalNav__btn--logout,
    .GlobalNav__btn--new,
    .GlobalNav__btn--guide,
    .GlobalNav__btn--menseki,
    .GlobalNav__btn--privacy,
    .GlobalNav__btn--app,
    .GlobalNav__btn,
    .page-Home .GlobalNav__btn--home,
    .page-Contract .GlobalNav__btn--building,
    .page-Contract .GlobalNav__btn--contract,
    .page-Report .GlobalNav__btn--report,
    .page-Payment .GlobalNav__btn--payment,
    .page-Annual .GlobalNav__btn--annual,
    .page-Annual .GlobalNav__btn--year,
    .page-Magazin .GlobalNav__btn--magazin,
    .page-Orwner .GlobalNav__btn--owner,
    .GlobalNav__btn--current {
      padding-left: 4rem;
      border: 0;
      text-align: left;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -ms-align-items: center;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: 2rem auto;
      background-position: center left 10px; }
      .GlobalNav__btn--home:after,
      .GlobalNav__btn--contract:after,
      .GlobalNav__btn--building:after,
      .GlobalNav__btn--report:after,
      .GlobalNav__btn--payment:after,
      .GlobalNav__btn--annual:after,
      .GlobalNav__btn--year:after,
      .GlobalNav__btn--magazin:after,
      .GlobalNav__btn--owner:after,
      .GlobalNav__btn--help:after,
      .GlobalNav__btn--club:after,
      .GlobalNav__btn--contact:after,
      .GlobalNav__btn--logout:after,
      .GlobalNav__btn--new:after,
      .GlobalNav__btn--guide:after,
      .GlobalNav__btn--menseki:after,
      .GlobalNav__btn--privacy:after,
      .GlobalNav__btn--app:after,
      .GlobalNav__btn:after,
      .page-Home .GlobalNav__btn--home:after,
      .page-Contract .GlobalNav__btn--building:after,
      .page-Contract .GlobalNav__btn--contract:after,
      .page-Report .GlobalNav__btn--report:after,
      .page-Payment .GlobalNav__btn--payment:after,
      .page-Annual .GlobalNav__btn--annual:after,
      .page-Annual .GlobalNav__btn--year:after,
      .page-Magazin .GlobalNav__btn--magazin:after,
      .page-Orwner .GlobalNav__btn--owner:after,
      .GlobalNav__btn--current:after {
        left: 8px;
        bottom: 12px;
        display: block;
        width: 4px;
        height: 28px; }
      .GlobalNav__btn--home:hover,
      .GlobalNav__btn--contract:hover,
      .GlobalNav__btn--building:hover,
      .GlobalNav__btn--report:hover,
      .GlobalNav__btn--payment:hover,
      .GlobalNav__btn--annual:hover,
      .GlobalNav__btn--year:hover,
      .GlobalNav__btn--magazin:hover,
      .GlobalNav__btn--owner:hover,
      .GlobalNav__btn--help:hover,
      .GlobalNav__btn--club:hover,
      .GlobalNav__btn--contact:hover,
      .GlobalNav__btn--logout:hover,
      .GlobalNav__btn--new:hover,
      .GlobalNav__btn--guide:hover,
      .GlobalNav__btn--menseki:hover,
      .GlobalNav__btn--privacy:hover,
      .GlobalNav__btn--app:hover,
      .GlobalNav__btn:hover,
      .page-Home .GlobalNav__btn--home:hover,
      .page-Contract .GlobalNav__btn--building:hover,
      .page-Contract .GlobalNav__btn--contract:hover,
      .page-Report .GlobalNav__btn--report:hover,
      .page-Payment .GlobalNav__btn--payment:hover,
      .page-Annual .GlobalNav__btn--annual:hover,
      .page-Annual .GlobalNav__btn--year:hover,
      .page-Magazin .GlobalNav__btn--magazin:hover,
      .page-Orwner .GlobalNav__btn--owner:hover,
      .GlobalNav__btn--current:hover {
        color: #2a2c2d;
        text-decoration: none;
        background-color: #fff; } }

.GlobalNav__btn--home, .page-Home .GlobalNav__btn--home {
  border-left: 1px solid rgba(215, 10, 48, 0.2); }
  @media (max-width: 60em) {
    .GlobalNav__btn--home, .page-Home .GlobalNav__btn--home {
      border-left: none; } }

@media (max-width: 60em) {
  .page-Home .GlobalNav__btn--home,
  .page-Contract .GlobalNav__btn--building,
  .page-Contract .GlobalNav__btn--contract,
  .page-Report .GlobalNav__btn--report,
  .page-Payment .GlobalNav__btn--payment,
  .page-Annual .GlobalNav__btn--annual,
  .page-Annual .GlobalNav__btn--year,
  .page-Magazin .GlobalNav__btn--magazin,
  .page-Orwner .GlobalNav__btn--owner,
  .GlobalNav__btn--current {
    color: #d70a30; } }

.page-Home .GlobalNav__btn--home:after,
.page-Contract .GlobalNav__btn--building:after,
.page-Contract .GlobalNav__btn--contract:after,
.page-Report .GlobalNav__btn--report:after,
.page-Payment .GlobalNav__btn--payment:after,
.page-Annual .GlobalNav__btn--annual:after,
.page-Annual .GlobalNav__btn--year:after,
.page-Magazin .GlobalNav__btn--magazin:after,
.page-Orwner .GlobalNav__btn--owner:after,
.GlobalNav__btn--current:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 10%;
  background-color: #d70a30;
  display: block;
  height: 1px;
  width: 80%; }
  @media (max-width: 60em) {
    .page-Home .GlobalNav__btn--home:after,
    .page-Contract .GlobalNav__btn--building:after,
    .page-Contract .GlobalNav__btn--contract:after,
    .page-Report .GlobalNav__btn--report:after,
    .page-Payment .GlobalNav__btn--payment:after,
    .page-Annual .GlobalNav__btn--annual:after,
    .page-Annual .GlobalNav__btn--year:after,
    .page-Magazin .GlobalNav__btn--magazin:after,
    .page-Orwner .GlobalNav__btn--owner:after,
    .GlobalNav__btn--current:after {
      border-bottom: none;
      background: transparent; } }

@media screen and (max-width: 60em) {
  .GlobalNav__btn--home {
    background-image: url(../images/icon_home-sm-off.png); }
  .GlobalNav__btn--building {
    background-image: url(../images/icon_building-sm-off.png); }
  .GlobalNav__btn--payment {
    background-image: url(../images/icon_pay-sm-off.png); }
  .GlobalNav__btn--year {
    background-image: url(../images/icon_year-sm-off.png); }
  .GlobalNav__btn--magazin {
    background-image: url(../images/icon_info-sm-off.png); }
  .GlobalNav__btn--owner {
    background-image: url(../images/icon_owner-sm-off.png); }
  .GlobalNav__btn--contact {
    background-image: url(../images/icon_contact-sm-off.png); }
  .GlobalNav__btn--help {
    background-image: url(../images/icon_help-sm-off.png); }
  .GlobalNav__btn--new {
    background-image: url(../images/icon_new-sm-off.png); }
  .GlobalNav__btn--guide {
    background-image: url(../images/icon_guide-sm-off.png); }
  .GlobalNav__btn--menseki {
    font-size: 0.725rem;
    background-image: url(../images/icon_menseki-sm-off.png); }
  .GlobalNav__btn--privacy {
    font-size: 0.725rem;
    background-image: url(../images/icon_privacy-sm-off.png); }
  .GlobalNav__btn--app {
    background-image: url(../images/icon_guide_lp.png); } }

.GlobalNav__item---logout {
  width: 100%;
  margin: 0;
  padding: 1rem;
  background: #d70a30;
  color: #fff; }
  .GlobalNav__item---logout a {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 1rem 0.5rem 1rem 1rem;
    text-align: left;
    color: #454849;
    font-size: 1.2rem;
    position: relative; }
    .GlobalNav__item---logout a::before {
      content: "";
      position: absolute;
      display: inline-block;
      height: 20px;
      width: 20px;
      right: 1.5rem;
      top: 1.25rem;
      box-shadow: 6px 6px 0 0 #d70a30;
      -webkit-transform: rotateZ(-45deg);
      transform: rotateZ(-45deg); }
    @media screen and (max-width: 60em) {
      .GlobalNav__item---logout a {
        padding-left: 0;
        text-align: center; } }

.GlobalNav__box-font {
  background: #d70a30;
  color: #fff;
  margin: 0;
  padding-top: 1rem; }

.GlobalNav__item--copy {
  color: #fff;
  padding: 0 1rem;
  background: #d70a30;
  padding-bottom: 3rem; }

.FontSizeSelect + .GlobalNav__item--copy {
  padding-top: 1rem; }

.LoginUser--mobile {
  display: none; }
  @media (max-width: 60em) {
    .LoginUser--mobile {
      display: block;
      margin: 1rem;
      color: #fff; } }

.LoginUser--mobile__greeting {
  margin: 0;
  padding: 0; }

.LoginUser--mobile__username {
  margin: 0;
  padding: 0;
  font-size: 1.125em;
  font-weight: bold; }

.LoginUser--mobile__login {
  margin: 0;
  padding: 0;
  color: #666;
  font-size: 0.75rem; }
  @media (max-width: 60em) {
    .LoginUser--mobile__login {
      color: #fff; } }

.login_area {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end; }
  @media (max-width: 60em) {
    .login_area {
      -webkit-justify-content: center;
      justify-content: center; } }

.Login__introduction {
  -webkit-flex: 1 1 60%;
  flex: 1 1 60%;
  text-align: center;
  padding-top: 1.8rem; }

.Login__content {
  padding: 2rem 4rem 2rem 0rem;
  width: 45%; }
  @media (max-width: 60em) {
    .Login__content {
      width: 80%;
      padding: 0; } }
  @media (max-width: 30em) {
    .Login__content {
      width: 100%; } }

@media (max-width: 30em) {
  .Login__form {
    width: 100%; } }

.Login__form-label {
  display: block;
  margin-bottom: 0.25rem;
  font-weight: bold; }

.Login__button {
  width: 10rem;
  font-size: 1.25em; }

.Login__links {
  margin-top: 2rem;
  text-align: center; }
  .Login__links input {
    margin-bottom: 0.5rem; }

.Introduction {
  margin-top: 1rem;
  text-align: center; }
  @media (max-width: 30em) {
    .Introduction {
      position: relative;
      float: none;
      margin-top: 1rem;
      width: 100%; } }

.Login__image {
  width: 100%; }

.Login__link--movie {
  margin-bottom: 0.5rem;
  width: 15rem;
  font-size: 1rem;
  text-align: center; }
  @media (max-width: 60em) {
    .Login__link--movie {
      width: 13rem;
      font-size: 1rem; } }
  @media (max-width: 30em) {
    .Login__link--movie {
      margin-bottom: 0.5rem;
      padding: 0.625em;
      width: 45%;
      min-width: 11rem;
      font-size: 0.875rem; } }

.Login__link--faq {
  width: 15rem;
  font-size: 1rem;
  text-align: center; }
  @media (max-width: 60em) {
    .Login__link--faq {
      width: 13rem;
      font-size: 1rem; } }
  @media (max-width: 30em) {
    .Login__link--faq {
      padding: 0.625em;
      width: 45%;
      min-width: 11rem;
      font-size: 0.875rem; } }

.Login__bg {
  background: url(../images/bg_login03.jpg) no-repeat;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: calc(100vh - (4.5rem + 5.90625rem + 2rem + 2rem)); }
  @media (max-width: 60em) {
    .Login__bg {
      background-image: none;
      width: 100%; } }

.Login__diff {
  overflow-x: hidden; }
  @media (max-width: 60em) {
    .Login__diff {
      background-image: none; } }

.Login__heading {
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 8px #a8acae;
  margin-bottom: 1rem; }

.Login__content-bg {
  padding: 0.5rem 4rem; }
  @media (max-width: 30em) {
    .Login__content-bg {
      margin: auto;
      background-color: #fff;
      opacity: 0.9;
      padding: 1rem;
      width: 100%;
      border-radius: 1em; } }

.Login__diff .Login__content-bg {
  background: rgba(215, 10, 48, 0.15);
  border-radius: 1rem;
  width: 100%; }

.Login__list-complete {
  width: 100%;
  justify-content: center; }
  @media (max-width: 60em) {
    .Login__list-complete {
      justify-content: space-between; } }

.Login__list-complete--item.c-list-btn--item {
  margin-bottom: 0.5rem; }

.Login__list-complete--item .c-btn-default, .Login__list-complete--item .c-btn-line_gray, .Login__list-complete--item .c-btn-line_dark, .Login__list-complete--item .c-btn-line_red, .Login__list-complete--item .c-Pagenation__link, .Login__list-complete--item .c-Pagenation__option-button, .Login__list-complete--item .c-tab-item, .Login__list-complete--item .c-tab-item--building, .Login__list-complete--item .Login__link--movie, .Login__list-complete--item .Login__link--faq, .Login__list-complete--item .LoginUser__menu-btn, .Login__list-complete--item .TermSelect__btn-prev,
.Login__list-complete--item .TermSelect__btn-next, .Login__list-complete--item .TermSelect .TermSelect__btn-month, .TermSelect .Login__list-complete--item .TermSelect__btn-month, .Login__list-complete--item .MonthPicker__month, .Login__list-complete--item .MonthPicker__list-year, .Login__list-complete--item .PaymentTable__button, .Login__list-complete--item .AnnualTable__button, .Login__list-complete--item .ContactLog__btn-lg--02 {
  height: 3rem;
  letter-spacing: -0.1em; }

.Login__list-complete--item.is-short {
  width: 19%; }
  @media (max-width: 60em) {
    .Login__list-complete--item.is-short {
      width: 49%; } }
  @media (max-width: 30em) {
    .Login__list-complete--item.is-short {
      width: 48%; } }

.Login__list-complete--item.is-long {
  width: 29%; }
  @media (max-width: 60em) {
    .Login__list-complete--item.is-long {
      width: 49%; } }
  @media (max-width: 30em) {
    .Login__list-complete--item.is-long {
      width: 100%; } }

.Logout__box {
  position: relative;
  padding-top: 45%; }
  @media (max-width: 60em) {
    .Logout__box {
      margin-top: 2rem; } }
  @media (max-width: 30em) {
    .Logout__box {
      margin-top: 0rem; } }

.Logout__button {
  margin: auto;
  width: 40%; }
  @media (max-width: 60em) {
    .Logout__button {
      width: 60%; } }
  @media (max-width: 30em) {
    .Logout__button {
      width: 100%; } }

.Logout__button--item {
  margin-bottom: 1rem;
  width: 100%; }
  .Logout__button--item a {
    width: 100%; }
  @media (max-width: 60em) {
    .Logout__button--item {
      margin-bottom: 0.5rem;
      text-align: center; } }

.LoginUser {
  overflow: hidden;
  border-radius: 0.5rem;
  border: 1px solid #ccc; }
  @media (max-width: 60em) {
    .LoginUser {
      display: none; } }

.LoginUser__inner {
  border-radius: 0.5rem;
  border: 1px solid #fff; }

.LoginUser__data, .LoginUser__menu {
  list-style: none;
  margin: 0;
  padding: 0; }

.LoginUser__greeting {
  padding: 8px 16px 0;
  font-size: 0.875em; }

.LoginUser__username {
  padding: 0 16px 8px;
  font-weight: bold; }

.LoginUser__login {
  padding: 4px 16px;
  background-color: #ddd;
  font-size: 0.875em; }
  .LoginUser__login > span {
    display: block; }

.LoginUser__menu-item {
  padding: 16px;
  text-align: center; }

.MainNav {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  height: 408px; }
  @media (max-width: 60em) {
    .MainNav {
      flex-wrap: nowrap;
      height: auto; } }

.MainNav__group {
  flex: 1 1 50%; }
  .MainNav__group:first-of-type {
    margin-right: 16px; }
  @media (max-width: 60em) {
    .MainNav__group {
      flex: 0 0 auto;
      width: 100%; }
      .MainNav__group:first-of-type {
        margin-right: 0; } }

.MainNav__item {
  margin: 0 0 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",'EUDC', sans-serif;
  font-size: 24px;
  font-weight: 600; }
  @media (max-width: 60em) {
    .MainNav__item {
      font-size: 20px; } }

.MainNav__btn, .MainNav__btn--contract, .MainNav__btn--help {
  position: relative;
  overflow: hidden;
  display: block;
  padding: 28px 0 28px 16px;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 5px solid #69c73b;
  background-color: #54a12e;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  color: #fff;
  text-shadow: 1px 1px 1px #54a12e, -1px -1px 1px #54a12e, -1px 1px 1px #54a12e, 1px -1px 1px #54a12e;
  text-decoration: none;
  line-height: 32px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); }
  .MainNav__btn:after, .MainNav__btn--contract:after, .MainNav__btn--help:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-right-color: #69c73b;
    border-bottom-color: #69c73b; }
  .MainNav__btn:hover, .MainNav__btn--contract:hover, .MainNav__btn--help:hover {
    background-color: #3f7923; }
  .MainNav__btn.is-contract, .is-contract.MainNav__btn--contract, .is-contract.MainNav__btn--help {
    background-image: url(../images/bg_menu_contract.png); }
  .MainNav__btn.is-report, .is-report.MainNav__btn--contract, .is-report.MainNav__btn--help {
    background-image: url(../images/bg_menu_report.png); }
  .MainNav__btn.is-payment, .is-payment.MainNav__btn--contract, .is-payment.MainNav__btn--help {
    background-image: url(../images/bg_menu_payment.png); }
  .MainNav__btn.is-yearlog, .is-yearlog.MainNav__btn--contract, .is-yearlog.MainNav__btn--help {
    background-image: url(../images/bg_menu_yearlog.png); }
  .MainNav__btn.is-orwner, .is-orwner.MainNav__btn--contract, .is-orwner.MainNav__btn--help {
    padding: 20px 0 20px 16px;
    background-image: url(../images/bg_menu_orwner.png);
    line-height: 1em; }
  .MainNav__btn.is-contact, .is-contact.MainNav__btn--contract, .is-contact.MainNav__btn--help {
    padding-left: 8px;
    background-image: url(../images/bg_menu_contact.png); }
  .MainNav__btn.is-faq, .is-faq.MainNav__btn--contract, .is-faq.MainNav__btn--help {
    padding: 20px 0 20px 16px;
    background-image: url(../images/bg_menu_faq.png);
    line-height: 1em; }

.MainNav__btn--contract {
  border-color: #678ece;
  background-color: #4171c1;
  text-shadow: 1px 1px 1px #4171c1, -1px -1px 1px #4171c1, -1px 1px 1px #4171c1, 1px -1px 1px #4171c1; }
  .MainNav__btn--contract:after {
    border-right-color: #678ece;
    border-bottom-color: #678ece; }
  .MainNav__btn--contract:hover {
    background-color: #335a9c; }

.MainNav__btn--help {
  border-color: #ef84ba;
  background-color: #e957a0;
  text-shadow: 1px 1px 1px #e957a0, -1px -1px 1px #e957a0, -1px 1px 1px #e957a0, 1px -1px 1px #e957a0; }
  .MainNav__btn--help:after {
    border-right-color: #ef84ba;
    border-bottom-color: #ef84ba; }
  .MainNav__btn--help:hover {
    background-color: #e32a87; }

.MainNav__icon {
  width: 32px;
  height: 32px; }

.News__heading {
  position: relative; }

.News__heading-menu {
  list-style: none;
  margin: 0;
  padding: 0; }

.News__heading-item {
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 12px; }

.News__heading-btn {
  display: block;
  padding: 0 8px 0 14px;
  border-radius: 4px;
  background-color: #f2f2f2;
  color: #444;
  text-decoration: none;
  line-height: 20px; }
  .News__heading-btn:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left-color: #d70a30; }

.News__list {
  list-style: none;
  margin: 0;
  padding: 0; }

.News__item {
  padding: 0.875rem 0;
  border-bottom: 1px dashed #ccc; }

.News__title {
  margin: 0; }

.titile-info--scaling {
  display: inline-block;
  transform: scaleX(0.8);
  transform-origin: 0 0;
  letter-spacing: -1px; }

.Magazin {
  flex: 1 1 490px;
  position: relative;
  margin-top: 32px;
  width: 490px;
  background-image: url(../images/bg_magazin.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  @media (max-width: 60em) {
    .Magazin {
      margin-left: -16px;
      margin-right: -16px;
      padding: 1px;
      width: calc(100% + 32px); } }

.Magazin__title {
  margin: 32px 16px 16px 24px;
  width: 216px; }
  .Magazin__title > img {
    width: 100%; }
  @media (max-width: 60em) {
    .Magazin__title {
      margin-top: 48px;
      width: 186px; } }

.Magazin__image {
  position: absolute;
  top: 36px;
  right: 32px;
  width: 120px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
  @media (max-width: 60em) {
    .Magazin__image {
      top: 48px;
      width: 112px; } }

.Magazin__desc {
  margin: 16px 16px 32px;
  padding: 12px;
  border-radius: 8px;
  background-color: #fff; }
  @media (max-width: 60em) {
    .Magazin__desc {
      margin-bottom: 48px; } }

.Magazin__num {
  margin: 0 0 8px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #e957a0;
  color: #c1196d;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.125em; }

.Magazin__desc-foor {
  margin: 0;
  text-align: right; }

.Magazin__btn-logs {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background-color: #c1196d;
  color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }

.BannerList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: auto auto;
  padding: 32px 0 16px;
  width: 100%;
  max-width: 950px; }
  @media (max-width: 60em) {
    .BannerList {
      margin: auto auto;
      width: calc(146px * 4 + 48px); } }
  @media (max-width: 30em) {
    .BannerList {
      margin: auto auto;
      width: calc(146px * 2 + 16px); } }

.BannerList__item {
  margin-bottom: 16px; }

.BuildingReport__item {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 1.5rem; }

.BuildingReport__info {
  width: 65%; }

.BuildingReport__title {
  font-weight: bold;
  margin-bottom: 1rem; }

.BuildingReport__photo {
  width: 34%;
  text-align: center; }

.BuildingReport__img {
  max-width: 100%;
  height: auto;
  border: 5px solid #fff;
  box-shadow: 0 0 0 1px #c5cacc; }

.BuildingReport__dl {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 0.875em; }
  .BuildingReport__dl .BuildingReport__dt {
    width: 17%; }
  .BuildingReport__dl .BuildingReport__dd {
    width: 83%;
    padding-left: 0.5rem; }
  .BuildingReport__dl .BuildingReport__dt, .BuildingReport__dl .BuildingReport__dd {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    border-bottom: 1px dotted #c5cacc;
    min-height: 2rem;
    padding: 0.25em 0.5em;
    margin-bottom: 0; }

.BuildingReport__btn {
  margin-top: 0.75rem; }
  .BuildingReport__btn .c-btn-default, .BuildingReport__btn .c-btn-line_gray, .BuildingReport__btn .c-btn-line_dark, .BuildingReport__btn .c-btn-line_red, .BuildingReport__btn .c-Pagenation__link, .BuildingReport__btn .c-Pagenation__option-button, .BuildingReport__btn .c-tab-item, .BuildingReport__btn .c-tab-item--building, .BuildingReport__btn .Login__link--movie, .BuildingReport__btn .Login__link--faq, .BuildingReport__btn .LoginUser__menu-btn, .BuildingReport__btn .TermSelect__btn-prev,
  .BuildingReport__btn .TermSelect__btn-next, .BuildingReport__btn .TermSelect .TermSelect__btn-month, .TermSelect .BuildingReport__btn .TermSelect__btn-month, .BuildingReport__btn .MonthPicker__month, .BuildingReport__btn .MonthPicker__list-year, .BuildingReport__btn .PaymentTable__button, .BuildingReport__btn .AnnualTable__button, .BuildingReport__btn .ContactLog__btn-lg--02 {
    padding: 0 20px;
    background: transparent;
    border: 0;
    display: inline;
    letter-spacing: 0; }
    .BuildingReport__btn .c-btn-default:hover, .BuildingReport__btn .c-btn-line_gray:hover, .BuildingReport__btn .c-btn-line_dark:hover, .BuildingReport__btn .c-btn-line_red:hover, .BuildingReport__btn .c-Pagenation__link:hover, .BuildingReport__btn .c-Pagenation__option-button:hover, .BuildingReport__btn .c-tab-item:hover, .BuildingReport__btn .c-tab-item--building:hover, .BuildingReport__btn .Login__link--movie:hover, .BuildingReport__btn .Login__link--faq:hover, .BuildingReport__btn .LoginUser__menu-btn:hover, .BuildingReport__btn .TermSelect__btn-prev:hover,
    .BuildingReport__btn .TermSelect__btn-next:hover, .BuildingReport__btn .TermSelect .TermSelect__btn-month:hover, .TermSelect .BuildingReport__btn .TermSelect__btn-month:hover, .BuildingReport__btn .MonthPicker__month:hover, .BuildingReport__btn .MonthPicker__list-year:hover, .BuildingReport__btn .PaymentTable__button:hover, .BuildingReport__btn .AnnualTable__button:hover, .BuildingReport__btn .ContactLog__btn-lg--02:hover {
      text-decoration: underline; }
    .BuildingReport__btn .c-btn-default.is-history, .BuildingReport__btn .is-history.c-btn-line_gray, .BuildingReport__btn .is-history.c-btn-line_dark, .BuildingReport__btn .is-history.c-btn-line_red, .BuildingReport__btn .is-history.c-Pagenation__link, .BuildingReport__btn .is-history.c-Pagenation__option-button, .BuildingReport__btn .is-history.c-tab-item, .BuildingReport__btn .is-history.c-tab-item--building, .BuildingReport__btn .is-history.Login__link--movie, .BuildingReport__btn .is-history.Login__link--faq, .BuildingReport__btn .is-history.LoginUser__menu-btn, .BuildingReport__btn .is-history.TermSelect__btn-prev,
    .BuildingReport__btn .is-history.TermSelect__btn-next, .BuildingReport__btn .TermSelect .is-history.TermSelect__btn-month, .TermSelect .BuildingReport__btn .is-history.TermSelect__btn-month, .BuildingReport__btn .is-history.MonthPicker__month, .BuildingReport__btn .is-history.MonthPicker__list-year, .BuildingReport__btn .is-history.PaymentTable__button, .BuildingReport__btn .is-history.AnnualTable__button, .BuildingReport__btn .is-history.ContactLog__btn-lg--02 {
      background-image: url(../images/icon-history.png);
      background-repeat: no-repeat;
      background-position: center left;
      background-size: 14px; }
    .BuildingReport__btn .c-btn-default.is-pdf, .BuildingReport__btn .is-pdf.c-btn-line_gray, .BuildingReport__btn .is-pdf.c-btn-line_dark, .BuildingReport__btn .is-pdf.c-btn-line_red, .BuildingReport__btn .is-pdf.c-Pagenation__link, .BuildingReport__btn .is-pdf.c-Pagenation__option-button, .BuildingReport__btn .is-pdf.c-tab-item, .BuildingReport__btn .is-pdf.c-tab-item--building, .BuildingReport__btn .is-pdf.Login__link--movie, .BuildingReport__btn .is-pdf.Login__link--faq, .BuildingReport__btn .is-pdf.LoginUser__menu-btn, .BuildingReport__btn .is-pdf.TermSelect__btn-prev,
    .BuildingReport__btn .is-pdf.TermSelect__btn-next, .BuildingReport__btn .TermSelect .is-pdf.TermSelect__btn-month, .TermSelect .BuildingReport__btn .is-pdf.TermSelect__btn-month, .BuildingReport__btn .is-pdf.MonthPicker__month, .BuildingReport__btn .is-pdf.MonthPicker__list-year, .BuildingReport__btn .is-pdf.PaymentTable__button, .BuildingReport__btn .is-pdf.AnnualTable__button, .BuildingReport__btn .is-pdf.ContactLog__btn-lg--02 {
      background-image: url(../images/icon-pdf.png);
      background-repeat: no-repeat;
      background-position: center left;
      background-size: 14px; }

.BuildingReport__main {
  margin-bottom: 4rem;
  padding: 1rem 1rem 1rem;
  border: 2px solid #c5cacc !important;
  border-radius: 0 0 3px 3px; }
  .BuildingReport__main .c-Heading--default:first-child, .BuildingReport__main .Informatin__title-text:first-child, .BuildingReport__main .Survey__title-sub:first-child {
    margin-top: 0; }
  @media (min-width: 30.001em) {
    .BuildingReport__main .is-tablet-odd-pink tr:nth-of-type(2n+1),
    .BuildingReport__main .is-tablet-odd-pink .c-Table__tr:nth-of-type(2n+1),
    .BuildingReport__main .is-tablet-odd-pink .c-Table__tr--mobile-group:nth-of-type(2n+1),
    .BuildingReport__main .is-tablet-odd-pink .c-Table__tr--phone-group:nth-of-type(2n+1) {
      background: rgba(215, 10, 48, 0.08); } }
  @media (min-width: 60.001em) {
    .BuildingReport__main .is-pc-odd-pink tr:nth-of-type(2n+1),
    .BuildingReport__main .is-pc-odd-pink .c-Table__tr:nth-of-type(2n+1),
    .BuildingReport__main .is-pc-odd-pink .c-Table__tr--mobile-group:nth-of-type(2n+1),
    .BuildingReport__main .is-pc-odd-pink .c-Table__tr--phone-group:nth-of-type(2n+1) {
      background: rgba(215, 10, 48, 0.08); } }

.is-029 .c-list-building {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0; }

.is-029 .BuildingReport__list-img {
  width: 49%; }

.is-029 .BuildingReport__list {
  width: 49%; }

.is-029 .c-Table__td, .is-029 .c-Table__td--phone-colored, .is-029 .c-Table--tenant__num, .is-029 .c-Table--tenant__contract,
.is-029 .c-Table--tenant__date-in,
.is-029 .c-Table--tenant__date-out,
.is-029 .c-Table--tenant__name,
.is-029 .c-Table--tenant__status, .is-029 .c-Table--tenant__rent,
.is-029 .c-Table--tenant__car, .is-029 .c-Table--tenant__note, .is-029 .c-Form__td, .is-029 .c-Table__th, .is-029 .c-Table--tenant__contract-label,
.is-029 .c-Table--tenant__date-in-label,
.is-029 .c-Table--tenant__date-out-label,
.is-029 .c-Table--tenant__name-label,
.is-029 .c-Table--tenant__note-label,
.is-029 .c-Table--tenant__num-label,
.is-029 .c-Table--tenant__rent-label,
.is-029 .c-Table--tenant__car-label,
.is-029 .c-Table--tenant__status-label, .is-029 .c-Table--tenant__contract-label--mobile,
.is-029 .c-Table--tenant__date-in-label--mobile,
.is-029 .c-Table--tenant__date-out-label--mobile,
.is-029 .c-Table--tenant__name-label--mobile,
.is-029 .c-Table--tenant__rent-label--mobile,
.is-029 .c-Table--tenant__car-label--mobile,
.is-029 .c-Table--tenant__status-label--mobile, .is-029 .c-Form__th, .is-029 .c-DocumentCheck__owner, .is-029 .c-DocumentCheck__building {
  padding: 1em 0.5em;
  min-height: 3.1rem; }

.is-030 .c-Table--responsive, .is-030 .c-Table--building, .is-030 .c-Table--tenant, .is-030 .BuildingReport__table--monthly, .is-030 .c-DocumentCheck {
  display: block;
  border-right: 0; }

.is-030 .BuildingReport__table--head {
  height: 2.25em; }

.is-030 .BuildingReport__table {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  border-bottom: 1px dotted #c5cacc;
  margin-top: 1rem; }
  .is-030 .BuildingReport__table .BuildingReport__table-info {
    width: 70%;
    margin-right: 10px; }

.is-030 .BuildingReport__table--item.is-01 {
  width: 40%; }

.is-030 .BuildingReport__table--item.is-02 {
  width: 15%;
  text-align: center; }

.is-030 .BuildingReport__table--item.is-03 {
  width: 45%;
  border-right: 1px solid #c5cacc;
  margin-right: 0; }

.is-030 .BuildingReport__img {
  border: none;
  padding: 0.5rem;
  box-shadow: none; }

.is-030 .BuildingReport__item {
  margin-bottom: -1rem;
  padding-bottom: 1rem;
  border-bottom: 1px dotted #c5cacc; }

.is-030 .BuildingReport__photo {
  margin-bottom: 1rem;
  text-align: center;
  background: #fff;
  min-height: 0%; }
  .is-030 .BuildingReport__photo .BuildingReport__name {
    background-color: #efeeeb;
    font-weight: normal;
    width: calc(100% + 1px);
    margin-left: 0;
    border-bottom: 1px solid #c5cacc; }

.is-031 .BuildingReport__info {
  border: 1px solid #c5cacc; }
  .is-031 .BuildingReport__info .c-Table--responsive, .is-031 .BuildingReport__info .c-Table--building, .is-031 .BuildingReport__info .c-Table--tenant, .is-031 .BuildingReport__info .BuildingReport__table--monthly, .is-031 .BuildingReport__info .c-DocumentCheck {
    border: 0; }
  .is-031 .BuildingReport__info .c-Table__th, .is-031 .BuildingReport__info .c-Table--tenant__contract-label,
  .is-031 .BuildingReport__info .c-Table--tenant__date-in-label,
  .is-031 .BuildingReport__info .c-Table--tenant__date-out-label,
  .is-031 .BuildingReport__info .c-Table--tenant__name-label,
  .is-031 .BuildingReport__info .c-Table--tenant__note-label,
  .is-031 .BuildingReport__info .c-Table--tenant__num-label,
  .is-031 .BuildingReport__info .c-Table--tenant__rent-label,
  .is-031 .BuildingReport__info .c-Table--tenant__car-label,
  .is-031 .BuildingReport__info .c-Table--tenant__status-label, .is-031 .BuildingReport__info .c-Table--tenant__contract-label--mobile,
  .is-031 .BuildingReport__info .c-Table--tenant__date-in-label--mobile,
  .is-031 .BuildingReport__info .c-Table--tenant__date-out-label--mobile,
  .is-031 .BuildingReport__info .c-Table--tenant__name-label--mobile,
  .is-031 .BuildingReport__info .c-Table--tenant__rent-label--mobile,
  .is-031 .BuildingReport__info .c-Table--tenant__car-label--mobile,
  .is-031 .BuildingReport__info .c-Table--tenant__status-label--mobile, .is-031 .BuildingReport__info .c-Form__th, .is-031 .BuildingReport__info .c-DocumentCheck__owner, .is-031 .BuildingReport__info .c-DocumentCheck__building {
    border: none;
    border-bottom: 1px solid #c5cacc; }
  .is-031 .BuildingReport__info .c-Table__tr, .is-031 .BuildingReport__info .c-Table__td, .is-031 .BuildingReport__info .c-Table__td--phone-colored, .is-031 .BuildingReport__info .c-Table--tenant__num, .is-031 .BuildingReport__info .c-Table--tenant__contract,
  .is-031 .BuildingReport__info .c-Table--tenant__date-in,
  .is-031 .BuildingReport__info .c-Table--tenant__date-out,
  .is-031 .BuildingReport__info .c-Table--tenant__name,
  .is-031 .BuildingReport__info .c-Table--tenant__status, .is-031 .BuildingReport__info .c-Table--tenant__rent,
  .is-031 .BuildingReport__info .c-Table--tenant__car, .is-031 .BuildingReport__info .c-Table--tenant__note, .is-031 .BuildingReport__info .c-Form__td {
    border: none; }

.is-031 .BuildingReport__info--state {
  width: 5rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  padding: 0;
  border-right: dotted 1px #a8acae; }
  @media screen and (max-width: 60em) {
    .is-031 .BuildingReport__info--state {
      width: 2.5rem; } }

.is-031 .BuildingReport__info--remark {
  width: calc(100% - 5rem); }
  @media screen and (max-width: 60em) {
    .is-031 .BuildingReport__info--remark {
      width: calc(100% - 2.5rem); } }
  .is-031 .BuildingReport__info--remark.c-Table__td, .is-031 .BuildingReport__info--remark.c-Table__td--phone-colored, .is-031 .BuildingReport__info--remark.c-Table--tenant__num, .is-031 .BuildingReport__info--remark.c-Table--tenant__contract,
  .is-031 .BuildingReport__info--remark.c-Table--tenant__date-in,
  .is-031 .BuildingReport__info--remark.c-Table--tenant__date-out,
  .is-031 .BuildingReport__info--remark.c-Table--tenant__name,
  .is-031 .BuildingReport__info--remark.c-Table--tenant__status, .is-031 .BuildingReport__info--remark.c-Table--tenant__rent,
  .is-031 .BuildingReport__info--remark.c-Table--tenant__car, .is-031 .BuildingReport__info--remark.c-Table--tenant__note, .is-031 .BuildingReport__info--remark.c-Form__td {
    border-left: none; }

@media screen and (max-width: 60em) {
  .is-031 .BuildingReport__item {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse; }
  .is-031 .BuildingReport__info, .is-031 .BuildingReport__photo {
    width: 100%;
    min-height: 0%; } }

.is-032 .BuildingReport__photo {
  width: 49%; }

.is-032 .BuildingReport__photo--date {
  padding-left: 1rem;
  font-size: 0.875em;
  font-weight: normal; }

.is-032 .BuildingReport__img {
  max-width: calc(100% - 2px); }

.BuildingReport__photo--clean {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1.5rem; }

.BuildingReport__photo--label {
  font-size: 0.875em;
  background: #efeeeb;
  font-weight: bold;
  margin-bottom: 0;
  padding: 0.3125em;
  border: 1px solid #c5cacc;
  width: 100%; }

@media screen and (min-width: 60.001em) {
  .is-034 .BuildingReport__table {
    background: #c5cacc; }
    .is-034 .BuildingReport__table .c-Table__tr:last-child {
      border-bottom: 0;
      margin-bottom: -1px; }
  .is-034 .BuildingReport__table--title {
    padding: 0 0 0.25em 0;
    border-bottom: 1px solid #c5cacc;
    width: 100%; }
  .is-034 .c-Table__th, .is-034 .c-Table--tenant__contract-label,
  .is-034 .c-Table--tenant__date-in-label,
  .is-034 .c-Table--tenant__date-out-label,
  .is-034 .c-Table--tenant__name-label,
  .is-034 .c-Table--tenant__note-label,
  .is-034 .c-Table--tenant__num-label,
  .is-034 .c-Table--tenant__rent-label,
  .is-034 .c-Table--tenant__car-label,
  .is-034 .c-Table--tenant__status-label, .is-034 .c-Table--tenant__contract-label--mobile,
  .is-034 .c-Table--tenant__date-in-label--mobile,
  .is-034 .c-Table--tenant__date-out-label--mobile,
  .is-034 .c-Table--tenant__name-label--mobile,
  .is-034 .c-Table--tenant__rent-label--mobile,
  .is-034 .c-Table--tenant__car-label--mobile,
  .is-034 .c-Table--tenant__status-label--mobile, .is-034 .c-Form__th, .is-034 .c-DocumentCheck__owner, .is-034 .c-DocumentCheck__building, .is-034 .c-Table__td, .is-034 .c-Table__td--phone-colored, .is-034 .c-Table--tenant__num, .is-034 .c-Table--tenant__contract,
  .is-034 .c-Table--tenant__date-in,
  .is-034 .c-Table--tenant__date-out,
  .is-034 .c-Table--tenant__name,
  .is-034 .c-Table--tenant__status, .is-034 .c-Table--tenant__rent,
  .is-034 .c-Table--tenant__car, .is-034 .c-Table--tenant__note, .is-034 .c-Form__td {
    margin: 0 0 1px 1px;
    padding: 0.25em 1em;
    border: none; }
  .is-034 .c-Table__thead {
    border-top: 1px solid #c5cacc;
    border-bottom: 1px solid #c5cacc; }
  .is-034 .c-Table__tbody {
    margin-bottom: -1px;
    border-bottom: 1px solid #c5cacc; }
  .is-034 .c-Table__th, .is-034 .c-Table--tenant__contract-label,
  .is-034 .c-Table--tenant__date-in-label,
  .is-034 .c-Table--tenant__date-out-label,
  .is-034 .c-Table--tenant__name-label,
  .is-034 .c-Table--tenant__note-label,
  .is-034 .c-Table--tenant__num-label,
  .is-034 .c-Table--tenant__rent-label,
  .is-034 .c-Table--tenant__car-label,
  .is-034 .c-Table--tenant__status-label, .is-034 .c-Table--tenant__contract-label--mobile,
  .is-034 .c-Table--tenant__date-in-label--mobile,
  .is-034 .c-Table--tenant__date-out-label--mobile,
  .is-034 .c-Table--tenant__name-label--mobile,
  .is-034 .c-Table--tenant__rent-label--mobile,
  .is-034 .c-Table--tenant__car-label--mobile,
  .is-034 .c-Table--tenant__status-label--mobile, .is-034 .c-Form__th, .is-034 .c-DocumentCheck__owner, .is-034 .c-DocumentCheck__building {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: calc(11% - 1px);
    font-size: 0.925em; }
    .is-034 .c-Table__th:last-child, .is-034 .c-Table--tenant__contract-label:last-child,
    .is-034 .c-Table--tenant__date-in-label:last-child,
    .is-034 .c-Table--tenant__date-out-label:last-child,
    .is-034 .c-Table--tenant__name-label:last-child,
    .is-034 .c-Table--tenant__note-label:last-child,
    .is-034 .c-Table--tenant__num-label:last-child,
    .is-034 .c-Table--tenant__rent-label:last-child,
    .is-034 .c-Table--tenant__car-label:last-child,
    .is-034 .c-Table--tenant__status-label:last-child, .is-034 .c-Table--tenant__contract-label--mobile:last-child,
    .is-034 .c-Table--tenant__date-in-label--mobile:last-child,
    .is-034 .c-Table--tenant__date-out-label--mobile:last-child,
    .is-034 .c-Table--tenant__name-label--mobile:last-child,
    .is-034 .c-Table--tenant__rent-label--mobile:last-child,
    .is-034 .c-Table--tenant__car-label--mobile:last-child,
    .is-034 .c-Table--tenant__status-label--mobile:last-child, .is-034 .c-Form__th:last-child, .is-034 .c-DocumentCheck__owner:last-child, .is-034 .c-DocumentCheck__building:last-child {
      margin-right: 0;
      width: calc(11% - 2px); }
    .is-034 .c-Table__th.is-rent, .is-034 .is-rent.c-Table--tenant__contract-label,
    .is-034 .is-rent.c-Table--tenant__date-in-label,
    .is-034 .is-rent.c-Table--tenant__date-out-label,
    .is-034 .is-rent.c-Table--tenant__name-label,
    .is-034 .is-rent.c-Table--tenant__note-label,
    .is-034 .is-rent.c-Table--tenant__num-label,
    .is-034 .is-rent.c-Table--tenant__rent-label,
    .is-034 .is-rent.c-Table--tenant__car-label,
    .is-034 .is-rent.c-Table--tenant__status-label, .is-034 .is-rent.c-Table--tenant__contract-label--mobile,
    .is-034 .is-rent.c-Table--tenant__date-in-label--mobile,
    .is-034 .is-rent.c-Table--tenant__date-out-label--mobile,
    .is-034 .is-rent.c-Table--tenant__name-label--mobile,
    .is-034 .is-rent.c-Table--tenant__rent-label--mobile,
    .is-034 .is-rent.c-Table--tenant__car-label--mobile,
    .is-034 .is-rent.c-Table--tenant__status-label--mobile, .is-034 .is-rent.c-Form__th, .is-034 .is-rent.c-DocumentCheck__owner, .is-034 .is-rent.c-DocumentCheck__building {
      width: calc(56% - 1px);
      flex-wrap: wrap;
      padding-right: 0;
      padding-left: 0;
      padding-bottom: 0; }
      .is-034 .c-Table__th.is-rent .c-Table__tr, .is-034 .is-rent.c-Table--tenant__contract-label .c-Table__tr, .is-034 .is-rent.c-Table--tenant__date-in-label .c-Table__tr, .is-034 .is-rent.c-Table--tenant__date-out-label .c-Table__tr, .is-034 .is-rent.c-Table--tenant__name-label .c-Table__tr, .is-034 .is-rent.c-Table--tenant__note-label .c-Table__tr, .is-034 .is-rent.c-Table--tenant__num-label .c-Table__tr, .is-034 .is-rent.c-Table--tenant__rent-label .c-Table__tr, .is-034 .is-rent.c-Table--tenant__car-label .c-Table__tr, .is-034 .is-rent.c-Table--tenant__status-label .c-Table__tr, .is-034 .is-rent.c-Table--tenant__contract-label--mobile .c-Table__tr, .is-034 .is-rent.c-Table--tenant__date-in-label--mobile .c-Table__tr, .is-034 .is-rent.c-Table--tenant__date-out-label--mobile .c-Table__tr, .is-034 .is-rent.c-Table--tenant__name-label--mobile .c-Table__tr, .is-034 .is-rent.c-Table--tenant__rent-label--mobile .c-Table__tr, .is-034 .is-rent.c-Table--tenant__car-label--mobile .c-Table__tr, .is-034 .is-rent.c-Table--tenant__status-label--mobile .c-Table__tr, .is-034 .is-rent.c-Form__th .c-Table__tr, .is-034 .is-rent.c-DocumentCheck__owner .c-Table__tr, .is-034 .is-rent.c-DocumentCheck__building .c-Table__tr {
        border-bottom: 0; }
    .is-034 .c-Table__th.is-item, .is-034 .is-item.c-Table--tenant__contract-label,
    .is-034 .is-item.c-Table--tenant__date-in-label,
    .is-034 .is-item.c-Table--tenant__date-out-label,
    .is-034 .is-item.c-Table--tenant__name-label,
    .is-034 .is-item.c-Table--tenant__note-label,
    .is-034 .is-item.c-Table--tenant__num-label,
    .is-034 .is-item.c-Table--tenant__rent-label,
    .is-034 .is-item.c-Table--tenant__car-label,
    .is-034 .is-item.c-Table--tenant__status-label, .is-034 .is-item.c-Table--tenant__contract-label--mobile,
    .is-034 .is-item.c-Table--tenant__date-in-label--mobile,
    .is-034 .is-item.c-Table--tenant__date-out-label--mobile,
    .is-034 .is-item.c-Table--tenant__name-label--mobile,
    .is-034 .is-item.c-Table--tenant__rent-label--mobile,
    .is-034 .is-item.c-Table--tenant__car-label--mobile,
    .is-034 .is-item.c-Table--tenant__status-label--mobile, .is-034 .is-item.c-Form__th, .is-034 .is-item.c-DocumentCheck__owner, .is-034 .is-item.c-DocumentCheck__building {
      border-right: 1px solid #c5cacc;
      margin-right: 0;
      padding: 0.25em 0.25em; }
      .is-034 .c-Table__th.is-item:last-child, .is-034 .is-item.c-Table--tenant__contract-label:last-child,
      .is-034 .is-item.c-Table--tenant__date-in-label:last-child,
      .is-034 .is-item.c-Table--tenant__date-out-label:last-child,
      .is-034 .is-item.c-Table--tenant__name-label:last-child,
      .is-034 .is-item.c-Table--tenant__note-label:last-child,
      .is-034 .is-item.c-Table--tenant__num-label:last-child,
      .is-034 .is-item.c-Table--tenant__rent-label:last-child,
      .is-034 .is-item.c-Table--tenant__car-label:last-child,
      .is-034 .is-item.c-Table--tenant__status-label:last-child, .is-034 .is-item.c-Table--tenant__contract-label--mobile:last-child,
      .is-034 .is-item.c-Table--tenant__date-in-label--mobile:last-child,
      .is-034 .is-item.c-Table--tenant__date-out-label--mobile:last-child,
      .is-034 .is-item.c-Table--tenant__name-label--mobile:last-child,
      .is-034 .is-item.c-Table--tenant__rent-label--mobile:last-child,
      .is-034 .is-item.c-Table--tenant__car-label--mobile:last-child,
      .is-034 .is-item.c-Table--tenant__status-label--mobile:last-child, .is-034 .is-item.c-Form__th:last-child, .is-034 .is-item.c-DocumentCheck__owner:last-child, .is-034 .is-item.c-DocumentCheck__building:last-child {
        border-right: 0; }
  .is-034 .c-Table__td, .is-034 .c-Table__td--phone-colored, .is-034 .c-Table--tenant__num, .is-034 .c-Table--tenant__contract,
  .is-034 .c-Table--tenant__date-in,
  .is-034 .c-Table--tenant__date-out,
  .is-034 .c-Table--tenant__name,
  .is-034 .c-Table--tenant__status, .is-034 .c-Table--tenant__rent,
  .is-034 .c-Table--tenant__car, .is-034 .c-Table--tenant__note, .is-034 .c-Form__td {
    background: #fff;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    width: calc(11% - 1px);
    font-size: 1em; }
    .is-034 .c-Table__td.is-rent, .is-034 .is-rent.c-Table__td--phone-colored, .is-034 .is-rent.c-Table--tenant__num, .is-034 .is-rent.c-Table--tenant__contract,
    .is-034 .is-rent.c-Table--tenant__date-in,
    .is-034 .is-rent.c-Table--tenant__date-out,
    .is-034 .is-rent.c-Table--tenant__name,
    .is-034 .is-rent.c-Table--tenant__status, .is-034 .is-rent.c-Table--tenant__rent,
    .is-034 .is-rent.c-Table--tenant__car, .is-034 .is-rent.c-Table--tenant__note, .is-034 .is-rent.c-Form__td {
      width: calc(56% - 1px);
      flex-wrap: wrap;
      padding-right: 0;
      padding-left: 0;
      padding-top: 0;
      padding-bottom: 0; }
      .is-034 .c-Table__td.is-rent .c-Table__tr, .is-034 .is-rent.c-Table__td--phone-colored .c-Table__tr, .is-034 .is-rent.c-Table--tenant__num .c-Table__tr, .is-034 .is-rent.c-Table--tenant__contract .c-Table__tr, .is-034 .is-rent.c-Table--tenant__date-in .c-Table__tr, .is-034 .is-rent.c-Table--tenant__date-out .c-Table__tr, .is-034 .is-rent.c-Table--tenant__name .c-Table__tr, .is-034 .is-rent.c-Table--tenant__status .c-Table__tr, .is-034 .is-rent.c-Table--tenant__rent .c-Table__tr, .is-034 .is-rent.c-Table--tenant__car .c-Table__tr, .is-034 .is-rent.c-Table--tenant__note .c-Table__tr, .is-034 .is-rent.c-Form__td .c-Table__tr {
        border-bottom: 0; }
    .is-034 .c-Table__td:last-child, .is-034 .c-Table__td--phone-colored:last-child, .is-034 .c-Table--tenant__num:last-child, .is-034 .c-Table--tenant__contract:last-child,
    .is-034 .c-Table--tenant__date-in:last-child,
    .is-034 .c-Table--tenant__date-out:last-child,
    .is-034 .c-Table--tenant__name:last-child,
    .is-034 .c-Table--tenant__status:last-child, .is-034 .c-Table--tenant__rent:last-child,
    .is-034 .c-Table--tenant__car:last-child, .is-034 .c-Table--tenant__note:last-child, .is-034 .c-Form__td:last-child {
      margin-right: 0;
      width: calc(11% - 2px); }
    .is-034 .c-Table__td.is-item, .is-034 .is-item.c-Table__td--phone-colored, .is-034 .is-item.c-Table--tenant__num, .is-034 .is-item.c-Table--tenant__contract,
    .is-034 .is-item.c-Table--tenant__date-in,
    .is-034 .is-item.c-Table--tenant__date-out,
    .is-034 .is-item.c-Table--tenant__name,
    .is-034 .is-item.c-Table--tenant__status, .is-034 .is-item.c-Table--tenant__rent,
    .is-034 .is-item.c-Table--tenant__car, .is-034 .is-item.c-Table--tenant__note, .is-034 .is-item.c-Form__td {
      border-right: 1px solid #c5cacc;
      margin-right: 0;
      margin-top: 0;
      padding: 0.25em 0; }
      .is-034 .c-Table__td.is-item:last-child, .is-034 .is-item.c-Table__td--phone-colored:last-child, .is-034 .is-item.c-Table--tenant__num:last-child, .is-034 .is-item.c-Table--tenant__contract:last-child,
      .is-034 .is-item.c-Table--tenant__date-in:last-child,
      .is-034 .is-item.c-Table--tenant__date-out:last-child,
      .is-034 .is-item.c-Table--tenant__name:last-child,
      .is-034 .is-item.c-Table--tenant__status:last-child, .is-034 .is-item.c-Table--tenant__rent:last-child,
      .is-034 .is-item.c-Table--tenant__car:last-child, .is-034 .is-item.c-Table--tenant__note:last-child, .is-034 .is-item.c-Form__td:last-child {
        border-right: 0; } }

@media screen and (max-width: 60em) {
  .is-034 {
    width: 100%; }
    .is-034 .c-Table__th, .is-034 .c-Table--tenant__contract-label,
    .is-034 .c-Table--tenant__date-in-label,
    .is-034 .c-Table--tenant__date-out-label,
    .is-034 .c-Table--tenant__name-label,
    .is-034 .c-Table--tenant__note-label,
    .is-034 .c-Table--tenant__num-label,
    .is-034 .c-Table--tenant__rent-label,
    .is-034 .c-Table--tenant__car-label,
    .is-034 .c-Table--tenant__status-label, .is-034 .c-Table--tenant__contract-label--mobile,
    .is-034 .c-Table--tenant__date-in-label--mobile,
    .is-034 .c-Table--tenant__date-out-label--mobile,
    .is-034 .c-Table--tenant__name-label--mobile,
    .is-034 .c-Table--tenant__rent-label--mobile,
    .is-034 .c-Table--tenant__car-label--mobile,
    .is-034 .c-Table--tenant__status-label--mobile, .is-034 .c-Form__th, .is-034 .c-DocumentCheck__owner, .is-034 .c-DocumentCheck__building, .is-034 .c-Table__td, .is-034 .c-Table__td--phone-colored, .is-034 .c-Table--tenant__num, .is-034 .c-Table--tenant__contract,
    .is-034 .c-Table--tenant__date-in,
    .is-034 .c-Table--tenant__date-out,
    .is-034 .c-Table--tenant__name,
    .is-034 .c-Table--tenant__status, .is-034 .c-Table--tenant__rent,
    .is-034 .c-Table--tenant__car, .is-034 .c-Table--tenant__note, .is-034 .c-Form__td {
      min-height: auto;
      border-color: #c5cacc;
      font-size: 0.875em;
      font-weight: normal; }
    .is-034 .c-Table__th, .is-034 .c-Table--tenant__contract-label,
    .is-034 .c-Table--tenant__date-in-label,
    .is-034 .c-Table--tenant__date-out-label,
    .is-034 .c-Table--tenant__name-label,
    .is-034 .c-Table--tenant__note-label,
    .is-034 .c-Table--tenant__num-label,
    .is-034 .c-Table--tenant__rent-label,
    .is-034 .c-Table--tenant__car-label,
    .is-034 .c-Table--tenant__status-label, .is-034 .c-Table--tenant__contract-label--mobile,
    .is-034 .c-Table--tenant__date-in-label--mobile,
    .is-034 .c-Table--tenant__date-out-label--mobile,
    .is-034 .c-Table--tenant__name-label--mobile,
    .is-034 .c-Table--tenant__rent-label--mobile,
    .is-034 .c-Table--tenant__car-label--mobile,
    .is-034 .c-Table--tenant__status-label--mobile, .is-034 .c-Form__th, .is-034 .c-DocumentCheck__owner, .is-034 .c-DocumentCheck__building {
      padding: 0.5rem 0.25rem;
      background-color: rgba(239, 238, 235, 0.8); }
    .is-034 .c-Table__td, .is-034 .c-Table__td--phone-colored, .is-034 .c-Table--tenant__num, .is-034 .c-Table--tenant__contract,
    .is-034 .c-Table--tenant__date-in,
    .is-034 .c-Table--tenant__date-out,
    .is-034 .c-Table--tenant__name,
    .is-034 .c-Table--tenant__status, .is-034 .c-Table--tenant__rent,
    .is-034 .c-Table--tenant__car, .is-034 .c-Table--tenant__note, .is-034 .c-Form__td {
      padding: 0.5rem 0.25rem;
      word-break: break-all; }
    .is-034 .is-number {
      width: 25%; }
    .is-034 .is-name {
      width: 25%; }
    .is-034 .is-rent {
      padding: 0;
      border-width: 0 0 1px 0;
      width: 33%; }
      .is-034 .is-rent > .c-Table__th, .is-034 .is-rent > .c-Table--tenant__contract-label,
      .is-034 .is-rent > .c-Table--tenant__date-in-label,
      .is-034 .is-rent > .c-Table--tenant__date-out-label,
      .is-034 .is-rent > .c-Table--tenant__name-label,
      .is-034 .is-rent > .c-Table--tenant__note-label,
      .is-034 .is-rent > .c-Table--tenant__num-label,
      .is-034 .is-rent > .c-Table--tenant__rent-label,
      .is-034 .is-rent > .c-Table--tenant__car-label,
      .is-034 .is-rent > .c-Table--tenant__status-label, .is-034 .is-rent > .c-Table--tenant__contract-label--mobile,
      .is-034 .is-rent > .c-Table--tenant__date-in-label--mobile,
      .is-034 .is-rent > .c-Table--tenant__date-out-label--mobile,
      .is-034 .is-rent > .c-Table--tenant__name-label--mobile,
      .is-034 .is-rent > .c-Table--tenant__rent-label--mobile,
      .is-034 .is-rent > .c-Table--tenant__car-label--mobile,
      .is-034 .is-rent > .c-Table--tenant__status-label--mobile, .is-034 .is-rent > .c-Form__th, .is-034 .is-rent > .c-DocumentCheck__owner, .is-034 .is-rent > .c-DocumentCheck__building {
        border-bottom-width: 0;
        font-size: 1em; }
      .is-034 .is-rent > .c-Table__td, .is-034 .is-rent > .c-Table__td--phone-colored, .is-034 .is-rent > .c-Table--tenant__num, .is-034 .is-rent > .c-Table--tenant__contract,
      .is-034 .is-rent > .c-Table--tenant__date-in,
      .is-034 .is-rent > .c-Table--tenant__date-out,
      .is-034 .is-rent > .c-Table--tenant__name,
      .is-034 .is-rent > .c-Table--tenant__status, .is-034 .is-rent > .c-Table--tenant__rent,
      .is-034 .is-rent > .c-Table--tenant__car, .is-034 .is-rent > .c-Table--tenant__note, .is-034 .is-rent > .c-Form__td {
        border-top-width: 0;
        font-size: 1em; }
    .is-034 .is-date {
      width: 25%; } }

.is-035 .is-money {
  justify-content: flex-end;
  text-align: right; }

.is-035 .is-date {
  justify-content: center;
  text-align: center; }

.BuildingReport__subtitle {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  background: #fde6cb;
  border-radius: 10px;
  padding: 1rem;
  margin-bottom: 1rem; }

.BuildingReport__subtext {
  width: 70%; }

.BuildingReport__name {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; }

.BuildingReport__date {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start; }

.BuildingReport__head {
  width: 6em; }

.BuildingReport__body {
  width: calc(100% - 6em); }

.BuildingReport__other {
  display: none; }

@media screen and (max-width: 60em) {
  .BuildingReport__subtext {
    width: 50%; }
  .BuildingReport__other {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between; }
    .BuildingReport__other .c-btn-default, .BuildingReport__other .c-btn-line_gray, .BuildingReport__other .c-btn-line_dark, .BuildingReport__other .c-btn-line_red, .BuildingReport__other .c-Pagenation__link, .BuildingReport__other .c-Pagenation__option-button, .BuildingReport__other .c-tab-item, .BuildingReport__other .c-tab-item--building, .BuildingReport__other .Login__link--movie, .BuildingReport__other .Login__link--faq, .BuildingReport__other .LoginUser__menu-btn, .BuildingReport__other .TermSelect__btn-prev,
    .BuildingReport__other .TermSelect__btn-next, .BuildingReport__other .TermSelect .TermSelect__btn-month, .TermSelect .BuildingReport__other .TermSelect__btn-month, .BuildingReport__other .MonthPicker__month, .BuildingReport__other .MonthPicker__list-year, .BuildingReport__other .PaymentTable__button, .BuildingReport__other .AnnualTable__button, .BuildingReport__other .ContactLog__btn-lg--02, .BuildingReport__other .c-btn-negative {
      height: auto; }
  .BuildingReport__other--prev, .BuildingReport__other--next {
    width: 3rem;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center; }
  .BuildingReport__other--btn {
    width: calc(100% - 7rem);
    white-space: pre-wrap; } }

.BuildingReport__table--check.is-pc-odd-pink tr {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap; }
  .BuildingReport__table--check.is-pc-odd-pink tr:first-child {
    border-top: 1px solid #c5cacc; }
  .BuildingReport__table--check.is-pc-odd-pink tr th, .BuildingReport__table--check.is-pc-odd-pink tr td {
    text-align: center;
    width: 3rem;
    height: 2rem;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: none;
    border-left: none; }
    .BuildingReport__table--check.is-pc-odd-pink tr th:first-child, .BuildingReport__table--check.is-pc-odd-pink tr td:first-child {
      text-align: left;
      width: calc(100% - 36rem);
      height: 2rem;
      justify-content: flex-start;
      padding-left: 0.5rem;
      border-left: 1px solid #c5cacc; }

.BuildingReport__table--check.is-pc-odd-pink tr:nth-of-type(1) th:nth-of-type(2n) {
  background: #e8e7e3; }

.BuildingReport__table--check.is-pc-odd-pink tr:nth-of-type(2n) td:nth-of-type(2n) {
  background: #f7f7f7; }

.BuildingReport__table--check.is-pc-odd-pink tr:nth-of-type(2n+1) td:nth-of-type(2n) {
  background: rgba(215, 10, 48, 0.03); }

.BuildingReport__table--check.is-pc-odd-pink tr:last-child {
  border-bottom: 0; }

.BuildingReport__table--monthly {
  border-bottom: 0; }
  .BuildingReport__table--monthly tr {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap; }
  .BuildingReport__table--monthly .c-Table__td, .BuildingReport__table--monthly .c-Table__td--phone-colored, .BuildingReport__table--monthly .c-Table--tenant__num, .BuildingReport__table--monthly .c-Table--tenant__contract,
  .BuildingReport__table--monthly .c-Table--tenant__date-in,
  .BuildingReport__table--monthly .c-Table--tenant__date-out,
  .BuildingReport__table--monthly .c-Table--tenant__name,
  .BuildingReport__table--monthly .c-Table--tenant__status, .BuildingReport__table--monthly .c-Table--tenant__rent,
  .BuildingReport__table--monthly .c-Table--tenant__car, .BuildingReport__table--monthly .c-Table--tenant__note, .BuildingReport__table--monthly .c-Form__td {
    text-align: center;
    vertical-align: middle;
    padding: 0;
    width: calc(100% / 12); }
  .BuildingReport__table--monthly .c-Table__th, .BuildingReport__table--monthly .c-Table--tenant__contract-label,
  .BuildingReport__table--monthly .c-Table--tenant__date-in-label,
  .BuildingReport__table--monthly .c-Table--tenant__date-out-label,
  .BuildingReport__table--monthly .c-Table--tenant__name-label,
  .BuildingReport__table--monthly .c-Table--tenant__note-label,
  .BuildingReport__table--monthly .c-Table--tenant__num-label,
  .BuildingReport__table--monthly .c-Table--tenant__rent-label,
  .BuildingReport__table--monthly .c-Table--tenant__car-label,
  .BuildingReport__table--monthly .c-Table--tenant__status-label, .BuildingReport__table--monthly .c-Table--tenant__contract-label--mobile,
  .BuildingReport__table--monthly .c-Table--tenant__date-in-label--mobile,
  .BuildingReport__table--monthly .c-Table--tenant__date-out-label--mobile,
  .BuildingReport__table--monthly .c-Table--tenant__name-label--mobile,
  .BuildingReport__table--monthly .c-Table--tenant__rent-label--mobile,
  .BuildingReport__table--monthly .c-Table--tenant__car-label--mobile,
  .BuildingReport__table--monthly .c-Table--tenant__status-label--mobile, .BuildingReport__table--monthly .c-Form__th, .BuildingReport__table--monthly .c-DocumentCheck__owner, .BuildingReport__table--monthly .c-DocumentCheck__building {
    margin-top: 1rem; }
  .BuildingReport__table--monthly .c-Table__mobile-label, .BuildingReport__table--monthly .MeetingLog__request-body-label, .BuildingReport__table--monthly .MeetingLog__answer-body-label {
    background: #efeeeb;
    color: #2a2c2d;
    display: block;
    width: calc(100% - 4px);
    text-align: center;
    margin: 2px auto 4px auto; }

/* タブレット */
@media (max-width: 60em) {
  .BuildingReport__img {
    box-shadow: none;
    border: none;
    padding-bottom: 0.5em; }
  .BuildingReport__dl .BuildingReport__dt {
    width: 27%; }
  .BuildingReport__dl .BuildingReport__dd {
    width: 73%; }
  .BuildingReport__dl .BuildingReport__dt, .BuildingReport__dl .BuildingReport__dd {
    padding: 0.5em; }
  .BuildingReport__main {
    padding: 0;
    margin-top: 1rem;
    border: none !important; }
  .is-029 .BuildingReport__list, .is-029 .BuildingReport__list-img {
    width: 100%; }
  .is-030 .BuildingReport__table--head {
    height: auto;
    border-top: 1px solid #c5cacc !important; }
  .is-030 .BuildingReport__table {
    flex-direction: column-reverse;
    border-bottom: none; }
    .is-030 .BuildingReport__table .BuildingReport__table-info {
      width: 100%; }
  .is-030 .BuildingReport__table--item.is-03 {
    margin-right: -1px; }
  .is-030 .BuildingReport__item {
    flex-direction: column-reverse; }
  .is-030 .BuildingReport__photo {
    width: 100%;
    margin-bottom: 0.5rem;
    margin-left: 0; }
  .is-032 .BuildingReport__img {
    border: 1px solid #c5cacc;
    border-top: none;
    max-width: 100%; }
  .is-033 .c-Table--tenant {
    border-right: 0; }
  .is-033 .c-Table--tenant__num, .is-033 .c-Table--tenant__note, .is-033 .c-Table--tenant__name, .is-033 .c-Table--tenant__car, .is-033 .c-Table--tenant__date-out {
    margin-right: 0; }
  .is-035 .c-Table--responsive, .is-035 .c-Table--building, .is-035 .c-Table--tenant, .is-035 .BuildingReport__table--monthly, .is-035 .c-DocumentCheck {
    border-right: 0; }
  .is-035 .is-money, .is-035 .is-date {
    justify-content: flex-start;
    text-align: left; }
  .is-035 .c-Table__tr {
    border-right: 1px solid #c5cacc; }
  .BuildingReport__name, .BuildingReport__date {
    width: 100%; }
  .BuildingReport__table--monthly .c-Table__td, .BuildingReport__table--monthly .c-Table__td--phone-colored, .BuildingReport__table--monthly .c-Table--tenant__num, .BuildingReport__table--monthly .c-Table--tenant__contract,
  .BuildingReport__table--monthly .c-Table--tenant__date-in,
  .BuildingReport__table--monthly .c-Table--tenant__date-out,
  .BuildingReport__table--monthly .c-Table--tenant__name,
  .BuildingReport__table--monthly .c-Table--tenant__status, .BuildingReport__table--monthly .c-Table--tenant__rent,
  .BuildingReport__table--monthly .c-Table--tenant__car, .BuildingReport__table--monthly .c-Table--tenant__note, .BuildingReport__table--monthly .c-Form__td {
    height: 3.5rem; }
    .BuildingReport__table--monthly .c-Table__td:nth-of-type(12), .BuildingReport__table--monthly .c-Table__td--phone-colored:nth-of-type(12), .BuildingReport__table--monthly .c-Table--tenant__num:nth-of-type(12), .BuildingReport__table--monthly .c-Table--tenant__contract:nth-of-type(12),
    .BuildingReport__table--monthly .c-Table--tenant__date-in:nth-of-type(12),
    .BuildingReport__table--monthly .c-Table--tenant__date-out:nth-of-type(12),
    .BuildingReport__table--monthly .c-Table--tenant__name:nth-of-type(12),
    .BuildingReport__table--monthly .c-Table--tenant__status:nth-of-type(12), .BuildingReport__table--monthly .c-Table--tenant__rent:nth-of-type(12),
    .BuildingReport__table--monthly .c-Table--tenant__car:nth-of-type(12), .BuildingReport__table--monthly .c-Table--tenant__note:nth-of-type(12), .BuildingReport__table--monthly .c-Form__td:nth-of-type(12) {
      border-right: 1px solid #c5cacc;
      margin-right: 0; } }

@media (max-width: 60em) and (max-width: 60em) {
  .BuildingReport__table--monthly__title {
    margin-right: 0 !important; } }

/* スマホ */
@media (max-width: 30em) {
  .BuildingReport__subtext {
    width: 100%; }
  .BuildingReport__btn {
    margin-top: 0; }
    .BuildingReport__btn .c-btn-defaul {
      padding: 0 0.5rem 0 24px; }
  .is-029 dt {
    width: 35%; }
  .is-029 dd {
    width: 65%; }
  .is-032 .BuildingReport__photo {
    width: 100%;
    margin-bottom: 1rem; }
  .is-032 .BuildingReport__photo--date {
    display: block;
    padding: 0; }
  .BuildingReport__photo--clean {
    margin-bottom: 0; }
  .is-033 .c-Table--tenant__contract, .is-033 .c-Table--tenant__rent, .is-033 .c-Table--tenant__date-in {
    margin-right: 0; }
  .is-036 .is-tablet-odd-pink.c-Table--responsive, .is-036 .is-tablet-odd-pink.c-Table--building, .is-036 .is-tablet-odd-pink.c-Table--tenant, .is-036 .is-tablet-odd-pink.BuildingReport__table--monthly, .is-036 .is-tablet-odd-pink.c-DocumentCheck {
    border-right: 0; }
  .is-036 .c-Table__tr--phone-group {
    border-right: 1px solid #c5cacc; }
  .BuildingReport__subtitle {
    padding-bottom: 0; }
  .BuildingReport__table--monthly .c-Table__td, .BuildingReport__table--monthly .c-Table__td--phone-colored, .BuildingReport__table--monthly .c-Table--tenant__num, .BuildingReport__table--monthly .c-Table--tenant__contract,
  .BuildingReport__table--monthly .c-Table--tenant__date-in,
  .BuildingReport__table--monthly .c-Table--tenant__date-out,
  .BuildingReport__table--monthly .c-Table--tenant__name,
  .BuildingReport__table--monthly .c-Table--tenant__status, .BuildingReport__table--monthly .c-Table--tenant__rent,
  .BuildingReport__table--monthly .c-Table--tenant__car, .BuildingReport__table--monthly .c-Table--tenant__note, .BuildingReport__table--monthly .c-Form__td {
    width: calc(100% / 6); }
    .BuildingReport__table--monthly .c-Table__td:nth-of-type(6n), .BuildingReport__table--monthly .c-Table__td--phone-colored:nth-of-type(6n), .BuildingReport__table--monthly .c-Table--tenant__num:nth-of-type(6n), .BuildingReport__table--monthly .c-Table--tenant__contract:nth-of-type(6n),
    .BuildingReport__table--monthly .c-Table--tenant__date-in:nth-of-type(6n),
    .BuildingReport__table--monthly .c-Table--tenant__date-out:nth-of-type(6n),
    .BuildingReport__table--monthly .c-Table--tenant__name:nth-of-type(6n),
    .BuildingReport__table--monthly .c-Table--tenant__status:nth-of-type(6n), .BuildingReport__table--monthly .c-Table--tenant__rent:nth-of-type(6n),
    .BuildingReport__table--monthly .c-Table--tenant__car:nth-of-type(6n), .BuildingReport__table--monthly .c-Table--tenant__note:nth-of-type(6n), .BuildingReport__table--monthly .c-Form__td:nth-of-type(6n) {
      border-right: 1px solid #c5cacc;
      margin-right: 0; } }

.LoadingModal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background-color: rgba(20, 22, 23, 0.5); }
  .LoadingModal.is-hidden {
    display: none; }

.LoadingModal__body {
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 2rem;
  min-width: 15rem;
  max-width: 90%;
  border-radius: 0.5rem;
  background-color: #fff;
  text-align: center; }

.c-ic-loading {
  width: 3rem;
  height: auto; }

.Gallery--origin {
  display: flex; }
  @media (max-width: 60em) {
    .Gallery--origin {
      flex-direction: column; } }

.Gallery--origin__viewbox {
  -ms-flex: 0 0 66%;
  -webkit-flex: 0 0 66%;
  flex: 0 0 66%;
  padding-bottom: 1rem;
  border-radius: 4px 0 0 4px;
  border: 1px solid #c5cacc;
  border-right-width: 0;
  background-color: #efeeeb; }
  @media (max-width: 60em) {
    .Gallery--origin__viewbox {
      -ms-flex: 1 0 auto;
      -webkit-flex: 1 0 auto;
      flex: 1 0 auto;
      margin-bottom: 2px;
      padding-bottom: 0.5rem;
      border-radius: 4px 4px 0 0;
      border-right-width: 1px; } }

.Gallery--origin__list {
  flex: 0 0 34%; }

.Gallery--origin__heading {
  margin: 0;
  padding: 0.5rem 1rem;
  border-bottom: 2px solid #d8d6cf;
  font-size: 1rem; }
  @media (max-width: 60em) {
    .Gallery--origin__heading {
      padding: 0.5rem; } }

.Gallery--origin__photo-date {
  display: inline-block;
  margin: 0;
  padding: 0.5rem 1rem;
  font-size: 0.875rem; }
  .Gallery--origin__photo-date::before {
    content: "撮影日:";
    display: inline-block;
    margin-right: 0.5rem;
    color: #66696b;
    font-size: smaller;
    font-weight: bold; }
  @media (max-width: 60em) {
    .Gallery--origin__photo-date {
      padding: 0.5rem;
      font-size: 0.75rem; } }

.Gallery--origin__photo-step {
  display: inline-block;
  margin: 0;
  padding: 0.5rem 1rem;
  font-size: 0.875rem; }
  .Gallery--origin__photo-step::before {
    content: "工程:";
    display: inline-block;
    margin-right: 0.5rem;
    color: #66696b;
    font-size: smaller;
    font-weight: bold; }
  @media (max-width: 60em) {
    .Gallery--origin__photo-step {
      padding: 0.5rem;
      font-size: 0.75rem; } }

.Gallery--origin__photo {
  margin: 0;
  padding: 0.5rem;
  height: 29rem;
  border: 0.5rem solid #efeeeb;
  border-width: 0 1rem;
  background-color: #2a2c2d; }
  .Gallery--origin__photo > img {
    display: block;
    margin: auto auto;
    width: auto;
    height: 100%; }
  @media (max-width: 60em) {
    .Gallery--origin__photo {
      height: 21rem;
      border-width: 0; } }
  @media (max-width: 30em) {
    .Gallery--origin__photo {
      height: 10rem;
      border-width: 0; } }

.Gallery--origin__controls {
  margin-top: 0.5rem;
  width: 100%;
  border: 0; }
  .Gallery--origin__controls td {
    padding: 0;
    border: 0; }
  .Gallery--origin__controls p {
    margin: 0; }

.Gallery--origin__btn-prev,
.Gallery--origin__btn-next,
.Gallery--origin__btn-play,
.Gallery--origin__btn-zoom {
  display: block;
  padding: 0.375rem 0.5rem;
  border: 1px solid #a8acae;
  border-right: 0;
  background-color: #fff;
  color: #141617;
  font-size: 1.125rem;
  text-align: center; }
  .Gallery--origin__btn-prev:hover,
  .Gallery--origin__btn-next:hover,
  .Gallery--origin__btn-play:hover,
  .Gallery--origin__btn-zoom:hover {
    color: #141617;
    text-decoration: none; }
  @media (min-width: 60.001em) {
    .Gallery--origin__btn-prev:hover,
    .Gallery--origin__btn-next:hover,
    .Gallery--origin__btn-play:hover,
    .Gallery--origin__btn-zoom:hover {
      color: #d70a30; } }
  .Gallery--origin__btn-prev:active,
  .Gallery--origin__btn-next:active,
  .Gallery--origin__btn-play:active,
  .Gallery--origin__btn-zoom:active {
    background-color: #f2f6f7;
    color: #d70a30; }
  @media (max-width: 60em) {
    .Gallery--origin__btn-prev,
    .Gallery--origin__btn-next,
    .Gallery--origin__btn-play,
    .Gallery--origin__btn-zoom {
      padding: 0.5rem;
      font-size: 0.875rem; } }

.Gallery--origin__btn-prev {
  margin-left: 1rem;
  border-radius: 0.25rem 0 0 0.25rem; }
  @media (max-width: 60em) {
    .Gallery--origin__btn-prev {
      margin-left: 0.5rem; } }

.Gallery--origin__btn-zoom {
  margin-right: 1rem;
  border-radius: 0 0.25rem 0.25rem 0;
  border-right: 1px solid #a8acae; }
  @media (max-width: 60em) {
    .Gallery--origin__btn-zoom {
      margin-right: 0.5rem; } }

.Gallery--origin__label {
  background: #fff;
  margin-bottom: 1px;
  padding: 0.625rem 0.125rem;
  border-radius: 0.25rem 0.25rem 0 0;
  border: 1px solid #c5cacc;
  border-bottom: 0;
  box-shadow: inset 0 -1px 0 0 #dee3e5, 0 1px 0 0 #dee3e5;
  color: #d70a30;
  font-size: 0.875rem;
  text-align: center; }
  .Gallery--origin__label.index {
    width: 50%;
    position: relative;
    padding-left: 1rem;
    box-shadow: 0 2px 0 0 #fff; }
    .Gallery--origin__label.index::after {
      content: "";
      position: absolute;
      bottom: -1px;
      width: calc(200% + 4px);
      height: 1px;
      background: #c5cacc;
      left: -1px;
      z-index: -1; }

.Gallery--origin__tabs {
  width: 100%;
  border: 0; }
  .Gallery--origin__tabs td {
    padding: 0;
    width: 25%; }
  .Gallery--origin__tabs p {
    margin: 0; }

.Gallery--origin__tab, .Gallery--origin__tab-all, .Gallery--origin__tab-fixed, .Gallery--origin__tab-other, .Gallery--origin__tab-schedule {
  display: block;
  padding: 0.625rem 0.125rem;
  border-radius: 0.25rem 0.25rem 0 0;
  border: 1px solid #c5cacc;
  background-color: #dee3e5;
  color: #2a2c2d;
  font-size: 0.875rem;
  text-align: center;
  height: 2.75rem;
  /* IE対策 */ }
  .Gallery--origin__tab.on, .on.Gallery--origin__tab-all, .on.Gallery--origin__tab-fixed, .on.Gallery--origin__tab-other, .on.Gallery--origin__tab-schedule {
    border-bottom-color: #fff;
    background-color: #fff;
    color: #d70a30; }
    .Gallery--origin__tab.on:hover, .on.Gallery--origin__tab-all:hover, .on.Gallery--origin__tab-fixed:hover, .on.Gallery--origin__tab-other:hover, .on.Gallery--origin__tab-schedule:hover {
      text-decoration: none;
      color: #d70a30; }
  .Gallery--origin__tab:hover, .Gallery--origin__tab-all:hover, .Gallery--origin__tab-fixed:hover, .Gallery--origin__tab-other:hover, .Gallery--origin__tab-schedule:hover {
    text-decoration: none;
    color: #2a2c2d; }
  @media (min-width: 60.001em) {
    .Gallery--origin__tab:hover, .Gallery--origin__tab-all:hover, .Gallery--origin__tab-fixed:hover, .Gallery--origin__tab-other:hover, .Gallery--origin__tab-schedule:hover {
      background-color: #fff;
      color: #d70a30; } }
  .Gallery--origin__tab:active, .Gallery--origin__tab-all:active, .Gallery--origin__tab-fixed:active, .Gallery--origin__tab-other:active, .Gallery--origin__tab-schedule:active {
    background-color: #fff;
    color: #d70a30; }

.Gallery--origin__tab-schedule {
  margin-right: 0; }
  .Gallery--origin__tab-schedule span {
    display: inline-block;
    transform: scaleX(0.9) scaleY(1.05);
    word-break: keep-all; }

.Gallery--origin__menu {
  position: relative;
  overflow: hidden;
  padding: 0 1px 1px;
  height: 35.4rem;
  border-radius: 0 0 4px 0;
  border-bottom: 1px solid #c5cacc;
  background-color: #c5cacc; }
  @media (max-width: 60em) {
    .Gallery--origin__menu {
      height: 20rem;
      border-radius: 0 0 4px 4px; } }

.Gallery--origin__menu-inner {
  padding: 1rem;
  height: 35.375rem;
  border-radius: 0 0 4px 0;
  background-color: #fff; }
  @media (max-width: 60em) {
    .Gallery--origin__menu-inner {
      padding: 0.5rem;
      height: 20rem;
      border-radius: 0 0 4px 4px; } }

.Gallery--origin__menu-pannel {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 30.25rem;
  font-size: 0.875rem; }
  @media (max-width: 60em) {
    .Gallery--origin__menu-pannel {
      height: 16rem; } }
  .Gallery--origin__menu-pannel .box {
    position: absolute !important;
    overflow: visible;
    width: 100%; }
    @media (max-width: 60em) {
      .Gallery--origin__menu-pannel .box {
        display: flex;
        flex-wrap: wrap; } }
  .Gallery--origin__menu-pannel table {
    display: block;
    margin-bottom: 0.5rem;
    width: 100%;
    border-bottom: 1px solid #c5cacc; }
    @media (max-width: 60em) {
      .Gallery--origin__menu-pannel table {
        flex: 1 1 45%;
        width: 45%; }
        .Gallery--origin__menu-pannel table:nth-child(2n) {
          margin-left: 1rem; } }
    @media (max-width: 30em) {
      .Gallery--origin__menu-pannel table {
        flex: 1 1 100%;
        width: 100%; }
        .Gallery--origin__menu-pannel table:nth-child(2n) {
          margin-left: 0; } }
  .Gallery--origin__menu-pannel tbody {
    display: block; }
  .Gallery--origin__menu-pannel tr {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem; }
  .Gallery--origin__menu-pannel th {
    flex: 0 0 4.5rem;
    width: 4.5rem; }
    .Gallery--origin__menu-pannel th p {
      margin: 0; }
  .Gallery--origin__menu-pannel td {
    flex: 0 0 6.1875rem;
    padding-left: 0.25rem;
    width: calc((100% - 4.5rem) / 2);
    text-align: right; }
    @media (max-width: 60em) {
      .Gallery--origin__menu-pannel td {
        flex: 0 0 calc((100% - 4.5rem) / 2); } }
    .Gallery--origin__menu-pannel td p {
      display: inline-block;
      margin: 0;
      width: 100%;
      min-width: 5.9375rem; }
      @media (max-width: 60em) {
        .Gallery--origin__menu-pannel td p {
          width: auto;
          min-width: 0; } }
    .Gallery--origin__menu-pannel td img {
      width: 100%;
      max-width: 6.1875rem; }
      @media (max-width: 60em) {
        .Gallery--origin__menu-pannel td img {
          max-width: 6rem; } }
  .Gallery--origin__menu-pannel .txt p {
    margin: 0;
    padding: 0.5rem 0;
    border-bottom: 1px solid #c5cacc; }

.Gallery--origin__buttons {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-top: 0.5rem;
  width: 100%;
  height: 4.125rem;
  border-radius: 0 0 4px 0;
  border: 1px solid #c5cacc;
  border-width: 0 1px;
  background-color: #fff;
  text-align: center; }
  @media (max-width: 60em) {
    .Gallery--origin__buttons {
      height: 3.5rem; } }

.Gallery--origin__btn-up {
  display: inline-block;
  margin: 0; }
  .Gallery--origin__btn-up a {
    position: relative;
    display: block;
    padding: 0.375rem 0.5rem;
    width: 7rem;
    border-radius: 0.25rem;
    border: 1px solid #a8acae;
    background-color: #fff;
    font-size: 1.125rem;
    text-indent: 9999px;
    white-space: nowrap;
    text-align: center; }
    .Gallery--origin__btn-up a:hover {
      text-decoration: none; }
    @media (min-width: 60.001em) {
      .Gallery--origin__btn-up a:hover {
        color: #d70a30; }
        .Gallery--origin__btn-up a:hover:before {
          border-bottom-color: #d70a30; } }
    .Gallery--origin__btn-up a:active {
      background-color: #f2f6f7; }
      .Gallery--origin__btn-up a:active:before {
        border-bottom-color: #d70a30; }
    .Gallery--origin__btn-up a::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: inline-block;
      width: 0;
      height: 0;
      border: 1px solid transparent;
      border-width: 0 0.75rem 0.75rem 0.75rem;
      border-bottom-color: #2a2c2d; }
  @media (max-width: 60em) {
    .Gallery--origin__btn-up a {
      padding: 0.5rem;
      width: 8rem;
      font-size: 0.875rem; }
      .Gallery--origin__btn-up a::before {
        border-width: 0 0.75rem 0.75rem 0.75rem; } }

.Gallery--origin__btn-down {
  display: inline-block;
  margin: 0; }
  .Gallery--origin__btn-down a {
    position: relative;
    display: block;
    padding: 0.375rem 0.5rem;
    width: 7rem;
    border-radius: 0.25rem;
    border: 1px solid #a8acae;
    background-color: #fff;
    font-size: 1.125rem;
    text-indent: 9999px;
    white-space: nowrap;
    text-align: center; }
    .Gallery--origin__btn-down a:hover {
      text-decoration: none; }
    @media (min-width: 60.001em) {
      .Gallery--origin__btn-down a:hover {
        color: #d70a30; }
        .Gallery--origin__btn-down a:hover:before {
          border-top-color: #d70a30; } }
    .Gallery--origin__btn-down a:active {
      background-color: #f2f6f7; }
      .Gallery--origin__btn-down a:active:before {
        border-top-color: #d70a30; }
    .Gallery--origin__btn-down a:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: inline-block;
      width: 0;
      height: 0;
      border: 1px solid transparent;
      border-width: 0.75rem 0.75rem 0 0.75rem;
      border-top-color: #2a2c2d; }
  @media (max-width: 60em) {
    .Gallery--origin__btn-down a {
      padding: 0.5rem;
      width: 8rem;
      font-size: 0.875rem; }
      .Gallery--origin__btn-down a::before {
        border-width: 0.75rem 0.75rem 0 0.75rem; } }

.thum_s a {
  position: relative;
  display: block; }
  .thum_s a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dee3e5; }
  .thum_s a:hover:before, .thum_s a:focus:before {
    border: 3px solid #fbb2bf; }

.box_04_ttl {
  font-size: 1rem;
  font-weight: bold; }
  .box_04_ttl:after {
    content: "";
    display: inline-block;
    margin-top: -0.25rem;
    margin-left: 0.5rem;
    width: 0;
    height: 0;
    border: 0.5rem solid transparent;
    border-left-color: #d70a30;
    vertical-align: middle; }

.box_04_data {
  font-size: 1rem; }

#colorbox {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 3000;
  overflow: auto !important;
  padding-bottom: 6rem !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: #2a2c2d !important; }
  @media (min-width: 60.001em) {
    #colorbox {
      overflow: hidden !important;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem !important; } }

#cboxWrapper {
  margin: auto auto;
  width: 100% !important;
  height: 100% !important;
  text-align: center; }
  #cboxWrapper > div {
    float: none !important;
    height: 100%; }
    #cboxWrapper > div:first-child, #cboxWrapper > div:last-child {
      display: none; }

#cboxOverlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000;
  width: 100vw;
  height: 100vh;
  background-color: #2a2c2d;
  opacity: 1 !important; }

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-end;
  align-items: center;
  float: none !important;
  padding-bottom: 5rem;
  width: 100% !important;
  height: 100% !important;
  text-align: center; }

#cboxLoadedContent {
  position: relative;
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
  order: 0; }

#cboxTitle {
  position: absolute;
  left: 50%;
  bottom: 3rem;
  transform: translateX(-50%);
  float: none !important;
  margin: 0;
  padding: 0.25rem 1rem;
  width: 100%;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  order: 1; }

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  float: none !important;
  display: block;
  margin: auto auto;
  border: 0;
  width: auto;
  min-height: 60vh;
  max-height: 82vh;
  cursor: default !important; }
  @media (max-width: 60em) {
    .cboxPhoto {
      top: 60%;
      width: 100%;
      height: auto;
      min-height: 0;
      max-height: none; } }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

#cboxClose {
  float: none !important;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 5.5rem;
  font-size: 1rem;
  order: 3; }

#cboxPrevious {
  float: none !important;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-9.5rem);
  width: 6rem;
  font-size: 1rem;
  order: 2; }

#cboxNext {
  float: none !important;
  position: absolute;
  right: 50%;
  bottom: 0;
  transform: translateX(9.5rem);
  width: 6rem;
  font-size: 1rem;
  order: 4; }

#cboxCurrent {
  display: none !important; }

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
  display: none; }

.TermSelect {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 1rem; }
  .TermSelect.type-02 .TermSelect__btn-prev, .TermSelect.type-02 .TermSelect__btn-next, .TermSelect.type-02 .TermSelect__btn-month {
    background: #e2ebed;
    border: 0;
    box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.2); }
    .TermSelect.type-02 .TermSelect__btn-prev:focus, .TermSelect.type-02 .TermSelect__btn-next:focus, .TermSelect.type-02 .TermSelect__btn-month:focus {
      box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.2);
      background: #d2e0e4; }
  .TermSelect.type-03 .TermSelect__btn-prev, .TermSelect.type-03 .TermSelect__btn-next, .TermSelect.type-03 .TermSelect__btn-month {
    background: #a8acae;
    border-color: #888b8d;
    color: #fff; }
  .TermSelect.type-03 .TermSelect__btn-prev::before {
    border-right-color: #fff; }
  .TermSelect.type-03 .TermSelect__btn-next::after {
    border-left-color: #fff; }
  .TermSelect.type-04 .TermSelect__btn-prev, .TermSelect.type-04 .TermSelect__btn-next, .TermSelect.type-04 .TermSelect__btn-month {
    background: #66696b;
    border-color: #454849;
    color: #fff; }
  .TermSelect.type-04 .TermSelect__btn-prev::before {
    border-right-color: #fff; }
  .TermSelect.type-04 .TermSelect__btn-next::after {
    border-left-color: #fff; }
  .TermSelect.type-05 .TermSelect__btn-prev, .TermSelect.type-05 .TermSelect__btn-next, .TermSelect.type-05 .TermSelect__btn-month {
    background: #efeeeb;
    border-color: #c5cacc; }

.TermSelect__btn-prev,
.TermSelect__btn-next {
  font-size: 1.125rem; }
  @media (max-width: 60em) {
    .TermSelect__btn-prev,
    .TermSelect__btn-next {
      padding: 0.75rem; } }
  @media (max-width: 30em) {
    .TermSelect__btn-prev,
    .TermSelect__btn-next {
      padding: 0.75rem 0.25rem; } }

.TermSelect__btn-prev:before {
  content: '';
  display: inline-block;
  margin-right: 0.5rem;
  width: 0;
  height: 0;
  border: 0.5rem solid transparent;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #d70a30;
  vertical-align: bottom; }

.TermSelect__btn-next:after {
  content: '';
  display: inline-block;
  margin-left: 0.5rem;
  width: 0;
  height: 0;
  border: 0.5rem solid transparent;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #d70a30;
  vertical-align: bottom; }

.TermSelect .TermSelect__btn-month {
  flex: 1 1 8rem;
  margin: 0 0.5rem;
  width: auto;
  min-width: 0;
  font-size: 1.125rem;
  text-align: center; }
  @media (max-width: 60em) {
    .TermSelect .TermSelect__btn-month {
      padding: 0.75rem 0.5rem; } }

.month {
  font-size: 1rem;
  white-space: nowrap; }
  @media (min-width: 128em) {
    .month {
      font-size: 0.75rem; } }

.MonthPicker {
  display: none;
  position: absolute;
  top: 2.25rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 40rem;
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); }
  .MonthPicker.is-shown {
    display: block; }

.MonthPicker__year-select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0.75rem 0.5rem; }

.MonthPicker__year {
  font-size: 1.125rem; }

.MonthPicker__year-prev,
.MonthPicker__year-next {
  font-size: 0.875rem; }

.MonthPicker__year-prev:before {
  content: '';
  display: inline-block;
  margin-right: 0.5rem;
  width: 0;
  height: 0;
  border: 0.375rem solid transparent;
  border-width: 0.375rem 0.375rem 0.375rem 0;
  border-right-color: #fff;
  vertical-align: bottom; }

.MonthPicker__year-next:after {
  content: '';
  display: inline-block;
  margin-left: 0.5rem;
  width: 0;
  height: 0;
  border: 0.375rem solid transparent;
  border-width: 0.375rem 0 0.375rem 0.375rem;
  border-left-color: #fff;
  vertical-align: bottom; }

.MonthPicker__list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.5rem 0.5rem; }

.MonthPicker__month {
  flex: 1 1 20%;
  margin: 0.25rem;
  padding: 0.75rem 0.25rem;
  font-size: 1.125rem; }
  .MonthPicker__month.is-selected {
    padding: 0.75rem 0.25rem; }

.MonthPicker__list-year {
  flex: 1 1 30%;
  margin: 0.25rem;
  padding: 0.75rem 0.25rem;
  font-size: 1.125rem; }
  .MonthPicker__list-year.is-selected {
    padding: 0.75rem 0.25rem; }

.PaymentTable {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 0 0 1rem;
  padding-right: 1px;
  padding-bottom: 1px;
  width: 100%;
  border-radius: 2px; }
  .PaymentTable .c-Table__td, .PaymentTable .c-Table__td--phone-colored, .PaymentTable .c-Table--tenant__num, .PaymentTable .c-Table--tenant__contract,
  .PaymentTable .c-Table--tenant__date-in,
  .PaymentTable .c-Table--tenant__date-out,
  .PaymentTable .c-Table--tenant__name,
  .PaymentTable .c-Table--tenant__status, .PaymentTable .c-Table--tenant__rent,
  .PaymentTable .c-Table--tenant__car, .PaymentTable .c-Table--tenant__note, .PaymentTable .c-Form__td,
  .PaymentTable .c-Table__th,
  .PaymentTable .c-Table--tenant__contract-label,
  .PaymentTable .c-Table--tenant__date-in-label,
  .PaymentTable .c-Table--tenant__date-out-label,
  .PaymentTable .c-Table--tenant__name-label,
  .PaymentTable .c-Table--tenant__note-label,
  .PaymentTable .c-Table--tenant__num-label,
  .PaymentTable .c-Table--tenant__rent-label,
  .PaymentTable .c-Table--tenant__car-label,
  .PaymentTable .c-Table--tenant__status-label,
  .PaymentTable .c-Table--tenant__contract-label--mobile,
  .PaymentTable .c-Table--tenant__date-in-label--mobile,
  .PaymentTable .c-Table--tenant__date-out-label--mobile,
  .PaymentTable .c-Table--tenant__name-label--mobile,
  .PaymentTable .c-Table--tenant__rent-label--mobile,
  .PaymentTable .c-Table--tenant__car-label--mobile,
  .PaymentTable .c-Table--tenant__status-label--mobile,
  .PaymentTable .c-Form__th,
  .PaymentTable .c-DocumentCheck__owner,
  .PaymentTable .c-DocumentCheck__building {
    flex: 1 1 auto;
    margin: 0 -1px -1px 0;
    width: 1rem; }
  .PaymentTable .c-Table__tbody,
  .PaymentTable .c-Table__thead,
  .PaymentTable .c-Table__tr {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
  .PaymentTable .c-Table__tr--mobile-group,
  .PaymentTable .c-Table__tr--phone-group {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative; }
  @media (max-width: 60em) {
    .PaymentTable .c-Table__tr--mobile-group {
      margin-bottom: 1rem;
      padding-top: 1px; }
      .PaymentTable .c-Table__tr--mobile-group:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #888b8d; } }
  @media (max-width: 30em) {
    .PaymentTable .c-Table__tr--phone-group {
      margin-bottom: 1rem;
      padding-top: 1px; }
      .PaymentTable .c-Table__tr--phone-group:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #888b8d; } }
  @media (max-width: 38em) {
    .PaymentTable {
      border-right: 0; } }

.PaymentTable__thead {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  @media (max-width: 38em) {
    .PaymentTable__thead {
      display: none !important; } }

.PaymentTable--total {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 0 0 1rem;
  padding-right: 1px;
  padding-bottom: 1px;
  width: 100%;
  border-radius: 2px;
  margin: auto auto 1rem;
  width: 60%;
  min-width: 28rem;
  max-width: 100%;
  min-height: auto;
  border-right: 0; }
  .PaymentTable--total .c-Table__td, .PaymentTable--total .c-Table__td--phone-colored, .PaymentTable--total .c-Table--tenant__num, .PaymentTable--total .c-Table--tenant__contract,
  .PaymentTable--total .c-Table--tenant__date-in,
  .PaymentTable--total .c-Table--tenant__date-out,
  .PaymentTable--total .c-Table--tenant__name,
  .PaymentTable--total .c-Table--tenant__status, .PaymentTable--total .c-Table--tenant__rent,
  .PaymentTable--total .c-Table--tenant__car, .PaymentTable--total .c-Table--tenant__note, .PaymentTable--total .c-Form__td,
  .PaymentTable--total .c-Table__th,
  .PaymentTable--total .c-Table--tenant__contract-label,
  .PaymentTable--total .c-Table--tenant__date-in-label,
  .PaymentTable--total .c-Table--tenant__date-out-label,
  .PaymentTable--total .c-Table--tenant__name-label,
  .PaymentTable--total .c-Table--tenant__note-label,
  .PaymentTable--total .c-Table--tenant__num-label,
  .PaymentTable--total .c-Table--tenant__rent-label,
  .PaymentTable--total .c-Table--tenant__car-label,
  .PaymentTable--total .c-Table--tenant__status-label,
  .PaymentTable--total .c-Table--tenant__contract-label--mobile,
  .PaymentTable--total .c-Table--tenant__date-in-label--mobile,
  .PaymentTable--total .c-Table--tenant__date-out-label--mobile,
  .PaymentTable--total .c-Table--tenant__name-label--mobile,
  .PaymentTable--total .c-Table--tenant__rent-label--mobile,
  .PaymentTable--total .c-Table--tenant__car-label--mobile,
  .PaymentTable--total .c-Table--tenant__status-label--mobile,
  .PaymentTable--total .c-Form__th,
  .PaymentTable--total .c-DocumentCheck__owner,
  .PaymentTable--total .c-DocumentCheck__building {
    flex: 1 1 auto;
    margin: 0 -1px -1px 0;
    width: 1rem; }
  .PaymentTable--total .c-Table__tbody,
  .PaymentTable--total .c-Table__thead,
  .PaymentTable--total .c-Table__tr {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
  .PaymentTable--total .c-Table__tr--mobile-group,
  .PaymentTable--total .c-Table__tr--phone-group {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative; }
  @media (max-width: 60em) {
    .PaymentTable--total .c-Table__tr--mobile-group {
      margin-bottom: 1rem;
      padding-top: 1px; }
      .PaymentTable--total .c-Table__tr--mobile-group:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #888b8d; } }
  @media (max-width: 30em) {
    .PaymentTable--total .c-Table__tr--phone-group {
      margin-bottom: 1rem;
      padding-top: 1px; }
      .PaymentTable--total .c-Table__tr--phone-group:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #888b8d; } }
  @media (max-width: 38em) {
    .PaymentTable--total {
      width: 80%;
      min-width: 0; } }
  @media (max-width: 30em) {
    .PaymentTable--total {
      width: 100%;
      min-width: 0; } }

.PaymentTable--total__label {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem;
  align-self: flex-end;
  padding: 0.25rem 1rem;
  width: auto !important;
  min-height: auto;
  border-width: 0;
  color: #66696b;
  font-size: 1.25rem;
  text-align: center; }
  .PaymentTable--total__label.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .PaymentTable--total__label.is-v-center.c-text-center {
      justify-content: center; }
    .PaymentTable--total__label.is-v-center.c-text-right {
      justify-content: flex-end; }
    .PaymentTable--total__label.is-v-center.c-text-left {
      justify-content: flex-start; }
  .PaymentTable--total__label .c-Table__input, .PaymentTable--total__label .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .PaymentTable--total__label .c-Table__input + .c-Table__input, .PaymentTable--total__label .AnnualTable__button + .c-Table__input, .PaymentTable--total__label .c-Table__input + .AnnualTable__button, .PaymentTable--total__label .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .PaymentTable--total__label {
      padding: 0.5rem; }
      .PaymentTable--total__label .c-Table__input, .PaymentTable--total__label .AnnualTable__button {
        margin: 0; } }
  .PaymentTable--total__label.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }
  @media (max-width: 38em) {
    .PaymentTable--total__label {
      justify-content: center;
      margin-bottom: -0.5rem !important;
      width: 100% !important;
      border-bottom: 0;
      padding: 0 1rem;
      font-size: 1rem; } }

.PaymentTable--total__amount {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem;
  align-self: flex-end;
  padding: 0.25rem 1rem;
  width: auto !important;
  border-width: 0;
  font-size: 2.25rem;
  text-align: right; }
  .PaymentTable--total__amount.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .PaymentTable--total__amount.is-v-center.c-text-center {
      justify-content: center; }
    .PaymentTable--total__amount.is-v-center.c-text-right {
      justify-content: flex-end; }
    .PaymentTable--total__amount.is-v-center.c-text-left {
      justify-content: flex-start; }
  .PaymentTable--total__amount .c-Table__input, .PaymentTable--total__amount .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .PaymentTable--total__amount .c-Table__input + .c-Table__input, .PaymentTable--total__amount .AnnualTable__button + .c-Table__input, .PaymentTable--total__amount .c-Table__input + .AnnualTable__button, .PaymentTable--total__amount .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .PaymentTable--total__amount {
      padding: 0.5rem; }
      .PaymentTable--total__amount .c-Table__input, .PaymentTable--total__amount .AnnualTable__button {
        margin: 0; } }
  .PaymentTable--total__amount.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }
  @media (max-width: 38em) {
    .PaymentTable--total__amount {
      padding: 0 1rem;
      width: 100% !important;
      font-size: 2rem;
      text-align: center; } }

.PaymentTable__name {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem;
  width: 50% !important;
  font-size: 1.125em;
  text-decoration: underline; }
  .PaymentTable__name.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .PaymentTable__name.is-v-center.c-text-center {
      justify-content: center; }
    .PaymentTable__name.is-v-center.c-text-right {
      justify-content: flex-end; }
    .PaymentTable__name.is-v-center.c-text-left {
      justify-content: flex-start; }
  .PaymentTable__name .c-Table__input, .PaymentTable__name .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .PaymentTable__name .c-Table__input + .c-Table__input, .PaymentTable__name .AnnualTable__button + .c-Table__input, .PaymentTable__name .c-Table__input + .AnnualTable__button, .PaymentTable__name .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .PaymentTable__name {
      padding: 0.5rem; }
      .PaymentTable__name .c-Table__input, .PaymentTable__name .AnnualTable__button {
        margin: 0; } }
  .PaymentTable__name.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }
  @media (max-width: 38em) {
    .PaymentTable__name {
      order: 0;
      border-width: 1px 0 0 0;
      padding-top: 0.5rem;
      padding-left: 0;
      padding-bottom: 0.25rem;
      width: 100% !important; } }
  .PaymentTable__name a {
    color: #000; }

.PaymentTable__subname {
  color: #66696b;
  display: block;
  width: 100%;
  font-size: 0.75em; }
  @media (min-width: 60.001em) {
    .PaymentTable__subname {
      display: inline-block;
      width: auto;
      font-size: 0.875em; } }

.PaymentTable__date {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem; }
  .PaymentTable__date.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .PaymentTable__date.is-v-center.c-text-center {
      justify-content: center; }
    .PaymentTable__date.is-v-center.c-text-right {
      justify-content: flex-end; }
    .PaymentTable__date.is-v-center.c-text-left {
      justify-content: flex-start; }
  .PaymentTable__date .c-Table__input, .PaymentTable__date .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .PaymentTable__date .c-Table__input + .c-Table__input, .PaymentTable__date .AnnualTable__button + .c-Table__input, .PaymentTable__date .c-Table__input + .AnnualTable__button, .PaymentTable__date .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .PaymentTable__date {
      padding: 0.5rem; }
      .PaymentTable__date .c-Table__input, .PaymentTable__date .AnnualTable__button {
        margin: 0; } }
  .PaymentTable__date.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }
  @media (max-width: 38em) {
    .PaymentTable__date {
      order: 2;
      justify-content: flex-start !important;
      padding-top: 0;
      padding-left: 0;
      padding-bottom: 0.5rem;
      min-height: auto;
      border-top: 1px solid #fff;
      border-width: 1px 0 1px 0; } }

.PaymentTable__amount {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem;
  text-align: right; }
  .PaymentTable__amount.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .PaymentTable__amount.is-v-center.c-text-center {
      justify-content: center; }
    .PaymentTable__amount.is-v-center.c-text-right {
      justify-content: flex-end; }
    .PaymentTable__amount.is-v-center.c-text-left {
      justify-content: flex-start; }
  .PaymentTable__amount .c-Table__input, .PaymentTable__amount .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .PaymentTable__amount .c-Table__input + .c-Table__input, .PaymentTable__amount .AnnualTable__button + .c-Table__input, .PaymentTable__amount .c-Table__input + .AnnualTable__button, .PaymentTable__amount .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .PaymentTable__amount {
      padding: 0.5rem; }
      .PaymentTable__amount .c-Table__input, .PaymentTable__amount .AnnualTable__button {
        margin: 0; } }
  .PaymentTable__amount.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }
  @media (max-width: 38em) {
    .PaymentTable__amount {
      order: 3;
      padding-top: 0;
      padding-right: 0;
      padding-bottom: 0.5rem;
      min-height: auto;
      border-width: 0 0 1px 0;
      font-size: 1.125em; } }

.PaymentTable__control {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem;
  text-align: center;
  justify-content: center; }
  .PaymentTable__control.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .PaymentTable__control.is-v-center.c-text-center {
      justify-content: center; }
    .PaymentTable__control.is-v-center.c-text-right {
      justify-content: flex-end; }
    .PaymentTable__control.is-v-center.c-text-left {
      justify-content: flex-start; }
  .PaymentTable__control .c-Table__input, .PaymentTable__control .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .PaymentTable__control .c-Table__input + .c-Table__input, .PaymentTable__control .AnnualTable__button + .c-Table__input, .PaymentTable__control .c-Table__input + .AnnualTable__button, .PaymentTable__control .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .PaymentTable__control {
      padding: 0.5rem; }
      .PaymentTable__control .c-Table__input, .PaymentTable__control .AnnualTable__button {
        margin: 0; } }
  .PaymentTable__control.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }
  @media (max-width: 60em) {
    .PaymentTable__control {
      padding-right: 0.5rem;
      padding-left: 0.5rem; } }
  @media (max-width: 38em) {
    .PaymentTable__control {
      justify-content: flex-end;
      align-items: flex-start !important;
      padding-top: 0.625rem;
      padding-right: 0;
      padding-bottom: 0;
      order: 1;
      border-width: 1px 0 0 0; } }

.PaymentTable__button {
  margin: -0.25rem 0;
  font-size: 0.875rem;
  word-break: break-all;
  white-space: pre-wrap;
  height: auto; }
  @media (max-width: 38em) {
    .PaymentTable__button {
      margin: 0;
      font-size: 0.75rem; } }

.AnnualTable {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 0 0 1rem;
  padding-right: 1px;
  padding-bottom: 1px;
  width: 100%;
  border-radius: 2px; }
  .AnnualTable .c-Table__td, .AnnualTable .c-Table__td--phone-colored, .AnnualTable .c-Table--tenant__num, .AnnualTable .c-Table--tenant__contract,
  .AnnualTable .c-Table--tenant__date-in,
  .AnnualTable .c-Table--tenant__date-out,
  .AnnualTable .c-Table--tenant__name,
  .AnnualTable .c-Table--tenant__status, .AnnualTable .c-Table--tenant__rent,
  .AnnualTable .c-Table--tenant__car, .AnnualTable .c-Table--tenant__note, .AnnualTable .c-Form__td,
  .AnnualTable .c-Table__th,
  .AnnualTable .c-Table--tenant__contract-label,
  .AnnualTable .c-Table--tenant__date-in-label,
  .AnnualTable .c-Table--tenant__date-out-label,
  .AnnualTable .c-Table--tenant__name-label,
  .AnnualTable .c-Table--tenant__note-label,
  .AnnualTable .c-Table--tenant__num-label,
  .AnnualTable .c-Table--tenant__rent-label,
  .AnnualTable .c-Table--tenant__car-label,
  .AnnualTable .c-Table--tenant__status-label,
  .AnnualTable .c-Table--tenant__contract-label--mobile,
  .AnnualTable .c-Table--tenant__date-in-label--mobile,
  .AnnualTable .c-Table--tenant__date-out-label--mobile,
  .AnnualTable .c-Table--tenant__name-label--mobile,
  .AnnualTable .c-Table--tenant__rent-label--mobile,
  .AnnualTable .c-Table--tenant__car-label--mobile,
  .AnnualTable .c-Table--tenant__status-label--mobile,
  .AnnualTable .c-Form__th,
  .AnnualTable .c-DocumentCheck__owner,
  .AnnualTable .c-DocumentCheck__building {
    flex: 1 1 auto;
    margin: 0 -1px -1px 0;
    width: 1rem; }
  .AnnualTable .c-Table__tbody,
  .AnnualTable .c-Table__thead,
  .AnnualTable .c-Table__tr {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
  .AnnualTable .c-Table__tr--mobile-group,
  .AnnualTable .c-Table__tr--phone-group {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative; }
  @media (max-width: 60em) {
    .AnnualTable .c-Table__tr--mobile-group {
      margin-bottom: 1rem;
      padding-top: 1px; }
      .AnnualTable .c-Table__tr--mobile-group:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #888b8d; } }
  @media (max-width: 30em) {
    .AnnualTable .c-Table__tr--phone-group {
      margin-bottom: 1rem;
      padding-top: 1px; }
      .AnnualTable .c-Table__tr--phone-group:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #888b8d; } }

.AnnualTable__building {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem; }
  .AnnualTable__building.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .AnnualTable__building.is-v-center.c-text-center {
      justify-content: center; }
    .AnnualTable__building.is-v-center.c-text-right {
      justify-content: flex-end; }
    .AnnualTable__building.is-v-center.c-text-left {
      justify-content: flex-start; }
  .AnnualTable__building .c-Table__input, .AnnualTable__building .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .AnnualTable__building .c-Table__input + .c-Table__input, .AnnualTable__building .AnnualTable__button + .c-Table__input, .AnnualTable__building .c-Table__input + .AnnualTable__button, .AnnualTable__building .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .AnnualTable__building {
      padding: 0.5rem; }
      .AnnualTable__building .c-Table__input, .AnnualTable__building .AnnualTable__button {
        margin: 0; } }
  .AnnualTable__building.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }
  @media (max-width: 30em) {
    .AnnualTable__building {
      border-width: 1px 0; } }

.AnnualTable__code,
.AnnualTable__money {
  padding: 0em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem;
  justify-content: center;
  border: 0;
  border-left: 1px solid #c5cacc;
  font-size: 0.875rem;
  line-height: 1.25rem; }
  .AnnualTable__code.is-v-center,
  .AnnualTable__money.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .AnnualTable__code.is-v-center.c-text-center,
    .AnnualTable__money.is-v-center.c-text-center {
      justify-content: center; }
    .AnnualTable__code.is-v-center.c-text-right,
    .AnnualTable__money.is-v-center.c-text-right {
      justify-content: flex-end; }
    .AnnualTable__code.is-v-center.c-text-left,
    .AnnualTable__money.is-v-center.c-text-left {
      justify-content: flex-start; }
  .AnnualTable__code .c-Table__input, .AnnualTable__code .AnnualTable__button,
  .AnnualTable__money .c-Table__input,
  .AnnualTable__money .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .AnnualTable__code .c-Table__input + .c-Table__input, .AnnualTable__code .AnnualTable__button + .c-Table__input, .AnnualTable__code .c-Table__input + .AnnualTable__button, .AnnualTable__code .AnnualTable__button + .AnnualTable__button,
    .AnnualTable__money .c-Table__input + .c-Table__input,
    .AnnualTable__money .AnnualTable__button + .c-Table__input,
    .AnnualTable__money .c-Table__input + .AnnualTable__button,
    .AnnualTable__money .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .AnnualTable__code,
    .AnnualTable__money {
      padding: 0.5rem; }
      .AnnualTable__code .c-Table__input, .AnnualTable__code .AnnualTable__button,
      .AnnualTable__money .c-Table__input,
      .AnnualTable__money .AnnualTable__button {
        margin: 0; } }
  .AnnualTable__code.is-flexcol,
  .AnnualTable__money.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }
  @media (max-width: 30em) {
    .AnnualTable__code,
    .AnnualTable__money {
      justify-content: flex-start;
      padding: 0 0 0.625rem;
      min-height: 0;
      border: 0; } }

.AnnualTable__code {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media (max-width: 30em) {
    .AnnualTable__code {
      padding-top: 0.5rem; } }

.AnnualTable__code-item {
  border-bottom: 1px solid #c5cacc;
  margin: 0 -0.5em;
  padding: 0.9em 0em 0.9em 0.5em; }
  .AnnualTable__code-item:last-child {
    border-bottom: 0; }
  @media (max-width: 30em) {
    .AnnualTable__code-item {
      border-bottom: 0;
      margin: 0;
      padding: 0.25em 0.5em 0.25em 0.5em; } }

@media (max-width: 30em) {
  .AnnualTable__code-label {
    padding-left: 0.25rem; } }

.AnnualTable__money {
  -webkit-justify-content: flex-end;
  justify-content: flex-end; }
  @media (max-width: 30em) {
    .AnnualTable__money {
      -webkit-justify-content: flex-start;
      justify-content: flex-start; } }

.AnnualTable__name {
  padding: 0.3125em 0em 0em 0em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem;
  border: 0;
  font-size: 1.125em;
  justify-content: center; }
  .AnnualTable__name.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .AnnualTable__name.is-v-center.c-text-center {
      justify-content: center; }
    .AnnualTable__name.is-v-center.c-text-right {
      justify-content: flex-end; }
    .AnnualTable__name.is-v-center.c-text-left {
      justify-content: flex-start; }
  .AnnualTable__name .c-Table__input, .AnnualTable__name .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .AnnualTable__name .c-Table__input + .c-Table__input, .AnnualTable__name .AnnualTable__button + .c-Table__input, .AnnualTable__name .c-Table__input + .AnnualTable__button, .AnnualTable__name .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .AnnualTable__name {
      padding: 0.5rem; }
      .AnnualTable__name .c-Table__input, .AnnualTable__name .AnnualTable__button {
        margin: 0; } }
  .AnnualTable__name.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }
  @media (max-width: 30em) {
    .AnnualTable__name {
      padding: 0.625rem 0 0;
      border: 0;
      min-height: 0;
      justify-content: flex-start; } }
  .AnnualTable__name a {
    color: #000;
    text-decoration: underline;
    margin-top: auto; }

.AnnualTable__number {
  margin-bottom: auto;
  color: #888b8d;
  text-align: center;
  position: relative;
  top: -0.5em;
  right: 1px;
  width: 100%; }
  @media (max-width: 30em) {
    .AnnualTable__number {
      text-align: left; } }

.AnnualTable__control {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem;
  justify-content: center; }
  .AnnualTable__control.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .AnnualTable__control.is-v-center.c-text-center {
      justify-content: center; }
    .AnnualTable__control.is-v-center.c-text-right {
      justify-content: flex-end; }
    .AnnualTable__control.is-v-center.c-text-left {
      justify-content: flex-start; }
  .AnnualTable__control .c-Table__input, .AnnualTable__control .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .AnnualTable__control .c-Table__input + .c-Table__input, .AnnualTable__control .AnnualTable__button + .c-Table__input, .AnnualTable__control .c-Table__input + .AnnualTable__button, .AnnualTable__control .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .AnnualTable__control {
      padding: 0.5rem; }
      .AnnualTable__control .c-Table__input, .AnnualTable__control .AnnualTable__button {
        margin: 0; } }
  .AnnualTable__control.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }
  @media (max-width: 30em) {
    .AnnualTable__control {
      justify-content: flex-end;
      padding: 0;
      border-width: 1px 0; } }

.AnnualTable__button {
  font-size: 0.875rem; }

.AnnualTable__total {
  margin: 1rem auto;
  padding-bottom: 1rem;
  padding-top: 1rem;
  text-align: center;
  background: rgba(239, 238, 235, 0.75); }

.AnnualTable__total-label {
  padding-right: 1rem;
  margin-bottom: 1rem; }
  @media (max-width: 30em) {
    .AnnualTable__total-label {
      padding-right: 0; } }

.AnnualTable__total-input {
  color: #2a2c2d;
  background: #fff !important;
  font-size: 1.5em;
  text-align: right;
  opacity: 1 !important;
  max-width: 90%; }

.AnnualItem--mobile {
  margin-bottom: 1rem;
  padding: 0.5rem;
  border: 1px solid #a8acae; }

.AnnualItem--mobile__code {
  margin-bottom: 0.25rem;
  padding: 0.25rem 0.5rem;
  background-color: #f2f6f7;
  text-align: right; }
  @media (max-width: 30em) {
    .AnnualItem--mobile__code {
      padding: 0.25rem; } }

.AnnualItem--mobile__label {
  display: inline-block;
  float: left;
  margin-right: 0.5rem;
  color: #888b8d;
  font-size: 0.875em;
  font-weight: bold; }

.AnnualItem--mobile__name {
  margin-bottom: 1rem;
  padding: 0 0.5rem;
  font-size: 1.125em; }
  @media (max-width: 30em) {
    .AnnualItem--mobile__name {
      margin-bottom: 0.5rem;
      padding: 0; } }

.AnnualItem--mobile__btn-show {
  display: block;
  margin: auto auto;
  width: 100%;
  max-width: 20rem; }

.c-FamilyInfo, .c-FamilyInfo--view {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 0 0 1rem;
  padding-right: 1px;
  padding-bottom: 1px;
  width: 100%;
  border-radius: 2px;
  margin-bottom: 0.25rem; }
  .c-FamilyInfo .c-Table__td, .c-FamilyInfo--view .c-Table__td, .c-FamilyInfo .c-Table__td--phone-colored, .c-FamilyInfo--view .c-Table__td--phone-colored, .c-FamilyInfo .c-Table--tenant__num, .c-FamilyInfo--view .c-Table--tenant__num, .c-FamilyInfo .c-Table--tenant__contract, .c-FamilyInfo--view .c-Table--tenant__contract,
  .c-FamilyInfo .c-Table--tenant__date-in,
  .c-FamilyInfo--view .c-Table--tenant__date-in,
  .c-FamilyInfo .c-Table--tenant__date-out,
  .c-FamilyInfo--view .c-Table--tenant__date-out,
  .c-FamilyInfo .c-Table--tenant__name,
  .c-FamilyInfo--view .c-Table--tenant__name,
  .c-FamilyInfo .c-Table--tenant__status,
  .c-FamilyInfo--view .c-Table--tenant__status, .c-FamilyInfo .c-Table--tenant__rent, .c-FamilyInfo--view .c-Table--tenant__rent,
  .c-FamilyInfo .c-Table--tenant__car,
  .c-FamilyInfo--view .c-Table--tenant__car, .c-FamilyInfo .c-Table--tenant__note, .c-FamilyInfo--view .c-Table--tenant__note, .c-FamilyInfo .c-Form__td, .c-FamilyInfo--view .c-Form__td,
  .c-FamilyInfo .c-Table__th,
  .c-FamilyInfo--view .c-Table__th,
  .c-FamilyInfo .c-Table--tenant__contract-label,
  .c-FamilyInfo--view .c-Table--tenant__contract-label,
  .c-FamilyInfo .c-Table--tenant__date-in-label,
  .c-FamilyInfo--view .c-Table--tenant__date-in-label,
  .c-FamilyInfo .c-Table--tenant__date-out-label,
  .c-FamilyInfo--view .c-Table--tenant__date-out-label,
  .c-FamilyInfo .c-Table--tenant__name-label,
  .c-FamilyInfo--view .c-Table--tenant__name-label,
  .c-FamilyInfo .c-Table--tenant__note-label,
  .c-FamilyInfo--view .c-Table--tenant__note-label,
  .c-FamilyInfo .c-Table--tenant__num-label,
  .c-FamilyInfo--view .c-Table--tenant__num-label,
  .c-FamilyInfo .c-Table--tenant__rent-label,
  .c-FamilyInfo--view .c-Table--tenant__rent-label,
  .c-FamilyInfo .c-Table--tenant__car-label,
  .c-FamilyInfo--view .c-Table--tenant__car-label,
  .c-FamilyInfo .c-Table--tenant__status-label,
  .c-FamilyInfo--view .c-Table--tenant__status-label,
  .c-FamilyInfo .c-Table--tenant__contract-label--mobile,
  .c-FamilyInfo--view .c-Table--tenant__contract-label--mobile,
  .c-FamilyInfo .c-Table--tenant__date-in-label--mobile,
  .c-FamilyInfo--view .c-Table--tenant__date-in-label--mobile,
  .c-FamilyInfo .c-Table--tenant__date-out-label--mobile,
  .c-FamilyInfo--view .c-Table--tenant__date-out-label--mobile,
  .c-FamilyInfo .c-Table--tenant__name-label--mobile,
  .c-FamilyInfo--view .c-Table--tenant__name-label--mobile,
  .c-FamilyInfo .c-Table--tenant__rent-label--mobile,
  .c-FamilyInfo--view .c-Table--tenant__rent-label--mobile,
  .c-FamilyInfo .c-Table--tenant__car-label--mobile,
  .c-FamilyInfo--view .c-Table--tenant__car-label--mobile,
  .c-FamilyInfo .c-Table--tenant__status-label--mobile,
  .c-FamilyInfo--view .c-Table--tenant__status-label--mobile,
  .c-FamilyInfo .c-Form__th,
  .c-FamilyInfo--view .c-Form__th,
  .c-FamilyInfo .c-DocumentCheck__owner,
  .c-FamilyInfo--view .c-DocumentCheck__owner,
  .c-FamilyInfo .c-DocumentCheck__building,
  .c-FamilyInfo--view .c-DocumentCheck__building {
    flex: 1 1 auto;
    margin: 0 -1px -1px 0;
    width: 1rem; }
  .c-FamilyInfo .c-Table__tbody, .c-FamilyInfo--view .c-Table__tbody,
  .c-FamilyInfo .c-Table__thead,
  .c-FamilyInfo--view .c-Table__thead,
  .c-FamilyInfo .c-Table__tr,
  .c-FamilyInfo--view .c-Table__tr {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
  .c-FamilyInfo .c-Table__tr--mobile-group, .c-FamilyInfo--view .c-Table__tr--mobile-group,
  .c-FamilyInfo .c-Table__tr--phone-group,
  .c-FamilyInfo--view .c-Table__tr--phone-group {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative; }
  @media (max-width: 60em) {
    .c-FamilyInfo .c-Table__tr--mobile-group, .c-FamilyInfo--view .c-Table__tr--mobile-group {
      margin-bottom: 1rem;
      padding-top: 1px; }
      .c-FamilyInfo .c-Table__tr--mobile-group:before, .c-FamilyInfo--view .c-Table__tr--mobile-group:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #888b8d; } }
  @media (max-width: 30em) {
    
    .c-FamilyInfo .c-Table__tr--phone-group,
    .c-FamilyInfo--view .c-Table__tr--phone-group {
      margin-bottom: 1rem;
      padding-top: 1px; }
      .c-FamilyInfo .c-Table__tr--phone-group:before, .c-FamilyInfo--view .c-Table__tr--phone-group:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #888b8d; } }

.c-FamilyInfo__label {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem;
  background-color: #efeeeb;
  font-weight: normal; }
  .c-FamilyInfo__label.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .c-FamilyInfo__label.is-v-center.c-text-center {
      justify-content: center; }
    .c-FamilyInfo__label.is-v-center.c-text-right {
      justify-content: flex-end; }
    .c-FamilyInfo__label.is-v-center.c-text-left {
      justify-content: flex-start; }
  .c-FamilyInfo__label .c-Table__input, .c-FamilyInfo__label .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .c-FamilyInfo__label .c-Table__input + .c-Table__input, .c-FamilyInfo__label .AnnualTable__button + .c-Table__input, .c-FamilyInfo__label .c-Table__input + .AnnualTable__button, .c-FamilyInfo__label .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .c-FamilyInfo__label {
      padding: 0.5rem; }
      .c-FamilyInfo__label .c-Table__input, .c-FamilyInfo__label .AnnualTable__button {
        margin: 0; } }
  .c-FamilyInfo__label.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }

.c-FamilyInfo__family-name {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem; }
  .c-FamilyInfo__family-name.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .c-FamilyInfo__family-name.is-v-center.c-text-center {
      justify-content: center; }
    .c-FamilyInfo__family-name.is-v-center.c-text-right {
      justify-content: flex-end; }
    .c-FamilyInfo__family-name.is-v-center.c-text-left {
      justify-content: flex-start; }
  .c-FamilyInfo__family-name .c-Table__input, .c-FamilyInfo__family-name .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .c-FamilyInfo__family-name .c-Table__input + .c-Table__input, .c-FamilyInfo__family-name .AnnualTable__button + .c-Table__input, .c-FamilyInfo__family-name .c-Table__input + .AnnualTable__button, .c-FamilyInfo__family-name .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .c-FamilyInfo__family-name {
      padding: 0.5rem; }
      .c-FamilyInfo__family-name .c-Table__input, .c-FamilyInfo__family-name .AnnualTable__button {
        margin: 0; } }
  .c-FamilyInfo__family-name.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }

.c-FamilyInfo__data {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem; }
  .c-FamilyInfo__data.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .c-FamilyInfo__data.is-v-center.c-text-center {
      justify-content: center; }
    .c-FamilyInfo__data.is-v-center.c-text-right {
      justify-content: flex-end; }
    .c-FamilyInfo__data.is-v-center.c-text-left {
      justify-content: flex-start; }
  .c-FamilyInfo__data .c-Table__input, .c-FamilyInfo__data .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .c-FamilyInfo__data .c-Table__input + .c-Table__input, .c-FamilyInfo__data .AnnualTable__button + .c-Table__input, .c-FamilyInfo__data .c-Table__input + .AnnualTable__button, .c-FamilyInfo__data .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .c-FamilyInfo__data {
      padding: 0.5rem; }
      .c-FamilyInfo__data .c-Table__input, .c-FamilyInfo__data .AnnualTable__button {
        margin: 0; } }
  .c-FamilyInfo__data.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }

.c-FamilyInfo__buttons {
  margin-bottom: 1rem;
  padding: 0.25rem 1rem 1rem;
  width: 100%;
  border-bottom: 1px dotted #c5cacc;
  text-align: center; }
  .c-FamilyInfo__buttons input[type=button] {
    min-width: 7rem; }

.FamilyInfo__building {
  -webkit-align-items: center;
  align-items: center;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  border: 1px solid #c5cacc;
  min-height: 2.5rem;
  width: 75%; }

.FamilyInfo__building-date {
  width: 100%;
  border-bottom: 1px dotted #c5cacc;
  padding: 0.3125em 0.5em;
  margin-bottom: -1px; }
  @media (max-width: 30em) {
    .FamilyInfo__building-date {
      padding: 0.25rem 0.5rem; } }

.FamilyInfo__building-cd {
  color: #66696b;
  font-size: 0.875em;
  display: inline-block;
  padding-right: 1rem;
  white-space: nowrap; }

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

.c-FamilyPermission__box {
  width: 75%;
  border: 1px solid #c5cacc;
  border-left: 0;
  margin: 0 0 -1px 0; }
  @media (max-width: 30em) {
    .c-FamilyPermission__box {
      width: 100%; } }

@media (max-width: 30em) {
  .c-FamilyInfo__label.is-view {
    margin-right: 0 !important; } }

.c-FamilyInfo.is-post .is-setting, .is-post.c-FamilyInfo--view .is-setting {
  text-align: left; }

.c-FamilyInfo.is-post .c-Radio, .is-post.c-FamilyInfo--view .c-Radio {
  margin-bottom: 0;
  margin-right: 0; }

.c-FamilyInfo.is-post .c-FamilyPermission__data, .is-post.c-FamilyInfo--view .c-FamilyPermission__data {
  align-items: center; }

.c-FamilyInfo.is-post .is-date .c-FamilyPermission__data, .is-post.c-FamilyInfo--view .is-date .c-FamilyPermission__data {
  justify-content: center; }

@media (max-width: 30em) {
  .c-FamilyInfo.is-post .c-FamilyPermission__data, .is-post.c-FamilyInfo--view .c-FamilyPermission__data {
    text-align: left; }
  .c-FamilyInfo.is-post .is-date .c-FamilyPermission__data, .is-post.c-FamilyInfo--view .is-date .c-FamilyPermission__data {
    text-align: left; }
  .c-FamilyInfo.is-post .c-FamilyPermission__label, .is-post.c-FamilyInfo--view .c-FamilyPermission__label {
    text-align: left;
    padding: 0.5rem;
    margin: 1px auto;
    border-left: 0;
    background: #efeeeb; } }

.c-FamilyPermission {
  display: flex;
  margin-right: -1px;
  margin-bottom: 0.25rem;
  border: 1px solid #c5cacc; }
  @media (max-width: 40em) {
    .c-FamilyPermission {
      flex-wrap: wrap; } }

.c-FamilyPermission__building {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  width: 25%;
  background-color: #efeeeb;
  border-right: 1px solid #c5cacc; }
  @media (max-width: 40em) {
    .c-FamilyPermission__building {
      align-items: center;
      width: 100%; } }
  @media (max-width: 30em) {
    .c-FamilyPermission__building {
      padding: 0.5rem;
      border-bottom: 1px solid #c5cacc; } }

.c-FamilyPermission__building-label {
  color: #888b8d;
  font-size: 0.875em;
  font-weight: bold;
  word-break: keep-all; }
  .c-FamilyPermission__building-label.is-cd {
    display: inline-block;
    margin-right: 0.5rem; }

.c-FamilyPermission__building-data {
  width: 100%;
  font-weight: bold; }
  .c-FamilyPermission__building-data.is-cd {
    display: inline-block;
    width: auto;
    color: #66696b; }
  .c-FamilyPermission__building-data.is-border {
    display: none;
    border-top: 1px solid #c5cacc; }
    @media (max-width: 40em) {
      .c-FamilyPermission__building-data.is-border {
        display: block; } }
    @media (max-width: 60em) {
      .c-FamilyPermission__building-data.is-border {
        padding: 0.5rem 1rem 0 1rem;
        margin: 0.5rem -1rem 0 -1rem;
        width: calc(100% + 2rem); } }
    @media (max-width: 30em) {
      .c-FamilyPermission__building-data.is-border {
        padding: 0.5rem 0.5rem 0 0.5rem;
        margin: 0.5rem -0.5rem 0 -0.5rem;
        width: calc(100% + 1rem); } }

.c-FamilyPermission__item {
  padding: 0;
  flex: 1 1 25%;
  border-right: 1px dotted #c5cacc; }
  .c-FamilyPermission__item:last-child {
    border-right-color: transparent;
    border-right: 0; }
  @media (max-width: 30em) {
    .c-FamilyPermission__item {
      align-items: stretch; }
      .c-FamilyPermission__item:first-child {
        border-left: 1px solid #c5cacc; } }

.c-FamilyPermission__label {
  padding: 0.5rem 0.25rem;
  margin: 0 1px;
  border: 3px solid #fff;
  background-color: rgba(239, 238, 235, 0.8);
  font-size: 0.875em;
  text-align: center; }
  @media (max-width: 30em) {
    .c-FamilyPermission__label {
      border: 0;
      margin: 1px auto;
      width: calc(100% - 2px);
      border-right: 0; } }

.c-FamilyPermission__data {
  padding: 0.25rem 0.5rem 0.5rem;
  text-align: center; }
  @media (max-width: 30em) {
    .c-FamilyPermission__data.is-checkbox {
      padding: 0.5rem; } }

@media (max-width: 40em) {
  .c-FamilyInfo--view .c-FamilyPermission__item {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex: 1 1 50%;
    border-right: 0;
    border-left: 1px solid #c5cacc;
    border-bottom: 1px solid #c5cacc; }
    .c-FamilyInfo--view .c-FamilyPermission__item:last-child, .c-FamilyInfo--view .c-FamilyPermission__item:nth-last-child(3) {
      border-bottom: 0; }
  .c-FamilyInfo--view .c-FamilyInfo__label, .c-FamilyInfo--view .c-FamilyPermission__box {
    width: 100%;
    margin-right: 0; }
  .c-FamilyInfo--view .c-FamilyPermission__label {
    width: 50%;
    height: 100%;
    padding: 0.25em 0.5em;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 0;
    border: 0;
    text-align: left;
    border-right: 1px solid #c5cacc; }
  .c-FamilyInfo--view .c-FamilyPermission__data {
    width: 50%;
    padding: 0.25em 0.5em;
    margin: 0; } }

@media (max-width: 30em) {
  .c-FamilyInfo--view .c-FamilyPermission__label {
    width: 70%;
    min-height: 36px;
    padding: 0.5em 0.75em; }
  .c-FamilyInfo--view .c-FamilyPermission__data {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 30%;
    min-height: 36px;
    padding: 0px; } }

.c-DocumentCheck__owner {
  display: flex;
  align-items: center;
  background-color: #e8e7e3; }
  .c-DocumentCheck__owner .c-Table__label {
    margin-right: 0.5rem; }

.c-DocumentCheck__building {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  width: 25% !important;
  border-right-color: transparent; }
  @media (max-width: 40em) {
    .c-DocumentCheck__building {
      width: 100% !important;
      border-right-color: #c5cacc; } }
  @media (max-width: 30em) {
    .c-DocumentCheck__building {
      padding: 0.5rem; } }

.c-DocumentCheck__building-label {
  color: #888b8d;
  font-size: 0.875em;
  font-weight: bold;
  word-break: keep-all; }
  .c-DocumentCheck__building-label.is-cd {
    display: inline-block;
    margin-right: 0.5rem; }

.c-DocumentCheck__building-data {
  width: 100%;
  font-weight: bold; }
  .c-DocumentCheck__building-data.is-cd {
    display: inline-block;
    width: auto;
    color: #66696b; }

.c-DocumentCheck__item {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem;
  padding: 0;
  flex: 1 1 35%;
  width: 55% !important;
  border-left: 1px dotted #c5cacc;
  border-right-color: transparent; }
  .c-DocumentCheck__item.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .c-DocumentCheck__item.is-v-center.c-text-center {
      justify-content: center; }
    .c-DocumentCheck__item.is-v-center.c-text-right {
      justify-content: flex-end; }
    .c-DocumentCheck__item.is-v-center.c-text-left {
      justify-content: flex-start; }
  .c-DocumentCheck__item .c-Table__input, .c-DocumentCheck__item .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .c-DocumentCheck__item .c-Table__input + .c-Table__input, .c-DocumentCheck__item .AnnualTable__button + .c-Table__input, .c-DocumentCheck__item .c-Table__input + .AnnualTable__button, .c-DocumentCheck__item .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .c-DocumentCheck__item {
      padding: 0.5rem; }
      .c-DocumentCheck__item .c-Table__input, .c-DocumentCheck__item .AnnualTable__button {
        margin: 0; } }
  .c-DocumentCheck__item.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }
  .c-DocumentCheck__item:last-child {
    border-right-color: #c5cacc; }
  @media (max-width: 40em) {
    .c-DocumentCheck__item {
      border-left: 1px solid #c5cacc; } }

.c-DocumentCheck__item--date {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem;
  padding: 0;
  flex: 1 1 20%;
  width: 20% !important;
  border-left: 1px dotted #c5cacc;
  border-right-color: transparent; }
  .c-DocumentCheck__item--date.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .c-DocumentCheck__item--date.is-v-center.c-text-center {
      justify-content: center; }
    .c-DocumentCheck__item--date.is-v-center.c-text-right {
      justify-content: flex-end; }
    .c-DocumentCheck__item--date.is-v-center.c-text-left {
      justify-content: flex-start; }
  .c-DocumentCheck__item--date .c-Table__input, .c-DocumentCheck__item--date .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .c-DocumentCheck__item--date .c-Table__input + .c-Table__input, .c-DocumentCheck__item--date .AnnualTable__button + .c-Table__input, .c-DocumentCheck__item--date .c-Table__input + .AnnualTable__button, .c-DocumentCheck__item--date .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .c-DocumentCheck__item--date {
      padding: 0.5rem; }
      .c-DocumentCheck__item--date .c-Table__input, .c-DocumentCheck__item--date .AnnualTable__button {
        margin: 0; } }
  .c-DocumentCheck__item--date.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }
  .c-DocumentCheck__item--date:last-child {
    border-right-color: #c5cacc; }
  .c-DocumentCheck__item--date .c-DocumentCheck__item-label, .c-DocumentCheck__item--date .c-DocumentCheck__item-data {
    text-align: center; }
  @media (max-width: 40em) {
    .c-DocumentCheck__item--date {
      width: 25% !important; } }

.c-DocumentCheck__item-label {
  padding: 0.5rem 0.25rem;
  border: 3px solid #fff;
  background-color: rgba(239, 238, 235, 0.8);
  font-size: 0.875em; }

.c-DocumentCheck__item-data {
  padding: 0.25rem 0.5rem 0.5rem; }

_:-ms-lang(x)::-ms-backdrop, .c-FamilyPermission__item {
  flex: 1 1 24%; }

@media (max-width: 40em) {
  _:-ms-lang(x)::-ms-backdrop, .c-FamilyInfo--view .c-FamilyPermission__item {
    flex: 1 1 49%; } }

.WintvStatus__value--using {
  color: #4171c1;
  font-weight: bold; }

.WintvStatus__value--unused {
  color: #c33;
  font-weight: bold; }

.SendMail {
  margin-bottom: 1rem;
  padding: 2rem;
  border-radius: 0.5rem;
  background-color: #f2f6f7; }
  .SendMail .c-Table--responsive, .SendMail .c-Table--building, .SendMail .c-Table--tenant, .SendMail .BuildingReport__table--monthly, .SendMail .c-DocumentCheck {
    border: none;
    width: 80%;
    margin: auto; }
  .SendMail .c-Table__tr {
    border: none; }
  .SendMail .c-Form__th {
    border: none;
    background: transparent;
    text-align: right;
    padding-right: 0;
    padding-left: 0; }
  .SendMail .c-Form__td {
    border: none;
    text-align: left;
    margin: 0; }
  @media (max-width: 60em) {
    .SendMail .c-Table--responsive, .SendMail .c-Table--building, .SendMail .c-Table--tenant, .SendMail .BuildingReport__table--monthly, .SendMail .c-DocumentCheck {
      width: 100%; }
    .SendMail .c-Form__th {
      width: 100% !important;
      text-align: center; }
      .SendMail .c-Form__th .u-req {
        float: none; }
    .SendMail .c-Form__td {
      width: 100% !important;
      -webkit-justify-content: center;
      justify-content: center; } }
  @media (max-width: 30em) {
    .SendMail {
      padding: 0;
      background: transparent; }
      .SendMail .c-Form__th, .SendMail .c-Form__td {
        text-align: left; } }

.SendMail__form {
  display: flex;
  align-items: center; }
  @media (max-width: 30em) {
    .SendMail__form {
      flex-direction: column; } }

.SendMail__label {
  margin: 0 0.5rem 0 0;
  font-weight: bold; }
  @media (max-width: 30em) {
    .SendMail__label {
      margin: 0;
      width: auto;
      font-weight: normal; } }

.SendMail__input {
  margin: 0 0.5rem 0 0; }
  @media (max-width: 30em) {
    .SendMail__input {
      margin: 0 0 0.5rem 0;
      width: 100%; } }

.SendMail__button {
  padding-left: 2rem;
  padding-right: 2rem; }

.Clean__switch--item {
  display: none;
  font-weight: bold;
  white-space: nowrap;
  text-align: center; }
  .Clean__switch--item::before {
    content: "";
    display: inline-block; }
  .Clean__switch--item.is-active {
    display: block; }
  .Clean__switch--item.is-complete {
    color: #54a12e; }
    .Clean__switch--item.is-complete::before {
      width: 10px;
      height: 15px;
      border: #54a12e 3px solid;
      -webkit-transform: rotateZ(45deg);
      -ms-transform: rotateZ(45deg);
      transform: rotateZ(45deg);
      border-top-color: transparent;
      border-left-color: transparent;
      margin-right: 10px; }
  .Clean__switch--item.is-still {
    color: #c33; }
    .Clean__switch--item.is-still::before {
      width: 10px;
      height: 15px;
      border: #c5cacc 3px solid;
      -webkit-transform: rotateZ(45deg);
      -ms-transform: rotateZ(45deg);
      transform: rotateZ(45deg);
      border-top-color: transparent;
      border-left-color: transparent;
      margin-right: 10px; }
  .Clean__switch--item.is-none {
    color: #66696b; }
    .Clean__switch--item.is-none::before {
      width: 10px;
      height: 3px;
      background: #66696b;
      margin-right: 10px;
      margin-bottom: 0.25em; }
  .Clean__switch--item.is-wait {
    color: #a8acae;
    position: relative;
    padding-left: 1.25rem;
    margin: auto;
    text-align: left; }
    .Clean__switch--item.is-wait::before {
      content: "…";
      font-weight: bold;
      position: absolute;
      font-size: 1rem;
      left: 0;
      top: -0.4rem; }
    .Clean__switch--item.is-wait.is-active {
      display: inline-block; }

.c-Table__th.Clean__title, .Clean__title.c-Table--tenant__contract-label,
.Clean__title.c-Table--tenant__date-in-label,
.Clean__title.c-Table--tenant__date-out-label,
.Clean__title.c-Table--tenant__name-label,
.Clean__title.c-Table--tenant__note-label,
.Clean__title.c-Table--tenant__num-label,
.Clean__title.c-Table--tenant__rent-label,
.Clean__title.c-Table--tenant__car-label,
.Clean__title.c-Table--tenant__status-label, .Clean__title.c-Table--tenant__contract-label--mobile,
.Clean__title.c-Table--tenant__date-in-label--mobile,
.Clean__title.c-Table--tenant__date-out-label--mobile,
.Clean__title.c-Table--tenant__name-label--mobile,
.Clean__title.c-Table--tenant__rent-label--mobile,
.Clean__title.c-Table--tenant__car-label--mobile,
.Clean__title.c-Table--tenant__status-label--mobile, .Clean__title.c-Form__th, .Clean__title.c-DocumentCheck__owner, .Clean__title.c-DocumentCheck__building, .c-Table__td.Clean__title, .Clean__title.c-Table__td--phone-colored, .Clean__title.c-Table--tenant__num, .Clean__title.c-Table--tenant__contract,
.Clean__title.c-Table--tenant__date-in,
.Clean__title.c-Table--tenant__date-out,
.Clean__title.c-Table--tenant__name,
.Clean__title.c-Table--tenant__status, .Clean__title.c-Table--tenant__rent,
.Clean__title.c-Table--tenant__car, .Clean__title.c-Table--tenant__note, .Clean__title.c-Form__td {
  width: 18%; }

.c-Table__th.Clean__switch, .Clean__switch.c-Table--tenant__contract-label,
.Clean__switch.c-Table--tenant__date-in-label,
.Clean__switch.c-Table--tenant__date-out-label,
.Clean__switch.c-Table--tenant__name-label,
.Clean__switch.c-Table--tenant__note-label,
.Clean__switch.c-Table--tenant__num-label,
.Clean__switch.c-Table--tenant__rent-label,
.Clean__switch.c-Table--tenant__car-label,
.Clean__switch.c-Table--tenant__status-label, .Clean__switch.c-Table--tenant__contract-label--mobile,
.Clean__switch.c-Table--tenant__date-in-label--mobile,
.Clean__switch.c-Table--tenant__date-out-label--mobile,
.Clean__switch.c-Table--tenant__name-label--mobile,
.Clean__switch.c-Table--tenant__rent-label--mobile,
.Clean__switch.c-Table--tenant__car-label--mobile,
.Clean__switch.c-Table--tenant__status-label--mobile, .Clean__switch.c-Form__th, .Clean__switch.c-DocumentCheck__owner, .Clean__switch.c-DocumentCheck__building, .c-Table__td.Clean__switch, .Clean__switch.c-Table__td--phone-colored, .Clean__switch.c-Table--tenant__num, .Clean__switch.c-Table--tenant__contract,
.Clean__switch.c-Table--tenant__date-in,
.Clean__switch.c-Table--tenant__date-out,
.Clean__switch.c-Table--tenant__name,
.Clean__switch.c-Table--tenant__status, .Clean__switch.c-Table--tenant__rent,
.Clean__switch.c-Table--tenant__car, .Clean__switch.c-Table--tenant__note, .Clean__switch.c-Form__td {
  width: 12%;
  text-align: center; }

.c-Table__th.Clean__mention, .Clean__mention.c-Table--tenant__contract-label,
.Clean__mention.c-Table--tenant__date-in-label,
.Clean__mention.c-Table--tenant__date-out-label,
.Clean__mention.c-Table--tenant__name-label,
.Clean__mention.c-Table--tenant__note-label,
.Clean__mention.c-Table--tenant__num-label,
.Clean__mention.c-Table--tenant__rent-label,
.Clean__mention.c-Table--tenant__car-label,
.Clean__mention.c-Table--tenant__status-label, .Clean__mention.c-Table--tenant__contract-label--mobile,
.Clean__mention.c-Table--tenant__date-in-label--mobile,
.Clean__mention.c-Table--tenant__date-out-label--mobile,
.Clean__mention.c-Table--tenant__name-label--mobile,
.Clean__mention.c-Table--tenant__rent-label--mobile,
.Clean__mention.c-Table--tenant__car-label--mobile,
.Clean__mention.c-Table--tenant__status-label--mobile, .Clean__mention.c-Form__th, .Clean__mention.c-DocumentCheck__owner, .Clean__mention.c-DocumentCheck__building, .c-Table__td.Clean__mention, .Clean__mention.c-Table__td--phone-colored, .Clean__mention.c-Table--tenant__num, .Clean__mention.c-Table--tenant__contract,
.Clean__mention.c-Table--tenant__date-in,
.Clean__mention.c-Table--tenant__date-out,
.Clean__mention.c-Table--tenant__name,
.Clean__mention.c-Table--tenant__status, .Clean__mention.c-Table--tenant__rent,
.Clean__mention.c-Table--tenant__car, .Clean__mention.c-Table--tenant__note, .Clean__mention.c-Form__td {
  width: 70%; }

@media (max-width: 60em) {
  .c-Table__th.Clean__title, .Clean__title.c-Table--tenant__contract-label,
  .Clean__title.c-Table--tenant__date-in-label,
  .Clean__title.c-Table--tenant__date-out-label,
  .Clean__title.c-Table--tenant__name-label,
  .Clean__title.c-Table--tenant__note-label,
  .Clean__title.c-Table--tenant__num-label,
  .Clean__title.c-Table--tenant__rent-label,
  .Clean__title.c-Table--tenant__car-label,
  .Clean__title.c-Table--tenant__status-label, .Clean__title.c-Table--tenant__contract-label--mobile,
  .Clean__title.c-Table--tenant__date-in-label--mobile,
  .Clean__title.c-Table--tenant__date-out-label--mobile,
  .Clean__title.c-Table--tenant__name-label--mobile,
  .Clean__title.c-Table--tenant__rent-label--mobile,
  .Clean__title.c-Table--tenant__car-label--mobile,
  .Clean__title.c-Table--tenant__status-label--mobile, .Clean__title.c-Form__th, .Clean__title.c-DocumentCheck__owner, .Clean__title.c-DocumentCheck__building, .c-Table__td.Clean__title, .Clean__title.c-Table__td--phone-colored, .Clean__title.c-Table--tenant__num, .Clean__title.c-Table--tenant__contract,
  .Clean__title.c-Table--tenant__date-in,
  .Clean__title.c-Table--tenant__date-out,
  .Clean__title.c-Table--tenant__name,
  .Clean__title.c-Table--tenant__status, .Clean__title.c-Table--tenant__rent,
  .Clean__title.c-Table--tenant__car, .Clean__title.c-Table--tenant__note, .Clean__title.c-Form__td {
    width: 70%;
    background: #efeeeb;
    /* border-bottom: none;*/
    font-weight: bold; }
  .c-Table__th.Clean__switch, .Clean__switch.c-Table--tenant__contract-label,
  .Clean__switch.c-Table--tenant__date-in-label,
  .Clean__switch.c-Table--tenant__date-out-label,
  .Clean__switch.c-Table--tenant__name-label,
  .Clean__switch.c-Table--tenant__note-label,
  .Clean__switch.c-Table--tenant__num-label,
  .Clean__switch.c-Table--tenant__rent-label,
  .Clean__switch.c-Table--tenant__car-label,
  .Clean__switch.c-Table--tenant__status-label, .Clean__switch.c-Table--tenant__contract-label--mobile,
  .Clean__switch.c-Table--tenant__date-in-label--mobile,
  .Clean__switch.c-Table--tenant__date-out-label--mobile,
  .Clean__switch.c-Table--tenant__name-label--mobile,
  .Clean__switch.c-Table--tenant__rent-label--mobile,
  .Clean__switch.c-Table--tenant__car-label--mobile,
  .Clean__switch.c-Table--tenant__status-label--mobile, .Clean__switch.c-Form__th, .Clean__switch.c-DocumentCheck__owner, .Clean__switch.c-DocumentCheck__building, .c-Table__td.Clean__switch, .Clean__switch.c-Table__td--phone-colored, .Clean__switch.c-Table--tenant__num, .Clean__switch.c-Table--tenant__contract,
  .Clean__switch.c-Table--tenant__date-in,
  .Clean__switch.c-Table--tenant__date-out,
  .Clean__switch.c-Table--tenant__name,
  .Clean__switch.c-Table--tenant__status, .Clean__switch.c-Table--tenant__rent,
  .Clean__switch.c-Table--tenant__car, .Clean__switch.c-Table--tenant__note, .Clean__switch.c-Form__td {
    width: 30%;
    text-align: center;
    /* border-bottom: none; */ }
  .c-Table__th.Clean__mention, .Clean__mention.c-Table--tenant__contract-label,
  .Clean__mention.c-Table--tenant__date-in-label,
  .Clean__mention.c-Table--tenant__date-out-label,
  .Clean__mention.c-Table--tenant__name-label,
  .Clean__mention.c-Table--tenant__note-label,
  .Clean__mention.c-Table--tenant__num-label,
  .Clean__mention.c-Table--tenant__rent-label,
  .Clean__mention.c-Table--tenant__car-label,
  .Clean__mention.c-Table--tenant__status-label, .Clean__mention.c-Table--tenant__contract-label--mobile,
  .Clean__mention.c-Table--tenant__date-in-label--mobile,
  .Clean__mention.c-Table--tenant__date-out-label--mobile,
  .Clean__mention.c-Table--tenant__name-label--mobile,
  .Clean__mention.c-Table--tenant__rent-label--mobile,
  .Clean__mention.c-Table--tenant__car-label--mobile,
  .Clean__mention.c-Table--tenant__status-label--mobile, .Clean__mention.c-Form__th, .Clean__mention.c-DocumentCheck__owner, .Clean__mention.c-DocumentCheck__building, .c-Table__td.Clean__mention, .Clean__mention.c-Table__td--phone-colored, .Clean__mention.c-Table--tenant__num, .Clean__mention.c-Table--tenant__contract,
  .Clean__mention.c-Table--tenant__date-in,
  .Clean__mention.c-Table--tenant__date-out,
  .Clean__mention.c-Table--tenant__name,
  .Clean__mention.c-Table--tenant__status, .Clean__mention.c-Table--tenant__rent,
  .Clean__mention.c-Table--tenant__car, .Clean__mention.c-Table--tenant__note, .Clean__mention.c-Form__td {
    width: 100%;
    border-top-style: dotted;
    margin-top: -1px;
    background: #fff; } }

@media (max-width: 30em) {
  .c-Table__th.Clean__title, .Clean__title.c-Table--tenant__contract-label,
  .Clean__title.c-Table--tenant__date-in-label,
  .Clean__title.c-Table--tenant__date-out-label,
  .Clean__title.c-Table--tenant__name-label,
  .Clean__title.c-Table--tenant__note-label,
  .Clean__title.c-Table--tenant__num-label,
  .Clean__title.c-Table--tenant__rent-label,
  .Clean__title.c-Table--tenant__car-label,
  .Clean__title.c-Table--tenant__status-label, .Clean__title.c-Table--tenant__contract-label--mobile,
  .Clean__title.c-Table--tenant__date-in-label--mobile,
  .Clean__title.c-Table--tenant__date-out-label--mobile,
  .Clean__title.c-Table--tenant__name-label--mobile,
  .Clean__title.c-Table--tenant__rent-label--mobile,
  .Clean__title.c-Table--tenant__car-label--mobile,
  .Clean__title.c-Table--tenant__status-label--mobile, .Clean__title.c-Form__th, .Clean__title.c-DocumentCheck__owner, .Clean__title.c-DocumentCheck__building, .c-Table__td.Clean__title, .Clean__title.c-Table__td--phone-colored, .Clean__title.c-Table--tenant__num, .Clean__title.c-Table--tenant__contract,
  .Clean__title.c-Table--tenant__date-in,
  .Clean__title.c-Table--tenant__date-out,
  .Clean__title.c-Table--tenant__name,
  .Clean__title.c-Table--tenant__status, .Clean__title.c-Table--tenant__rent,
  .Clean__title.c-Table--tenant__car, .Clean__title.c-Table--tenant__note, .Clean__title.c-Form__td {
    width: 60%; }
  .c-Table__th.Clean__switch, .Clean__switch.c-Table--tenant__contract-label,
  .Clean__switch.c-Table--tenant__date-in-label,
  .Clean__switch.c-Table--tenant__date-out-label,
  .Clean__switch.c-Table--tenant__name-label,
  .Clean__switch.c-Table--tenant__note-label,
  .Clean__switch.c-Table--tenant__num-label,
  .Clean__switch.c-Table--tenant__rent-label,
  .Clean__switch.c-Table--tenant__car-label,
  .Clean__switch.c-Table--tenant__status-label, .Clean__switch.c-Table--tenant__contract-label--mobile,
  .Clean__switch.c-Table--tenant__date-in-label--mobile,
  .Clean__switch.c-Table--tenant__date-out-label--mobile,
  .Clean__switch.c-Table--tenant__name-label--mobile,
  .Clean__switch.c-Table--tenant__rent-label--mobile,
  .Clean__switch.c-Table--tenant__car-label--mobile,
  .Clean__switch.c-Table--tenant__status-label--mobile, .Clean__switch.c-Form__th, .Clean__switch.c-DocumentCheck__owner, .Clean__switch.c-DocumentCheck__building, .c-Table__td.Clean__switch, .Clean__switch.c-Table__td--phone-colored, .Clean__switch.c-Table--tenant__num, .Clean__switch.c-Table--tenant__contract,
  .Clean__switch.c-Table--tenant__date-in,
  .Clean__switch.c-Table--tenant__date-out,
  .Clean__switch.c-Table--tenant__name,
  .Clean__switch.c-Table--tenant__status, .Clean__switch.c-Table--tenant__rent,
  .Clean__switch.c-Table--tenant__car, .Clean__switch.c-Table--tenant__note, .Clean__switch.c-Form__td {
    width: 40%; } }

.c-checkmark::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 15px;
  border: #54a12e 3px solid;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  border-top-color: transparent;
  border-left-color: transparent; }

.CodeAuth {
  padding: 2rem;
  border-radius: 0.5rem;
  background-color: #fef1f3; }
  .CodeAuth .c-Table--responsive, .CodeAuth .c-Table--building, .CodeAuth .c-Table--tenant, .CodeAuth .BuildingReport__table--monthly, .CodeAuth .c-DocumentCheck {
    border: none;
    width: 80%;
    margin: auto; }
  .CodeAuth .c-Table__tr {
    border: none; }
  .CodeAuth .c-Form__th {
    border: none;
    background: transparent;
    text-align: right; }
  .CodeAuth .c-Form__td {
    border: none;
    text-align: left;
    margin: 0; }
  @media (max-width: 60em) {
    .CodeAuth .c-Table--responsive, .CodeAuth .c-Table--building, .CodeAuth .c-Table--tenant, .CodeAuth .BuildingReport__table--monthly, .CodeAuth .c-DocumentCheck {
      width: 100%; }
    .CodeAuth .c-Form__th {
      width: 100% !important;
      text-align: center; }
    .CodeAuth .c-Form__td {
      width: 100% !important;
      -webkit-justify-content: center;
      justify-content: center; } }
  @media (max-width: 30em) {
    .CodeAuth {
      padding: 0;
      background: transparent; }
      .CodeAuth .c-Form__th, .CodeAuth .c-Form__td {
        text-align: left; } }

.CodeAuth__form {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .CodeAuth__form .u-req {
    float: none; }
  @media (max-width: 30em) {
    .CodeAuth__form {
      flex-direction: column; } }

.CodeAuth__message {
  width: 100%;
  margin-bottom: 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; }
  @media (max-width: 60em) {
    .CodeAuth__message {
      text-align: center;
      display: inline; }
      .CodeAuth__message::before {
        content: "※"; } }
  @media (max-width: 30em) {
    .CodeAuth__message {
      text-align: left;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex; } }

.CodeAuth__message-icon {
  width: 1.6rem; }
  @media (max-width: 60em) {
    .CodeAuth__message-icon {
      display: none; } }

.CodeAuth__label {
  margin: 0 1rem 0 0;
  width: 8em;
  font-weight: bold;
  display: inline; }
  @media (max-width: 30em) {
    .CodeAuth__label {
      margin: 0;
      font-weight: normal;
      width: auto; } }

.CodeAuth__input {
  margin: 0 0.5rem 0 0; }
  @media (max-width: 30em) {
    .CodeAuth__input {
      margin: 0 0 0.5rem 0;
      width: 100%; } }

@media (max-width: 30em) {
  .CodeAuth__button {
    margin-top: 1rem; } }

.Contact {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #f2f6f7; }
  @media (max-width: 30em) {
    .Contact {
      padding: 0.5rem 0.5rem 1rem; } }

.Contact__group {
  display: flex;
  align-items: center;
  margin-bottom: 1rem; }
  .Contact__group .c-Form__notes {
    margin-bottom: 0; }
  .Contact__group.is-hasnote {
    margin-bottom: 0; }
  @media (max-width: 30em) {
    .Contact__group {
      display: block; } }

.Contact__label, .Contact__label--body {
  flex: 0 0 10rem;
  margin: 0;
  width: 8rem;
  color: #66696b;
  font-weight: bold; }
  @media (max-width: 30em) {
    .Contact__label, .Contact__label--body {
      padding-bottom: 0.25rem; } }

.Contact__label--body {
  align-self: flex-start; }

.Contact__title {
  width: 100%; }

.Contact__category {
  width: 100%; }

.Contact__body {
  align-self: flex-start;
  min-height: 10em; }

.Contact__send {
  width: 60%;
  margin: auto;
  justify-content: space-between; }
  @media (max-width: 60em) {
    .Contact__send {
      width: 100%; } }
  .Contact__send .Contact__send-item {
    width: 49%; }
    @media (max-width: 30em) {
      .Contact__send .Contact__send-item {
        width: 49%;
        margin: 0; } }
    .Contact__send .Contact__send-item .Contact__send-btn {
      width: 100%;
      justify-content: center;
      font-size: 1.25em; }
      @media (max-width: 30em) {
        .Contact__send .Contact__send-item .Contact__send-btn {
          margin-top: 0.5rem; } }

.ContactLog__item, .Contact__detail {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 1rem;
  padding: 0;
  height: auto; }
  .ContactLog__item:after, .Contact__detail:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    width: 0;
    height: 0;
    border: 0.5rem solid transparent;
    border-left-color: #c5cacc; }
    @media (max-width: 30em) {
      .ContactLog__item:after, .Contact__detail:after {
        right: 0; } }

.ContactLog__title {
  margin-bottom: 0;
  padding: 0.5rem 2rem 0.5rem 1rem;
  /*color: #007bff;*/
  font-size: 1.125em;
  line-height: 1.5em;
  word-break: break-all; }
  @media (max-width: 30em) {
    .ContactLog__title {
      padding: 0.5rem 2rem 0.5rem 0.5rem; } }

.ContactLog__category,
.ContactLog__date {
  display: inline-block; }
  @media (max-width: 60em) {
    .ContactLog__category,
    .ContactLog__date {
      padding-right: 2rem; } }
  @media (max-width: 30em) {
    .ContactLog__category,
    .ContactLog__date {
      display: block; } }

.ContactLog__category {
  padding-left: 1rem;
  padding-right: 1rem;
  min-width: 18rem;
  margin-bottom: 0.5rem;
  word-break: break-all; }
  @media (max-width: 30em) {
    .ContactLog__category {
      padding-left: 0.5rem;
      margin-bottom: 0.5rem; } }

.ContactLog__date {
  padding-right: 1rem;
  padding-left: 1rem;
  margin-bottom: 0.5rem; }
  @media (max-width: 60em) {
    .ContactLog__date {
      padding-left: 1rem; } }
  @media (max-width: 30em) {
    .ContactLog__date {
      margin-bottom: 0.75rem;
      padding-left: 0.5rem; } }

.ContactLog__body {
  /*-
  padding: 1rem 1rem 0 1rem;
  ---藤井の記述↓--*/
  padding: 1rem 1rem 1rem 1rem;
  border-top: 1px dotted #c5cacc;
  margin-bottom: 0;
  line-height: 1.6em; }
  .ContactLog__body pre {
    margin-bottom: 0;
    width: 100%;
    white-space: pre-wrap;
    word-break: break-all; }

@media (max-width: 30em) {
  .ContactLog__tab {
    justify-content: space-between; } }

.ContactLog__tab .c-tab-item--contact {
  width: 9.5em;
  text-align: center; }
  .ContactLog__tab .c-tab-item--contact a {
    padding: 0.25rem 0.25rem; }
    @media (max-width: 30em) {
      .ContactLog__tab .c-tab-item--contact a {
        padding: 0.5rem 0.25rem;
        font-size: 0.875rem; } }
  @media (max-width: 30em) {
    .ContactLog__tab .c-tab-item--contact {
      width: calc((100% - 0.5rem) / 2);
      font-size: 0.85em;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center; } }

.ContactLog__label {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 0 0.5rem;
  border-radius: 2em;
  background-color: #dee3e5;
  color: #66696b;
  font-size: smaller;
  line-height: 1.5em;
  min-width: 6em;
  text-align: center; }

/*
.ContactLog__rep {
    margin: 0;
    padding: 0.25rem 1rem;
    background-color: $warning-light;
    color: $gray-600;
    font-weight: bold;

    &.is-replied {
        background-color: $success-light;
        color: $success;
        font-weight: bold;

    }
}
*/
.ContactLog__btn-lg {
  justify-content: center;
  align-items: center;
  margin: 0 auto 1rem auto; }

.ContactLog__btn-lg--02 {
  justify-content: center;
  align-items: center;
  margin: 0 auto 1rem auto;
  box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.1);
  padding: 1rem; }
  .ContactLog__btn-lg--02:hover {
    box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.1); }

/*--藤井の記述*/
.ContactLog__rep {
  margin-right: 0.5rem;
  padding: 0.2rem 0.5rem;
  background-color: #fde6cb;
  color: #66696b;
  font-weight: bold;
  font-size: 0.8em;
  border-radius: 2em;
  display: inline-block;
  text-align: center;
  width: 5.5em; }
  .ContactLog__rep.is-replied {
    background-color: #c4e9b2;
    color: #54a12e;
    font-weight: bold;
    border-radius: 2em; }

.Contact__detail {
  box-shadow: none;
  cursor: default; }
  .Contact__detail:after {
    display: none; }
  .Contact__detail:active {
    transform: none;
    background-color: #fff;
    box-shadow: none; }
  .Contact__detail:hover {
    background-color: #fff; }

.Contact__answer {
  padding: 0.5rem 1rem 1rem 1rem;
  border: 1px solid #c5cacc;
  border-radius: 0.25rem; }

.Contact__answer--emphasis {
  padding: 1rem;
  margin: 1rem 0;
  background: rgba(215, 10, 48, 0.1);
  border-radius: 0.5rem; }

.HelpDesk {
  display: flex; }
  @media (max-width: 30em) {
    .HelpDesk {
      display: block; } }

.HelpDesk__heading {
  flex: 0 0 auto;
  font-size: 1.25rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center; }

.HelpDesk__info {
  flex: 1 1 auto;
  padding: 0 1rem 0 2rem; }
  @media (max-width: 60em) {
    .HelpDesk__info {
      padding: 0 0 0 3.5rem; } }

.HelpDesk__icon {
  width: 3rem;
  margin-right: 0.5rem; }
  @media (max-width: 60em) {
    .HelpDesk__icon {
      width: 3rem; } }

.HelpDesk__phone-number {
  display: block;
  color: #66696b;
  font-size: 1.75rem;
  font-weight: bold; }

.HelpDesk__label {
  color: #888b8d;
  word-break: keep-all; }
  @media (max-width: 30em) {
    .HelpDesk__label {
      display: block; } }

.HelpDesk__time {
  font-weight: bold;
  word-break: keep-all; }

.HelpDesk__note {
  color: #888b8d;
  word-break: keep-all; }

.HelpDesk__question {
  padding: 0.5rem;
  flex-wrap: wrap; }
  @media (max-width: 30em) {
    .HelpDesk__question {
      padding: 0; }
      .HelpDesk__question .HelpDesk__icon {
        width: 1.5rem; } }
  .HelpDesk__question .HelpDesk__info .HelpDesk__label, .HelpDesk__question .HelpDesk__info .HelpDesk__time, .HelpDesk__question .HelpDesk__info .HelpDesk__note {
    white-space: nowrap;
    display: inline-block; }
  @media (max-width: 30em) {
    .HelpDesk__question .HelpDesk__info {
      padding-left: 2em;
      width: 100%; } }

.ContactOffice {
  display: flex; }
  @media (max-width: 30em) {
    .ContactOffice {
      display: block; } }

.ContactOffice__profile {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  padding-right: 1rem; }

.ContactOffice__info {
  flex: 1 1 auto;
  padding-left: 1rem; }
  @media (max-width: 30em) {
    .ContactOffice__info {
      padding-right: 1rem; } }

.ContactOffice__person {
  padding: 0.5rem; }
  @media (max-width: 30em) {
    .ContactOffice__person {
      width: 50%; } }

.ContactOffice__person-image {
  width: 10rem; }
  @media (max-width: 30em) {
    .ContactOffice__person-image {
      width: 100%;
      max-width: 10rem; } }

.ContactOffice__name {
  font-size: 1.25em; }

.ContactOffice__label {
  color: #888b8d; }

.ContactOffice__information-head {
  width: 100%;
  font-weight: bold;
  font-size: 1.5em; }

.ContactOffice__information {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; }
  @media (max-width: 30em) {
    .ContactOffice__information {
      flex-wrap: wrap;
      width: 100%; } }

.ContactOffice__photo {
  width: 45%; }
  @media (max-width: 30em) {
    .ContactOffice__photo {
      width: 100%;
      margin-bottom: 1rem; } }

.ContactOffice__photo-img {
  display: block;
  width: 10rem;
  margin-right: 0.5rem;
  text-align: center; }
  .ContactOffice__photo-img img {
    max-width: 100%;
    height: auto;
    border: 5px solid #fff;
    box-shadow: 0 0 0 1px #c5cacc;
    margin-bottom: 0.5rem; }
  @media (max-width: 30em) {
    .ContactOffice__photo-img {
      width: 49%; }
      .ContactOffice__photo-img:last-child {
        margin-right: 0; } }

.ContactOffice__photo-name {
  text-align: center;
  width: 100%;
  font-size: 0.75em; }
  @media (max-width: 60em) {
    .ContactOffice__photo-name {
      font-size: 1em; } }

.ContactOffice__information-label {
  width: 4.5em;
  display: inline-block;
  background: #dee3e5;
  color: #66696b;
  text-align: center;
  padding: 0;
  margin-right: 0.5rem; }

.ContactOffice__information-name {
  align-items: center;
  width: 100%;
  margin-bottom: 0.25rem; }
  .ContactOffice__information-name:last-child {
    margin-bottom: 0; }

.ContactOffice__information-text {
  width: 65%; }
  @media (max-width: 60em) {
    .ContactOffice__information-text {
      width: 100%; } }

@media (max-width: 60em) {
  .ContactOffice__information {
    width: 100%; } }

.ContactOffice__information-list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 0.875em;
  border-top: 1px solid #c5cacc; }
  @media (max-width: 30em) {
    .ContactOffice__information-list {
      font-size: 1em; } }
  .ContactOffice__information-list dt {
    width: 20%;
    background: #efeeeb;
    border-left: 1px solid #c5cacc; }
    @media (max-width: 60em) {
      .ContactOffice__information-list dt {
        width: 27%; } }
  .ContactOffice__information-list dd {
    width: 80%;
    padding-left: 0.5rem; }
    @media (max-width: 60em) {
      .ContactOffice__information-list dd {
        width: 73%; } }
  .ContactOffice__information-list dt, .ContactOffice__information-list dd {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1.6;
    border-bottom: 1px solid #c5cacc;
    border-right: 1px solid #c5cacc;
    min-height: 2.5rem;
    padding: 0.5em 0.5em;
    margin-bottom: 0; }
    @media (max-width: 60em) {
      .ContactOffice__information-list dt, .ContactOffice__information-list dd {
        padding: 0.5em; } }

.MagazineList {
  background-color: #714520;
  background-image: url(../images/bg_wooddeck.jpg);
  background-size: 400px; }
  @media (max-width: 60em) {
    .MagazineList {
      width: 100vw;
      margin-left: -0.5rem; } }

.MagazineList__shelf {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  align-items: flex-end; }

.MagazineList__item {
  position: relative;
  flex: 1 1 25%; }
  @media (max-width: 60em) {
    .MagazineList__item {
      flex: 1 1 30%; } }
  @media (max-width: 30em) {
    .MagazineList__item {
      flex: 1 1 50%; } }

.MagazineList__item--lastest {
  position: relative;
  flex: 1 1 100%; }

.MagazineList__book, .MagazineList__book--lastest {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 1rem 1rem 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.35)); }

.MagazineList__book--lastest {
  padding: 1rem 2rem 0; }
  @media (max-width: 30em) {
    .MagazineList__book--lastest {
      padding: 1rem 0.5rem 0; } }

.MagazineList__stand, .MagazineList__stand--lastest {
  position: relative;
  z-index: 2;
  padding: 0.5rem 1rem;
  border-top: 1px solid #995d2b;
  background-image: linear-gradient(rgba(153, 93, 43, 0.3), rgba(153, 93, 43, 0));
  color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.3), 0 -0.125rem 0 rgba(0, 0, 0, 0.25); }
  @media (max-width: 30em) {
    .MagazineList__stand, .MagazineList__stand--lastest {
      padding: 0.5rem 0.25rem;
      font-size: 0.73rem; } }

.MagazineList__stand--lastest {
  padding: 0.5rem 2rem;
  text-align: left; }
  @media (max-width: 30em) {
    .MagazineList__stand--lastest {
      padding: 0.5rem 1rem; } }

.MagazineList__thumbnail {
  display: block;
  margin: auto auto;
  width: 8rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3); }
  @media (max-width: 30em) {
    .MagazineList__thumbnail {
      width: 6rem; } }

.MagazineList__thumbnail--lastest {
  width: auto;
  max-width: none;
  height: 12rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3); }
  @media (max-width: 30em) {
    .MagazineList__thumbnail--lastest {
      height: 9rem; } }

.MagazineList__info {
  flex: 1 1 1rem;
  overflow: auto;
  margin-left: 1rem;
  padding: 0 0.5rem;
  height: 12rem;
  background-color: #ffc;
  overflow-y: auto;
  -ms-overflow-style: none; }
  .MagazineList__info pre {
    white-space: pre-wrap;
    word-break: break-word;
    overflow: hidden;
    width: 100%;
    padding: 0 0.5rem; }
  @media (max-width: 30em) {
    .MagazineList__info {
      margin-left: 0.5rem;
      padding: 0 0.25rem 0 0rem;
      height: 9rem;
      font-size: 0.875em; } }
  .MagazineList__info > ol > li {
    word-break: break-all; }

.MagazineList__info::-webkit-scrollbar {
  display: none; }

.MagazineList__info-title {
  padding: 0.5rem;
  font-size: 1.25em;
  margin-bottom: 0; }

.MagazineList__link {
  flex: 0 0 auto;
  display: block;
  margin: auto auto; }
  .MagazineList__link:hover {
    box-shadow: 0 0 0.25rem 0.25rem #ffd200; }

.MagazineList__item.is-active .MagazineList__link,
.MagazineList__item--lastest.is-active .MagazineList__link {
  box-shadow: 0 0 0.25rem 0.25rem #ffd200; }

.MagazineList__item.is-active .MagazineList__stand, .MagazineList__item.is-active .MagazineList__stand--lastest,
.MagazineList__item--lastest.is-active .MagazineList__stand,
.MagazineList__item--lastest.is-active .MagazineList__stand--lastest {
  color: #ffd200; }

.MagazineList__item.is-disable .MagazineList__link, .MagazineList__item.is-disable .MagazineList__stand span, .MagazineList__item.is-disable .MagazineList__stand--lastest span {
  visibility: hidden; }

.MagazineList__item.is-disable .is-empty {
  display: block;
  flex: 0 0 auto;
  overflow: hidden;
  min-width: 8rem;
  padding-top: 141.512%; }
  @media (max-width: 30em) {
    .MagazineList__item.is-disable .is-empty {
      min-width: 6rem; } }

.MagazineTab {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.5rem;
  border-bottom: 4px solid #492d15;
  background-color: #855126;
  background-image: url(../images/bg_wooddeck.jpg);
  background-size: 400px;
  box-shadow: inset 0 10px 30px rgba(153, 93, 43, 0.5);
  height: 4rem; }
  @media (max-width: 60em) {
    .MagazineTab {
      width: 100vw;
      margin-top: -0.5rem;
      margin-left: -0.5rem; } }

.MagazineTab__item {
  flex: 0 0 auto;
  overflow: hidden;
  min-width: 8rem;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2); }
  .MagazineTab__item:first-child {
    border-radius: 10px 0 0 10px; }
  .MagazineTab__item:last-child {
    border-radius: 0 10px 10px 0; }
  @media (max-width: 30em) {
    .MagazineTab__item {
      min-width: 5rem;
      font-size: 0.875rem; } }

.MagazineTab__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1rem;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top-width: 0;
  background-color: rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  color: #fff;
  text-align: center; }
  .MagazineTab__link:hover {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    text-decoration: none; }

.is-active .MagazineTab__link {
  background: rgba(0, 0, 0, 0.5); }

.MagazinePagenation {
  position: relative;
  padding: 1rem;
  background-color: #714520;
  background-image: url(../images/bg_wooddeck.jpg);
  background-size: 400px;
  text-align: center;
  min-height: 5em; }
  @media (max-width: 60em) {
    .MagazinePagenation {
      width: 100vw;
      margin-left: -0.5rem;
      margin-bottom: -3rem; } }
  .MagazinePagenation .c-Pagenation__link {
    border-radius: 10px;
    border-color: rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    color: #fff;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2); }
  @media (min-width: 60.001em) {
    .MagazinePagenation .c-Pagenation__option {
      top: 1rem;
      right: 1rem; } }
  .MagazinePagenation .c-Pagenation__option-button {
    border-radius: 10px;
    border-color: rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    color: #fff;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2); }

.MagazinModal__title {
  margin: 0 1.5rem 0 -0.75rem;
  padding: 0.25rem 0;
  font-size: 0.875em; }

.MagazinModal__thumbnail {
  display: block;
  margin: auto auto 1rem;
  width: auto;
  height: 30vh;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3); }

.MagazinModal__thumbnail--btn {
  margin-right: 1rem;
  width: auto;
  height: 4rem;
  border: 1px solid #c5cacc;
  transform: rotate(5deg); }

.MagazinModal__read {
  width: 100%;
  font-size: 1.125rem; }
  .MagazinModal__read:hover {
    color: #fff; }

.MagazinModal__contents {
  max-height: 14rem;
  overflow: auto;
  text-align: left;
  width: 100%;
  white-space: pre-wrap; }

.Agreement__item {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #c5cacc;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 1rem; }

.Agreement__title {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: #e4e2dd;
  padding: 0.5em 1em;
  font-weight: bold;
  border-bottom: 1px dotted #c5cacc; }
  @media (max-width: 45em) {
    .Agreement__title {
      flex-wrap: wrap;
      padding: 0.25em 0.5em; } }

.Agreement__day {
  font-weight: normal;
  background: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 2px;
  font-size: 0.85em; }
  @media (max-width: 45em) {
    .Agreement__day {
      padding: 0.25rem; } }
  .Agreement__day span {
    padding-right: 0.5rem; }
    @media (max-width: 45em) {
      .Agreement__day span {
        padding-right: 0; } }

.Agreement__main {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1rem; }
  @media (max-width: 45em) {
    .Agreement__main {
      padding: 0.25rem; } }

.Agreement__img {
  width: 34%;
  text-align: center; }
  @media (max-width: 45em) {
    .Agreement__img {
      width: 100%; } }
  .Agreement__img img {
    max-width: 100%;
    height: auto;
    border: 5px solid #fff;
    box-shadow: 0 0 0 1px #c5cacc; }
    @media (max-width: 45em) {
      .Agreement__img img {
        box-shadow: none;
        border: none;
        padding-bottom: 0.5em; } }

.Agreement__btn {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  width: 100%; }

.Agreement__link {
  -webkit-flex: 1 0 32%;
  -ms-flex: 1 0 32%;
  flex: 1 0 32%;
  white-space: nowrap;
  margin-left: 1.5%; }
  .Agreement__link:first-child {
    margin-left: 0; }
  .Agreement__link a {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    letter-spacing: 0;
    font-size: 0.9375rem; }
    @media (max-width: 45em) {
      .Agreement__link a {
        height: 3.5em;
        padding: 0.25em;
        line-height: 1.3; } }

.Agreement__info {
  width: 64%; }
  @media (max-width: 45em) {
    .Agreement__info {
      width: 100%; } }
  .Agreement__info dl {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 0.875em; }
    .Agreement__info dl dt {
      width: 17%; }
      @media (max-width: 60em) {
        .Agreement__info dl dt {
          width: 27%; } }
    .Agreement__info dl dd {
      width: 83%;
      padding-left: 0.5rem; }
      @media (max-width: 60em) {
        .Agreement__info dl dd {
          width: 73%; } }
    .Agreement__info dl dd,
    .Agreement__info dl dt {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-items: center;
      border-bottom: 1px dotted #c5cacc;
      min-height: 2rem;
      padding: 0.25em 0.5em;
      margin-bottom: 0; }
      @media (max-width: 60em) {
        .Agreement__info dl dd,
        .Agreement__info dl dt {
          padding: 0.5em; } }
      @media (max-width: 45em) {
        .Agreement__info dl dd:last-of-type,
        .Agreement__info dl dt:last-of-type {
          border-bottom: none; } }

.Agreement__tip {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid #dee3e5;
  font-size: 0.875em; }
  .Agreement__tip > div {
    width: 33.33%;
    text-align: center;
    border-right: 1px solid #dee3e5; }
    .Agreement__tip > div:nth-of-type(3n) {
      border-right: none; }
    .Agreement__tip > div span {
      display: block; }
      .Agreement__tip > div span.Agreement__label {
        width: 100%;
        background: rgba(239, 238, 235, 0.8);
        padding: 0.25em 1em; }
        @media (max-width: 60em) {
          .Agreement__tip > div span.Agreement__label {
            padding: 0.25em 0; } }
      .Agreement__tip > div span.Agreement__num {
        padding: 0.5em; }

/* 追加ページ用 */
.Agreement__select {
  width: 60%;
  margin: auto; }
  @media (max-width: 60em) {
    .Agreement__select {
      width: 80%; } }
  @media (max-width: 30em) {
    .Agreement__select {
      width: 100%; } }

.Owner__table-info .c-Table__td-child, .Owner__table-info .c-Table__building {
  padding: 0.5em 1em; }

@media (max-width: 60em) {
  .Owner__table-info .is-flexcol {
    flex-direction: row;
    padding: 0.5em; }
  .Owner__table-info .c-Table__td-child, .Owner__table-info .c-Table__building {
    border-top: none;
    padding: 0.5em; }
  .Owner__table-info .is-dotted {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em; } }

@media (max-width: 30em) {
  .Owner__table-info .c-Table__td-child, .Owner__table-info .c-Table__building {
    border-top: none;
    padding: 0; } }

.Owner__list-area {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.6; }
  .Owner__list-area > span {
    width: 100%; }
    @media (max-width: 60em) {
      .Owner__list-area > span {
        width: 50%; } }

.Owner__form--box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 30em) {
    .Owner__form--box {
      padding: 0; } }

.Owner__form--label {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden; }
  .Owner__form--label.c-Radio::before {
    float: left;
    margin: 1em 0.6em; }
  .Owner__form--label.c-Radio::after {
    top: 0.9em; }

.Owner__form--item {
  display: block;
  padding: 0.25rem 0 0.25rem 0.5rem;
  float: left;
  width: calc(100% - 3rem); }

.Question__icon::before, .Question__question--title::before,
.Question__answer--title::before,
.Question__other--title::before, .Question__list .c-list-question a::before, .Question__other .c-list-question a::before, .u-question::before {
  content: "Q　";
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
  padding: 0.3em 0.4em 0.25em 0.4em;
  margin-right: 0.5rem;
  border-radius: 2em;
  line-height: 0.8em;
  font-weight: bold;
  text-align: center;
  background-image: none;
  background-color: #fff;
  color: #d70a30;
  box-shadow: inset 0 0 0 1px #d70a30; }

@-moz-document url-prefix() {
  .c-Message .Question__icon::before, .c-Message--error .Question__icon::before, .c-Message--info .Question__icon::before, .c-Message--success .Question__icon::before, .c-Message--beige .Question__icon::before, .c-Message--border .Question__icon::before, .c-Message .Question__question--title::before, .c-Message--error .Question__question--title::before, .c-Message--info .Question__question--title::before, .c-Message--success .Question__question--title::before, .c-Message--beige .Question__question--title::before, .c-Message--border .Question__question--title::before,
  .c-Message .Question__answer--title::before,
  .c-Message--error .Question__answer--title::before,
  .c-Message--info .Question__answer--title::before,
  .c-Message--success .Question__answer--title::before,
  .c-Message--beige .Question__answer--title::before,
  .c-Message--border .Question__answer--title::before,
  .c-Message .Question__other--title::before,
  .c-Message--error .Question__other--title::before,
  .c-Message--info .Question__other--title::before,
  .c-Message--success .Question__other--title::before,
  .c-Message--beige .Question__other--title::before,
  .c-Message--border .Question__other--title::before, .c-Message .Question__list .c-list-question a::before, .Question__list .c-list-question .c-Message a::before, .c-Message--error .Question__list .c-list-question a::before, .Question__list .c-list-question .c-Message--error a::before, .c-Message--info .Question__list .c-list-question a::before, .Question__list .c-list-question .c-Message--info a::before, .c-Message--success .Question__list .c-list-question a::before, .Question__list .c-list-question .c-Message--success a::before, .c-Message--beige .Question__list .c-list-question a::before, .Question__list .c-list-question .c-Message--beige a::before, .c-Message--border .Question__list .c-list-question a::before, .Question__list .c-list-question .c-Message--border a::before, .c-Message .Question__other .c-list-question a::before, .Question__other .c-list-question .c-Message a::before, .c-Message--error .Question__other .c-list-question a::before, .Question__other .c-list-question .c-Message--error a::before, .c-Message--info .Question__other .c-list-question a::before, .Question__other .c-list-question .c-Message--info a::before, .c-Message--success .Question__other .c-list-question a::before, .Question__other .c-list-question .c-Message--success a::before, .c-Message--beige .Question__other .c-list-question a::before, .Question__other .c-list-question .c-Message--beige a::before, .c-Message--border .Question__other .c-list-question a::before, .Question__other .c-list-question .c-Message--border a::before, .c-Message .u-question::before, .c-Message--error .u-question::before, .c-Message--info .u-question::before, .c-Message--success .u-question::before, .c-Message--beige .u-question::before, .c-Message--border .u-question::before {
    line-height: 0.3em;
    padding: 0.5em 0.4em 0.25em 0.4em; } }

.Question__content {
  width: 100%;
  border: 1px solid #c5cacc;
  border-radius: 5px;
  margin-bottom: 1.5rem; }

.Question__other {
  width: 100%;
  border: 1px solid #c5cacc;
  border-radius: 5px;
  margin-bottom: 1.5rem; }

.Question__question {
  position: relative;
  width: 100%; }

.Question__question--title,
.Question__answer--title,
.Question__other--title {
  font-weight: bold;
  background: #efeeeb;
  padding: 0.75em 1em;
  border-bottom: 1px dotted #c5cacc;
  margin-bottom: 0;
  border-radius: 5px 5px 0 0; }
  .Question__question--title::before,
  .Question__answer--title::before,
  .Question__other--title::before {
    padding: 0.25em 0.4em;
    line-height: 0.9em; }

.Question__answer--title {
  border-top: 1px solid #c5cacc;
  border-radius: 0; }
  .Question__answer--title::before {
    content: "A　";
    color: #141c91;
    box-shadow: inset 0 0 0 1px #141c91;
    padding-left: 0.45em; }

.Question__question--text,
.Question__answer--text,
.Question__other--text {
  padding: 0.75em 1em;
  line-height: 1.8; }
  @media (max-width: 30em) {
    .Question__question--text,
    .Question__answer--text,
    .Question__other--text {
      padding: 0.75em 1em 1.5em 1em; } }

.Question__category {
  font-size: 0.875rem;
  padding: 0.5em 1em;
  color: #888b8d;
  border-bottom: 1px dotted #c5cacc; }

.Question__list .c-list-question a, .Question__other .c-list-question a {
  padding-left: 2em; }

.Question__list-anchor {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex: 1 1 auto; }

.Question__list-anchor--item {
  width: 33.33%;
  border-bottom: 1px dotted #c5cacc; }
  .Question__list-anchor--item:last-child {
    flex-grow: 3; }
  @media (max-width: 60em) {
    .Question__list-anchor--item {
      width: 50%; }
      .Question__list-anchor--item:last-child {
        flex-grow: 2; } }
  @media (max-width: 30em) {
    .Question__list-anchor--item {
      width: 100%; } }

.Question__list-anchor--link {
  color: #2a2c2d;
  display: block;
  width: 100%;
  padding: 0.5rem 0 0.5rem 2rem;
  background-image: url(../images/icon-right-red-lg.png);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center left 5px; }
  .Question__list-anchor--link:hover {
    color: #2a2c2d; }
  @media (min-width: 128.001em) {
    .Question__list-anchor--link {
      background-size: 28px 28px;
      background-position: center left 10px; } }
  @media (max-width: 60em) {
    .Question__list-anchor--link {
      background-position: center left; } }

/* アンケートページ専用 */
.questionnaire {
  margin-bottom: 1.5em; }
  .questionnaire textarea {
    margin-bottom: -1.5em; }
  .questionnaire label {
    margin-bottom: 0; }
  .questionnaire.is-last {
    margin-bottom: 4em; }

.RecruiteStep {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  list-style-position: inside;
  margin: 0.5rem 0;
  padding: 0; }

.RecruiteStep__item {
  position: relative;
  flex: 0 0 auto;
  border-radius: 1.5em;
  text-align: center; }
  .RecruiteStep__item:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -0.75rem;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 0.25rem solid transparent;
    border-right-width: 0;
    border-left-color: #888b8d; }
  .RecruiteStep__item + .RecruiteStep__item {
    margin-left: 1.5rem; }
  .RecruiteStep__item:first-child:before {
    display: none; }

.test_a {
  background: #fff; }

/*--
.MeetingLo4{
  borde
  border-radius: 3px;r-radius: 3px;
  overflow: hidden;
}
--*/
/*---日付---*/
.MeetingLog__heading {
  background: #e4e2dd; }

.MeetingLog__date {
  background: #fff;
  padding: 0.15rem;
  border-radius: 3px;
  margin-right: 0.5rem;
  /*
  font-weight: bold;
  background: $white;
  padding:0.5rem 0.8rem;
  border-radius: 2px;
  font-size: 0.85em;
  */ }
  @media (max-width: 30em) {
    .MeetingLog__date {
      padding: 0.3rem; } }

/*----要望----*/
.MeetingLog__request-heading {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem;
  background-color: #efeeeb;
  font-weight: normal; }
  .MeetingLog__request-heading.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .MeetingLog__request-heading.is-v-center.c-text-center {
      justify-content: center; }
    .MeetingLog__request-heading.is-v-center.c-text-right {
      justify-content: flex-end; }
    .MeetingLog__request-heading.is-v-center.c-text-left {
      justify-content: flex-start; }
  .MeetingLog__request-heading .c-Table__input, .MeetingLog__request-heading .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .MeetingLog__request-heading .c-Table__input + .c-Table__input, .MeetingLog__request-heading .AnnualTable__button + .c-Table__input, .MeetingLog__request-heading .c-Table__input + .AnnualTable__button, .MeetingLog__request-heading .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .MeetingLog__request-heading {
      padding: 0.5rem; }
      .MeetingLog__request-heading .c-Table__input, .MeetingLog__request-heading .AnnualTable__button {
        margin: 0; } }
  .MeetingLog__request-heading.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }

.MeetingLog__request-body {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem; }
  .MeetingLog__request-body.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .MeetingLog__request-body.is-v-center.c-text-center {
      justify-content: center; }
    .MeetingLog__request-body.is-v-center.c-text-right {
      justify-content: flex-end; }
    .MeetingLog__request-body.is-v-center.c-text-left {
      justify-content: flex-start; }
  .MeetingLog__request-body .c-Table__input, .MeetingLog__request-body .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .MeetingLog__request-body .c-Table__input + .c-Table__input, .MeetingLog__request-body .AnnualTable__button + .c-Table__input, .MeetingLog__request-body .c-Table__input + .AnnualTable__button, .MeetingLog__request-body .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .MeetingLog__request-body {
      padding: 0.5rem; }
      .MeetingLog__request-body .c-Table__input, .MeetingLog__request-body .AnnualTable__button {
        margin: 0; } }
  .MeetingLog__request-body.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }

@media (max-width: 60em) {
  .MeetingLog__request-body-label {
    margin-bottom: 0.4em;
    border-bottom: #a8acae solid 1px;
    display: inline-block; } }

/*----解答----*/
.MeetingLog__answer-heading {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem;
  background-color: #efeeeb;
  font-weight: normal; }
  .MeetingLog__answer-heading.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .MeetingLog__answer-heading.is-v-center.c-text-center {
      justify-content: center; }
    .MeetingLog__answer-heading.is-v-center.c-text-right {
      justify-content: flex-end; }
    .MeetingLog__answer-heading.is-v-center.c-text-left {
      justify-content: flex-start; }
  .MeetingLog__answer-heading .c-Table__input, .MeetingLog__answer-heading .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .MeetingLog__answer-heading .c-Table__input + .c-Table__input, .MeetingLog__answer-heading .AnnualTable__button + .c-Table__input, .MeetingLog__answer-heading .c-Table__input + .AnnualTable__button, .MeetingLog__answer-heading .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .MeetingLog__answer-heading {
      padding: 0.5rem; }
      .MeetingLog__answer-heading .c-Table__input, .MeetingLog__answer-heading .AnnualTable__button {
        margin: 0; } }
  .MeetingLog__answer-heading.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }

.MeetingLog__answer-body {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem; }
  .MeetingLog__answer-body.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .MeetingLog__answer-body.is-v-center.c-text-center {
      justify-content: center; }
    .MeetingLog__answer-body.is-v-center.c-text-right {
      justify-content: flex-end; }
    .MeetingLog__answer-body.is-v-center.c-text-left {
      justify-content: flex-start; }
  .MeetingLog__answer-body .c-Table__input, .MeetingLog__answer-body .AnnualTable__button {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {
    .MeetingLog__answer-body .c-Table__input + .c-Table__input, .MeetingLog__answer-body .AnnualTable__button + .c-Table__input, .MeetingLog__answer-body .c-Table__input + .AnnualTable__button, .MeetingLog__answer-body .AnnualTable__button + .AnnualTable__button {
      margin-top: 1rem; } }
  @media (max-width: 30em) {
    .MeetingLog__answer-body {
      padding: 0.5rem; }
      .MeetingLog__answer-body .c-Table__input, .MeetingLog__answer-body .AnnualTable__button {
        margin: 0; } }
  .MeetingLog__answer-body.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }

@media (max-width: 60em) {
  .MeetingLog__answer-body-label {
    margin-bottom: 0.4em;
    border-bottom: #a8acae solid 1px;
    display: inline-block; } }

.Inspection__icon-box {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  .Inspection__icon-box .Inspection__icon {
    margin-right: 1.5rem; }
    @media (max-width: 30em) {
      .Inspection__icon-box .Inspection__icon {
        margin-right: 1rem; } }
  @media (max-width: 30em) {
    .Inspection__icon-box::after {
      content: "";
      display: block;
      height: 0; } }

.Inspection__icon--item {
  align-items: center;
  width: 1.3rem;
  height: 1.5rem;
  position: relative;
  margin-right: 0.5rem; }
  .Inspection__icon--item::before {
    content: ""; }

.Inspection__icon {
  -webkit-align-items: center;
  align-items: center;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  justify-content: center; }
  .Inspection__icon.is-complete {
    color: #54a12e; }
    .Inspection__icon.is-complete .Inspection__icon--item::before {
      width: 15px;
      height: 15px;
      border: transparent 2px solid;
      box-shadow: 0 0 0 3px #54a12e inset, 0 0 0 3px #54a12e;
      border-radius: 15px; }
  .Inspection__icon.is-ok {
    color: #4171c1; }
    .Inspection__icon.is-ok .Inspection__icon--item::before {
      width: 18px;
      height: 18px;
      box-shadow: 0 0 0 3px #4171c1 inset;
      border-radius: 15px; }
  .Inspection__icon.is-still {
    color: #f1880b; }
    .Inspection__icon.is-still .Inspection__icon--item::before {
      width: 0;
      height: 0;
      border: 10px solid #f1880b;
      margin-top: -13px;
      border-left-color: transparent;
      border-top-color: transparent;
      border-right-color: transparent;
      -webkit-transform: scaleY(1.5);
      -ms-transform: scaleY(1.5);
      transform: scaleY(1.5); }
  .Inspection__icon.is-bad {
    color: #c33;
    position: relative; }
    .Inspection__icon.is-bad .Inspection__icon--item::before, .Inspection__icon.is-bad .Inspection__icon--item::after {
      content: "";
      width: 20px;
      height: 4px;
      background: #c33;
      -webkit-transform: rotateZ(45deg);
      -ms-transform: rotateZ(45deg);
      transform: rotateZ(45deg);
      border-radius: 4px;
      position: absolute; }
    .Inspection__icon.is-bad .Inspection__icon--item::after {
      -webkit-transform: rotateZ(-45deg);
      -ms-transform: rotateZ(-45deg);
      transform: rotateZ(-45deg); }
  .Inspection__icon.is-none {
    color: #888b8d; }
    .Inspection__icon.is-none .Inspection__icon--item::before {
      width: 14px;
      height: 3px;
      background: #888b8d;
      margin-left: 3px;
      margin-top: 0.1em; }

@media (max-width: 60em) {
  .c-Table__th.Inspection__mention, .Inspection__mention.c-Table--tenant__contract-label,
  .Inspection__mention.c-Table--tenant__date-in-label,
  .Inspection__mention.c-Table--tenant__date-out-label,
  .Inspection__mention.c-Table--tenant__name-label,
  .Inspection__mention.c-Table--tenant__note-label,
  .Inspection__mention.c-Table--tenant__num-label,
  .Inspection__mention.c-Table--tenant__rent-label,
  .Inspection__mention.c-Table--tenant__car-label,
  .Inspection__mention.c-Table--tenant__status-label, .Inspection__mention.c-Table--tenant__contract-label--mobile,
  .Inspection__mention.c-Table--tenant__date-in-label--mobile,
  .Inspection__mention.c-Table--tenant__date-out-label--mobile,
  .Inspection__mention.c-Table--tenant__name-label--mobile,
  .Inspection__mention.c-Table--tenant__rent-label--mobile,
  .Inspection__mention.c-Table--tenant__car-label--mobile,
  .Inspection__mention.c-Table--tenant__status-label--mobile, .Inspection__mention.c-Form__th, .Inspection__mention.c-DocumentCheck__owner, .Inspection__mention.c-DocumentCheck__building, .c-Table__td.Inspection__mention, .Inspection__mention.c-Table__td--phone-colored, .Inspection__mention.c-Table--tenant__num, .Inspection__mention.c-Table--tenant__contract,
  .Inspection__mention.c-Table--tenant__date-in,
  .Inspection__mention.c-Table--tenant__date-out,
  .Inspection__mention.c-Table--tenant__name,
  .Inspection__mention.c-Table--tenant__status, .Inspection__mention.c-Table--tenant__rent,
  .Inspection__mention.c-Table--tenant__car, .Inspection__mention.c-Table--tenant__note, .Inspection__mention.c-Form__td {
    width: 100%;
    border-top-style: dotted;
    margin-top: -1px;
    background: #fff; } }

@media (max-width: 30em) {
  .c-Table__th.Inspection__title, .Inspection__title.c-Table--tenant__contract-label,
  .Inspection__title.c-Table--tenant__date-in-label,
  .Inspection__title.c-Table--tenant__date-out-label,
  .Inspection__title.c-Table--tenant__name-label,
  .Inspection__title.c-Table--tenant__note-label,
  .Inspection__title.c-Table--tenant__num-label,
  .Inspection__title.c-Table--tenant__rent-label,
  .Inspection__title.c-Table--tenant__car-label,
  .Inspection__title.c-Table--tenant__status-label, .Inspection__title.c-Table--tenant__contract-label--mobile,
  .Inspection__title.c-Table--tenant__date-in-label--mobile,
  .Inspection__title.c-Table--tenant__date-out-label--mobile,
  .Inspection__title.c-Table--tenant__name-label--mobile,
  .Inspection__title.c-Table--tenant__rent-label--mobile,
  .Inspection__title.c-Table--tenant__car-label--mobile,
  .Inspection__title.c-Table--tenant__status-label--mobile, .Inspection__title.c-Form__th, .Inspection__title.c-DocumentCheck__owner, .Inspection__title.c-DocumentCheck__building, .c-Table__td.Inspection__title, .Inspection__title.c-Table__td--phone-colored, .Inspection__title.c-Table--tenant__num, .Inspection__title.c-Table--tenant__contract,
  .Inspection__title.c-Table--tenant__date-in,
  .Inspection__title.c-Table--tenant__date-out,
  .Inspection__title.c-Table--tenant__name,
  .Inspection__title.c-Table--tenant__status, .Inspection__title.c-Table--tenant__rent,
  .Inspection__title.c-Table--tenant__car, .Inspection__title.c-Table--tenant__note, .Inspection__title.c-Form__td {
    width: 60%;
    background: #efeeeb;
    font-weight: bold; }
  .c-Table__th.Inspection__switch, .Inspection__switch.c-Table--tenant__contract-label,
  .Inspection__switch.c-Table--tenant__date-in-label,
  .Inspection__switch.c-Table--tenant__date-out-label,
  .Inspection__switch.c-Table--tenant__name-label,
  .Inspection__switch.c-Table--tenant__note-label,
  .Inspection__switch.c-Table--tenant__num-label,
  .Inspection__switch.c-Table--tenant__rent-label,
  .Inspection__switch.c-Table--tenant__car-label,
  .Inspection__switch.c-Table--tenant__status-label, .Inspection__switch.c-Table--tenant__contract-label--mobile,
  .Inspection__switch.c-Table--tenant__date-in-label--mobile,
  .Inspection__switch.c-Table--tenant__date-out-label--mobile,
  .Inspection__switch.c-Table--tenant__name-label--mobile,
  .Inspection__switch.c-Table--tenant__rent-label--mobile,
  .Inspection__switch.c-Table--tenant__car-label--mobile,
  .Inspection__switch.c-Table--tenant__status-label--mobile, .Inspection__switch.c-Form__th, .Inspection__switch.c-DocumentCheck__owner, .Inspection__switch.c-DocumentCheck__building, .c-Table__td.Inspection__switch, .Inspection__switch.c-Table__td--phone-colored, .Inspection__switch.c-Table--tenant__num, .Inspection__switch.c-Table--tenant__contract,
  .Inspection__switch.c-Table--tenant__date-in,
  .Inspection__switch.c-Table--tenant__date-out,
  .Inspection__switch.c-Table--tenant__name,
  .Inspection__switch.c-Table--tenant__status, .Inspection__switch.c-Table--tenant__rent,
  .Inspection__switch.c-Table--tenant__car, .Inspection__switch.c-Table--tenant__note, .Inspection__switch.c-Form__td {
    width: 40%;
    text-align: center;
    margin-right: 0; } }

.c-checkmark::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 15px;
  border: #54a12e 3px solid;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  border-top-color: transparent;
  border-left-color: transparent; }

.GotoTop {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2; }
  .GotoTop.is-shown {
    opacity: 1; }
  .GotoTop.is-bottom {
    bottom: 5.5rem; }
  @media (max-width: 60em) {
    .GotoTop {
      right: 1rem;
      bottom: 1rem; }
      .GotoTop.is-bottom {
        bottom: 12rem; } }
  @media (max-width: 30em) {
    .GotoTop {
      right: 0.25rem;
      bottom: 0.5rem; }
      .GotoTop.is-bottom {
        bottom: 14rem; } }

.GotoTop__button {
  display: block;
  overflow: hidden;
  width: 4rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background-color: rgba(168, 172, 174, 0.8);
  color: transparent;
  text-indent: 100%;
  word-break: keep-all;
  white-space: nowrap; }
  .GotoTop__button:after {
    content: '';
    display: block;
    margin: -0.25rem auto auto;
    width: 1rem;
    height: 1rem;
    border: 1px solid #fff;
    border-width: 4px 4px 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 1.2rem;
    left: 1.5rem; }
  @media (max-width: 60em) {
    .GotoTop__button {
      transform: scale(0.9); } }
  @media (max-width: 30em) {
    .GotoTop__button {
      height: 3rem;
      transform: scale(0.75); }
      .GotoTop__button:after {
        margin: 0 auto auto; } }

.Home__section a {
  -webkit-transition: all .3s;
  transition: all .3s;
  display: block; }
  .Home__section a:hover {
    opacity: 0.75; }

.Home__title,
.Home__title--service,
.Home__title--disaster,
.Home__title--magazine,
.Home__title--new,
.Home__title--guide {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  font-weight: bold;
  border-bottom: 2px solid #454849;
  color: #454849;
  font-size: 1.75em;
  margin-bottom: 1rem; }
  .Home__title::before,
  .Home__title--service::before,
  .Home__title--disaster::before,
  .Home__title--magazine::before,
  .Home__title--new::before,
  .Home__title--guide::before {
    content: "";
    display: block;
    width: 1.75em;
    height: 1.75em;
    margin-right: 0.4em;
    margin-top: -3px;
    margin-bottom: 3px;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center; }

.Home__title--service::before {
  background-image: url(../images/icon_sercive-md-off.png?4221792703); }

.Home__title--disaster::before {
  background-image: url(../images/icon_disaster-sm-off.png?4221792703); }

.Home__title--magazine::before {
  background-image: url(../images/icon_info-sm-off_1.png?4221792703); }

.Home__title--new::before {
  background-image: url(../images/icon_new-md-off.png?4221792703); }

.Home__title--guide::before {
  background-image: url(../images/icon_guide-sm-off.png?4221792703); }

.Home__slider-item {
  opacity: 0.5; }
  .Home__slider-item.slick-center {
    opacity: 1; }
  .Home__slider-item img {
    width: 100%;
    margin: 0 auto; }

.Home__owner {
  background: #F2EBDF;
  border-top: 1px solid #B1B1B1;
  border-bottom: 1px solid #B1B1B1;
  text-align: center; }

.Home__owner-name {
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 0.5em;
  margin-top: 0.5em; }

.Home__owner-login {
  font-size: 0.875em;
  margin-bottom: 0.75em; }

.Home__owner-label {
  font-weight: bold;
  padding-right: 1rem; }

.slick-dotted.slick-slider {
  margin-bottom: 0; }

.slick-dots {
  bottom: 0; }

.slick-dots li {
  margin: 0; }

.slick-dots li.slick-active button:before {
  color: #76051a; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  color: #bf092b; }

.Home__newsticker {
  background: #fff;
  color: #333;
  padding: 0.5em 0;
  border-bottom: 1px #CCC solid;
  transition: background-color .3s; }
  .Home__newsticker:hover {
    background: rgba(215, 10, 48, 0.2); }

.Home__newsticker-item {
  cursor: pointer; }

.Home__newsticker-item--text {
  padding: 0 5rem 0 0;
  margin: 0 auto;
  white-space: nowrap; }
  .Home__newsticker-item--text a {
    color: #333;
    text-decoration: underline; }

.Home__newsticker-img {
  width: 1em;
  height: 1em;
  margin-bottom: 2px;
  margin-right: 5px; }

.Home__summary {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 1rem; }

.Home__summary-link {
  display: block;
  width: 100%;
  height: 100%;
  color: #2a2c2d; }
  .Home__summary-link:hover {
    text-decoration: none;
    color: #2a2c2d;
    background: rgba(215, 10, 48, 0.2); }

.Home__summary-item {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc((100% - 15px) / 4);
  align-items: center;
  border-right: 1px solid #888b8d; }
  .Home__summary-item:first-child {
    border-left: 1px solid #888b8d; }

.Home__summary-photo {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 0.5rem;
  width: 100%;
  height: 3.5rem; }

.Home__summary-img {
  height: auto; }
  .Home__summary-img.is-building {
    width: 56px; }
  .Home__summary-img.is-money {
    width: 43px; }
  .Home__summary-img.is-info {
    width: 40px; }
  .Home__summary-img.is-contact {
    width: 54px; }

.Home__summary-name {
  font-size: 1em;
  margin-bottom: 0.5em;
  width: 100%;
  text-align: center; }

.Home__service-bnr {
  margin-bottom: 2rem; }

.Home__service-photo {
  width: 100%; }

.Home__service-slider {
  box-shadow: 0 0 0 1px #888b8d inset;
  width: 95%;
  margin: 0 2.5% 2rem 2.5%;
  margin-bottom: 2rem;
  position: relative; }

.Home__service-slider--img {
  width: 100%;
  padding: 1rem; }

.Home__service-arrow {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1.5rem;
  background: #888b8d;
  z-index: 1;
  cursor: pointer; }
  .Home__service-arrow.is-before {
    left: -2.5%; }
  .Home__service-arrow.is-next {
    right: -2.5%; }

.Home__service-arrow--icon {
  width: 12px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.Home__coupon-list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.Home__coupon-list--item {
  width: 49%;
  margin-bottom: 1rem;
  box-shadow: 0 0 0 1px #2a2c2d; }

.Home__magazine {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  padding: 1.5rem;
  margin: 0 auto 2rem auto;
  border-radius: 10px;
  border: 1px solid #c5cacc;
  width: 95%; }

.Home__magazine-item {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  width: 49%; }

.Home__magazine-text {
  width: calc(100% - 11rem); }

.Home__magazine-photo {
  width: 11rem;
  text-align: center; }

.Home__magazine-img {
  width: 8rem;
  box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.5); }

.Home__magazine-title {
  font-weight: bold;
  font-size: 1.5em;
  border-bottom: 4px dashed #454849; }

.Home__magazine-link, .Home__information-link {
  width: 100%;
  display: inline-block;
  text-align: right; }
  .Home__magazine-link a, .Home__information-link a {
    display: inline-block;
    width: auto;
    color: #d70a30;
    text-decoration: underline;
    padding: 0.25em;
    border-radius: 2px;
    margin-right: -0.25em; }
    .Home__magazine-link a:hover, .Home__information-link a:hover {
      background: #d70a30;
      color: #fff;
      text-decoration: none;
      opacity: 1; }

.Home__information {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 4rem; }

.Home__information-item {
  width: 49%; }

.Home__information-list {
  font-size: 1.2em; }
  .Home__information-list .ic-pdf {
    margin-right: 0.5rem; }
  .Home__information-list dt {
    font-weight: normal;
    border-top: 1px solid #a8acae;
    padding: 1rem 1rem 0.5rem;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center; }
  .Home__information-list dd {
    min-height: 6em;
    padding: 0 1rem 1rem 1rem; }
  .Home__information-list a {
    text-decoration: underline;
    color: #454849;
    display: block;
    height: 100%; }
    .Home__information-list a:hover {
      color: #d70a30;
      opacity: 1;
      text-decoration: none; }

.Home__link-list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  border-top: #d70a30 2px solid;
  padding-top: 2rem;
  margin: 2rem auto 4rem auto; }

.Home__link-item {
  margin: 0 0.5rem; }
  .Home__link-item a:hover {
    opacity: 0.5; }

.Home__modal {
  background-color: rgba(0, 0, 0, 0.2); }

.Home__modal-box {
  background: #fff;
  padding: 0;
  border-radius: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 50%; }

.Home__modal-head {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #d70a30;
  padding: 1rem 3.5rem 1rem 4.25rem;
  text-align: left;
  font-size: 1.5em; }
  .Home__modal-head.icon-payment {
    background: url(../images/icon_money-lg-off.png) no-repeat;
    background-size: 2rem;
    background-position: 20px 10px; }
  .Home__modal-head.icon-new {
    background: url(../images/icon_new-md-off.png) no-repeat;
    background-size: 2.5rem;
    background-position: 20px 11px; }
  .Home__modal-head.icon-guide {
    background: url(../images/icon_guide-sm-off.png) no-repeat;
    background-size: 2rem;
    background-position: 20px 15px; }
  .Home__modal-head.icon-coupon {
    background: url(../images/icon_sercive-md-off.png) no-repeat;
    background-size: 2rem;
    background-position: 20px 20px; }
  .Home__modal-head.icon-building {
    background: url(../images/icon_building-lg-off.png) no-repeat;
    background-size: 2rem;
    background-position: 20px 10px; }

.Home__modal-body {
  padding: 1rem; }
  .Home__modal-body .Home__coupon-list, .Home__modal-body .Home__information-list {
    overflow-y: scroll;
    max-height: calc(100vh - 12rem);
    padding-top: 0.5rem; }
  .Home__modal-body .Home__coupon-list::-webkit-scrollbar, .Home__modal-body .Home__information-list::-webkit-scrollbar {
    display: none; }

.Home__modal-close {
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
  right: 1rem;
  top: 0.85em; }
  .Home__modal-close::before, .Home__modal-close::after {
    content: "";
    position: absolute;
    display: block;
    height: 2rem;
    width: 4px;
    background: #364954;
    border-radius: 2px;
    right: 0.85rem;
    top: 0; }
  .Home__modal-close::before {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg); }
  .Home__modal-close::after {
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg); }

.Home__modal-item {
  margin-bottom: 1rem; }

.Home__modal-btn {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #BAB4A6;
  background: #fff;
  color: #454849;
  border-radius: 1rem;
  width: 70%;
  margin: auto;
  padding: 1.25em 0.25em 1.25em 1em;
  font-size: 1.5em;
  text-align: left;
  -webkit-transition: all .3s;
  transition: all .3s; }
  .Home__modal-btn:hover {
    color: #454849;
    text-decoration: none;
    box-shadow: 0 -3px 0 0 #c5cacc inset; }
  .Home__modal-btn:focus {
    background: #e3dccb;
    color: #454849;
    box-shadow: 0 3px  0 0 #BAB4A6 inset; }
  .Home__modal-btn::before {
    content: "";
    display: inline-block;
    width: 1.75em;
    height: 1.75em;
    margin-right: 0.75em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
  .Home__modal-btn.is-pay::before {
    background-image: url(../images/icon_pay-sm-off.png); }
  .Home__modal-btn.is-year::before {
    background-image: url(../images/icon_year-sm-off.png); }
  .Home__modal-btn.is-recipt::before {
    background-image: url(../images/icon_agree-sm-off.png); }
  .Home__modal-btn.is-building::before {
    background-image: url(../images/icon_building-sm-off.png); }
  .Home__modal-btn.is-home::before {
    background-image: url(../images/icon_home-sm-off.png); }
  .Home__modal-btn.is-owner::before {
    background-image: url(../images/icon_owner-sm-off.png); }

.Home__modal-body .Home__information {
  margin-bottom: 0; }

.Home__modal-body .Home__information-item {
  width: 100%; }

.Home__modal-body .Home__information-list dt,
.Home__modal-body .Home__information-list dd {
  text-align: left;
  min-height: auto; }

.Home__modal-body .Home__information-list dt {
  border-top: 0; }

.Home__modal-body .Home__information-list dd {
  border-bottom: 1px solid #a8acae; }

.Home__modal-link {
  text-align: right; }
  .Home__modal-link a {
    color: #d70a30;
    text-decoration: underline;
    display: inline-block; }

@media (max-width: 60em) {
  .Home__slider-item {
    opacity: 1; }
  .Home__title:before {
    margin-top: -4px;
    margin-bottom: 4px; }
  .Home__owner-name {
    margin-top: 0;
    margin-bottom: 0; }
  .Home__owner-login {
    margin-bottom: 0; }
  .Home__service-bnr {
    width: 100%; }
  .Home__title--magazine {
    margin-bottom: 1.7rem; }
    .Home__title--magazine:before {
      width: 1.5em; }
  .Home__magazine {
    padding: 0;
    border: none;
    width: 100%;
    margin: 0 0 0 0; }
  .Home__magazine-title {
    font-size: 1.25em;
    white-space: nowrap;
    margin-bottom: 0.5em; }
  .Home__magazine-item {
    width: 49%;
    padding: 0 1rem 3.5rem 1rem;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    position: relative; }
  .Home__magazine-photo {
    width: 100%; }
  .Home__magazine-text {
    width: 100%; }
  .Home__magazine-link, .Home__information-link {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0.5rem;
    background: #fff; }
  .Home__title--new::before {
    width: 2em;
    margin: -4px 5px 4px 0px; }
  .Home__information {
    margin-bottom: 1rem; }
  .Home__information-item {
    width: 100%; }
  .Home__information-list {
    margin-bottom: 1.5rem; }
    .Home__information-list .ic-pdf {
      margin-right: 0.5rem;
      width: 15px;
      margin-top: -3px; }
    .Home__information-list dt {
      padding: 0.5rem 0.25rem 0 0.25rem; }
    .Home__information-list dd {
      padding: 0 0.25rem 0.5rem 0.25rem;
      margin-bottom: 0.5rem;
      line-height: 1.4;
      height: auto;
      min-height: auto;
      width: 100%; }
      .Home__information-list dd:last-child {
        border-bottom: 1px solid #a8acae; }
  .Home__title--guide::before {
    width: 2em;
    margin: -4px 5px 4px 0px; }
  .Home__link-item {
    margin: 0 1rem 1rem 1rem; } }

@media (max-width: 30em) {
  .Home__title,
  .Home__title--service,
  .Home__title--disaster,
  .Home__title--magazine,
  .Home__title--new,
  .Home__title--guide {
    font-size: 1.25em; }
  .Home__service-bnr {
    margin-bottom: 0.675rem; }
  .Home__service-slider {
    width: 100%;
    margin: 0 0 1.75rem 0;
    padding: 1px; }
  .Home__owner-login {
    font-size: 1em; }
  .Home__owner .l-Container, .Home__owner .l-Container--top, .Home__owner .l-Container--topmargin, .Home__owner .l-Container--notfound, .Home__owner .l-Container--building, .Home__owner .l-Container--noheader {
    padding: 0.25rem; }
  .Home__owner-name {
    font-size: 1.25em; }
  .Home__summary {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%; }
  .Home__summary-item {
    width: calc((100% - 0.6rem) / 2);
    border: none; }
    .Home__summary-item:first-child {
      border: none; }
  .Home__summary-img {
    position: absolute; }
    .Home__summary-img.is-building {
      width: 40px;
      top: 0.9rem;
      left: calc(50% - 20px); }
    .Home__summary-img.is-money {
      width: 30px;
      top: 0.75rem;
      left: calc(50% - 15px); }
    .Home__summary-img.is-info {
      width: 33px;
      top: 0.75rem;
      left: calc(50% - 16px); }
    .Home__summary-img.is-contact {
      width: 45px;
      top: 1rem;
      left: calc(50% - 22px); }
  .Home__summary-photo {
    display: block;
    position: relative;
    height: 5rem;
    background: rgba(222, 227, 229, 0.5); }
    .Home__summary-photo:hover {
      background: rgba(215, 10, 48, 0.2); }
  .Home__summary-link:hover {
    background: transparent; }
  .Home__summary-name {
    margin-top: -1.75rem;
    font-size: 0.875rem;
    margin-bottom: 1rem;
    letter-spacing: -0.05em;
    position: relative; }
  .Home__title--service::before {
    background-size: 82%;
    margin-right: 0.3rem; }
  .Home__service-arrow {
    width: 8%;
    background: rgba(42, 44, 45, 0.75); }
    .Home__service-arrow.is-before {
      left: 0; }
    .Home__service-arrow.is-next {
      right: 0; }
  .Home__service-slider--img {
    padding: 0; }
  .Home__coupon-list--item {
    width: 98%;
    margin: 0 1% 1rem 1%; }
  .Home__title--magazine::before {
    background-size: 82%;
    margin-right: 0.35rem;
    margin-left: 6px; }
  .Home__magazine-item {
    padding: 0 0.5rem 2.5rem 0.5rem;
    width: 50%; }
  .Home__magazine-link, .Home__information-link {
    font-size: 1em;
    bottom: -1rem; }
  .Home__information-item {
    width: 100%; }
  .Home__title--guide {
    margin-top: 2.5rem; }
  .Home__link-list {
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: 1rem;
    margin: 1.5rem 0 1rem 0; }
  .Home__link-item {
    margin: 1rem 0;
    width: 50%;
    text-align: center; }
  .Home__modal-btn {
    width: 100%;
    padding: 0.5em 0.25em 0.5em 0.5em;
    font-size: 1.5em; } }

.Informatin__title {
  overflow: hidden;
  margin-bottom: 0.5rem; }

.Informatin__title-text {
  border-bottom: 1px solid #c5cacc;
  padding: 0 0 0.5em 0;
  margin: 1.5rem 0 0.5rem 0; }
  @media (max-width: 60em) {
    .Informatin__title-text {
      margin: 0 0 0.5rem 0; } }

.Informatin__title-date {
  text-align: right;
  float: right;
  color: #888b8d; }

.Informatin__img {
  text-align: center;
  margin-bottom: 1rem; }
  .Informatin__img img {
    width: auto; }

.Informatin__text {
  margin-bottom: 2rem; }

.Informatin__text-p {
  background: transparent;
  border: 0;
  padding: 0;
  white-space: pre-wrap; }

.Informatin__btn-detail .c-btn-negative, .Informatin__btn-detail .c-btn-default, .Informatin__btn-detail .c-btn-line_gray, .Informatin__btn-detail .c-btn-line_dark, .Informatin__btn-detail .c-btn-line_red, .Informatin__btn-detail .c-Pagenation__link, .Informatin__btn-detail .c-Pagenation__option-button, .Informatin__btn-detail .c-tab-item, .Informatin__btn-detail .c-tab-item--building, .Informatin__btn-detail .Login__link--movie, .Informatin__btn-detail .Login__link--faq, .Informatin__btn-detail .LoginUser__menu-btn, .Informatin__btn-detail .TermSelect__btn-prev,
.Informatin__btn-detail .TermSelect__btn-next, .Informatin__btn-detail .TermSelect .TermSelect__btn-month, .TermSelect .Informatin__btn-detail .TermSelect__btn-month, .Informatin__btn-detail .MonthPicker__month, .Informatin__btn-detail .MonthPicker__list-year, .Informatin__btn-detail .PaymentTable__button, .Informatin__btn-detail .AnnualTable__button, .Informatin__btn-detail .ContactLog__btn-lg--02 {
  white-space: pre-wrap; }

.Survey__answer-textarea {
  margin-bottom: 3rem; }

.Survey__answer-item {
  /*
    background: $gray-200;
    padding: 0.25rem 0.5rem;
    border-radius: 0.5em;
    margin-right: 0.5rem;
    */
  display: inline-block; }

.Survey__title-sub {
  font-size: 1em;
  border-bottom: 0;
  padding: 0 0 0.5rem 0;
  margin: 1rem 0 0.25rem 0;
  line-height: 1.6; }
  @media (max-width: 60em) {
    .Survey__title-sub {
      line-height: 1.5; } }
  .Survey__title-sub:nth-of-type(1) {
    margin-top: 0; }
  .Survey__title-sub .c-tag-req--after {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    height: auto;
    line-height: 1.2;
    margin-bottom: 0.15rem; }
    .Survey__title-sub .c-tag-req--after::after {
      margin-left: 0.5rem; }

@media (max-width: 60em) {
  input[type=checkbox] + label.Survey__check, input[type=radio] + label.Survey__check {
    display: block;
    margin-bottom: 0.25em; } }

.u-m-xs {
  margin: 0.25rem !important; }

.u-m-sm {
  margin: 0.5rem !important; }

.u-m-md {
  margin-top: 1rem !important; }

.u-m-lg {
  margin: 3rem !important; }

.u-m-xl {
  margin: 3rem !important; }

.u-m-0 {
  margin: 0 !important; }

.u-m-auto {
  margin: auto auto !important; }

.u-mt-xs {
  margin-top: 0.25rem !important; }

.u-mt-sm {
  margin-top: 0.5rem !important; }

.u-mt-md {
  margin-top: 1rem !important; }

.u-mt-lg {
  margin-top: 2rem !important; }

.u-mt-xl {
  margin-top: 3rem !important; }

.u-mt-0 {
  margin-top: 0 !important; }

.u-mt-auto {
  margin-top: auto !important; }

.u-mb-xs {
  margin-bottom: 0.25rem !important; }

.u-mb-sm {
  margin-bottom: 0.5rem !important; }

.u-mb-md {
  margin-bottom: 1rem !important; }

.u-mb-lg {
  margin-bottom: 2rem !important; }

.u-mb-xl {
  margin-bottom: 3rem !important; }

.u-mb-0 {
  margin-bottom: 0 !important; }

.u-mb-auto {
  margin-bottom: auto !important; }

.u-mr-xs {
  margin-right: 0.25rem !important; }

.u-mr-sm {
  margin-right: 0.5rem !important; }

.u-mr-md {
  margin-right: 1rem !important; }

.u-mr-lg {
  margin-right: 2rem !important; }

.u-mr-xl {
  margin-right: 3rem !important; }

.u-mr-0 {
  margin-right: 0 !important; }

.u-mr-auto {
  margin-right: auto !important; }

.u-mr-1 {
  margin-right: 1px !important; }
  @media (max-width: 60em) {
    .u-mr-1 {
      margin-right: 0 !important; } }

.u-mr--1 {
  margin-right: -1px !important; }

@media (max-width: 30em) {
  .u-phone-mr--1 {
    margin-right: -1px !important; } }

.u-ml-xs {
  margin-left: 0.25rem !important; }

.u-ml-sm {
  margin-left: 0.5rem !important; }

.u-ml-md {
  margin-left: 1rem !important; }

.u-ml-lg {
  margin-left: 2rem !important; }

.u-ml-xl {
  margin-left: 3rem !important; }

.u-ml-0 {
  margin-left: 0 !important; }

.u-ml-auto {
  margin-left: auto !important; }

.u-mx-xs {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important; }

.u-mx-sm {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important; }

.u-mx-md {
  margin-left: 1rem !important;
  margin-right: 1rem !important; }

.u-mx-lg {
  margin-left: 2rem !important;
  margin-right: 2rem !important; }

.u-mx-xl {
  margin-left: 3rem !important;
  margin-right: 3rem !important; }

.u-p-xs {
  padding: 0.25rem !important; }

.u-p-sm {
  padding: 0.5rem !important; }

.u-p-md {
  padding: 1rem !important; }

.u-p-lg {
  padding: 2rem !important; }

.u-p-xl {
  padding: 3rem !important; }

.u-p-0, .c-Table__building {
  padding: 0 !important; }

.u-pt-xs {
  padding-top: 0.25rem !important; }

.u-pt-sm {
  padding-top: 0.5rem !important; }

.u-pt-md {
  padding-top: 1rem !important; }

.u-pt-lg {
  padding-top: 2rem !important; }

.u-pt-xl {
  padding-top: 3rem !important; }

.u-pt-0 {
  padding-top: 0 !important; }

.u-pb-xs {
  padding-bottom: 0.25rem !important; }

.u-pb-sm {
  padding-bottom: 0.5rem !important; }

.u-pb-md {
  padding-bottom: 1rem !important; }

.u-pb-lg {
  padding-bottom: 2rem !important; }

.u-pb-xl {
  padding-bottom: 3rem !important; }

.u-pb-0 {
  padding-bottom: 0 !important; }

.u-pr-xs {
  padding-right: 0.25rem !important; }

.u-pr-sm {
  padding-right: 0.5rem !important; }

.u-pr-md {
  padding-right: 1rem !important; }

.u-pr-lg {
  padding-right: 2rem !important; }

.u-pr-xl {
  padding-right: 3rem !important; }

.u-pr-0 {
  padding-right: 0 !important; }

.u-pl-xs {
  padding-left: 0.25rem !important; }

.u-pl-sm {
  padding-left: 0.5rem !important; }

.u-pl-md {
  padding-left: 1rem !important; }

.u-pl-lg {
  padding-left: 2rem !important; }

.u-pl-xl {
  padding-left: 3rem !important; }

.u-pl-0 {
  padding-left: 0 !important; }

.u-pl-1em {
  padding-left: 1em !important; }

.u-pl-2em {
  padding-left: 2em !important; }

.u-pl-3em {
  padding-left: 3em !important; }
  
.u-h-50 {
  height: 50%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }

.u-h-100 {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }

.u-w-5 {
  width: 5% !important; }

.u-w-10 {
  width: 10% !important; }

.u-w-15 {
  width: 15% !important; }

.u-w-20 {
  width: 20% !important; }

.u-w-25 {
  width: 25% !important; }

.u-w-30, .MeetingLog__request-heading, .MeetingLog__answer-heading {
  width: 30% !important; }

.u-w-35 {
  width: 35% !important; }

.u-w-40 {
  width: 40% !important; }

.u-w-45 {
  width: 45% !important; }

.u-w-50 {
  width: 50% !important; }

.u-w-55 {
  width: 55% !important; }

.u-w-60 {
  width: 60% !important; }

.u-w-65 {
  width: 65% !important; }

.u-w-70, .MeetingLog__request-body, .MeetingLog__answer-body {
  width: 70% !important; }

.u-w-75 {
  width: 75% !important; }

.u-w-80 {
  width: 80% !important; }

.u-w-85 {
  width: 85% !important; }

.u-w-90 {
  width: 90% !important; }

.u-w-95 {
  width: 95% !important; }

.u-w-100 {
  width: 100% !important; }

.u-w-auto {
  width: auto !important; }

.u-w-xs {
  width: 3em !important; }

.u-w-sm {
  width: 6em !important; }

.u-w-md {
  width: 10em !important; }

.u-w-lg {
  width: 15em !important; }

.u-w-xl {
  width: 20em !important; }

@media (max-width: 60em) {
  .u-w-m100 {
    width: 100%; } }

.u-w-100-center {
  width: 100%;
  text-align: center; }

.u-h-100 {
  height: 100%; }

.u-d-block {
  display: block !important; }

.u-d-none {
  display: none !important; }

.u-d-inline {
  display: inline !important; }

.u-d-inline-block {
  display: inline-block !important; }

.u-d-flex, .c-Table__three, .c-Form__birth, .c-Form__td, .c-Modal__btn, .FamilyInfo__building, .c-FamilyPermission__box, .ContactLog__btn-lg, .ContactLog__btn-lg--02, .ContactOffice__photo, .ContactOffice__information-name, .Inspection__icon-box, .Inspection__icon--item, .Inspection__icon {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; }

.u-flex-column {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.u-flex-column-reverse {
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.u-flex-column-row {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

@media (max-width: 60em) {
  .u-mobile-flex-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .u-mobile-flex-column-reverse {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
  .u-mobile-flex-column-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; } }

@media (max-width: 30em) {
  .u-phone-flex-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .u-phone-flex-column-reverse {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
  .u-phone-flex-column-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; } }

.u-flex-wrap, .c-Table__three, .FamilyInfo__building, .c-FamilyPermission__box {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.u-flex-nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.u-align-item {
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.u-justify-center, .ContactOffice__photo {
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }

.u-justify-between {
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between; }

.u-justify-start {
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start; }

.u-justify-end {
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end; }

.u-nowrap {
  white-space: nowrap; }

.u-img-full img {
  width: 100%;
  height: auto; }

.u-img-center img {
  display: block;
  margin: auto auto; }

.c-img-border {
  padding: 0.5rem;
  border: 1px solid #c5cacc;
  margin-bottom: 1rem; }

.u-font-bold {
  font-weight: bold; }

.u-stretch {
  width: 100% !important;
  height: auto !important; }

.ic-pdf {
  display: inline-block;
  margin-left: 0.25rem; }

@media (min-width: 30.001em) {
  .u-phone-only {
    display: none !important; }
  .u-tablet-w-5 {
    width: 5% !important; }
  .u-tablet-w-10, .GasbasereportTable__month {
    width: 10% !important; }
  .u-tablet-w-15 {
    width: 15% !important; }
  .u-tablet-w-20, .PaymentTable__date, .PaymentTable__control, .AnnualTable__control {
    width: 20% !important; }
  .u-tablet-w-25, .c-FamilyInfo__label, .c-FamilyInfo__data {
    width: 25% !important; }
  .u-tablet-w-30, .PaymentTable__amount {
    width: 30% !important; }
  .u-tablet-w-35, .c-Form__th, .AnnualTable__name {
    width: 35% !important; }
  .u-tablet-w-40 {
    width: 40% !important; }
  .u-tablet-w-45 {
    width: 45% !important; }
  .u-tablet-w-50, .GasbasereportTable__name {
    width: 50% !important; }
  .u-tablet-w-55 {
    width: 55% !important; }
  .u-tablet-w-60 {
    width: 60% !important; }
  .u-tablet-w-65, .c-Form__td, .AnnualTable__code,
  .AnnualTable__money {
    width: 65% !important; }
  .u-tablet-w-70 {
    width: 70% !important; }
  .u-tablet-w-75 {
    width: 75% !important; }
  .u-tablet-w-80, .AnnualTable__building,
  .GasbasereportTable__building {
    width: 80% !important; }
  .u-tablet-w-85 {
    width: 85% !important; }
  .u-tablet-w-90 {
    width: 90% !important; }
  .u-tablet-w-95 {
    width: 95% !important; }
  .u-tablet-w-100 {
    width: 100% !important; }
  .u-tablet-w-auto {
    width: auto !important; }
  .u-tablet-w-xs {
    width: 3em !important; }
  .u-tablet-w-sm {
    width: 6em !important; }
  .u-tablet-w-md {
    width: 10em !important; }
  .u-tablet-w-lg {
    width: 15em !important; }
  .u-tablet-w-xl {
    width: 20em !important; }
  .u-tablet-pb-0 {
    padding-bottom: 0 !important; } }

@media (min-width: 60.001em) {
  .u-mobile-only {
    display: none !important; }
  .u-pc-w-5 {
    width: 5% !important; }
  .u-pc-w-10 {
    width: 10% !important; }
  .u-pc-w-15 {
    width: 15% !important; }
  .u-pc-w-20, .GasbasereportTable__month {
    width: 20% !important; }
  .u-pc-w-25, .c-Form__th, .c-FamilyInfo__label, .c-FamilyInfo__data {
    width: 25% !important; }
  .u-pc-w-30, .AnnualTable__name {
    width: 30% !important; }
  .u-pc-w-35 {
    width: 35% !important; }
  .u-pc-w-40 {
    width: 40% !important; }
  .u-pc-w-45 {
    width: 45% !important; }
  .u-pc-w-50 {
    width: 50% !important; }
  .u-pc-w-55 {
    width: 55% !important; }
  .u-pc-w-60 {
    width: 60% !important; }
  .u-pc-w-65 {
    width: 65% !important; }
  .u-pc-w-70, .AnnualTable__code,
  .AnnualTable__money, .GasbasereportTable__name {
    width: 70% !important; }
  .u-pc-w-75, .c-Form__td {
    width: 75% !important; }
  .u-pc-w-80 {
    width: 80% !important; }
  .u-pc-w-85 {
    width: 85% !important; }
  .u-pc-w-90 {
    width: 90% !important; }
  .u-pc-w-95 {
    width: 95% !important; }
  .u-pc-w-100 {
    width: 100% !important; }
  .u-pc-w-auto {
    width: auto !important; }
  .u-pc-w-xs, .c-Table--tenant__num,
  .c-Table--tenant__num-label {
    width: 3em !important; }
  .u-pc-w-sm, .c-Table--tenant__contract, .c-Table--tenant__contract-label,
  .c-Table--tenant__status,
  .c-Table--tenant__status-label,
  .c-Table--tenant__name,
  .c-Table--tenant__name-label, .c-Table--tenant__rent,
  .c-Table--tenant__rent-label,
  .c-Table--tenant__car,
  .c-Table--tenant__car-label,
  .c-Table--tenant__date-in,
  .c-Table--tenant__date-in-label,
  .c-Table--tenant__date-out,
  .c-Table--tenant__date-out-label {
    width: 6em !important; }
  .u-pc-w-md {
    width: 10em !important; }
  .u-pc-w-lg, .c-Table--tenant__note,
  .c-Table--tenant__note-label {
    width: 15em !important; }
  .u-pc-w-xl {
    width: 20em !important; } }

@media (max-width: 60em) {
  .u-pc-only {
    display: none !important; }
  .u-mobile--stretch {
    width: 100% !important;
    height: auto !important; }
  .u-mobile-w-5 {
    width: 5% !important; }
  .u-mobile-w-10 {
    width: 10% !important; }
  .u-mobile-w-15 {
    width: 15% !important; }
  .u-mobile-w-20, .c-Table--tenant__contract-label--mobile,
  .c-Table--tenant__date-in-label--mobile,
  .c-Table--tenant__date-out-label--mobile,
  .c-Table--tenant__name-label--mobile,
  .c-Table--tenant__rent-label--mobile,
  .c-Table--tenant__car-label--mobile,
  .c-Table--tenant__status-label--mobile {
    width: 20% !important; }
  .u-mobile-w-25 {
    width: 25% !important; }
  .u-mobile-w-30, .c-Table--tenant__contract,
  .c-Table--tenant__date-in,
  .c-Table--tenant__date-out,
  .c-Table--tenant__name,
  .c-Table--tenant__status, .c-Table--tenant__rent,
  .c-Table--tenant__car {
    width: 30% !important; }
  .u-mobile-w-35 {
    width: 35% !important; }
  .u-mobile-w-40 {
    width: 40% !important; }
  .u-mobile-w-45 {
    width: 45% !important; }
  .u-mobile-w-50 {
    width: 50% !important; }
  .u-mobile-w-55 {
    width: 55% !important; }
  .u-mobile-w-60 {
    width: 60% !important; }
  .u-mobile-w-65 {
    width: 65% !important; }
  .u-mobile-w-70 {
    width: 70% !important; }
  .u-mobile-w-75 {
    width: 75% !important; }
  .u-mobile-w-80 {
    width: 80% !important; }
  .u-mobile-w-85 {
    width: 85% !important; }
  .u-mobile-w-90 {
    width: 90% !important; }
  .u-mobile-w-95 {
    width: 95% !important; }
  .u-mobile-w-100, .c-Table--tenant__num, .c-Table--tenant__note {
    width: 100% !important; }
  .u-mobile-w-auto {
    width: auto !important; }
  .u-mobile-w-xs {
    width: 3em !important; }
  .u-mobile-w-sm {
    width: 6em !important; }
  .u-mobile-w-md {
    width: 10em !important; }
  .u-mobile-w-lg {
    width: 15em !important; }
  .u-mobile-w-xl {
    width: 20em !important; }
  .u-mobile-mt-xs {
    margin-top: 0.25rem; }
  .u-mobile-mt-sm {
    margin-top: 0.5rem; }
  .u-mobile-mt-md {
    margin-top: 1rem; }
  .u-mobile-mt-lg {
    margin-top: 2rem; }
  .u-mobile-mt-xl {
    margin-top: 3rem; }
  .u-mobile-pb-0 {
    padding-bottom: 0 !important; } }

@media (max-width: 30em) {
  .u-phone-none {
    display: none !important; }
  .u-phone-mt-0 {
    margin-top: 0 !important; }
  .u-phone-w-5 {
    width: 5% !important; }
  .u-phone-w-10 {
    width: 10% !important; }
  .u-phone-w-15 {
    width: 15% !important; }
  .u-phone-w-20 {
    width: 20% !important; }
  .u-phone-w-25 {
    width: 25% !important; }
  .u-phone-w-30 {
    width: 30% !important; }
  .u-phone-w-35, .c-Table--tenant__contract-label--mobile,
  .c-Table--tenant__date-in-label--mobile,
  .c-Table--tenant__date-out-label--mobile,
  .c-Table--tenant__name-label--mobile,
  .c-Table--tenant__rent-label--mobile,
  .c-Table--tenant__car-label--mobile,
  .c-Table--tenant__status-label--mobile, .PaymentTable__control {
    width: 35% !important; }
  .u-phone-w-40, .PaymentTable__date, .AnnualTable__control, .c-FamilyInfo__label {
    width: 40% !important; }
  .u-phone-w-45 {
    width: 45% !important; }
  .u-phone-w-50 {
    width: 50% !important; }
  .u-phone-w-55 {
    width: 55% !important; }
  .u-phone-w-60, .PaymentTable__amount, .AnnualTable__building, .c-FamilyInfo__data,
  .GasbasereportTable__building {
    width: 60% !important; }
  .u-phone-w-65, .c-Table--tenant__contract,
  .c-Table--tenant__date-in,
  .c-Table--tenant__date-out,
  .c-Table--tenant__name,
  .c-Table--tenant__status, .c-Table--tenant__rent,
  .c-Table--tenant__car {
    width: 65% !important; }
  .u-phone-w-70 {
    width: 70% !important; }
  .u-phone-w-75 {
    width: 75% !important; }
  .u-phone-w-80 {
    width: 80% !important; }
  .u-phone-w-85 {
    width: 85% !important; }
  .u-phone-w-90 {
    width: 90% !important; }
  .u-phone-w-95 {
    width: 95% !important; }
  .u-phone-w-100, .c-Form__th, .c-Form__td, .AnnualTable__code,
  .AnnualTable__money, .AnnualTable__name,
  .GasbasereportTable__name, .GasbasereportTable__month {
    width: 100% !important; }
  .u-phone-w-auto {
    width: auto !important; }
  .u-phone-w-xs {
    width: 3em !important; }
  .u-phone-w-sm {
    width: 6em !important; }
  .u-phone-w-md {
    width: 10em !important; }
  .u-phone-w-lg {
    width: 15em !important; }
  .u-phone-w-xl {
    width: 20em !important; }
  .u-phone-pt-sm {
    padding-top: 0.5rem !important; }
  .u-phone-pb-0 {
    padding-bottom: 0 !important; }
  .u-phone-mb-sm {
    margin-bottom: 0.5rem !important; }
  .u-phone-mb-md {
    margin-bottom: 1rem !important; }
  .u-phone-mb-xl {
    margin-bottom: 3rem !important; }
  .u-phone-mb-0 {
    margin-bottom: 0 !important; } }

.u-float-left {
  float: left; }

.u-float-right {
  float: right; }

.u-float-none {
  float: none; }

.u-req {
  background: #fff;
  color: #bf092b;
  font-size: 0.75rem;
  font-weight: normal;
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
  float: right; }
  @media (max-width: 30em) {
    .u-req {
      background: transparent;
      border: none;
      box-shadow: 0 0 0 1px #bf092b inset;
      float: none;
      margin-right: 0;
      margin-left: 0.5rem;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-items: center;
      padding: 0.1rem 0.25rem;
      line-height: 1.8em;
      height: 2em;
      height: 1.45rem; } }

.c-text-blue {
  color: #4171c1;
  text-decoration: underline; }

@media (max-width: 30em) {
  .c-Table__th .u-req, .c-Table--tenant__contract-label .u-req, .c-Table--tenant__date-in-label .u-req, .c-Table--tenant__date-out-label .u-req, .c-Table--tenant__name-label .u-req, .c-Table--tenant__note-label .u-req, .c-Table--tenant__num-label .u-req, .c-Table--tenant__rent-label .u-req, .c-Table--tenant__car-label .u-req, .c-Table--tenant__status-label .u-req, .c-Table--tenant__contract-label--mobile .u-req, .c-Table--tenant__date-in-label--mobile .u-req, .c-Table--tenant__date-out-label--mobile .u-req, .c-Table--tenant__name-label--mobile .u-req, .c-Table--tenant__rent-label--mobile .u-req, .c-Table--tenant__car-label--mobile .u-req, .c-Table--tenant__status-label--mobile .u-req, .c-Form__th .u-req, .c-DocumentCheck__owner .u-req, .c-DocumentCheck__building .u-req {
    background: #fff;
    box-shadow: none;
    display: inline-block;
    float: right; } }

@media (max-width: 30em) {
  .c-Form__th .u-req {
    background: transparent;
    border: none;
    box-shadow: 0 0 0 1px #bf092b inset;
    float: none; } }

.u-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 2001;
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0; }

.u-overlay-transparent {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: transparent;
  top: 0;
  left: 0; }

.u-border-none {
  border: 0; }

.u-border-bottom-none {
  border-bottom: 0 !important; }

.mypage_errors_icon {
  display: none; }

.mypage_errors {
  display: none; }

.questionnaire {
  margin-bottom: 1.5rem; }

.questionnaire textarea {
  margin-bottom: -1.5rem; }

.questionnaire label {
  margin-bottom: 0rem; }

.questionnaire.u-mb-lg {
  margin-bottom: 4rem !important; }

.u-pre {
  white-space: pre-wrap;
  word-break: break-word;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  line-height: 1.5; }

/* GasbasereportTable start */
.GasbasereportTable {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 0 0 1rem;
  padding-right: 1px;
  padding-bottom: 1px;
  width: 100%;
  border-radius: 2px; }

  .GasbasereportTable .c-Table__td, .GasbasereportTable .c-Table__td--phone-colored, .GasbasereportTable .c-Table--tenant__num, .GasbasereportTable .c-Table--tenant__contract, .GasbasereportTable
  .c-Table--tenant__date-in, .GasbasereportTable
  .c-Table--tenant__date-out, .GasbasereportTable
  .c-Table--tenant__name, .GasbasereportTable
  .c-Table--tenant__status, .GasbasereportTable .c-Table--tenant__rent, .GasbasereportTable
  .c-Table--tenant__car, .GasbasereportTable .c-Table--tenant__note, .GasbasereportTable .c-Form__td,
  .GasbasereportTable .c-Table__th,
  .GasbasereportTable .c-Table--tenant__contract-label,
  .GasbasereportTable
  .c-Table--tenant__date-in-label,
  .GasbasereportTable
  .c-Table--tenant__date-out-label,
  .GasbasereportTable
  .c-Table--tenant__name-label,
  .GasbasereportTable
  .c-Table--tenant__note-label,
  .GasbasereportTable
  .c-Table--tenant__num-label,
  .GasbasereportTable
  .c-Table--tenant__rent-label,
  .GasbasereportTable
  .c-Table--tenant__car-label,
  .GasbasereportTable
  .c-Table--tenant__status-label,
  .GasbasereportTable .c-Table--tenant__contract-label--mobile,
  .GasbasereportTable
  .c-Table--tenant__date-in-label--mobile,
  .GasbasereportTable
  .c-Table--tenant__date-out-label--mobile,
  .GasbasereportTable
  .c-Table--tenant__name-label--mobile,
  .GasbasereportTable
  .c-Table--tenant__rent-label--mobile,
  .GasbasereportTable
  .c-Table--tenant__car-label--mobile,
  .GasbasereportTable
  .c-Table--tenant__status-label--mobile,
  .GasbasereportTable .c-Form__th {
    flex: 1 1 auto;
    margin: 0 -1px -1px 0;
    width: 1rem; }

  .GasbasereportTable .c-Table__tbody,
  .GasbasereportTable .c-Table__thead,
  .GasbasereportTable .c-Table__tr {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }

  .GasbasereportTable .c-Table__tr--mobile-group,
  .GasbasereportTable .c-Table__tr--phone-group {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative; }
  @media (max-width: 60em) {

    .GasbasereportTable .c-Table__tr--mobile-group {
      margin-bottom: 1rem;
      padding-top: 1px; }

      .GasbasereportTable .c-Table__tr--mobile-group:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #888b8d; } }
  @media (max-width: 30em) {

    .GasbasereportTable .c-Table__tr--phone-group {
      margin-bottom: 1rem;
      padding-top: 1px; }

      .GasbasereportTable .c-Table__tr--phone-group:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #888b8d; } }


.GasbasereportTable__building {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem; }

  .GasbasereportTable__building.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

    .GasbasereportTable__building.is-v-center.c-text-center {
      justify-content: center; }

    .GasbasereportTable__building.is-v-center.c-text-right {
      justify-content: flex-end; }

    .GasbasereportTable__building.is-v-center.c-text-left {
      justify-content: flex-start; }

  .GasbasereportTable__building .c-Table__input {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {

    .GasbasereportTable__building .c-Table__input + .c-Table__input {
      margin-top: 1rem; } }
  @media (max-width: 30em) {

    .GasbasereportTable__building {
      padding: 0.5rem; }

      .GasbasereportTable__building .c-Table__input {
        margin: 0; } }

  .GasbasereportTable__building.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }
  @media (max-width: 30em) {

    .GasbasereportTable__building {
      border-width: 1px 0; } }


.GasbasereportTable__name {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem;
  border: 0;
  font-size: 1.125em;
  justify-content: center; }

  .GasbasereportTable__name.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

    .GasbasereportTable__name.is-v-center.c-text-center {
      justify-content: center; }

    .GasbasereportTable__name.is-v-center.c-text-right {
      justify-content: flex-end; }

    .GasbasereportTable__name.is-v-center.c-text-left {
      justify-content: flex-start; }

  .GasbasereportTable__name .c-Table__input {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {

    .GasbasereportTable__name .c-Table__input + .c-Table__input {
      margin-top: 1rem; } }
  @media (max-width: 30em) {

    .GasbasereportTable__name {
      padding: 0.5rem; }

      .GasbasereportTable__name .c-Table__input {
        margin: 0; } }

  .GasbasereportTable__name.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }
  @media (max-width: 30em) {

    .GasbasereportTable__name {
      padding: 0.625rem 0 0;
      border: 0;
      min-height: 0;
      justify-content: flex-start; } }

  .GasbasereportTable__name a {
    color: #000;
    text-decoration: underline;
    margin-top: auto; }


.GasbasereportTable__month {
  padding: 0.3125em 0.5em;
  font-size: 0.875em;
  border: 1px solid #c5cacc;
  flex: 1 1 auto;
  margin: 0 -1px -1px 0;
  width: 1rem;
  justify-content: center;
  border: 0;
  border-left: 1px solid #c5cacc;
  font-size: 0.875rem;
  line-height: 1.25rem; }

  .GasbasereportTable__month.is-v-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

    .GasbasereportTable__month.is-v-center.c-text-center {
      justify-content: center; }

    .GasbasereportTable__month.is-v-center.c-text-right {
      justify-content: flex-end; }

    .GasbasereportTable__month.is-v-center.c-text-left {
      justify-content: flex-start; }

  .GasbasereportTable__month .c-Table__input {
    margin: 0 0 -0.5rem 0; }
  @media (max-width: 60em) {

    .GasbasereportTable__month .c-Table__input + .c-Table__input {
      margin-top: 1rem; } }
  @media (max-width: 30em) {

    .GasbasereportTable__month {
      padding: 0.5rem; }

      .GasbasereportTable__month .c-Table__input {
        margin: 0; } }

  .GasbasereportTable__month.is-flexcol {
    display: flex;
    flex-direction: column;
    padding: 0; }
  @media (max-width: 30em) {

    .GasbasereportTable__month {
      justify-content: flex-start;
      padding: 0 0 0.625rem;
      min-height: 0;
      border: 0; } }


.GasbasereportTable__month {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media (max-width: 30em) {

    .GasbasereportTable__month {
      padding-top: 0.5rem; } }

@media (max-width: 30em) {

  .GasbasereportTable__month-label {
    padding-left: 1rem; } }
/* GasbasereportTable end */

.Login__text {
  margin-bottom: 0.5rem; }

.first_login_text {
  color: #f00; }
 
.list-unstyled > li {
  display: block;
  list-style: none; }

.list-text-indent-2em > li {
  padding-left:1em;
  text-indent:-2em; }

/* 入寮エラー時の強調表示 */
input.input-error,
input.input-error + label{
  background-color: #f99eb5
}

.HelpDesk__align-center{
  text-align: center;
}

/** タブレット・スマホモードで開いた場合のオーナー様情報の郵送設定欄 */
@media (max-width: 40em) {
	.c-FamilyPermission__box .is-BubunPaperLess {
		border: 0;
		border-left: 1px solid #c5cacc;
	}
	.c-FamilyPermission__item .c-BubunPaperLess-Label {
		border-bottom: 1px solid #c5cacc;
	}
	.c-FamilyPermission__item .c-BubunPaperLess-Value {
		border-bottom: 1px solid #c5cacc;
	}
}