@charset "utf-8";

/**
 *
 * faq
 *
 */

#header {
  background: #FFF;
}

#page-header {
  padding-bottom: 80px;
  background: rgba(237, 237, 237, 0.40);
}

@media screen and (max-width: 1200px) {
  #page-header {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 768px) {
  #page-header {
    padding-bottom: 40px;
  }

  #links .links-box:first-child {
    border-top: none;
  }
}

/*--------------------------------------------------------------------------
 plan-detail
---------------------------------------------------------------------------*/
#plan-detail {
  padding-bottom: 120px;
  background: rgba(237, 237, 237, 0.40);
}

.plan-wrap .note li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.8;
  color: #8E8E8E;
  font-size: 13px;
}

@media screen and (max-width: 1200px) {
  #plan-detail {
    padding-bottom: 100px;
  }

  .plan-wrap .note li {
    font-size: 11px;
  }
}

@media screen and (max-width: 768px) {
  #plan-detail {
    padding-bottom: 70px;
  }

  .plan-wrap .note li {
    font-size: 10px;
  }
}

/*--------------------------------------------------------------------------
 image-swiper
---------------------------------------------------------------------------*/
.image-swiper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.image-swiper::before {
  content: "";
  width: 100%;
  height: 66.666%;
  background: #F6F6F6;
  position: absolute;
  top: 0;
  left: 0;
}

.image-swiper .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.image-swiper .swiper-slide {
  width: auto;
  height: 470px;
  margin: 0 10px;
  line-height: 0;
}

.image-swiper .swiper-slide img {
  width: auto;
  height: 470px;
}

@media screen and (max-width: 1200px) {
  .image-swiper .swiper-slide {
    height: 376px;
    margin: 0 8px;
  }

  .image-swiper .swiper-slide img {
    height: 376px;
  }
}

@media screen and (max-width: 768px) {
  .image-swiper .swiper-slide {
    height: 240px;
    margin: 0 6px;
  }

  .image-swiper .swiper-slide img {
    height: 240px;
  }
}
 .detail-info.inner-l{width: 92vw;max-width: 1444px;}
.detail-info{display: flex;-webkit-align-items: flex-end;align-items: flex-end;margin-top: 60px;margin-bottom: 80px;}
.detail-info .line-fp{
  margin-right: 40px;flex: 1;height: 3px;
  background: url(../image/line-red.png) repeat-x;
}
.detail-info .btn {width: 223px;line-height: 50px;background: rgba(195,13,35,0.8);text-align: center;font-size:
18px;color: #FFFFFF;}
.detail-info .btn a {color: #fff;}
@media screen and (max-width: 1200px) {
  .detail-info.inner-l{width: 96vw;max-width: 1100px;}
}
@media screen and (max-width: 768px) {
  .detail-info.inner-l{width: 87vw;}
  .detail-info{margin-top: 30px;margin-bottom: 50px;}
  .detail-info .btn{width: 120px;font-size: 14px;line-height: 36px;}
}