@charset "utf-8";

/* CSS Document */


/***********
tenantHeading
************/

.tenantHeading{
  border-top: 2px solid #f2f2f2;
  text-align: center;
  padding: 80px 0 50px;
}

.tenantHeading-title {
  font-size: 170%;
  font-feature-settings: "palt";
}
.tenantHeading-title::after {
  content: "";
  display: block;
  margin: 20px auto 20px;
  background-color: #555;
  width: 60px;
  height: 2px;
}

@media screen and (max-width:834px) {

  .tenantHeading{
    text-align: center;
    padding: 40px 0 20px;
  }

  .tenantHeading-title {
    font-size: 154%;
  }
  .tenantHeading-title::after {
    margin: 10px auto 20px;
    width: 50px;
    height: 2px;
  }

}


/***********
report
************/

.report {
  padding-bottom: 100px;
}
.report-heading {
  border-top: 1px solid #aaa;
  text-align: center;
  padding: 40px 0;
}
.report-heading-title {
  font-size: 147%;
  font-feature-settings: "palt";
}

.report-section {
  padding-bottom: 40px;
}

.report-table{
  border-top: 1px solid #aaa;
  background-color: #fafafa;
}
.report-table tr{
  border-bottom: 1px solid #aaa;
}
.report-table th{
  font-size: 124%;
  padding: 35px 0 35px 20px;
  width: 20%;
  vertical-align: top;
  text-align: left;
}
.report-table td{
  font-size: 131%;
  padding: 20px 30px 20px 0;
}


.report-data {
}
.report-data thead{
}
.report-data thead th span{
  display: block;
  background-color: #555;
  color: #fff;
  border-left: 1px solid #888;
  padding: 5px 0;
}

.report-data tbody{
  border-top: 1px solid #aaa;
  background-color: #fafafa;
}
.report-data tbody tr{
  border-bottom: 1px dashed #ccc;
}
.report-data tbody tr.report-data-bar{
  border-bottom: 1px solid #ccc;
}
.report-data tbody tr:last-child{
  border-bottom: 1px solid #aaa;
}
.report-data tbody th{
  font-size: 108%;
  font-feature-settings: "palt";
  padding: 15px 10px 15px 20px;
  text-align: left;
}
.report-data tbody td{
  width: 12%;
  background-color: #f0f0f0;
  padding: 15px 8px 15px 8px;
}

.report-data tfoot{
  border-bottom: 1px solid #aaa;
  background-color: rgba(255, 249, 175, 0.3);
}
.report-data tfoot tr{
}
.report-data tfoot tr:last-child{
  border-bottom: 1px solid #aaa;
}
.report-data tfoot th{
  font-size: 108%;
  font-feature-settings: "palt";
  padding: 25px 8px 25px 20px;
  text-align: left;
  background-color: #e9e9e9;
}
.report-data tfoot td{
  width: 12%;
  padding: 25px 8px 25px 8px;
  background-color: rgba(204, 202, 202, 1);
}


.report-tips {
  text-align: left;
}
.report-tips h3 {
  font-size: 116%;
  padding-bottom: 5px;
}
.report-tips p {
  font-size: 108%;
  line-height: 1.8;
}



.report-submit {
  display: flex;
  justify-content: center;
  padding: 40px 0 60px;
}
.report-submit-item {
  padding: 10px;
}

.report-submit-btn{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  background-color: #555;
  color: #fff;
  font-family: "游ゴシック Medium", "Yu Gothic Medium","游ゴシック体", YuGothic,  "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 131%;
  font-feature-settings: "palt";
  font-weight: bold;
  padding: 15px 0;
  min-width: 280px;
  position: relative;
  cursor: pointer;
  transition: 0.2s;
}
.report-submit-btn:hover {
  opacity: 0.7;
}
.report-submit-btn i {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
}
.report-submit-btn i.fa-save {
  left: 25px;
  opacity: 0.5;
  transform: scale(1.2);
}
.report-submit-btn i.fa-chevron-right {
  right: 15px;
  opacity: 0.5;
  transform: scale(0.8);
}


.report-back {
  text-align: center;
  padding-top: 80px;
}
.report-back-btn {
  display: inline-block;
  padding: 10px 0;
  width: 240px;
  font-weight: bold;
  font-size: 108%;
  color: #fff;
  text-decoration: none;
  background-color: #555;
}
.report-back-btn:hover {
  opacity: 0.7;
}

@media screen and (max-width:834px) {

  .report {
    padding-bottom: 100px;
  }
  .report-heading {
    padding: 25px 0;
  }
  .report-heading-title {
    font-size: 131%;
  }

  .report-section {
    padding-bottom: 30px;
  }

  .report-table,
  .report-table thead,
  .report-table tbody,
  .report-table tfoot,
  .report-table tr,
  .report-table th,
  .report-table td{
    display: block;
  }
  .report-table{
  }
  .report-table tr{
    border-bottom: 1px solid #aaa;
    padding: 20px 5%;
  }
  .report-table th{
    font-size: 116%;
    padding: 0 0 10px 0;
    width: auto;
    text-align: left;
  }
  .report-table td{
    font-size: 100%;
    padding: 0 0 0 0;
  }


  .report-data {
  }
  .report-data thead{
  }
  .report-data thead th span{
    font-size: 85%;
    padding: 3px 0;
  }

  .report-data tbody th{
    font-size: 93%;
    padding: 15px 5px 15px 10px;
    white-space: nowrap;
  }
  .report-data tbody td{
    padding: 15px 5px 15px 5px;
  }

  .report-data tfoot{
    border-bottom: 1px solid #aaa;
    background-color: rgba(255, 249, 175, 0.3);
  }
  .report-data tfoot tr:last-child{
    border-bottom: 1px solid #aaa;
  }
  .report-data tfoot th{
    font-size: 93%;
    padding: 20px 5px 20px 10px;
    background-color: rgba(233, 233, 233, 1);
  }
  .report-data tfoot td{
    padding: 20px 5px 20px 5px;
  }


  .report-tips {
    text-align: left;
    padding: 0 5%;
  }
  .report-tips h3 {
    font-size: 100%;
    padding-bottom: 5px;
  }
  .report-tips p {
    font-size: 93%;
    line-height: 1.7;
  }


  .report-submit {
    display: block;
    padding: 30px 0 50px;
    text-align: center;
  }
  .report-submit-item {
    padding: 5px;
  }

  .report-submit-btn{
    width: 50%;
    font-size: 124%;
    padding: 15px 0;
    min-width: 280px;
  }

  .report-back {
    padding-top: 40px;
  }
  .report-back-btn {
    width: 200px;
    font-size: 93%;
  }

}

/***********
input
************/

.input-text,
.input-textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  padding: 0 10px;
  min-height: 36px;
  border: none;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #ccc;
  font-family: "游ゴシック Medium", "Yu Gothic Medium","游ゴシック体", YuGothic,  "游ゴシック", "Yu Gothic", sans-serif;
}
.input-text{
  line-height: 36px;
}
.input-textarea{
  padding: 5px 10px;
  line-height: 1.3;
}
.input-text-small{
  font-size: 13px;
  min-height: 30px;
}

.input-text:focus,
.input-textarea:focus {
  box-shadow: 0 0 6px #09f;
}

.input-file{
  background-color: #f0f0f0;
  padding: 20px 30px;
}

.input-select {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../../img/select_arrow.png) no-repeat right center;
  font-size: 16px;
  padding: 0 25px 0 10px;
  min-height: 36px;
  line-height: 36px;
  border: none;
  background-color: #fff;
  border: 1px solid #ccc;
  font-family: "游ゴシック Medium", "Yu Gothic Medium","游ゴシック体", YuGothic,  "游ゴシック", "Yu Gothic", sans-serif;
}

.input-full {
  width: 100%;
  box-sizing: border-box;
}
.input-half {
  width: 50%;
  box-sizing: border-box;
}
.input-small {
  width: 50%;
  box-sizing: border-box;
}
.input-unit {
  width: calc(100% - 1.5em);
  box-sizing: border-box;
}

.report-unit {
  padding-left: 0.2em;
}

@media screen and (max-width:834px) {

  .input-text,
  .input-textarea {
    font-size: 16px;
    padding: 0 0;
  }
  .input-text{
  }
  .input-textarea{
    padding: 5px 5px;
  }
  .input-text-small{
    font-size: 16px;
  }

  .input-full {
    width: 100%;
  }
  .input-half {
    width: 100%;
  }
  .input-small {
    width: 70%;
  }
  .input-unit {
    width: calc(100% - 1.5em);
  }

  .report-unit {
    padding-left: 0.2em;
  }

}

/***********
flatpickr
************/

.flatpickr-group{
  position: relative;
}

.flatpickr-clear{
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -0.5em;
  line-height: 1;
  font-family: Arial;
  font-size: 20px;
  font-weight: normal;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.3;
  display: none;
}
.flatpickr-clear:hover{
  opacity: 1;
}

@media screen and (max-width:834px) {

  .flatpickr-clear{
    display: none;
  }
}

/***********
is-spScroll
************/

@media screen and (max-width:834px) {

  .is-spScroll{
    overflow: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
  }

  .is-spScroll::-webkit-scrollbar {
    height: 10px;
  }
  .is-spScroll::-webkit-scrollbar-thumb{
    background: #999;
    border-radius: 5px;
  }
  .is-spScroll::-webkit-scrollbar-track-piece {
    background: #eee;
  }

  .is-spScroll::after{
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background: url(../../img/icon/swipe.png) no-repeat 0 0 / 100% 100%;
    position: absolute;
    right: 10px;
    top: 80px;
    z-index: 99;
    animation:spScrollArrow 1.5s infinite ease-in-out ;
  }

  body.is-pc .is-spScroll::after{
    display: none !important;
  }
  .is-spScroll.is-active::after{
    display: none;
  }
  .is-spScroll > .spScroll-480{
    min-width: 480px;
  }
  .is-spScroll > .spScroll-640{
    min-width: 640px;
  }
  .is-spScroll > .spScroll-834{
    min-width: 834px;
  }
  .is-spScroll > .spScroll-1024{
    min-width: 1024px;
  }

}



/***********
xxxxx
************/

.login{
  max-width: 360px;
  margin: 0 auto;
}
.login-item {
  padding-bottom: 30px;
}
.login-item dt {
  font-size: 116%;
  font-weight: bold;
  padding-bottom: 5px;
}
.login-item dd {
}
.login-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  font-size: 16px;
  padding: 0 10px;
  min-height: 36px;
  border: none;
  box-sizing: border-box;
  background-color: #fae6f0;
  border: 1px solid #ccc;
  font-family: "游ゴシック Medium", "Yu Gothic Medium","游ゴシック体", YuGothic,  "游ゴシック", "Yu Gothic", sans-serif;
}

.login-submit {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 150px;
}
.login-submit-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  background-color: #555;
  color: #fff;
  font-family: "游ゴシック Medium", "Yu Gothic Medium","游ゴシック体", YuGothic,  "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 124%;
  font-feature-settings: "palt";
  font-weight: bold;
  padding: 10px 0;
  min-width: 220px;
  position: relative;
  cursor: pointer;
  transition: 0.2s;
}
.login-submit-btn:hover {
  opacity: 0.7;
}

/***********
xxxxx
************/
.l-contents-inner::after{
  content: "";
  display: block;
  width: 100%;
  background:none;
  background-size: 1166px auto;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 4px solid #a0a0a0;
  text-align: center;
}

@media screen and (max-width:834px) {

  .l-contents-inner::after{
    background-size: 100% auto;
  }

}


.l-footer{
    padding-top: 0;
}
/***********
jump
************/

.tenant-l-jumpTop{
  position: fixed;
  right: 20px;
  bottom: 20px;
}
.tenant-l-jumpTop a{
  display: block;
  width: 50px;
  height: 50px;
  background-color: #f2f2f2;
  border-radius: 50%;
  z-index: 999;
  position: relative;
  color: #fff;
}
.tenant-l-jumpTop a::after{
  content: "";
  display: block;
  border-left: 1px solid #555;
  border-top: 1px solid #555;
  transform:rotate(45deg);
  position: absolute;
  left: 19px;
  top: 22px;
  width: 10px;
  height: 10px;
  transition:all 0.4s ease;
}


.tenant-l-jumpTop a:hover{
  background-color: #555;
}
.tenant-l-jumpTop a:hover::after{
  border-color: #fff;
}


@media screen and (max-width:834px) {

  .tenant-l-jumpTop{
    display: none !important;
  }

}
/***********
xxxxx
************/
.reset-btn {
  padding-bottom: 20px;
    text-align: right;
}
/***********
xxxxx
************/

/***********
xxxxx
************/

/***********
xxxxx
************/

/***********
xxxxx
************/

/***********
xxxxx
************/