@charset "UTF-8";




/* -------------------------------------
price_info
------------------------------------- */
#price_info {
  font-feature-settings: "palt";
  padding-top:40px;
}
.price_note-txt {
  font-size:18px;
  text-align:center;
  margin-bottom:30px;
}
.price_note-txt span {
  display:inline-block;
}
.price_wrap {
  background:url(../imgs/meigiren/fee_bg2.png) center center no-repeat;
  background-size:cover;
  border-radius:30px;
  overflow:hidden;
}
.price_head {
  color:#fff;
  letter-spacing:0.05em;
  text-align:center;
  background:url(../imgs/meigiren/fee_bg1.png) center top no-repeat;
  background-size:cover;
  padding:38px 20px;
}
.price_head-ttl {
  font-size:44px;
  text-align:center;
}
.price_head-ttl .head-ttl_stx {
  font-size:27px;
}
.price_txt {
  font-size:32px;
  line-height:1.4;
}
.yel_line {
  color:#fff362;
  font-size:43px;
  position:relative;
}
.yel_line::after {
  content:"";
  display:block;
  width:100%;
  height:5px;
  background-color:#fff362;
  position:absolute;
  top:100%;
  left:0;
}
.yel_sml {
  font-size:32px;
}

.price_ditail {
  position:relative;
}
.price_ditail::before {
  content:"";
  width:100%;
  height:100%;
  background:url(../imgs/meigiren/fee_bg3.png) center 0 repeat-y;
  background-size:85% auto;
  position:absolute;
  z-index:0;
}
.price_ditail_in {
  display:flex;
  gap:20px;
  padding:min(83px,5.76vw) 20px min(63px,4.37vw);
}
.price_list {
  width:calc((100% - 40px)/3);
  position:relative;
  z-index:1;
}
.price_list_sttl {
  font-size:32px;
  line-height:1;
  text-align:center;
  border-bottom:1px solid #040000;
  padding-bottom:20px;
  margin-bottom:30px;
}
.price_list dd {
  font-size:18px;
  display: flex;
  justify-content: center;
}

.price_list dd ul {
    display:flex;
    flex-direction:column;
    gap:10px;
}
.price_list.basic_fee dd ul {
    gap:35px;
}


/* -------------------------------------
howto_info
------------------------------------- */
#howto_info {
  padding:min(140px,9.72vw) 0 min(110px,7.63vw);
}
.info_sttl {
  font-size:40px;
  text-align:center;
  margin-bottom:46px;
}
.howto_list {
  display:flex;
  justify-content:space-between;
  gap:9%;
}
.howto_list-item {
  text-align:center;
  width:calc((100% - 9%)/3);
  max-width:324px;
}
.item-ttl {
  color:#fff;
  font-size:27px;
  display:flex;
  width:100%;
  height:auto;
  aspect-ratio:324 / 199;
  margin-bottom:10px;
  background:url(../imgs/meigiren/howto_icon.png) 0 0 no-repeat;
  background-size:contain;
  position:relative;
}
.item-ttl span {
  margin:0 auto;
  position:absolute;
  left:0;
  right:0;
  top:36%;
  transform:translateY(-50%);
}
.item_txt {
  font-size:21px;
  line-height:1.4;
}
.item_txt span {
  display:inline-block;
}
.item_txt .stx {
  font-size:14px;
}






@media screen and (max-width: 1440px) {
/* -------------------------------------
price_info
------------------------------------- */
.price_head-ttl {
    font-size: clamp(32px,3.1vw,44px);  
}
.price_head-ttl .head-ttl_stx {
    font-size: clamp(20px,1.87vw,27px);  
}
.price_txt,.yel_sml {
    font-size: clamp(24px,2.22vw,32px);  
}
.yel_line {
    font-size: clamp(32px,3vw,43px);  
}

.price_list_sttl {
    font-size: clamp(22px,2.22vw,32px);  
}
.price_list dd {
    font-size: clamp(14px,1.25vw,18px);  
}


/* -------------------------------------
howto_info
------------------------------------- */
.info_sttl {
    font-size: clamp(32px,2.77vw,40px);  
}
.item-ttl {
    font-size: clamp(20px,1.87vw,27px);  
}
.item_txt {
    font-size: clamp(15px,1.45vw,21px);  
}
.item_txt .stx {
    font-size: clamp(12px,1vw,14px);  
}





}


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


}

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


}

@media screen and (max-width: 980px) {
/* -------------------------------------
howto_info
------------------------------------- */
.howto_list {
  gap:5%;
}
.howto_list-item {
  width:calc((100% - 5%)/3);
}

}

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

@media screen and (max-width: 880px) {
/* -------------------------------------
price_info
------------------------------------- */
.price_ditail_in {
    flex-wrap: wrap;
}
.price_list {
    width: calc((100% - 20px) / 2);
}

/* -------------------------------------
howto_info
------------------------------------- */
.howto_list {
  flex-wrap:wrap;
  justify-content:center;
  gap:30px 5%;
}
.howto_list-item {
  width:calc((100% - 5%)/2);
  max-width:250px;
}


}

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




}

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

}

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

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


}

@media screen and (max-width: 600px) {
/* -------------------------------------
price_info
------------------------------------- */
.price_ditail_in {
  gap:50px;
  max-width:400px;
  margin:0 auto;
}
.price_list {
    width: 100%;
}
.price_list_sttl {
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.price_list.basic_fee dd ul {
    gap: 10px;
}


.price_txt span.spbk {
  display:block;
}
.price_txt,.yel_sml {
    font-size: clamp(20px,4vw,24px);  
}



/* -------------------------------------
howto_info
------------------------------------- */
.howto_list {
  flex-direction:column;
  align-items:center;
  gap:30px 5%;
}
.howto_list-item {
  width:100%;
  max-width:250px;
}



}

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



}

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



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


}

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

}

@media screen and (min-width: 769px) {
 
}