@charset "Shift_JIS";

/* Reset
--------------------------------------------------- */
.layout-wrapper a:link {
 color: #068667;
}
.layout-wrapper .elem-btn a:hover {
  background-color: #05cc93;
}

/*-------------------------------------------------*/
/* New Table@Style
--------------------------------------------------- */
.hpen_cw-tbl {
  margin: 0 auto;
  border-bottom: solid 1px #ccc;
  text-align: center;
  table-layout: fixed;
} 
.hpen_cw-tbl th, .hpen_cw-tbl td {
  border-right: solid 1px #ddd;
  line-height: 1.4;
  font-size: inherit;
  white-space: inherit;
  vertical-align: middle;
}
.hpen_cw-tbl th {
  padding: 1.5rem;
  font-size: 0.9rem;
}
.hpen_cw-tbl td {
  padding: 1rem 1.2rem;
}
.hpen_cw-tbl tr:nth-child(odd) {
  background: #f9f9f9;
}
.hpen_cw-tbl tr:nth-child(even) {
  background: #fff;
}

tr.bk_reverse:nth-child(even) { background: #f9f9f9; }
tr.bk_reverse:nth-child(odd) { background: #fff; }

.hpen_cw-tbl th b {
 display: block;
 color: #01a982;
 font-size: 110%;
}
.hpen_cw-tbl th span {
 font-weight: normal;
}

.hpen_cw-tbl tr:nth-child(1) {
  background:#fff;
}

.hpen_cw-tbl tr:nth-child(1) td {
 font-size: 120%;
text-align: left;
 vertical-align: top;
}

.hpen_cw-tbl td:last-child { 
  border-right: none;
}

.hpen_cw-tbl__more {
 text-align: left;
 vertical-align: top!important;
}

.hpen_cw-tbl__inq {
 padding: 2rem!important;
 font-weight: bold;
 font-size: 115%!important;

}

.hpen_cw-tbl__1col {
 width: 155px;
}

@media (max-width: 968px) {
  .hpen_cw-tbl__scroll {
    margin: 20px auto;
  }

.hpen_cw-tbl__1col {
 width: 30%;
}
}



/* ŠT—vTable
--------------------------------------------------- */
.hpen_cw_hyo {
 width: 100%;
  margin: 2vw auto 2.5vw;
  text-align: left;
}
.hpen_cw_hyo tr {
  border-bottom: solid 4px #fff;
}
.hpen_cw_hyo th, .hpen_cw_hyo td {
  padding: 1rem;
}
.hpen_cw_hyo th {
 position: relative;
 width: 18%;
  background: #01a982;
  color: #fff;
 font-weight: normal;
 font-size:1.3rem;
 line-height: 1.2;
 text-align: center;
}

.hpen_cw_hyo td {
  background: #f9f9f9;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  vertical-align: top;
}
.hpen_cw_hyo span {
  display: flex;
 align-items: baseline;
 margin-bottom: 0.25em;
}
.hpen_cw_hyo span::before {
 display: inline;
 margin-right:0.5rem;
 color: #666;
 font-size: 80%;
 content: 'œ';
}
.hpen_cw_hyo--hidden {
 display: none;
}


@media (max-width: 968px) {
 .hpen_cw_hyo {
  margin: 0 auto 2.5vw;
 }
  .hpen_cw_hyo tr {
   display: flex;
   flex-wrap: wrap;
   border: none;
  }
   .hpen_cw_hyo th,   .hpen_cw_hyo td  {
    margin-bottom: 5px;
}
    .hpen_cw_hyo th  {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 200px;
 }
     .hpen_cw_hyo td  {
      width: calc(100% - 200px);
 }
 
 .hpen_cw-half[data-column="2"] .item--divide  {
  width: 80%!important;
 }
 
}

@media (max-width: 567px) {
     .hpen_cw_hyo th  {
     width: 100%;
 }
 .hpen_cw_hyo th  br {
  display: none;
 }
.hpen_cw_hyo td  {
      width: 100%;
 }

}