/* Breakpoints */
/* Percentages Default Value */
/* Font Family */
/* Font Weights */
/* Breakpoints */
/* Percentages Default Value */
/* Font Family */
/* Font Weights */
/* Media Queries */
/* Breakpoints */
/* Percentages Default Value */
/* Font Family */
/* Font Weights */
/* intro section */
.sec_intro {
  padding: clamp(1.25rem, 1.1574074074vw + 0.6944444444rem, 1.5625rem) 0 clamp(2.4rem, 2.2222222222vw + 1.3333333333rem, 3rem);
}
.sec_intro .txt_blk {
  width: 46.1%;
  max-width: 461px;
}
.sec_intro .txt_blk .page_title_h2 {
  margin-bottom: clamp(0.8rem, 0.7407407407vw + 0.4444444444rem, 1rem);
}
.sec_intro .txt_blk .intro_txt {
  margin-bottom: clamp(3.2rem, 2.962962963vw + 1.7777777778rem, 4rem);
  font-size: clamp(1rem, 0.9259259259vw + 0.5555555556rem, 1.25rem);
  font-weight: 500;
}
.sec_intro .txt_blk .place_img03 {
  width: clamp(19.35rem, 17.9166666667vw + 10.75rem, 24.1875rem);
  margin: 0 auto;
}
.sec_intro .img_blk {
  position: relative;
  width: 53.7%;
  margin-top: clamp(1rem, 0.9259259259vw + 0.5555555556rem, 1.25rem);
  padding-bottom: clamp(6.3rem, 5.8333333333vw + 3.5rem, 7.875rem);
  max-width: 537px;
}
.sec_intro .img_blk .place_img01 {
  width: clamp(22rem, 20.3703703704vw + 12.2222222222rem, 27.5rem);
  margin-left: auto;
}
.sec_intro .img_blk .place_img02 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: clamp(10.05rem, 9.3055555556vw + 5.5833333333rem, 12.5625rem);
}
.sec_intro img {
  border-radius: clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem);
}

/* For Mobile */
@media (max-width: 767.9px) {
  #about .inner {
    width: 94.6666666667%;
    max-width: 710px;
  }
  .sec_intro {
    padding: 0.1666666667rem 0 0.8333333333rem;
  }
  .sec_intro .txt_blk {
    width: 100%;
    max-width: 100%;
  }
  .sec_intro .txt_blk .page_title_h2 {
    margin-bottom: 0.1111111111rem;
  }
  .sec_intro .txt_blk .intro_txt {
    margin-bottom: 0.3777777778rem;
    font-size: 0.2888888889rem;
  }
  .sec_intro .txt_blk .place_img03 {
    width: 3.8333333333rem;
    margin-left: 0.7777777778rem;
  }
  .sec_intro .img_blk {
    z-index: -1;
    width: 100%;
    margin-top: -3.3%;
    padding-bottom: 0;
    max-width: 100%;
  }
  .sec_intro .img_blk .place_img01 {
    width: 4.4444444444rem;
  }
  .sec_intro .img_blk .place_img02 {
    bottom: 0.4rem;
    left: 0.1333333333rem;
    width: 1.9666666667rem;
  }
  .sec_intro img {
    border-radius: 0.1111111111rem;
  }
}
/* complex section */
.sec_complex {
  padding: clamp(3.7rem, 3.4259259259vw + 2.0555555556rem, 4.625rem) 0 clamp(1.25rem, 1.1574074074vw + 0.6944444444rem, 1.5625rem);
  background-color: #f8f8f8;
}
.sec_complex .title_h2 {
  margin-bottom: clamp(0.6rem, 0.5555555556vw + 0.3333333333rem, 0.75rem);
}
.sec_complex .text_lg {
  margin-bottom: clamp(0.6rem, 0.5555555556vw + 0.3333333333rem, 0.75rem);
  font-weight: 500;
}
.sec_complex .bg_orange {
  background-color: #ff8604;
}
.sec_complex .bg_blue {
  background-color: #47719d;
}
.sec_complex .bg_green {
  background-color: #3f961c;
}
.sec_complex .care_step_blk {
  position: relative;
}
.sec_complex .care_step_blk::after {
  position: absolute;
  right: 0;
  bottom: clamp(11rem, 10.1851851852vw + 6.1111111111rem, 13.75rem);
  left: 0;
  width: clamp(33.6rem, 31.1111111111vw + 18.6666666667rem, 42rem);
  height: clamp(11.5rem, 10.6481481481vw + 6.3888888889rem, 14.375rem);
  margin: 0 auto;
  background: url("/casabonita/assets/images/about/img_border_pc.png") no-repeat center/contain;
  content: "";
}
.sec_complex .care_step_blk .ttl_blk {
  width: clamp(17rem, 15.7407407407vw + 9.4444444444rem, 21.25rem);
  margin: 0 auto clamp(4.75rem, 4.3981481481vw + 2.6388888889rem, 5.9375rem);
}
.sec_complex .care_step_blk .ttl_blk .content_ttl {
  width: 100%;
  margin-bottom: clamp(0.15rem, 0.1388888889vw + 0.0833333333rem, 0.1875rem);
  padding: clamp(4.8rem, 4.4444444444vw + 2.6666666667rem, 6rem) clamp(4.25rem, 3.9351851852vw + 2.3611111111rem, 5.3125rem) clamp(2.4rem, 2.2222222222vw + 1.3333333333rem, 3rem) clamp(3.25rem, 3.0092592593vw + 1.8055555556rem, 4.0625rem);
  background: url("/casabonita/assets/images/about/img_ttl_bg_pc.png") no-repeat center/contain;
  font-size: clamp(1.2rem, 1.1111111111vw + 0.6666666667rem, 1.5rem);
  font-weight: 700;
  text-align: center;
}
.sec_complex .care_step_blk .ttl_blk .text_lg {
  padding: 0 clamp(0.7rem, 0.6481481481vw + 0.3888888889rem, 0.875rem);
}
.sec_complex .care_step_blk .left_blk {
  position: absolute;
  bottom: clamp(4.8rem, 4.4444444444vw + 2.6666666667rem, 6rem);
  left: calc((100% - clamp(45.75rem, 42.3611111111vw + 25.4166666667rem, 57.1875rem)) / 2);
}
.sec_complex .care_step_blk .right_blk {
  position: absolute;
  right: calc((100% - clamp(49.75rem, 46.0648148148vw + 27.6388888889rem, 62.1875rem)) / 2);
  bottom: clamp(4.8rem, 4.4444444444vw + 2.6666666667rem, 6rem);
}
.sec_complex .care_step_blk .care_step {
  position: relative;
  z-index: 1;
  margin-bottom: clamp(1.5rem, 1.3888888889vw + 0.8333333333rem, 1.875rem);
}
.sec_complex .care_step_blk .care_step.step01 {
  width: clamp(11.75rem, 10.8796296296vw + 6.5277777778rem, 14.6875rem);
  margin-bottom: clamp(0.7rem, 0.6481481481vw + 0.3888888889rem, 0.875rem);
}
.sec_complex .care_step_blk .care_step.step02 {
  width: clamp(10.4rem, 9.6296296296vw + 5.7777777778rem, 13rem);
  margin-left: clamp(1.5rem, 1.3888888889vw + 0.8333333333rem, 1.875rem);
}
.sec_complex .care_step_blk .care_step.step03 {
  width: clamp(14.5rem, 13.4259259259vw + 8.0555555556rem, 18.125rem);
  margin: 0 auto clamp(1.5rem, 1.3888888889vw + 0.8333333333rem, 1.875rem);
}
.sec_complex .care_step_blk .care_step.step04 {
  width: clamp(12rem, 11.1111111111vw + 6.6666666667rem, 15rem);
  margin-bottom: clamp(0.7rem, 0.6481481481vw + 0.3888888889rem, 0.875rem);
  margin-left: clamp(2.5rem, 2.3148148148vw + 1.3888888889rem, 3.125rem);
}
.sec_complex .care_step_blk .care_step.step05 {
  width: clamp(10.4rem, 9.6296296296vw + 5.7777777778rem, 13rem);
  margin-left: clamp(1.5rem, 1.3888888889vw + 0.8333333333rem, 1.875rem);
}
.sec_complex .care_step_blk .care_step .care_step_ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(5.6rem, 5.1851851852vw + 3.1111111111rem, 7rem);
  height: clamp(5.6rem, 5.1851851852vw + 3.1111111111rem, 7rem);
  margin: 0 auto clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem);
  color: #ffffff;
  font-size: clamp(1rem, 0.9259259259vw + 0.5555555556rem, 1.25rem);
  font-weight: 700;
  text-align: center;
  border-radius: 100%;
}

/* For Mobile */
@media (max-width: 767.9px) {
  .sec_complex {
    padding: 0.6444444444rem 0 0.6666666667rem;
  }
  .sec_complex .title_h2 {
    margin-bottom: 0.1666666667rem;
  }
  .sec_complex .text_lg {
    position: relative;
    z-index: 2;
    margin-bottom: 0.3555555556rem;
  }
  .sec_complex .care_step_blk {
    padding-bottom: 0.1666666667rem;
  }
  .sec_complex .care_step_blk::after {
    bottom: -1.7%;
    width: 100%;
    height: 85%;
    background: url("/casabonita/assets/images/about/img_border_sp.png") no-repeat center/100% 100%;
  }
  .sec_complex .care_step_blk .ttl_blk {
    position: relative;
    z-index: 2;
    width: 4.6777777778rem;
    margin: 0 auto 0.4222222222rem;
  }
  .sec_complex .care_step_blk .ttl_blk .content_ttl {
    margin-bottom: 0.0444444444rem;
    padding: 1.5111111111rem 1.0333333333rem 0.7rem 0.6666666667rem;
    background: url("/casabonita/assets/images/about/img_ttl_bg_sp.png") no-repeat center/contain;
    font-size: 0.3777777778rem;
  }
  .sec_complex .care_step_blk .ttl_blk .text_lg {
    padding: 0;
    text-align: center;
    letter-spacing: -0.0222222222rem;
  }
  .sec_complex .care_step_blk .left_blk,
  .sec_complex .care_step_blk .right_blk {
    display: flex;
    position: unset;
    justify-content: space-between;
    margin-bottom: 0.1666666667rem;
    padding: 0 0.2777777778rem;
  }
  .sec_complex .care_step_blk .care_step {
    margin-bottom: 0;
  }
  .sec_complex .care_step_blk .care_step.step01 {
    width: 2.8555555556rem;
    margin-bottom: 0;
  }
  .sec_complex .care_step_blk .care_step.step02 {
    width: 2.8555555556rem;
    margin-left: 0;
  }
  .sec_complex .care_step_blk .care_step.step03 {
    width: 4.0222222222rem;
    margin: 0 auto 0.6888888889rem;
  }
  .sec_complex .care_step_blk .care_step.step04 {
    width: 3.1rem;
    margin-bottom: 0;
    margin-left: 0;
  }
  .sec_complex .care_step_blk .care_step.step05 {
    width: 3.1rem;
  }
  .sec_complex .care_step_blk .care_step .text_lg {
    font-size: 0.2333333333rem;
  }
  .sec_complex .care_step_blk .care_step .care_step_ttl {
    width: 1.8666666667rem;
    height: 1.8666666667rem;
    margin: 0 auto 0.1111111111rem;
    font-size: 0.3rem;
  }
}
/* surroundings section */
.sec_surroundings {
  padding: clamp(4.6rem, 4.2592592593vw + 2.5555555556rem, 5.75rem) 0 clamp(2.4rem, 2.2222222222vw + 1.3333333333rem, 3rem);
}
.sec_surroundings .title_h2 {
  margin-bottom: clamp(2.3rem, 2.1296296296vw + 1.2777777778rem, 2.875rem);
}
.sec_surroundings .surroundings_slider_wrap {
  position: relative;
  margin-bottom: clamp(1.1rem, 1.0185185185vw + 0.6111111111rem, 1.375rem);
}
.sec_surroundings .surroundings_slider_wrap .surroundings_details_wrap {
  position: absolute;
  top: 50%;
  left: calc((100% - clamp(43.25rem, 40.0462962963vw + 24.0277777778rem, 54.0625rem)) / 2);
  z-index: 2;
  transform: translateY(-50%);
}
.sec_surroundings .surroundings_slider_wrap .surroundings_details_wrap .content_ttl span {
  display: inline-block;
  margin-bottom: clamp(0.25rem, 0.2314814815vw + 0.1388888889rem, 0.3125rem);
  padding: clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem) clamp(1.4rem, 1.2962962963vw + 0.7777777778rem, 1.75rem) clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem) clamp(0.7rem, 0.6481481481vw + 0.3888888889rem, 0.875rem);
  background: linear-gradient(to right, rgba(227, 78, 35, 0.8), rgba(251, 187, 59, 0.8));
  color: #ffffff;
  font-size: clamp(1.3rem, 1.2037037037vw + 0.7222222222rem, 1.625rem);
  font-weight: 700;
}
.sec_surroundings .surroundings_slider_wrap .surroundings_slider .slide_item {
  width: clamp(25.35rem, 23.4722222222vw + 14.0833333333rem, 31.6875rem);
  height: clamp(13.9rem, 12.8703703704vw + 7.7222222222rem, 17.375rem);
  margin-right: clamp(2rem, 1.8518518519vw + 1.1111111111rem, 2.5rem);
}
.sec_surroundings .surroundings_slider_wrap .surroundings_slider .slide_item img {
  height: 100%;
  border-radius: clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem);
  object-fit: cover;
}
.sec_surroundings .text_lg {
  margin-bottom: clamp(1.9rem, 1.7592592593vw + 1.0555555556rem, 2.375rem);
  font-weight: 500;
  text-align: center;
}

/* For Mobile */
@media (max-width: 767.9px) {
  .sec_surroundings {
    padding: 0.7555555556rem 0 0.3111111111rem;
  }
  .sec_surroundings .title_h2 {
    margin-bottom: 0.5111111111rem;
  }
  .sec_surroundings .surroundings_slider_wrap {
    margin-bottom: 0.1333333333rem;
  }
  .sec_surroundings .surroundings_slider_wrap .surroundings_details_wrap {
    left: calc((100% - 6.7777777778rem) / 2);
  }
  .sec_surroundings .surroundings_slider_wrap .surroundings_details_wrap .content_ttl span {
    margin-bottom: 0.0555555556rem;
    padding: 0.1111111111rem 0.3111111111rem 0.1111111111rem 0.1555555556rem;
    font-size: 0.2666666667rem;
  }
  .sec_surroundings .surroundings_slider_wrap .surroundings_slider .slide_item {
    width: 5.6222222222rem;
    height: 3.1111111111rem;
    margin-right: 0.4444444444rem;
  }
  .sec_surroundings .surroundings_slider_wrap .surroundings_slider .slide_item img {
    border-radius: 0.1111111111rem;
  }
  .sec_surroundings .text_lg {
    width: 94.6666666667%;
    margin: 0 auto 0.2888888889rem;
    max-width: 710px;
  }
}
/* floor guide section */
.sec_floor_guide {
  padding: clamp(1.7rem, 1.5740740741vw + 0.9444444444rem, 2.125rem) 0 clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem);
}
.sec_floor_guide .title_h2 {
  margin-bottom: clamp(0.8rem, 0.7407407407vw + 0.4444444444rem, 1rem);
}
.sec_floor_guide .text_base {
  margin-bottom: clamp(3.1rem, 2.8703703704vw + 1.7222222222rem, 3.875rem);
  font-weight: 500;
  text-align: center;
}
.sec_floor_guide .content_wrap {
  position: relative;
  margin-bottom: clamp(4.1rem, 3.7962962963vw + 2.2777777778rem, 5.125rem);
}
.sec_floor_guide .content_wrap .content_ttl {
  position: absolute;
  bottom: clamp(2.2rem, 2.037037037vw + 1.2222222222rem, 2.75rem);
  left: clamp(1rem, 0.9259259259vw + 0.5555555556rem, 1.25rem);
}
.sec_floor_guide .content_wrap .content_ttl span {
  display: inline-block;
  margin-bottom: clamp(0.25rem, 0.2314814815vw + 0.1388888889rem, 0.3125rem);
  padding: clamp(0.4rem, 0.3703703704vw + 0.2222222222rem, 0.5rem) clamp(0.55rem, 0.5092592593vw + 0.3055555556rem, 0.6875rem);
  background: linear-gradient(to right, rgba(227, 78, 35, 0.8), rgba(251, 187, 59, 0.8));
  color: #ffffff;
  font-size: clamp(1.05rem, 0.9722222222vw + 0.5833333333rem, 1.3125rem);
  font-weight: 700;
}
.sec_floor_guide .floor_wrap {
  margin-bottom: clamp(3.2rem, 2.962962963vw + 1.7777777778rem, 4rem);
}
.sec_floor_guide .floor_wrap .floor_title {
  display: inline-block;
  margin-bottom: clamp(1rem, 0.9259259259vw + 0.5555555556rem, 1.25rem);
  padding: clamp(0.35rem, 0.3240740741vw + 0.1944444444rem, 0.4375rem) clamp(0.7rem, 0.6481481481vw + 0.3888888889rem, 0.875rem) clamp(0.35rem, 0.3240740741vw + 0.1944444444rem, 0.4375rem) clamp(0.9rem, 0.8333333333vw + 0.5rem, 1.125rem);
  background: linear-gradient(to right, rgba(227, 78, 35, 0.8), rgba(251, 187, 59, 0.8));
  color: #ffffff;
  font-size: clamp(1.1rem, 1.0185185185vw + 0.6111111111rem, 1.375rem);
  font-weight: 500;
}
.sec_floor_guide .floor_wrap .floor_img {
  justify-content: space-between;
  margin-bottom: clamp(1rem, 0.9259259259vw + 0.5555555556rem, 1.25rem);
}
.sec_floor_guide .floor_wrap .floor_img .left_col {
  width: 70.3%;
  max-width: 703px;
}
.sec_floor_guide .floor_wrap .floor_img .right_col {
  width: 28.2%;
  max-width: 282px;
}
.sec_floor_guide .floor_wrap .floor_img .right_col .caption_img {
  margin-bottom: clamp(0.75rem, 0.6944444444vw + 0.4166666667rem, 0.9375rem);
  position: relative;
}
.sec_floor_guide .floor_wrap .floor_img .right_col .img_caption {
  position: absolute;
  bottom: 0;
  font-size: clamp(0.65rem, 0.6018518519vw + 0.3611111111rem, 0.8125rem);
  background-color: rgba(255, 255, 255, 0.5);
  text-align: right;
  width: 100%;
  padding-right: clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem);
}
.sec_floor_guide .floor_wrap .text_lg {
  font-weight: 500;
}
.sec_floor_guide img {
  border-radius: clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem);
}

/* For Mobile */
@media (max-width: 767.9px) {
  .sec_floor_guide {
    padding: 0.2222222222rem 0 0.0555555556rem;
  }
  .sec_floor_guide .inner {
    width: 100% !important;
    max-width: 100% !important;
  }
  .sec_floor_guide .inner .title_h2 {
    margin-bottom: 0.2rem;
  }
  .sec_floor_guide .inner .text_base {
    margin-bottom: 0.5555555556rem;
    letter-spacing: -0.0222222222rem;
  }
  .sec_floor_guide .inner .content_wrap {
    margin-bottom: 0.8rem;
  }
  .sec_floor_guide .inner .content_wrap .content_ttl {
    bottom: 0.5333333333rem;
    left: 0.1666666667rem;
  }
  .sec_floor_guide .inner .content_wrap .content_ttl span {
    margin-bottom: 0.0555555556rem;
    padding: 0.0888888889rem 0.1222222222rem;
    font-size: 0.2111111111rem;
  }
  .sec_floor_guide .inner .content_wrap .img_wrap {
    height: 5.3666666667rem;
  }
  .sec_floor_guide .inner .content_wrap .img_wrap img {
    height: 100%;
    border-radius: 0.1111111111rem;
    object-fit: cover;
  }
  .sec_floor_guide .inner .floor_wrap {
    width: 94.6666666667%;
    margin: 0 auto 0.6rem;
    max-width: 710px;
  }
  .sec_floor_guide .inner .floor_wrap .floor_title {
    margin-bottom: 0.2444444444rem;
    padding: 0.0777777778rem 0.2rem 0.0777777778rem 0.2444444444rem;
    font-size: 0.2666666667rem;
  }
  .sec_floor_guide .inner .floor_wrap .floor_img {
    margin-bottom: 0.2888888889rem;
  }
  .sec_floor_guide .inner .floor_wrap .floor_img .left_col {
    width: 100%;
    margin-bottom: 0.2777777778rem;
  }
  .sec_floor_guide .inner .floor_wrap .floor_img .right_col {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
  }
  .sec_floor_guide .inner .floor_wrap .floor_img .right_col img {
    width: 3.3333333333rem;
  }
  .sec_floor_guide .inner .floor_wrap .floor_img .right_col .caption_img {
    margin-bottom: 0rem;
  }
  .sec_floor_guide .inner .floor_wrap .floor_img .right_col .img_caption {
    position: absolute;
    font-size: 0.2rem;
    padding-right: 0.2222222222rem;
  }
  .sec_floor_guide .inner .floor_wrap .text_lg {
    letter-spacing: -0.0122222222rem;
  }
  .sec_floor_guide .inner img {
    border-radius: 0.1111111111rem;
  }
}
/* overview section */
.sec_overview {
  padding: clamp(2.4rem, 2.2222222222vw + 1.3333333333rem, 3rem) 0 clamp(1.25rem, 1.1574074074vw + 0.6944444444rem, 1.5625rem);
  background-color: #f8f8f8;
}
.sec_overview .title_h2 {
  margin-bottom: clamp(1.25rem, 1.1574074074vw + 0.6944444444rem, 1.5625rem);
}
.sec_overview .overview_list {
  width: clamp(40rem, 37.037037037vw + 22.2222222222rem, 50rem);
  margin: 0 auto;
}
.sec_overview .overview_list dt,
.sec_overview .overview_list dd {
  line-height: 2;
  font-weight: 500;
  border-bottom: 1px solid #cccccc;
}
.sec_overview .overview_list dt:last-of-type,
.sec_overview .overview_list dd:last-of-type {
  border-bottom: none;
}
.sec_overview .overview_list dt {
  width: clamp(13rem, 12.037037037vw + 7.2222222222rem, 16.25rem);
  padding: clamp(0.7rem, 0.6481481481vw + 0.3888888889rem, 0.875rem) clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem) clamp(0.7rem, 0.6481481481vw + 0.3888888889rem, 0.875rem) clamp(4.4rem, 4.0740740741vw + 2.4444444444rem, 5.5rem);
}
.sec_overview .overview_list dd {
  width: clamp(26.3rem, 24.3518518519vw + 14.6111111111rem, 32.875rem);
  padding: clamp(0.7rem, 0.6481481481vw + 0.3888888889rem, 0.875rem) clamp(1rem, 0.9259259259vw + 0.5555555556rem, 1.25rem);
}

/* For Mobile */
@media (max-width: 767.9px) {
  .sec_overview {
    padding: 0.6444444444rem 0 0;
  }
  .sec_overview .title_h2 {
    margin-bottom: 0.2444444444rem;
  }
  .sec_overview .overview_list {
    width: 100%;
  }
  .sec_overview .overview_list dt {
    width: 2.6111111111rem;
    padding: 0.2222222222rem 0;
  }
  .sec_overview .overview_list dd {
    width: 4.4444444444rem;
    padding: 0.2222222222rem 0;
  }
}
/* cost & condition section */
.sec_cost_condition {
  padding: clamp(0.65rem, 0.6018518519vw + 0.3611111111rem, 0.8125rem) 0 clamp(1.75rem, 1.6203703704vw + 0.9722222222rem, 2.1875rem);
}
.sec_cost_condition .flex {
  justify-content: space-between;
}
.sec_cost_condition .col {
  width: 48.5%;
  padding: clamp(0.9rem, 0.8333333333vw + 0.5rem, 1.125rem) clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem);
  background-color: #f8f8f8;
  max-width: 485px;
  border-radius: clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem);
}
.sec_cost_condition .col h3 {
  margin-bottom: clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem);
  font-size: clamp(1.1rem, 1.0185185185vw + 0.6111111111rem, 1.375rem);
  font-weight: 700;
}
.sec_cost_condition .col .text_lg {
  margin-bottom: clamp(0.5rem, 0.462962963vw + 0.2777777778rem, 0.625rem);
  font-weight: 500;
}
.sec_cost_condition .col .btn_mod {
  width: clamp(13.5rem, 12.5vw + 7.5rem, 16.875rem);
  padding: clamp(0.4rem, 0.3703703704vw + 0.2222222222rem, 0.5rem) clamp(0.8rem, 0.7407407407vw + 0.4444444444rem, 1rem) clamp(0.4rem, 0.3703703704vw + 0.2222222222rem, 0.5rem) clamp(1.1rem, 1.0185185185vw + 0.6111111111rem, 1.375rem);
}

/* For Mobile */
@media (max-width: 767.9px) {
  .sec_cost_condition {
    padding: 0.6111111111rem 0 0.3888888889rem;
  }
  .sec_cost_condition .col {
    width: 94%;
    margin: 0 auto 0.6111111111rem;
    padding: 0.2888888889rem 0.4333333333rem;
    max-width: 100%;
    border-radius: 0.1111111111rem;
  }
  .sec_cost_condition .col h3 {
    margin-bottom: 0.1111111111rem;
    font-size: 0.3555555556rem;
  }
  .sec_cost_condition .col .text_lg {
    margin-bottom: 0.1333333333rem;
  }
  .sec_cost_condition .col .btn_mod {
    width: 3.7777777778rem;
    padding: 0.1111111111rem 0.2666666667rem 0.1111111111rem 0.3333333333rem;
  }
}

/*# sourceMappingURL=about.css.map */
