/* CSS Document */
/*------------------------------------------------------

INDEX

------------------------------------------------------*/
/*------------------------------------------------------
img {
  display: block;
  margin: 0 auto; }

#contents {
  background-color: #fff; }

.kv02-spec01 {
  position: relative;
  background-image: url("../img/img_kv_spec.jpg"); }
------------------------------------------------------*/
#spec01 {
  color:#000000;
}

#spec01 .indexttl{
  color:#000000;
}

#spec01 td {
  color:#000000;
}

.tabs {
  margin: 0 auto;
  margin-bottom: 120px; }

.tab-item {
  height: 50px;
  border-bottom: 4px solid #e6dcc3;
  color: #565656;
  display: block;
  float: left;
  font-size: 13px;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.tab01, .tab02, .tab03, .tab04 {
  width: calc(100% / 5 - 40px); }

.tab03, .tab04 {
  width: calc(100% / 5 + 10px); }

.tab05 {
  width: calc(100% / 5 + 60px); }

.tab-item:hover {
  opacity: 0.8; }

.tabs input:checked + .tab-item {
  border-bottom: #b48c3c 4px solid;
  color: #b48c3c; }

input[name='tab-item'] {
  display: none; }

.tab-content {
  clear: both;
  display: none;
  overflow: hidden;
  padding: 60px 0; }

#tab01:checked ~ #tab01-content, #tab02:checked ~ #tab02-content, #tab03:checked ~ #tab03-content, #tab04:checked ~ #tab04-content, #tab05:checked ~ #tab05-content {
  display: block; }

.acc-btn {
  display: none; }

.spec-item {
  margin-bottom: 60px; }
  .spec-item h3 {
    border-left: #cdcdcd 8px solid;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 40px;
    padding: 8px 16px; }
  .spec-item h4 {
    font-size: 2rem;
    margin-bottom: 20px; }
  .spec-item p {
    font-size: 1.4rem;
    line-height: 2; }
  .spec-item img {
    width: 100%;
    max-width: 676px; }

.l-flex img {
  width: 100%;
  max-width: 432px; }

table {
  width: 100%; }
  table th {
    background-color: #343434;
    border: 1px solid #fff;
    color: #fff;
    font-size: 1.2rem;
    padding: 6px; }
  table td {
    background-color: #f2f2f2;
    border: 1px solid #fff;
    font-size: 1.2rem;
    padding: 6px; }

.l-table01 {
  width: 100%; }
  .l-table01 th {
    min-width: 80px;
    text-align: left; }
  .l-table01 .l-th-col3 {
    width: calc(70% / 3);
    text-align: center; }
  .l-table01 .l-th-c {
    text-align: center; }
  .l-table01 td {
    min-width: 120px;
    text-align: center; }

.l-table02 {
  width: 100%; }
  .l-table02 th {
    text-align: center; }
  .l-table02 td {
    min-width: 80px;
    text-align: center; }

.scroll {
  overflow-x: auto;
  overflow-y: hidden;
  word-break: keep-all; }

.scroll::-webkit-scrollbar {
  height: 5px; }

.scroll::-webkit-scrollbar-track {
  background: #f1f1f1; }

.scroll::-webkit-scrollbar-thumb {
  background: #bcbcbc; }

@media only screen and (max-width: 960px) {
  .tab-item {
    font-size: 12px; } }

@media only screen and (max-width: 820px) {
  #tab01:checked ~ #tab01-content, #tab02:checked ~ #tab02-content, #tab03:checked ~ #tab03-content, #tab04:checked ~ #tab04-content, #tab05:checked ~ #tab05-content {
    display: none; }
  .tab-item {
    display: none; }
  .tab-content {
    padding: 40px 0; }
  .acc-btn::before {
    position: absolute;
    left: 4px;
    color: #b48c3c;
    content: '\f067';
    font-family: 'FontAwesome';
    font-size: 1.1rem;
    line-height: 1.5;
    margin-right: 5px;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  .acc-btn.open::before {
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .acc-btn {
    position: relative;
    width: 100%;
    color: #b48c3c;
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    padding: 30px 20px; }
  .acc-btn:not(:last-child) {
    border-bottom: #b48c3c solid 1px; }
  table th {
    font-size: 1rem; }
  table td {
    min-width: 160px;
    font-size: 1rem; } }