@charset "utf-8";
.kv {
  width: 100%;
  position: relative;
  line-height: 0
}
.kv ul {
  overflow: hidden
}
.kv ul li img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover
}
.dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}
.dots .slick-dots {
  text-align: center
}
.dots .slick-dots li {
  display: inline-block
}
.dots .slick-dots button {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  padding: 0;
  display: block;
  font-size: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  background: #bcbcbc;
  border-radius: 50%
}
.dots .slick-dots .slick-active button {
  background: #275c89
}
.progress_bar {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #eaeaea
}
.progress_bar .bar {
  width: 0%;
  height: 4px;
  background: #275c89
}
.intro {
  width: 100%;
  padding: 0 0 5vw;
  text-align: center;
  background: #e6e6e6
}
.intro h2 {
  padding: 1vw 6vw;
  background: #887341;
  background: linear-gradient(100deg, rgba(136, 115, 65, 1) 0%, rgba(224, 200, 132, 1) 100%);
  line-height: 0
}
.intro h3 {
  margin: 0 auto 2%;
  padding: 0 0 .5vw;
  border-bottom: 1px solid #ccc;
  font-size: 2rem;
  letter-spacing: .3em
}
.intro p.info-box {
  margin: 7% auto 1%;
  padding: 3vw 6vw;
  background: #fff;
  border-radius: 20px
}
.intro ul.features {
  margin: 5% auto 3%;
  justify-content: space-between;
  align-items: center;
  line-height: 0
}
.intro ul.features li {
  width: calc(100%/3);
  padding: 0 2vw;
  border-right: 1px solid #ccc
}
.intro ul.features li:last-child {
  border-right: 0 none
}
.intro ul.price {
  justify-content: space-between;
  line-height: 0
}
.intro ul.price li {
  width: 50%;
  padding: 1vw 3vw
}
.intro ul.price li:nth-child(1) {
  border-right: 1px solid #ccc
}
@media screen and (max-width:767px) {
  .intro h2 {
    padding: 5vw
  }
  .intro p.info-box {
    text-align: left
  }
  .intro ul.price li {
    width: 100%;
    margin: 0 auto 2%;
    padding: 1vw 8vw
  }
  .intro ul.price li:nth-child(1) {
    border-right: 0 none
  }
}
.info {
  width: 100%;
  padding: 5vw 0;
  background: url("../images/info-bk.png") no-repeat center/cover;
  line-height: 0
}
.info .inner {
  max-width: 850px
}
.info h2 {
  margin: 0 auto 3%
}
.info h3 {
  margin: 2% auto 2%
}
.info .attn {
	color: #FFF;
	text-align: right;
	margin-bottom: 20px;
	font-size: 1vw;
	line-height: 1.3;
}
.info ul {
  max-width: 750px;
  margin: 0 auto
}
.info ul li {
  width: 50%;
  padding: 1vw
}
@media screen and (min-width:768px) and (max-width:1023px) {
  .info {
    padding: 5vw 5vw 4vw
  }
}
@media screen and (max-width:767px) {
  .info {
    padding: 5vw 3vw 4vw
  }
	.info .attn {
	text-align: left;
		font-size: 2vw;
}
}
.concept-c {
  width: 100%;
  padding: 5vw 0 8vw;
  position: relative;
  background: url("../images/concept-bk.jpg") no-repeat center/cover fixed;
  color: #fff
}
.concept-c p.tit {
  margin: 0 0 4%;
  padding: 1vw 4vw 1vw 9vw;
  display: inline-table;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: 2vw;
  line-height: 1
}
.concept-c h2 {
  margin: 0 0 3%;
  font-size: 3vw;
  line-height: 1.5;
  text-shadow: 0 0 10px rgba(0, 0, 0, .8)
}
.concept-c h2 + p {
  line-height: 2.2
}
.concept-c .inner + p {
  position: absolute;
  left: 2%;
  bottom: 2%
}
@media screen and (max-width:767px) {
  .concept-c {
    padding: 12vw 0 15vw
  }
  .concept-c p.tit {
    font-size: 4vw
  }
  .concept-c h2 {
    font-size: 6vw
  }
}
.bnr-area {
  width: 100%;
  padding: 7vw 0 4vw;
  background: #e6e6e6
}
.bnr-area ul {
  justify-content: space-between
}
.bnr-area ul li {
  width: 48%;
  margin: 0 0 5%
}
.plan-c {
  width: 100%;
  padding: 5vw 0 8vw;
  position: relative;
  background: url("../images/plan-bk.jpg") no-repeat center/cover fixed;
  color: #fff
}
.plan-c p.tit {
  margin: 0 0 4%;
  padding: 1vw 4vw 1vw 12vw;
  display: inline-table;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: 2vw;
  line-height: 1
}
.plan-c h2 {
  margin: 0 0 3%;
  font-size: 3vw;
  line-height: 1.5;
  text-shadow: 0 0 10px rgba(0, 0, 0, .8)
}
.plan-c h2 + p {
  line-height: 2.2
}
@media screen and (max-width:767px) {
  .plan-c {
    padding: 12vw 0 15vw
  }
  .plan-c p.tit {
    font-size: 4vw
  }
  .plan-c h2 {
    font-size: 6vw
  }
}