.slider-indicators.archSlide>.active {
  background-color: #91cbfa;
}

.slider-indicators>* {
  border: 2px solid #91cbfa !important;
}
.fig-blk{
  display: flex;
}
.fig-blk img{
  border: 1px solid rgba(0,0,0,.1);
  box-sizing: border-box;
  padding: 5px;
}
.fig-blk .fig-l img{
 border-right: 1px solid transparent;
}
.fig-blk p{
  text-align: center;
}
.tbl-blk{
  margin-top: 30px;
}
.tbl-blk table{
  border: 1px solid #ededed;
  width: 100%;
}
.tbl-blk table th,
.tbl-blk table td{
  padding: 8px;
  font-size: 1.5rem;
}
.tbl-blk table th{
  background: #f7f7f7;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
  text-align: center;
  vertical-align: middle;
}
.tbl-blk table td{
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
}
.tbl-blk table .col01,
.tbl-blk table .col02,
.tbl-blk table .col03,
.tbl-blk table .col04{
  width: 25%;
  text-align: center;
}
.case-r{
  margin-top: 50px;
}
@media screen and (max-width: 1023px) {
  #subpage .gray_box.flex {
    flex-direction: column;
  }
  #subpage .gray_box.flex .item {
    width: 100%;
  }
}
.slider-container{
  overflow: hidden !important;
  position: relative !important;
}
.slider-nav {
  visibility: visible !important;
  height: 4vw !important;
  top: 27% !important;
  transform: translateY(-27%)!important;
}
.slider-nav::after, .slider-nav::before{
  width: 3vw !important;
  height: 3vw !important;
}
.beauty-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.beauty-btn .btn {
  width: 600px;
  justify-content: flex-start;
  height: 71px;
  display: flex;
  align-items: center;
  position: relative;
}
.btn:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #292929;
  transition: all 0.2s ease;
  backface-visibility: hidden;
}
.btn span {
  font-weight: 500;
}
.btn .icon-arrow_long {
  font-size: 1.5rem;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease;
  backface-visibility: hidden;
}
.btn:hover:before {
  animation: btn_line 1.65s cubic-bezier(1, 0, 0, 1) 1;
}
.slider-nav {
  display: none !important;
}

.slick-prev,
.slick-next {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  z-index: 1;
  padding: 0;
  padding: 0 .5rem;
  border: 0;
  background-color: transparent;
  text-indent: -9999px;
  cursor: pointer;
  transform: scale(var(--swiffy-slider-nav-zoom));
  transition: visibility 0.1s, opacity 0.2s linear;
  opacity: 0.8;
  filter: drop-shadow(0 0 .5rem rgba(0, 0, 0, .5));
}

.slick-prev::before,
.slick-next::before {
  position: absolute;
  width: 3rem;
  height: 3rem;
  padding: .5rem;
  content: "";
}

.slick-prev::after,
.slick-next::after {
  width: 3rem;
  height: 3rem;
  background-color: var(--swiffy-slider-nav-light);
  content: "";
  mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
  mask-size: cover;
  background-origin: content-box;
}

.slick-next::after {
  transform: rotate(180deg);
}

.slick-next {
  right: 0;
  left: unset;
}
@media screen and (min-width: 768px) {
  .table_type02 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .tbl-blk table th, .tbl-blk table td{
    font-size: 1.2rem;
    padding: 5px;
  }
  .slider-nav{
    top: 20vw !important;
    transform: inherit !important;
  }
  .case-blk{
    margin-bottom: 30px;
  }
  .case-r {
    margin-top: 30px;
  }
  .btn .icon-arrow_long{
    font-size: 1.2rem;
  }
  .btn span {
    font-size: 1.2rem;
  }
  .beauty-btn .btn{
    width: 375px;
    height: 51px;
  }
}