@charset "UTF-8";
/* ===================================================================
CSS information

file name  : concept.css
author     : Ability Consultant
style info : コンセプト
=================================================================== */
_::-webkit-full-page-media, _:future, :root #htlSide-A {
  margin-top: -180px;
}

/* -----------------------------------------------------------
	.wrp_concept
----------------------------------------------------------- */
.wrp_concept .con_intro {
  margin-top: 146px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrp_concept .con_intro .box_txt {
  margin-top: 73px;
  margin-left: 63px;
  width: 407px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.wrp_concept .con_intro .box_txt .st {
  font-size: 216%;
  letter-spacing: 0.15em;
}
.wrp_concept .con_intro .box_txt .txt {
  line-height: 3.5;
  margin-top: 23px;
  letter-spacing: 0.12em;
}
.wrp_concept .box_slide {
  margin-top: 128px;
  position: relative;
}
.wrp_concept .box_slide .thumbnail-thumb {
  width: 370px;
  position: absolute;
  right: 34px;
  bottom: -38px;
}
.wrp_concept .box_slide .thumbnail-thumb .slick-slide {
  margin-right: 10px;
}
.wrp_concept .box_slide .slick-slide {
  width: 100%;
}
.wrp_concept .box_slide .thumbnail img {
  width: 100%;
}
.wrp_concept .box_slide .thumbnail-nav img {
  width: 100%;
}
.wrp_concept .box_slide .thumbnail-thumb {
  margin: auto;
}
.wrp_concept .box_slide .thumbnial-thumb .slick-next {
  right: 20px;
  z-index: 100;
}
.wrp_concept .box_slide .thumbnail-thumb .slick-prev {
  left: 15px;
  z-index: 100;
}
.wrp_concept .box_slide .thumbnail-thumb .slick-current {
  opacity: 0.9;
}
.wrp_concept .box_slide .thumbnail-thumb div div div {
  cursor: pointer;
}
.wrp_concept .con_concept {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 112px;
  margin-left: 63px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.wrp_concept .con_concept .st {
  font-size: 216%;
  letter-spacing: 0.15em;
  line-height: 1.8;
}
.wrp_concept .con_concept .txt {
  margin-left: 130px;
  width: 407px;
  line-height: 3.5;
  letter-spacing: 0.12em;
}
.wrp_concept .con_bath {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 82px;
}
.wrp_concept .con_bath .box_txt {
  width: 390px;
  margin-right: 8em;
}
.wrp_concept .con_bath .box_txt p.st {
  font-size: 139%;
  letter-spacing: .19em;
}
.wrp_concept .con_bath .box_txt p.txt {
  margin: 15px auto 30px;
}
.wrp_concept .con_gl {
  margin-top: 112px;
}
.wrp_concept .tmp_btn {
  margin: 170px 0;
  margin-left: auto;
  margin-right: auto;
}