@charset "UTF-8";
/* 
  add style
*/


/* 
  トップページスライダー調整
*/
.top .swiper-slide .topText_wrapper {
  left: 50%;
  transform: translateX(-50%);
}
.top .swiper-slide .topText_wrapper p {
  white-space: nowrap;
}
/* アニメーションのキーフレーム設定 */
@keyframes fade-text {
  from {
    opacity: 0;
    /* transform: translateX(20px); */
    margin-left: 20px;
  }

  to {
    opacity: 1;
    /* transform: translateX(0px); */
    margin-left: 0px;
  }
}
@keyframes fadeIn-image {
  from {
      opacity: 0;
  }

  to {
      opacity: 1;
  }
}
/* テキストのアニメーション設定 */
.swiper-slide-active .topText_wrapper {
  animation-name: fade-text;
  animation-duration: 1s;
  animation-delay: .3s;
  animation-fill-mode: both;
}
/* 画像のアニメーション設定 */
.swiper-slide-active .swiperSlide_image.fadeIn-image {
  animation-name: fadeIn-image;
  animation-duration: 1.5s;
  animation-delay: 0s;
  animation-fill-mode: both;
}


/* 
  utility style
*/
/* text utility */
.text-red {
  color: #F00 !important;
}
.text-bold {
  font-weight: bold !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}

/* table style */
.table-default {
  width: 100%;
  border-collapse: collapse;
}
.table-default caption {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}
.table-default td,
.table-default th {
  padding: 0.7em 1em;
  vertical-align: middle;
  border: 1px solid #776440;
}
.table-default th {
  text-align: center;
  background: #f08843;
  color: #FFF;
}
.table-default thead th {
  background: #f08843; 
}
.table-default td {
  background: #FFF;
}
@media (max-width: 768px) {
  .table-default td,
  .table-default th {
    padding: 0.7em .3em;
  }
  .responsive-stack {
    display: block;
  }
  .responsive-stack thead {
    display: none;
  }
  .responsive-stack tbody,
  .responsive-stack td,
  .responsive-stack th,
  .responsive-stack tr {
    display: block;
  }
  .responsive-stack td,
  .responsive-stack th {
    width: 100% !important;
  }
  .responsive-stack tr:not(:last-child) td,
  .responsive-stack tr:not(:last-child) th {
    border-bottom: 0;
  }
  .responsive-stack tr:last-child :not(:last-child) {
    border-bottom: 0;
  }
}

@media (max-width: 768px) {
  .responsive-list {
    display: block;
  }
  .responsive-list thead {
    display: none;
  }
  .responsive-list tbody,
  .responsive-list td,
  .responsive-list th,
  .responsive-list tr {
    display: block;
  }
  .responsive-list tr:not(:last-child) td {
    border-bottom: 0;
  }
  .responsive-list td {
    position: relative;
    padding-left: 40%;
    white-space: normal;
    text-align: left;
  }
  .responsive-list td:first-child {
    border-bottom: 0;
  }
  .responsive-list td:last-child {
    border-top: 0;
  }
  .responsive-list td:not(:first-child):not(:last-child) {
    border-top: 0;
    border-bottom: 0;
  }
  .responsive-list td:before {
    content: attr(data-title);
    position: absolute;
    top: 6px;
    left: 6px;
    width: 35%;
    padding-right: 10px;
    white-space: normal;
    text-align: left;
    font-weight: bold;
  }
}
@media (max-width: 768px) {
  .responsive-scroll-container {
    display: block;
    width: 100%;
    min-height: 0.01%;
    overflow-x: scroll;
  }
  .responsive-scroll-container .responsive-scroll-inner {
    width: 798px;
    padding: 0 15px 15px;
  }
  .responsive-scroll-container table {
    width: 768px;
    margin: 0;
  }
}