@charset "utf-8";
/* ------------------------- */
/* LP */
/* ------------------------- */
.lp-wrap{
  max-width: 1140px;
  padding: 100px 20px;
  margin: 0 auto;
  text-align: center;
}
.lp-midashi-top{
  font-size: 1.8em;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 40px;
  text-align: center;
}
.lp-midashi{
  font-size: 1.5em;
  font-weight: bold;
  text-decoration-line: underline;
  text-decoration-color: #ffeb3b;
  text-decoration-thickness: 0.5em;
  text-underline-offset: -0.2em;
  margin-bottom: 40px;
  text-align: center;
}
.lp-midashi-line{
  font-size: 1.1em;
  font-weight: bold;
  border-bottom: 2px dotted #999;
  margin-bottom: 15px;
  text-align: center;
}
.lp-kakomi{
  background:#F3F2E6;
  padding: 10px 20px;
  border-radius: 50px;
  margin: 10px;
}

/* ------------------------- */
/* 疑問や悩みを解消しませんか */
/* ------------------------- */
.lp-gimon-item{
  display: flex;
  align-items: center;
}
.lp-gimon-item-01{
  flex: 1 1 0;
  position: absolute;
  z-index: 3;
}
.lp-gimon-item-02{
  flex: 1 1 0;
}


/* ------------------------- */
/* 3つの理由 */
/* ------------------------- */
.lp-reasons{
  background: #F3F2E6;
  margin: 0 -20px 20px;
  padding: 50px 5%;
  clip-path: polygon(0 0, 100% 0, 100% 97%, 50% 100%, 0 97%);
}
.lp-reasons-list{
  display: flex;
  flex-wrap: nowrap;
}
.lp-reasons-area{
  background: #FFF;
  border-radius: 10px;
  padding: 2%;
  margin: 0 1%;
  flex: 1 1 0;
}
.lp-reasons-item-01{
}
.lp-reasons-item-02{
  text-align: left;
}


/* ------------------------- */
/* 私たちにお任せください */
/* ------------------------- */
.lp-advisor-voice{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.lp-advisor-voice_01{
  margin-right: 60px;
  flex: 1 1 0;
}
.lp-advisor-voice_02{
  flex: 1 1 0;
  padding: 0 20px;
}


/* ------------------------- */
/* お客様の声 */
/* ------------------------- */
.lp-customervoice{
  background: #F3F2E6;
  margin: 0 -20px;
  padding: 50px 5%;
}
.lp-customervoice-list{
  display: flex;
  flex-wrap: nowrap;
}
.lp-customervoice-item{
  background: #FFF;
  border-radius: 10px;
  padding: 2%;
  margin: 0 1%;
  flex: 1 1 0;
}
.lp-customervoice-item h3{
  margin: 15px 0;
}
.lp-customervoice-item p{
  text-align: left;
}


/* ------------------------- */
/* 予約フォーム */
/* ------------------------- */
.reserve-list-area {
  margin: 0 -20px;
  padding: 40px 10%;
  background: #FFE33F;
}
.reserve-list-area h3{
  background: #FFFFFF;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  padding: 10px;
  margin-bottom: 20px;
}
.reserve-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.reserve-item {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  border: none;
  box-shadow: none;
  border-radius: 0;
  width: calc(100% / 4 - 4%);
  margin: 0 2% 4%;
  transition: 0.3s;
}
.reserve-item p{
  margin-bottom: 0;
}
.reserve-item:hover {
  background-color: #fff;
}
.reserve-item a.link {
    border: 1px solid #323232;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    border-radius: 20px;
    transition: 0.3s;
    display: block;
    width: 100%;
    padding: 15% 0;
    background-color: #FFF;
}
.reserve-item a.link:hover {
  background-color: #FFE33F;
}
.reserve-item a.link:hover .reserve-text::after {
  transform: translateX(10px) translateY(-50%) rotate(45deg);
}
.reserve-item .reserve-text-l span {
  font-size: 1.4rem;
  display: inline-block;
  margin-top: 5px;
}
.reserve-text-shop {
  padding-right: 10px;
  position: relative;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}
.reserve-text-shop::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid;
  top: 50%;
  right: 0;
  border-color: #000 #000 transparent transparent;
  transform: rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
}
.reserve-text-shop:hover::after {
  transform: translateX(10px) translateY(-50%) rotate(45deg);
}


@media screen and (max-width: 999px) {
  .reserve-list {
    flex-wrap: wrap;
  }
  .reserve-item {
    width: calc(100% / 2 - 4%);
    justify-content: flex-start;
  }
}
@media screen and (max-width: 599px) {
  .lp-wrap {
    padding: 40px 20px;
  }

  /* 見出し */
  .lp-midashi-line{
    font-size: 0.9em;
  }

  /* 疑問や悩みを解消しませんか */
  .lp-gimon-item{
    align-items: flex-start;
  }
  .lp-gimon-item-01{
    width: 90%;
  }
  .lp-gimon-item-02{
    margin: 150px -20px 0;
  }


  /* 3つの理由 */
  .lp-reasons-list{
    display: block;
  }
  .lp-reasons-area{
    padding: 7%;
    margin: 0 0 30px
  }

  /* 私たちにお任せください */
  .lp-advisor-voice{
    display: block;
  }
  .lp-advisor-voice .lp-midashi-top{
    font-size: 1.1em;
  }
  .lp-advisor-voice_01{
    margin: 0 0 20px;
  }
  .lp-advisor-voice_02{
    background: #ED6C00;
    color: #FFF;
    margin: -100px -20px 0;
    padding: 120px 20px 60px;
  }

  /* お客様の声 */
  .lp-customervoice-list{
    display: block;
  }
  .lp-customervoice-item{
    padding: 7%;
    margin: 0 0 10px 0;
  }
  .lp-customervoice-item img{
    width: 80%;
    height: 80%;
  }

  /* 予約フォーム */
  .reserve-list {
    flex-wrap: wrap;
  }
  .reserve-title:not(:first-child) {
    margin-top: 30px;
  }
  .reserve-item .reserve-text-l {
    font-size: 1.4rem;
  }
  .reserve-item .reserve-text-l span {
    font-size: 1.2rem;
  }
}