@charset "UTF-8";

/*****************************

PRICE INTRODUCTION

*****************************/

.price-intro-sec{
  padding:80px 0 100px;
}

.price-intro-sec .lead__main{
  margin-top:24px;
  color:#72562B;
  font-size:24px;
  line-height:1.6;
  letter-spacing:.08em;
  text-align:center;
}

.price-intro-text{
  width:800px;
  max-width:100%;
  margin:60px auto 0;
  color:#47351A;
  font-size:16px;
  line-height:2;
  letter-spacing:.03em;
}

.price-intro-text p{
  margin:0;
}

.price-intro-text p + p{
  margin-top:24px;
}

.price-intro-links{
  display:flex;
  justify-content:center;
  align-items:stretch;
  gap:28px;
  width:100%;
  margin-top:55px;
}

.price-intro-links .top_btn{
  width:calc((100% - 56px) / 3);
  max-width:320px;
  margin:0;
}

.price-intro-links .top_btn a{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  min-height:52px;
  padding:10px 18px;
  line-height:1.5;
}

@media screen and (max-width:1024px){

  .price-intro-sec{
    padding:70px 0 90px;
  }

  .price-intro-text{
    margin-top:50px;
  }

  .price-intro-links{
    gap:20px;
    margin-top:50px;
  }

  .price-intro-links .top_btn{
    width:calc((100% - 40px) / 3);
  }

}

@media screen and (max-width:820px){

  .price-intro-sec .lead__main{
    font-size:22px;
  }

  .price-intro-links{
    flex-wrap:wrap;
  }

  .price-intro-links .top_btn{
    width:calc((100% - 20px) / 2);
  }

}

@media screen and (max-width:767px){

  .price-intro-sec{
    padding:50px 0 70px;
  }

  .price-intro-sec .lead__main{
    margin-top:20px;
    font-size:19px;
    line-height:1.7;
  }

  .price-intro-text{
    margin-top:38px;
    font-size:14px;
    line-height:1.9;
    letter-spacing:.02em;
  }

  .price-intro-text p + p{
    margin-top:20px;
  }

  .price-intro-links{
    flex-direction:column;
    align-items:center;
    gap:16px;
    margin-top:40px;
  }

  .price-intro-links .top_btn{
    width:100%;
    max-width:360px;
  }

}

@media screen and (max-width:480px){

  .price-intro-sec{
    padding:45px 0 60px;
  }

  .price-intro-sec .lead__main{
    font-size:17px;
  }

  .price-intro-links .top_btn a{
    min-height:48px;
    padding:9px 14px;
  }

}

/*****************************

FREE COUNSELING

*****************************/

.price-counseling-sec{
  padding:90px 0;
}

.price-counseling-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:55px;
  width:960px;
  max-width:100%;
margin: 40px auto 40px;
}

.price-counseling-image{
  width:42%;
}

.price-counseling-image img{
  display:block;
  width:100%;
  aspect-ratio:1 / .88;
  object-fit:cover;
  border-radius:8px;
}

.price-counseling-content{
  width:calc(58% - 55px);
  color:#72562B;
}

.price-counseling-lead{
  margin:0 0 30px;
  font-size:20px;
  font-weight:bold;
  line-height:1.7;
  letter-spacing:.04em;
}

.price-counseling-content .titel_style{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 14px;
  padding-bottom:8px;
  border-bottom:2px solid #E6AA2D;
  font-size:20px;
  line-height:1.5;
}

.price-counseling-content .titel_style::before{
  flex:0 0 auto;
  width:25px;
  height:25px;
  content:"";
  background:url(../images/common/arrow_1.svg) no-repeat center / contain;
}

.price-counseling-list{
  margin:0;
  padding:0;
  list-style:none;
}

.price-counseling-list li{
  position:relative;
  padding-left:25px;
  font-size:16px;
  line-height:1.8;
}

.price-counseling-list li::before{
  position:absolute;
  top:.42em;
  left:0;
  width:17px;
  height:17px;
  content:"";
  background:url(../images/common/arrow_1.svg) no-repeat center / contain;
}

.price-counseling-note{
  margin:4px 0 0;
  padding-right:15px;
  font-size:14px;
  text-align:right;
}

@media screen and (max-width:1024px){

  .price-counseling-sec{
    padding:80px 0;
  }

  .price-counseling-wrap{
    gap:42px;
    margin-top:50px;
  }

  .price-counseling-content{
    width:calc(58% - 42px);
  }

}

@media screen and (max-width:820px){

  .price-counseling-wrap{
    gap:32px;
  }

  .price-counseling-image{
    width:44%;
  }

  .price-counseling-content{
    width:calc(56% - 32px);
  }

  .price-counseling-lead{
    font-size:18px;
  }

}

@media screen and (max-width:767px){

  .price-counseling-sec{
    padding:60px 0 70px;
  }

  .price-counseling-wrap{
    flex-direction:column;
    gap:30px;
    margin-top:38px;
  }

  .price-counseling-image,
  .price-counseling-content{
    width:100%;
  }

  .price-counseling-image{
    max-width:520px;
  }

  .price-counseling-image img{
    aspect-ratio:4 / 3;
  }

  .price-counseling-lead{
    margin-bottom:25px;
    font-size:17px;
  }

  .price-counseling-content .titel_style{
    font-size:18px;
  }

  .price-counseling-list li{
    font-size:14px;
  }

}

@media screen and (max-width:480px){

  .price-counseling-sec{
    padding:50px 0 60px;
  }

  .price-counseling-wrap{
    margin-top:30px;
  }

  .price-counseling-image img{
    aspect-ratio:1 / .88;
  }

  .price-counseling-lead{
    font-size:16px;
  }

}


/*****************************

SERVICE LIST

*****************************/

.price-service-sec{
  padding:90px 0 100px;
  background:#fff;
}

.price-service-lead{
  width:960px;
  max-width:100%;
  margin:45px auto 0;
  color:#47351A;
  font-size:16px;
  line-height:1.9;
  letter-spacing:.03em;
}

.price-service-lead p{
  margin:0;
}

.price-service-lead__large{
  margin-top:18px !important;
  font-size:24px;
  line-height:1.6;
}

.price-service-list{
  display:flex;
  justify-content: center;
  align-items:flex-start;
  gap:20px;
  margin-top:45px;
}

.price-service-card{
  width:calc((100% - 60px) / 4);
}
.price-service-card a:hover{
  opacity: 1;
}

.price-service-card__link{
  display:block;
  color:#72562B;
  text-decoration:none;
}

.price-service-card__image{
  position:relative;
  overflow:hidden;
  border-radius:10px;
}

.price-service-card__image img{
  display:block;
  width:100%;
  aspect-ratio:1 / 1.17;
  object-fit:cover;
  transition:transform .5s;
}

.price-service-card__title{
  position:absolute;
  right:8px;
  bottom:10px;
  left:8px;
  padding:18px 8px 15px;
  background:rgba(255, 255, 255, .88);
  border-radius:9px;
  text-align:center;
}

.price-service-card__title .titel_style{
  position:relative;
  margin:0;
  padding-bottom:12px;
  color:#72562B;
  font-size:18px;
  line-height:1.4;
}

.price-service-card__title .titel_style::after{
  position:absolute;
  right:8%;
  bottom:0;
  left:8%;
  height:2px;
  content:"";
  background-image:linear-gradient(
    to right,
    #72562B 0,
    #72562B 6px,
    transparent 6px,
    transparent 12px
  );
  background-size:12px 2px;
  background-repeat:repeat-x;
}

.price-service-card__text{
  margin-top:15px;
  color:#47351A;
  font-size:16px;
  line-height:1.8;
}

.price-service-card__text p{
  margin:0;
}

.price-service-card__link:hover .price-service-card__image img{
  transform:scale(1.05);
}

.price-service-card__link:hover .price-service-card__title{
  background:rgba(255, 246, 184, .92);
}

.price-service-refund{
  width:960px;
  max-width:100%;
  margin:55px auto 0;
  color:#E6AA2D;
  font-size:18px;
  font-weight:bold;
  line-height:1.7;
  letter-spacing:.04em;
  text-align:center;
}

.price-service-refund p{
  margin:0;
}

@media screen and (max-width:1024px){

  .price-service-sec{
    padding:80px 0 90px;
  }

  .price-service-list{
    flex-wrap:wrap;
    gap:35px 24px;
  }

  .price-service-card{
    width:calc((100% - 24px) / 2);
  }

  .price-service-card__image img{
   aspect-ratio: 8 / 9;
  }

}

@media screen and (max-width:820px){

  .price-service-lead__large{
    font-size:21px;
  }

  .price-service-card__title .titel_style{
    font-size:19px;
  }

}

@media screen and (max-width:767px){

  .price-service-sec{
    padding:60px 0 70px;
  }

  .price-service-lead{
    margin-top:35px;
    font-size:14px;
    line-height:1.9;
  }

  .price-service-lead__large{
    margin-top:16px !important;
    font-size:18px;
  }

  .price-service-list{
    flex-direction:column;
    gap:35px;
    margin-top:35px;
  }

  .price-service-card{
    width:100%;
  }

  .price-service-card__image img{
   aspect-ratio: 8 / 9;
  }

  .price-service-card__title{
    right:10px;
    bottom:10px;
    left:10px;
  }

  .price-service-card__title .titel_style{
    font-size:18px;
  }

  .price-service-card__text{
    margin-top:12px;
    font-size:14px;
  }

  .price-service-refund{
    margin-top:40px;
    font-size:15px;
    text-align:left;
  }

}

@media screen and (max-width:480px){

  .price-service-sec{
    padding:50px 0 60px;
  }

  .price-service-card__image img{
    aspect-ratio: 8 / 9;
  }

  .price-service-card__title{
    padding:14px 8px 12px;
  }

  .price-service-card__title .titel_style{
    font-size:17px;
  }

}