@charset "utf-8";
/*----- header -----*/
#header {
  position: fixed;
  width: 75rem;
  background: #b49780;
  z-index: 101;
  top: 0;
  padding-right: 1.8rem;
}
#h_logo {width:11.5rem;}
#h_tel {width:27.5rem;}
#h_btn {width:30.4rem;}

.hfBtn > span {
	position: absolute;
	color: #FFF;
	font-size: 2.4rem;
  line-height: 1.375;
	font-weight: bold;
	left: 10.5rem;
  top: 54%;
  transform: translate(0,-50%);
  white-space: nowrap;
}
/*----- end header -----*/

/*----- blockBtnGb -----*/
.blockBtnGb {
  text-align: center;
}

.blockBtnGb p {
  width: 25.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  background-image: url(../img/gb_bg_yellow.png);
  background-size: 100% 3.3rem;
  background-repeat: no-repeat;
  background-position: center 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
}

.blockBtnGb a {
  animation: yureru-j 2s infinite;
  display: block;
}
/*----- end blockBtnGb -----*/

/*----- fv -----*/
.fvText {
  position: absolute;
  width: 74.1rem;
  right: 0;
  top: 22.3rem;
}

.fv .blockBtnGb {
  position: absolute;
  bottom: 4rem;
  left: 50%;
  transform: translate(-50%,0);
}

.fv .blockBtnGb p {
  background-image: url(../img/gb_bg.png);
  padding-left: 0;
}

@keyframes yureru-j {
  0% {
      transform: translate(0px, 2px);
  }
  5% {
      transform: translate(0px, -2px);
  }
  10% {
      transform: translate(0px, 2px);
  }
  15% {
      transform: translate(0px, -2px);
  }
  20% {
      transform: translate(0px, 2px);
  }
  25% {
      transform: translate(0px, -2px);
  }
  30% {
      transform: translate(0px, 0px);
  }
}
/*----- end fv -----*/

/*----- problem -----*/
.problem {
  /* margin-top: -12.8rem; */
}

.problem .pbText {
  position: absolute;
  width: 71.2rem;
  left: 50%;
  transform: translate(-50%, 0);
  top: 49rem;
}

.problem .pbLbl {
  position: absolute;
  width: 41rem;
  right: 1.5rem;
  top: 12rem;
}
/*----- end problem -----*/

/*----- qa -----*/
.qa {
  background-image: url(../img/qa_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 10rem 0 10.5rem 0;
  margin-bottom: 5.5rem;
}

.qaContent {
  margin: 0 auto 5rem auto;
}

.qaTitleImg {
  width: 44.3rem;
  margin-left: 7.5rem;
}

.qText {
  background-color: #DCD3C6;
  line-height: 1.6875;
  padding: 2.8rem 0 2rem 6.5rem;
}

.qText:after {
  content: "";
  position: absolute;
  width: 4.18rem;
  height: 4.34rem;
  background-image: url(../img/qa_q.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  left: 1rem;
  top: 50%;
  transform: translate(0,-50%);
}

.aText {
  line-height: 1.467;
  padding: 1.3rem 0 4.8rem 6.5rem;
}

.aText span {
  line-height: 1.25;
  display: block;
}

.aText:after {
  content: "";
  position: absolute;
  width: 4.34rem;
  height: 3.625rem;
  background-image: url(../img/qa_a.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  left: 1rem;
  top: 1.5rem;
}
/*----- end qa -----*/

/*----- flow -----*/
.flowTitleImg {
  width: 48.7rem;
  margin-left: 3.1rem;
}

.flowContent {
  margin: 0 auto;
  padding-bottom: 5rem;
}

.flow .listItem li {
  padding: 2.6rem 0 2rem 0;
  border: 0.3rem solid #DCD3C6;
  -webkit-box-shadow: 2px 2px 1px 0px rgba(71,43,6,0.3);
  -moz-box-shadow: 2px 2px 1px 0px rgba(71,43,6,0.3);
  box-shadow: 2px 2px 1px 0px rgba(71,43,6,0.3);
}

.flow .listItem li:after {
  content: "";
  position: absolute;
  width: 4.34rem;
  height: 2.64rem;
  background-image: url(../img/flow_arrow.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  bottom: -6.7rem;
  left: 50%;
  transform: translate(-50%, 0);
}

.flow .listItem li:last-child:after {
  display: none;
}

.flow .listItem li .imgLbl {
  width: 18.1rem;
  position: absolute;
  top: -4.5rem;
  left: -3rem;
}

.flow .listItem .imgItem {
  display: block;
}

.flow .listItem li:nth-child(1) .imgItem {
  width: 33rem;
  margin-left: 20.5rem;
}

.flow .listItem li:nth-child(2) .imgItem {
  width: 32rem;
  margin-left: 16rem;
}

.flow .listItem li:nth-child(3) .imgItem {
  width: 46.8rem;
  margin-left: 13.5rem;
}

.flow .listItem li:nth-child(4) .imgItem {
  width: 39.7rem;
  margin-left: 12.2rem;
}

.flow .listItem li:nth-child(5) .imgItem {
  width: 11.6rem;
  margin-left: 26.5rem;
}

.flow .listItem .imgHL {
  position: absolute;
}

.flow .listItem li:nth-child(1) .imgHL {
  height: 1.54rem;
  bottom: 7.3rem;
  left: 1.6rem;
}

.flow .listItem li:nth-child(2) .imgHL {
  height: 6.44rem;
  bottom: 26.5rem;
  left: 1rem;
}

.flow .listItem li:nth-child(3) .imgHL {
  height: 5.4rem;
  bottom: 3.3rem;
  left: 3rem;
}

.flow .listItem li:nth-child(4) .imgHL {
  height: 6.37rem;
  bottom: 14.4rem;
  left: 10.9rem;
}

.flow .listItem li:nth-child(5) .imgHL {
  height: 1.54rem;
  bottom: 12.2rem;
  left: 11rem;
}

.flow .itemSquare {
  border: 0.1rem solid #333333;
  width: 60rem;
  text-align: center;
  margin: 1.5rem auto 0 auto;
  padding: 1.3rem 0 0.9rem 0;
}
/*----- end flow -----*/

/*----- price -----*/
.priceTitleImg {
  width: 41.2rem;
  display: block;
  margin: 0 auto;
}

.priceSubTT {
  margin: 2rem 0;
  background-image: url(../img/price_sub.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.tablePriceContent {
  padding: 2.3rem 0 3rem 0;
  background-color: #DCD3C6;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(66,39,3,0.9);
  -moz-box-shadow: 2px 2px 2px 0px rgba(66,39,3,0.9);
  box-shadow: 2px 2px 2px 0px rgba(66,39,3,0.9);
}

.tablePrice {
  width: 71rem;
  margin: 0 auto;
  position: relative;
}

.tablePrice:after {
  content: '';
  position: absolute;
  width: 17.4rem;
  height: 99%;
  border: 0.5rem solid #FFB133;
  top: 0;
  left: 24.5%;
  border-radius: 0.8rem;
}

.tablePrice .tbRow {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}

.tablePrice .tbRow .tbCell {
  width: 17.5rem;
  height: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.tablePrice .tbRow .tbCell.tHead {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  background-color: #B69980;
}

.tablePrice .tbRow .tbCell.tHeadYellow {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.tablePrice .tbRow .tbCell span {
  width: 100%;
  line-height: 1;
}

.tablePrice .tbRow .tbCell span.fs20 {
  margin-top: -1.2rem;
}

.tablePrice .tbRow .tbCell:first-child {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.tablePrice .tHeadImg {
  width: 20rem;
  position: absolute;
  z-index: 1;
}

.priceLbl {
  width: 14.8rem;
  height: 15rem;
  margin-top: -6rem;
  margin-left: 10rem;
  z-index: 1;
  position: relative;
}

.priceFoot {
  background-image: url(../img/price_foot_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 71rem;
  margin: 1.5rem auto 2.5rem auto;
  padding: 2rem 0 1.4rem 0;
}
/*----- end price -----*/

/*----- review -----*/
.review {
  background-image: url(../img/review_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 9.5rem 0;
}

.reviewTitleImg {
  width: 72.6rem;
}

.reviewContent {
  padding: 0 2rem;
  margin: 0 auto 5.4rem auto;
}

.reviewItem {
  background: white;
  -webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.3);
  box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.3);
}

.rwItemTitle {
  background-image: url(../img/review_bg_item.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 2.3rem 0;
}

.reviewAva {
  width: 25.6rem;
  position: absolute;
  left: 3rem;
  bottom: 1.5rem;
}

.reviewLbl {
  width: 17.5rem;
  position: absolute;
  top: -5.2rem;
  left: 2.2rem;
}

.reviewName {
  padding: 3.7rem 0;
  border-radius: 2.2rem;
  background-color: #FFF;
  width: 57.4rem;
  margin-left: 10.2rem;
  text-align: right;
}

.reviewName img {
  height: 16.5rem;
  margin-right: -1.5rem;
  display: inline-block
}

.reviewDes {
  padding: 2rem 0 3.2rem 0;
}

.reviewFoot {
  width: 71rem;
  margin: 0 auto 4rem auto;
  padding: 2.2rem;
  background-image: url(../img/review_foot_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
/*----- end review -----*/

/*----- merit -----*/
.merit {
  margin-top: -12.5rem;
  margin-bottom: 1.2rem;
  padding: 15rem 0 7rem 0;
  background-image: url(../img/merit_bg.png);
  background-size: 100% auto;
  background-position: bottom;
}
.meritTitleImg {
  width: 52.5rem;
  margin-left: 15rem;
  margin-bottom: 6rem;
}
.meritContent {
  padding: 0 2rem;
}

.meritItem {
  position: relative;
  padding: 3rem 0 0 0;
  border-radius: 6rem;
  border: 0.1rem solid #2B1E1B;
  background-color: #FBF6EF;
  -webkit-box-shadow: 3px 3px 2px 0px rgba(68,39,4,0.3);
  -moz-box-shadow: 3px 3px 2px 0px rgba(68,39,4,0.3);
  box-shadow: 3px 3px 2px 0px rgba(68,39,4,0.3);
}

.meritItemLbl {
  width: 19.5rem;
  position: absolute;
  left: 0;
  top: -2.2rem;
}

.meritItemImg {
  width: 65rem;
  display: block;
  position: relative;
  margin: 0 auto;
}

.meritItem:nth-child(3) .meritItemImg {
  width: 61rem;
}

.meritItemName {
  display: block;
  margin: 0 auto 2rem auto;
}

.meritItem:nth-child(1) .meritItemName {
  width: 34.6rem;
}

.meritItem:nth-child(2) .meritItemName {
  width: 38.1rem;
}

.meritItem:nth-child(3) .meritItemName {
  width: 35rem;
}

.meritItemDes {
  background: #FFF;
  padding-bottom: 4rem;
  border-bottom-left-radius: 6rem;
  border-bottom-right-radius: 6rem;
  margin-top: -23.8rem;
}

.meritItem:nth-child(3) .meritItemDes {
  margin-top: -16rem;
}

.meritItemDes > img {
  display: block;
  height: 26rem;
  margin: auto 1rem 3.2rem auto;
}

.meritItemDes p {
  text-align: left;
  width: 65rem;
  margin: 0 auto;
}
/*----- end merit -----*/

/*----- room -----*/
.room {
  padding: 12rem 0 6.5rem 0;
  background-image: url(../img/room_bg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.roomTitleImg {
  width: 67.1rem;
  margin-left: 2.9rem;
  margin-bottom: 8.4rem;
}

.roomContent {
  padding: 0 3.5rem;
}

.roomFoot {
  width: 49rem;
  display: block;
  margin: 0 auto 5rem auto;
}

.roomPoint p {
  line-height: 1.8667;
}

.roomItem {
  position: relative;
}

.roomItemLbl {
  position: absolute;
  width: 30.7rem;
  top: -3.8rem;
  left: -1.8rem;
  z-index: 1;
}

.room .slick-prev, 
.room .slick-next {
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(68,14,5,0.3);
  -moz-box-shadow: 0px 0px 2px 0px rgba(68,14,5,0.3);
  box-shadow: 0px 0px 2px 0px rgba(68,14,5,0.3);
  background: url(../img/slick-next.png);
  background-size: 3.8rem 3.8rem;
  background-position: center;
  background-repeat: no-repeat;
}

.room .slick-prev {
  left: 4rem;
  z-index: 1;
  background: url(../img/slick-prev.png);
  background-size: 3.8rem 3.8rem;
  background-position: center;
  background-repeat: no-repeat;
}

.room .slick-next {
  right: 4rem;
}

.room .slick-prev:before, 
.room .slick-next:before {
  display: none;
}

.roomBtnLbl {
  display: flex;
  width: 65rem;
  margin: 0 auto;
  justify-content: space-between;
}

.roomBtnLbl p {
  border-radius: 1rem;
  display: inline-block;
  overflow: hidden;
}

.roomBtnLbl p span {
  display: inline-flex;
  height: 7rem;
  line-height: 1;
  justify-content: center;
  align-items: center;
  width: 16rem;
  background-color: #FFF;
  border: 0.1rem solid #2B1E1B;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.roomBtnLbl p span:first-child {
  width: 14.9rem;
  background-color: #2B1E1B;
  color: white;
  border-radius: 0;
}

.roomPoint {
  width: 65rem;
  margin: 3.6rem auto 0.5rem auto;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 2rem 0 1.8rem 17.5rem;
}

.roomPoint > img {
  position: absolute;
  width: 17.8rem;
  left: -2.3rem;
  top: 50%;
  transform: translate(0,-50%);
}
/*----- end room -----*/

/*----- footer -----*/
.footer {
  margin-bottom: 8rem;
}
.footer .footerText {
  padding: 4rem 0 8.5rem 0;
  border-top: 0.1rem solid #2B1E1B;
  border-bottom: 0.1rem solid #2B1E1B;
}

.footer .blockBtnGb {
  padding: 1rem 0;
}

/* .footer .blockBtnGb a {
  animation: none;
} */

#conversion {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}
/*----- end footer -----*/
@media screen and (min-width:600px) {
  .sp {display: none !important;}
  .footer { margin-bottom: 1rem;}
}