@charset "UTF-8";
.construction_examples_view .sub_top_area {
  margin-bottom: 50px;
  text-align: center;
}
.construction_examples_view .sub_top_area .sub_top_title {
  margin-bottom: 25px;
}
.construction_examples_view .sub_top_area .category {
  margin-bottom: 25px;
  display: block;
  font-size: 16px;
  color: #006b8e;
  font-weight: 500;
}
.construction_examples_view .sub_top_area address {
  margin-bottom: 12px;
  display: block;
  font-size: 14px;
  color: #666;
}
.construction_examples_view .sub_top_area .tag {
  margin-bottom: 25px;
  font-size: 16px;
}
.construction_examples_view .sub_top_area .date span {
  font-size: 15px;
  color: #999;
  font-family: "montserrat", "noto";
  font-weight: 300;
}
.construction_examples_view .sub_top_area .date span.title {
  margin-right: 5px;
  padding: 0 7px;
  height: 22px;
  line-height: 20px;
  border: 1px solid #999;
  color: #999;
  border-radius: 11px;
  line-height: 1;
  font-size: 13px;
}
.construction_examples_view .view_info {
  margin-bottom: 15px;
  padding: 26px 0;
  border-top: 3px solid #333;
  border-bottom: 1px solid #333;
}
.construction_examples_view .view_info ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.construction_examples_view .view_info ul li {
  float: left;
  position: relative;
  padding: 10px 10px 10px 90px;
  width: 33.33%;
  min-height: 42px;
  box-sizing: border-box;
  font-size: 16px;
  color: #000;
  font-weight: 300;
}
.construction_examples_view .view_info ul li .title {
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 14px;
  color: #666;
  font-weight: 200;
}
.construction_examples_view .view_info ul li strong {
  font-weight: 500;
}
.construction_examples_view .view_cont_1 {
  padding: 80px 0 90px;
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.644px;
  line-height: 1.75;
}
.construction_examples_view h2 {
  margin-bottom: 20px;
  line-height: 1;
  font-weight: 600;
  font-size: 30px;
}
.construction_examples_view .solutions {
  padding: 50px 70px;
  margin-bottom: 90px;
  border: 1px solid #ccc;
}
.construction_examples_view .solutions .txt_area {
  float: right;
  width: 63%;
}
.construction_examples_view .solutions .txt_area ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.construction_examples_view .solutions .txt_area > ul > li {
  position: relative;
  float: left;
  min-height: 120px;
  margin-bottom: 20px;
  padding-left: 110px;
  box-sizing: border-box;
  width: 50%;
}
.construction_examples_view .solutions .txt_area > ul > li .title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  font-size: 18px;
  font-weight: 400;
}
.construction_examples_view .solutions .txt_area > ul > li li {
  padding-left: 34px;
  margin-bottom: 10px;
  background: url(../images/sub/check-circle-hover.svg) no-repeat 0 0;
  background-size: 20px;
  font-size: 16px;
}
.construction_examples_view .solutions:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.construction_examples_view .solutions .img_area {
  float: left;
  width: 31%;
}
.construction_examples_view .view_cont_2 {
  padding: 90px 0;
  margin-bottom: 50px;
  text-align: center;
  font-size: 16px;
  line-height: 1.75;
  border-bottom: 1px solid #1e1e1e;
}
.construction_examples_view .view_cont_2 strong {
  font-size: 20px;
  font-weight: 500;
}
.construction_examples_view .btn_area {
  text-align: center;
}

.important_txt {
  padding-left: 28px;
  background: url(../images/common/ic.svg) no-repeat 0 0;
  font-size: 14px;
  color: #666;
}

.beforeAfter img {
  max-width: none;
}

.btn_drag {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -35px 0 0 -35px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  background: url(../images/sub/btn_beforeAfter.svg) no-repeat center center;
  background-size: 70px;
  border-radius: 50%;
  opacity: 1;
}

.village_estimate {
  padding-top: 200px;
}
.village_estimate .estimate_number {
  margin-bottom: 55px;
  text-align: center;
}
.village_estimate .estimate_number ul li {
  position: relative;
  padding: 0 60px;
  display: inline-block;
  vertical-align: top;
}
.village_estimate .estimate_number ul li .title {
  display: block;
  margin-bottom: 25px;
  font-size: 20px;
  letter-spacing: -0.8px;
  font-weight: 400;
}
.village_estimate .estimate_number ul li:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -40px;
  width: 1px;
  height: 80px;
  background-color: #e5e5e5;
  display: block;
  content: "";
}
.village_estimate .estimate_number ul li:first-child:before {
  display: none;
}
.village_estimate .estimate_number ul li .number {
  font-size: 30px;
  line-height: 1;
  letter-spacing: -1px;
}
.village_estimate .estimate_number ul li .number strong {
  font-size: 50px;
  font-family: "montserrat", "noto";
  font-weight: 400;
}
.village_estimate .estimate_number ul li .number.c-green strong {
  color: #006b8e;
}
.village_estimate .map_area iframe {
  width: 100%;
  height: 520px;
  vertical-align: top;
}

.event_list ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.event_list ul li {
  float: left;
  margin-right: 3.125%;
  width: 31.25%;
}
.event_list ul li:nth-child(3n) {
  margin-right: 0;
}
.event_list ul li .img_area a {
  position: relative;
  padding-bottom: 100%;
  display: block;
  overflow: hidden;
}
.event_list ul li .img_area img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-height: 100%;
}
.event_list ul li .txt_area {
  padding-top: 25px;
  margin-bottom: 50px;
  height: 136px;
  box-sizing: border-box;
}
.event_list ul li .txt_area .title {
  font-size: 20px;
  font-weight: 500;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.event_list ul li .txt_area .date {
  padding-top: 20px;
  display: block;
  font-size: 16px;
  color: #666;
  font-family: "montserrat", "noto";
  font-weight: 300;
}

.event .btn_more {
  position: relative;
  top: -30px;
  z-index: 2;
}

.event_view_title {
  padding-bottom: 30px;
  border-bottom: 3px solid #333;
}
.event_view_title h1 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 50px;
  font-weight: 500;
  letter-spacing: -2.5px;
  line-height: 1.2;
}
.event_view_title .date {
  text-align: right;
}
.event_view_title .title {
  padding: 0 10px;
  height: 22px;
  line-height: 20px;
  display: inline-block;
  border: 1px solid #999;
  border-radius: 11px;
  color: #999;
  font-size: 13px;
}
.event_view_title strong {
  margin-left: 10px;
  display: inline-block;
  font-size: 15px;
  color: #999;
  font-family: "montserrat", "noto";
  font-weight: 300;
}

.event_view_cont {
  padding: 50px 0;
  margin-bottom: 60px;
  border-bottom: 1px solid #333;
  min-height: 300px;
}

/* how zip */
.searchType_1 {
  margin: 0 auto 45px;
  position: relative;
  max-width: 546px;
  width: 100%;
}
.searchType_1 input[type=text] {
  padding-right: 60px;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
}
.searchType_1 .btn_search {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  background: url(../images/sub/btn_search.svg) no-repeat right center;
  background-size: 60px;
  text-indent: -9999px;
}

.list_total {
  margin-bottom: 15px;
  font-size: 16px;
}
.list_total strong {
  font-weight: 500;
}

.listType_2 > ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.listType_2 > ul > li {
  position: relative;
  float: left;
  width: 31.08%;
  margin-right: 3.38%;
}
.listType_2 > ul > li:nth-child(3n) {
  margin-right: 0;
}
.listType_2 > ul > li .img_area a {
  position: relative;
  padding-bottom: 130.83%;
  display: block;
}
.listType_2 > ul > li .img_area img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-height: 100%;
}
.listType_2 > ul > li .txt_area {
  padding-top: 20px;
  height: 250px;
  margin-bottom: 50px;
  box-sizing: border-box;
}
.listType_2 > ul > li .txt_area .category {
  margin-bottom: 16px;
  width: 65px;
  height: 34px;
  line-height: 28px;
  text-align: center;
  background: url(../images/sub/ic-howzip.svg) no-repeat 0 0;
  display: block;
  background-size: 65px;
  color: #fff;
}
.listType_2 > ul > li .txt_area .title {
  margin-bottom: 20px;
  font-size: 25px;
  letter-spacing: -1.88px;
  height: 56px;
  overflow: hidden;
  line-height: 1.1;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.listType_2 > ul > li .txt_area .txt {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: -0.64px;
  height: 48px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.listType_2 > ul > li .txt_area .txt p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.listType_2 > ul > li .date {
  font-size: 15px;
  color: #666;
  font-family: "montserrat", "noto";
  font-weight: 300;
}

.how_zip .btn_more {
  position: relative;
  z-index: 2;
  top: -30px;
}

.how_zip_view .category {
  margin: 0 auto 30px;
  width: 65px;
  height: 34px;
  line-height: 28px;
  background: url(../images/sub/ic-howzip.svg) no-repeat 0 0;
  background-size: 65px;
  color: #fff;
}
.how_zip_view .sub_top_title {
  margin-bottom: 0;
  font-weight: 500;
}
.how_zip_view .sub_top_area {
  margin-bottom: 60px;
}

.view_cont {
  padding: 50px 0;
  margin-bottom: 60px;
  border-top: 3px solid #333;
  border-bottom: 1px solid #333;
  min-height: 300px;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}

.listType_3 > ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.listType_3 > ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.listType_3 > ul > li {
  position: relative;
  width: 100%;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.listType_3 > ul > li .inner {
  padding: 35px 30px 50px;
  height: 314px;
  box-sizing: border-box;
}
.listType_3 > ul > li .category {
  padding: 0 18px;
  margin-bottom: 20px;
  height: 29px;
  display: inline-block;
  line-height: 27px;
  border-radius: 14px;
  border: 2px solid #006b8e;
  color: #006b8e;
  box-sizing: border-box;
  font-weight: 500;
}
.listType_3 > ul > li .category.notice {
  background-color: #006b8e;
  color: #fff;
}
.listType_3 > ul > li .img_wrap {
  width: 250px;
  line-height: 229px;
  margin: auto;
}
.listType_3 > ul > li .txt_wrap.position-absolute {
  display: block;
  background: #1e1e1e;
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  left: 0;
  color: #fff;
  opacity: 0;
  transition: all 0.71s ease-out;
}
.listType_3 > ul > li .txt_wrap.position-absolute p {
  padding: 30px;
  height: 100%;
  box-sizing: border-box;
}
.listType_3 > ul > li .title {
  font-weight: 600;
  display: block;
  font-size: 20px;
  margin-bottom: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.listType_3 > ul > li .txt {
  display: block;
  font-size: 14px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.listType_3 > ul > li .date {
  position: absolute;
  left: 30px;
  bottom: 30px;
  font-size: 14px;
  color: #999;
  font-family: "montserrat", "noto";
  font-weight: 300;
}
.listType_3 > ul > li .more {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  display: block;
  text-indent: -9999px;
  opacity: 0;
  transition: all 0.35s ease-out;
}
.listType_3 > ul > li .more:before {
  position: absolute;
  left: 50%;
  top: 50%;
}
.listType_3 > ul > li:hover .more {
  opacity: 1;
}

.listType_4 > ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  vertical-align: middle;
}
.listType_4 > ul > li {
  display: flex;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  width: 50%;
  text-align: center;
}
.listType_4 > ul > li:nth-child(n+3) {
  margin-top: 20px;
}
.listType_4 > ul > li .inner {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  box-sizing: border-box;
  width: calc(100% - 20px);
  height: 230px;
  text-align: left;
  cursor: pointer;
}
.listType_4 > ul > li .inner:before {
  content: "";
  position: absolute;
  left: 40px;
  bottom: 30px;
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  line-height: 40px;
  letter-spacing: -0.5px;
  transition: 0.3s;
}
.listType_4 > ul > li .inner i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
}
.listType_4 > ul > li:nth-child(1) .inner {
  background: #ffffff url("/static/files/images/remodeling/brand/TOTO_logo.png") center/140px auto no-repeat;
}
.listType_4 > ul > li:nth-child(2) .inner {
  background: #ffffff url("/static/files/images/remodeling/brand/gessi-logo.svg") center/110px auto no-repeat;
}
.listType_4 > ul > li:nth-child(3) .inner {
  background: #ffffff url("/static/files/images/remodeling/brand/scarabeo.svg") center/170px auto no-repeat;
}
.listType_4 > ul > li:nth-child(4) .inner {
  background: #ffffff url("/static/files/images/remodeling/brand/american-standard.svg") center/150px auto no-repeat;
}
.listType_4 > ul > li:nth-child(5) .inner {
  background: #ffffff url("/static/files/images/remodeling/brand/kohler-logo.png") center/140px auto no-repeat;
}
.listType_4 > ul > li .txt_wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  bottom: 0;
  padding: 25px 30px;
  transition: 0.5s;
  opacity: 0;
  width: 100%;
}
.listType_4 > ul > li .txt_wrap p {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-size: 15px;
  font-weight: 200;
  line-height: 1.8;
  letter-spacing: -0.5px;
}
.listType_4 > ul > li .txt_wrap p strong {
  font-weight: 700;
  font-size: 18px;
  display: block;
}
.listType_4 > ul > li:hover .txt_wrap {
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 1;
}
.listType_4 > ul > li .title {
  font-weight: 600;
  display: block;
  font-size: 20px;
  margin-bottom: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.listType_4 > ul > li .txt {
  display: block;
  font-size: 14px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.listType_4 > ul > li .date {
  position: absolute;
  left: 30px;
  bottom: 30px;
  font-size: 14px;
  color: #999;
  font-family: "montserrat", "noto";
  font-weight: 300;
}
.listType_4 > ul > li .more {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  display: block;
  text-indent: -9999px;
  opacity: 0;
  transition: all 0.35s ease-out;
}
.listType_4 > ul > li .more:before {
  position: absolute;
  left: 50%;
  top: 50%;
}
.listType_4 > ul > li:hover .more {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .listType_4 {
    flex-direction: column;
  }
  .listType_4 > ul > li {
    width: 100%;
  }
  .listType_4 > ul > li:nth-child(n+2) {
    margin-top: 10px;
  }
  .listType_4 > ul > li:nth-child(n+3) {
    margin-top: 10px;
  }
  .listType_4 > ul > li .inner {
    width: calc(100% - 8px);
  }
  .listType_4 > ul > li .txt_wrap p {
    font-size: 13px;
    line-height: 1.5;
  }
}
.news_view .category {
  margin: 0 auto 25px;
  display: block;
  font-size: 16px;
  color: #00698a;
  font-weight: 600;
}
.news_view .date {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.news_view .date .title {
  margin-right: 5px;
  padding: 0 7px;
  height: 22px;
  line-height: 20px;
  border: 1px solid #999;
  display: inline-block;
  border-radius: 11px;
  box-sizing: border-box;
}
.news_view .date strong {
  font-family: "montserrat", "noto";
  font-weight: 300;
  font-size: 15px;
  color: #999;
}
.news_view .sub_top_area {
  margin-bottom: 0;
  padding-bottom: 30px;
}
.news_view .sub_top_area .sub_top_title {
  font-weight: 500;
}

.faq .searchType_1 {
  margin-bottom: 48px;
}

.faq_category {
  margin-bottom: 68px;
}
.faq_category ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.faq_category ul li {
  float: left;
  position: relative;
  width: 12.5%;
  box-sizing: border-box;
}
.faq_category ul li:first-child a {
  border-left: 1px solid #ccc;
}
.faq_category ul li a {
  width: 100%;
  padding-top: 50px;
  height: 180px;
  display: block;
  border: 1px solid #ccc;
  border-left: none;
  text-align: center;
  box-sizing: border-box;
}
.faq_category ul li a:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #333;
  display: block;
  content: "";
  opacity: 0;
  transition: all 0.35s ease-out;
}
.faq_category ul li a:hover:before {
  opacity: 1;
}
.faq_category ul li span {
  padding-top: 59px;
  font-size: 16px;
  display: block;
}
.faq_category ul li .icon_1 span {
  background: url(../images/sub/ic-faq-01.png) no-repeat center 0;
  background-size: 38px;
}
.faq_category ul li .icon_2 span {
  background: url(../images/sub/ic-faq-02.webp) no-repeat center 0;
  background-size: 50px;
}
.faq_category ul li .icon_3 span {
  background: url(../images/sub/ic-faq-03.webp) no-repeat center 0;
  background-size: 50px;
}
.faq_category ul li .icon_4 span {
  background: url(../images/sub/ic-faq-04.png) no-repeat center 0;
  background-size: 50px;
}
.faq_category ul li .icon_5 span {
  background: url(../images/sub/ic-faq-05.webp) no-repeat center 0;
  background-size: 50px;
}
.faq_category ul li .icon_6 span {
  background: url(../images/sub/ic-faq-06.webp) no-repeat center 0;
  background-size: 50px;
}
.faq_category ul li .icon_7 span {
  background: url(../images/sub/ic-faq-07.png) no-repeat center 0;
  background-size: 50px;
}
.faq_category ul li .icon_8 span {
  background: url(../images/sub/ic-faq-08.webp) no-repeat center 0;
  background-size: 50px;
}
.faq_category ul li.on a:before {
  opacity: 1;
}

.faq_list {
  margin-bottom: 50px;
  border-top: 3px solid #333;
}
.faq_list > ul > li {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}
.faq_list > ul > li.on {
  border-color: #333;
}
.faq_list > ul > li.on:after {
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 1px;
  display: block;
  background-color: #333;
  content: "";
}
.faq_list > ul > li.on .question:before {
  transform: rotate(-180deg);
}
.faq_list .question {
  position: relative;
  padding: 20px 40px 20px 200px;
  min-height: 16px;
  cursor: pointer;
}
.faq_list .question .q {
  position: absolute;
  left: 5px;
  top: 16px;
  font-size: 30px;
  font-family: "montserrat", "noto";
  font-weight: 500;
  line-height: 1;
}
.faq_list .question .category {
  position: absolute;
  left: 60px;
  top: 20px;
  color: #006b8e;
  font-size: 16px;
  font-weight: 500;
}
.faq_list .question .btn_faq_open {
  display: block;
  font-size: 16px;
}
.faq_list .question:before {
  position: absolute;
  right: 5px;
  top: 16px;
  width: 30px;
  height: 30px;
  background: url(../images/common/ic-down.svg) no-repeat center center;
  background-size: 30px;
  background-size: 30px;
  display: block;
  content: "";
  transform: rotate(0deg);
  transition: all 0.35s ease-out;
}
.faq_list .answer {
  padding: 0 40px 30px 200px;
  font-size: 14px;
  color: #666;
  letter-spacing: -0.56px;
  line-height: 1.57;
  display: none;
}

.mypage_menu_wrap {
  position: absolute;
  left: 0;
  top: 110px;
  width: 100%;
  background-color: #333;
}

.mypage_menu {
  padding: 30px 0 13px;
  text-align: center;
}
.mypage_menu ul li {
  margin: 0 25px;
  vertical-align: top;
  display: inline-block;
}
.mypage_menu ul li a {
  font-size: 15px;
  color: #fff;
  letter-spacing: -0.75px;
  opacity: 0.5;
  font-weight: 200;
}
.mypage_menu ul li.on a {
  opacity: 1;
}

.mypage_main .top_date {
  margin-bottom: 15px;
  text-align: right;
  font-family: "montserrat", "noto";
  font-weight: 300;
  color: #999;
}
.mypage_main .top_date .title {
  margin: -2px 5px 0 0;
  padding: 2px 12px;
  display: inline-block;
  border: 1px solid #999;
  border-radius: 11px;
  box-sizing: border-box;
}
.mypage_main h1 {
  padding-bottom: 25px;
  font-size: 25px;
  font-weight: 500;
}

.mypage_main_service {
  margin: 0 0 10rem 0;
}
.mypage_main_service ul {
  display: flex;
  gap: 1%;
  justify-content: space-around;
}
.mypage_main_service ul li {
  position: relative;
  padding: 30px 40px;
  flex: 1 1 auto;
  height: 280px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.mypage_main_service ul li.active {
  background: #eee;
  color: #006b8e;
}
.mypage_main_service ul li:first-child {
  margin-left: 0;
}
.mypage_main_service ul li .title {
  padding-top: 76px;
  font-size: 25px;
}
.mypage_main_service ul li .title strong {
  font-weight: 600;
}
.mypage_main_service ul li .number {
  position: absolute;
  right: 30px;
  bottom: 40px;
  font-size: 20px;
  line-height: 1;
}
.mypage_main_service ul li .number strong {
  font-family: "montserrat", "noto";
  font-weight: 600;
  font-size: 40px;
  line-height: 1;
  letter-spacing: -2px;
  transition: all 0.35s ease-out;
}
.mypage_main_service ul li .number strong::after {
  position: absolute;
  left: 1px;
  bottom: -1px;
  width: calc(100% - 15px);
  height: 2px;
  background: #1e1e1e;
  content: "";
}
.mypage_main_service ul li .number:hover strong {
  color: #006b8e;
}
.mypage_main_service ul li.icon_1 .title {
  background: url(../images/sub/ic-my-solution.png) no-repeat 0 0;
}
.mypage_main_service ul li.icon_2 .title {
  background: url(../images/sub/ic-my-check.png) no-repeat 0 0;
}
.mypage_main_service ul li.icon_3 .title {
  background: url(../images/sub/ic-my-remodeling.png) no-repeat 0 0;
}

.mypage_main_list {
  border-top: 3px solid #333;
}
.mypage_main_list .list {
  position: relative;
  padding: 0 0 30px 0;
}
.mypage_main_list .list:first-child {
  border-top: none;
  position: relative;
  padding: 0 0 30px 0;
  margin-top: 50px;
}
.mypage_main_list .list .box {
  padding: 20px 40px;
  min-height: 120px;
  box-sizing: border-box;
  border: 1px solid #ccc;
}
.mypage_main_list .list .box .state {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 300;
  display: block;
  letter-spacing: -0.7px;
}
.mypage_main_list .list .box .info {
  margin-bottom: 10px;
}
.mypage_main_list .list .box .info ul li {
  margin-right: 12px;
  padding-top: 5px;
  display: inline-block;
  vertical-align: top;
}
.mypage_main_list .list .box .info ul li.receipt_number strong {
  font-size: 15px;
  font-weight: 500;
  vertical-align: middle;
}
.mypage_main_list .list .box .info ul li.receipt_number span {
  padding-left: 20px;
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-family: "montserrat", "noto";
  font-weight: 500;
  vertical-align: middle;
}
.mypage_main_list .list .box .info ul li.receipt_number span:before {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -6px;
  width: 1px;
  height: 12px;
  background-color: #ccc;
  display: block;
  content: "";
}
.mypage_main_list .list .box .title a {
  font-size: 26px;
  font-weight: 600;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.mypage_main_list .list .link {
  position: absolute;
  right: 125px;
  top: 50%;
  margin-top: -15px;
  padding: 0 0 0 55px;
  box-sizing: border-box;
  display: block;
  transform: translate(0%, -50%);
}
.mypage_main_list .list .link p {
  margin-bottom: 40px;
  font-size: 20px;
  color: #333;
  line-height: 1.5;
  letter-spacing: -1.2px;
}
.mypage_main_list .list .link p .txt_starbucks {
  padding-left: 34px;
  min-height: 31px;
  display: inline-block;
  font-weight: 600;
  vertical-align: top;
  background: url(../images/sub/starbucks-logo.png) no-repeat 0 center;
}
.mypage_main_list .list .link p .txt_starbucks b {
  color: #00704a;
  font-weight: 600;
}
.mypage_main_list .list .btn_go {
  padding: 0 63px 0 30px;
  height: 40px;
  line-height: 38px;
  border: 1px solid #1e1e1e;
  border-radius: 20px;
  background: url(../images/common/ic-more.png) no-repeat right 30px center/8px 12px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.5px;
  display: inline-block;
}
.mypage_main_list .list .btn_go:hover {
  padding: 0 63px 0 30px;
  height: 40px;
  line-height: 38px;
  border: 1px solid #006b8e;
  border-radius: 20px;
  background: url(../images/common/ic-more_blue.png) no-repeat right 30px center/8px 12px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.5px;
  display: inline-block;
  color: #006b8e;
}

.contract_list .box {
  border: 1px solid #ccc;
  border-top: 3px solid #333;
}
.contract_list .box h2 {
  padding-right: 5px;
  font-size: 18px;
  display: inline-block;
  font-weight: 500;
  vertical-align: top;
  line-height: 1.2;
}
.contract_list .box_2 {
  border-top: 1px solid #ccc;
  margin-bottom: 60px;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.contract_list .top_area {
  padding: 25px 50px;
  min-height: 72px;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
}
.contract_list .top_area:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.contract_list .top_area.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contract_list .top_area.flex:after {
  content: none;
}
.contract_list .top_area .number {
  font-family: "montserrat", "noto";
  font-weight: 300;
  font-size: 15px;
}
.contract_list .category {
  margin-left: 3px;
  padding: 0 10px;
  line-height: 18px;
  height: 20px;
  border-radius: 10px;
  display: inline-block;
  box-sizing: border-box;
  font-weight: 300;
  vertical-align: top;
}
.contract_list .category.blue {
  border: 1px solid #08299c;
  color: #08299c;
}
.contract_list .category.orange {
  border: 1px solid #eb6100;
  color: #eb6100;
}
.contract_list .txt {
  font-size: 15px;
  color: #999;
}
.contract_list .basic-btn03 {
  margin-left: 5px;
  margin-top: -10px;
}
.contract_list .inner {
  position: relative;
  padding: 25px 50px 35px;
}
.contract_list .inner .state {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 300;
  display: block;
  letter-spacing: -0.7px;
}
.contract_list .inner .info {
  margin-bottom: 10px;
}
.contract_list .inner .info ul li {
  margin-right: 12px;
  padding-top: 5px;
  display: inline-block;
  vertical-align: top;
}
.contract_list .inner .info ul li.receipt_number strong {
  font-size: 15px;
  font-weight: 500;
  vertical-align: middle;
}
.contract_list .inner .info ul li.receipt_number span {
  padding-left: 20px;
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-family: "montserrat", "noto";
  font-weight: 500;
  vertical-align: middle;
}
.contract_list .inner .info ul li.receipt_number span:before {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -6px;
  width: 1px;
  height: 12px;
  background-color: #ccc;
  display: block;
  content: "";
}
.contract_list .inner .title a {
  font-size: 26px;
  font-weight: 600;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.contract_list .inner .mb_btn_area {
  display: none;
}
.contract_list .info {
  margin-bottom: 15px;
}
.contract_list .info:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.contract_list .info .txt_1 {
  padding: 0 10px;
  min-width: 55px;
  height: 23px;
  line-height: 23px;
  display: inline-block;
  background-color: #006b8e;
  text-align: center;
  box-sizing: border-box;
  font-size: 13px;
  color: #fff;
  border-radius: 4px;
}
.contract_list .info .txt_1.orange {
  background-color: #eb6100;
  color: #fff;
}
.contract_list .info .txt_1.purple {
  background-color: #5c49e4;
  color: #fff;
}
.contract_list .info .txt_1.remodeling {
  background-color: #eb6100;
  color: #fff;
}
.contract_list .info .contract_number {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 500;
}
.contract_list .info .contract_number strong {
  position: relative;
  padding-left: 16px;
  display: inline-block;
  font-family: "montserrat", "noto";
  font-weight: 500;
}
.contract_list .info .contract_number strong:before {
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -5px;
  width: 1px;
  height: 10px;
  background-color: #ccc;
  display: block;
  content: "";
}
.contract_list .info .btn {
  margin-left: 2px;
  padding: 0 56px 0 10px;
  height: 36px;
  line-height: 34px;
  border: 1px solid #ccc;
  border-radius: 3px;
  transition: all 0.35s ease-out;
}
.contract_list .info .btn:hover {
  border-color: #1e1e1e;
}
.contract_list .info .btn:disabled {
  opacity: 0.4;
  cursor: default;
}
.contract_list .info .btn:disabled:hover {
  border-color: #ccc;
}
.contract_list .info .btn_icon_1 {
  background: url(../images/sub/btn_icon_1.png) no-repeat right 10px center;
}
.contract_list .info .btn_icon_2 {
  background: url(../images/sub/btn_icon_2.png) no-repeat right 10px center;
}
.contract_list .info .btn_icon_3 {
  background: url(../images/sub/btn_icon_3.png) no-repeat right 10px center;
}
.contract_list .info .btn_icon_4 {
  background: url(../images/sub/btn_icon_4.png) no-repeat right 10px center;
}
.contract_list .info .f-r {
  position: relative;
  text-align: right;
}
.contract_list .info .info_txt {
  position: absolute;
  right: 0;
  bottom: -30px;
  width: 350px;
  text-align: right;
  color: #999;
}
.contract_list .info .info_txt span {
  padding-left: 27px;
  min-height: 20px;
  display: inline-block;
  background: url(../images/sub/ic_tooltip.png) no-repeat 0 center;
  font-size: 13px;
  color: #999;
}
.contract_list .info_txt {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  justify-content: flex-end;
}
.contract_list .info_txt span {
  padding-left: 24px;
  min-height: 20px;
  background: url(../images/sub/ic_tooltip.png) no-repeat 0 center;
  background-size: 18px 18px;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.contract_list .inner.cancel_cont {
  border-top: 1px solid #e5e5e5;
}
.contract_list .inner.cancel_cont ul li {
  position: relative;
  padding: 2px 0 2px 100px;
  min-height: 18px;
}
.contract_list .inner.cancel_cont ul li .title {
  position: absolute;
  left: 0;
  top: 2px;
  margin-bottom: 0;
  line-height: 1.7;
  font-size: 14px;
  color: #666;
  font-weight: 200;
}
.contract_list .inner.cancel_cont ul li .txt {
  font-size: 14px;
  line-height: 1.7;
  color: #666;
}
.contract_list .inner.cancel_cont ul li .number {
  font-family: "montserrat", "noto";
  font-weight: 500;
  color: #1e1e1e;
}
.contract_list .inner.cancel_cont ul li .state {
  margin-bottom: 5px;
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #1e1e1e;
}
.contract_list .title {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
}
.contract_list .period ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.contract_list .period ul li {
  float: left;
  margin-left: 25px;
}
.contract_list .period ul li:first-child {
  margin-left: 0;
}
.contract_list .period ul li strong {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  vertical-align: top;
  font-weight: 400;
  font-weight: 400;
}
.contract_list .period ul li strong b {
  font-family: "montserrat", "noto";
  font-weight: 500;
  vertical-align: top;
}
.contract_list .period ul li strong:before {
  position: absolute;
  left: 10px;
  top: 6px;
  width: 1px;
  height: 10px;
  background-color: #ccc;
  display: block;
  content: "";
}
.contract_list .period ul li span {
  font-size: 15px;
  font-weight: 500;
  vertical-align: top;
}
.contract_list .period.type_2 {
  padding: 10px 270px 0 0;
}
.contract_list .txt_2 {
  padding-right: 400px;
  margin-top: 15px;
}
.contract_list .txt_2 li {
  position: relative;
  padding-left: 12px;
  margin-top: 5px;
  font-size: 14px;
  color: #999;
  letter-spacing: -0.5px;
}
.contract_list .txt_2 li:before {
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 1px;
  background-color: #999;
  display: block;
  content: "";
}
.contract_list .btn_area {
  position: absolute;
  right: 50px;
  bottom: 40px;
}
.contract_list .solutions {
  margin-bottom: 40px;
}
.contract_list .solutions h2 {
  padding: 16px 50px;
  background-color: #1e1e1e;
  font-size: 20px;
  color: #fff;
  font-weight: 300;
}
.contract_list .solutions h2 strong {
  margin-left: 20px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
}
.contract_list .solutions h2 span {
  margin-left: 20px;
  font-size: 20px;
  vertical-align: top;
  font-weight: 400;
  display: inline-block;
}
.contract_list .solutions_list {
  padding: 30px 50px 5px;
  border: 1px solid #ccc;
}
.contract_list .solutions_list > ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.contract_list .solutions_list > ul > li {
  position: relative;
  padding-left: 110px;
  float: left;
  width: 50%;
  padding-right: 10px;
  min-height: 60px;
  margin-bottom: 40px;
  box-sizing: border-box;
}
.contract_list .solutions_list > ul > li li {
  margin-bottom: 8px;
  padding-left: 35px;
  min-height: 20px;
  background: url(../images/sub/check-circle-hover.svg) no-repeat 0 0;
  background-size: 20px;
  font-size: 15px;
}
.contract_list .solutions_list > ul > li .title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  font-size: 17px;
  font-weight: 500;
}
.contract_list .application_history {
  margin-bottom: 40px;
  padding: 60px 50px 60px;
  border: 1px solid #ccc;
}
.contract_list .application_history h2 {
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
}
.contract_list .application_history .title_area {
  margin-bottom: 48px;
}
.contract_list .application_history .title_area:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.contract_list .application_history .title_area h2 {
  float: left;
}
.contract_list .application_history .title_area .number_date {
  float: right;
  padding-top: 7px;
}
.contract_list .application_history .title_area .number_date ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.contract_list .application_history .title_area .number_date li {
  float: left;
  margin-left: 25px;
}
.contract_list .application_history .title_area .number_date li span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
.contract_list .application_history .title_area .number_date li strong {
  position: relative;
  padding-left: 20px;
  display: inline-block;
  font-family: "montserrat", "noto";
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
}
.contract_list .application_history .title_area .number_date li strong:before {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -6px;
  width: 1px;
  height: 12px;
  background-color: #ccc;
  display: block;
  content: "";
}
.contract_list .application_history h3 {
  font-size: 20px;
  margin-bottom: 20px;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1;
}
.contract_list .application_history h3 span {
  position: relative;
  padding-left: 20px;
  margin-left: 20px;
  display: inline-block;
  font-size: 18px;
  font-weight: 200;
  vertical-align: top;
}
.contract_list .application_history h3 span:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  width: 1px;
  height: 16px;
  background-color: #ccc;
  display: block;
  content: "";
}
.contract_list .application_history h3 .c-green {
  margin-left: 18px;
  display: inline-block;
  font-weight: 500;
}
.contract_list .application_history h3.mb_80 {
  margin-bottom: 75px;
}
.contract_list .application_history .txt_area {
  margin-bottom: 27px;
  font-size: 15px;
  line-height: 1.5;
}
.contract_list .application_slide_cont {
  height: 149px;
  overflow: hidden;
  box-sizing: border-box;
  transition: all 0.35s ease-out;
}
.contract_list .application_slide_cont .title_area {
  position: relative;
  padding: 0 60px 60px 0;
  margin-bottom: 0;
}
.contract_list .application_slide_cont .btn_application_open {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background: url(../images/common/ic-down.png) no-repeat center center;
}
.contract_list .application_slide_cont.open {
  height: auto;
}
.contract_list .application_slide_cont.open .btn_application_open {
  background: url(../images/common/btn-up.png) no-repeat center center;
}
.contract_list .price_list {
  display: none;
}
.contract_list .more_view .btn_more_view_open {
  margin-top: -1px;
  width: 100%;
  height: 50px;
  text-align: center;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.contract_list .more_view .btn_more_view_open.on span {
  background: url(../images/common/btn-up.png) no-repeat right center;
}
.contract_list .more_view span {
  padding-right: 30px;
  background: url(../images/common/ic-down.png) no-repeat right center;
  line-height: 48px;
  display: inline-block;
  font-size: 15px;
  letter-spacing: -0.6px;
  font-weight: 300;
}
.contract_list .more_view_cont {
  margin-top: 20px;
  display: none;
}
.contract_list .type_2 .solutions_list > ul > li {
  padding-left: 140px;
}
.contract_list .type_2 .solutions_list > ul > li .title {
  width: 130px;
}
.contract_list .type_2 .solutions_list > ul > li ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.contract_list .type_2 .solutions_list > ul > li li {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.contract_list .purchase_terms {
  padding: 30px;
  height: 300px;
  background-color: #f7f7f7;
  box-sizing: border-box;
  overflow: auto;
}
.contract_list .purchase_terms .title_1 {
  margin-bottom: 24px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.6px;
}
.contract_list .purchase_terms .list_1 {
  padding-bottom: 40px;
}
.contract_list .purchase_terms .list_1 li {
  margin-bottom: 10px;
  font-size: 16px;
  letter-spacing: -0.6px;
  font-weight: 400;
}
.contract_list .purchase_terms .txt_1 {
  font-size: 24px;
}
.contract_list .construction_sign_area .inner {
  padding: 0;
  display: table-cell;
  vertical-align: middle;
}
.contract_list .btn_area2 {
  text-align: center;
}
.contract_list .btn_check {
  padding: 0 15px 0 35px;
  background: url(../images/sub/check-on.png) no-repeat 10px center #fff;
  border-color: #006b8e;
  font-weight: 400;
  color: #006b8e;
}
.contract_list .check_review {
  position: relative;
  padding-top: 35px;
  text-align: center;
}
.contract_list .check_review .review_btn_area {
  padding-top: 15px;
}
.contract_list .check_review .review_btn_area .basic-btn03 {
  margin: 0;
}
.contract_list .check_review .review_btn_area .date {
  padding-top: 10px;
  font-size: 14px;
  color: #666;
}
.contract_list .check_review .review_btn_area .date .number {
  font-family: "montserrat", "noto";
  font-weight: 500;
}
.contract_list .check_review .web {
  display: block;
}
.contract_list .check_review .mobile {
  display: none;
}
.contract_list .check_review.end:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  display: block;
  content: "";
}
.contract_list .contract_area {
  position: relative;
}
.contract_list .contract_area .gray_box {
  margin-bottom: 30px;
  padding: 26px 30px 40px;
  background-color: #f7f7f7;
}
.contract_list .contract_area .txt_1 {
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 500;
  display: block;
}
.contract_list .contract_area .txt_2 {
  margin-top: 0;
  font-size: 16px;
  letter-spacing: -0.6px;
}
.contract_list .contract_area .btn_area2 {
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.contract_list .contract_area .btn_area2 ul li {
  float: left;
  margin-left: 10px;
}
.contract_list .contract_area .btn_area2 ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.contract_list .contract_area .btn {
  padding-left: 10px;
  width: 150px;
  height: 36px;
  line-height: 34px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  text-align: left;
}
.contract_list .contract_area .btn_new_view {
  background: url(../images/sub/btn_icon_5.png) no-repeat right 10px center #fff;
}
.contract_list .contract_area .btn_download {
  background: url(../images/sub/btn_icon_6.png) no-repeat right 10px center #fff;
}

.visit_cancel_info {
  padding: 20px 0 40px;
}
.visit_cancel_info h4 {
  margin-bottom: 10px;
  padding-left: 30px;
  background: url(../images/sub/ic_tooltip.png) no-repeat 0 0;
  font-size: 16px;
  font-weight: 500;
}
.visit_cancel_info .list_1 {
  padding: 0 0 2px 20px;
}
.visit_cancel_info .list_1 li {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
.visit_cancel_info .list_1 li:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 1px;
  background-color: #666;
  display: block;
  content: "";
}
.visit_cancel_info .list_2 {
  padding-left: 20px;
}
.visit_cancel_info .list_2 li {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  color: #999;
  line-height: 1.5;
}
.visit_cancel_info .list_2 li:before {
  position: absolute;
  left: 0;
  top: 2px;
  display: block;
  content: "*";
  color: #999;
  font-size: 14px;
}

.file_preview {
  position: relative;
  min-height: 180px;
  margin-left: -10px;
}
.file_preview .btn_file_plus {
  width: 180px;
  height: 180px;
  box-sizing: border-box;
  border: 2px dashed #ccc;
  background: url(../images/sub/ic-fileupload.png) no-repeat center center;
}
.file_preview ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.file_preview ul li {
  position: relative;
  float: left;
  margin: 0 10px 20px;
  width: 180px;
  height: 180px;
  box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}
.file_preview ul li img {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  max-width: none;
  transform: translate(-50%, -50%);
}
.file_preview ul li:before {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background: url(../images/sub/img-view.png) no-repeat center center;
  display: block;
  content: "";
}
.file_preview ul li .dropify-wrapper {
  padding: 0;
  height: 180px;
  border: none;
}
.file_preview ul li .dropify-wrapper .dropify-preview {
  padding: 0;
}
.file_preview ul li .dropify-wrapper .dropify-clear {
  display: none;
}
.file_preview ul li .dropify-wrapper .dropify-infos {
  opacity: 1;
  background: url(../images/sub/img-view.png) no-repeat center center transparent;
}
.file_preview ul li .dropify-wrapper .dropify-infos .dropify-infos-inner {
  display: none;
}

.review_popup .list {
  padding: 0 40px;
  margin-bottom: 30px;
}
.review_popup .list li {
  font-size: 14px;
}
.review_popup .list li .custom_checkbox label {
  font-size: 14px;
}
.review_popup .list li:last-child {
  margin-right: 0;
}
.review_popup .list li.custom_checkbox {
  margin-right: 20px;
}
.review_popup .list li.custom_checkbox label {
  font-size: 14px;
}
.review_popup .list li.etc {
  position: relative;
  padding-left: 74px;
}
.review_popup .list li.etc .custom_checkbox {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.review_popup .list li.etc input[type=text] {
  width: 100%;
}
.review_popup .txt_1 {
  margin-bottom: 40px;
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.64px;
  line-height: 1.5;
}
.review_popup .txt_1 strong {
  padding-left: 22px;
  display: inline-block;
  font-weight: 600;
  color: #067346;
  background: url(../images/sub/starbucks-logo2.png) no-repeat 0 center;
}
.review_popup .txt_1 strong b {
  font-weight: 600;
  color: #1e1e1e;
}
.review_popup h2 {
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
  font-size: 16px;
  letter-spacing: -0.54px;
  font-weight: 500;
}
.review_popup h2 span {
  font-weight: 200;
  color: #999;
  vertical-align: top;
}
.review_popup h2 strong {
  color: #eb6100;
}
.review_popup h2 span.num {
  position: absolute;
  left: 0;
  top: -3px;
  font-family: "montserrat", "noto";
  font-weight: 700;
  color: #1e1e1e;
  font-size: 20px;
}
.review_popup .list_1 li {
  margin-bottom: 10px;
  display: block;
  margin-right: 0;
}
.review_popup h3 {
  margin-bottom: 10px;
  font-size: 14px;
  color: #1e1e1e;
  font-weight: 500;
}
.review_popup h3 span {
  vertical-align: top;
  color: #999;
}
.review_popup textarea {
  height: 155px;
}
.review_popup .total_number {
  text-align: right;
  padding-top: 10px;
  color: #999;
  font-size: 14px;
  font-weight: 200;
}
.review_popup .total_number strong {
  font-weight: 200;
  color: #1e1e1e;
}
.review_popup .info li {
  color: #666;
}

.mb_tbType_1 {
  display: none;
}

.mobile_btn_area {
  display: none;
}

.mobile_contract_number {
  display: none;
}

.mobile_cs_txt {
  display: none;
}

.construction_check .contract_list .solutions_list > ul > li {
  padding-left: 140px;
}
.construction_check .contract_list .solutions_list > ul > li .title {
  width: 130px;
}
.construction_check .contract_list .solutions_list > ul > li ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.construction_check .contract_list .solutions_list > ul > li li {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.construction_sign_area {
  padding: 20px;
  margin: 40px 0 80px;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  text-align: center;
  display: table;
  border: 1px solid #e5e5e5;
}

.purchase_management_completion .contract_list .title {
  padding-right: 380px;
}

.purchase_management .stepType_1 {
  position: relative;
}
.purchase_management .stepType_1 .title {
  position: relative;
  margin-bottom: 25px;
  text-align: center;
  font-size: 30px;
  line-height: 1;
  vertical-align: bottom;
  font-weight: 300;
}
.purchase_management .stepType_1 .title strong {
  margin: 0 5px;
  font-size: 40px;
  vertical-align: bottom;
  line-height: 0.8;
  font-family: "montserrat", "noto";
  font-weight: 500;
}
.purchase_management .stepType_1 .title span {
  font-size: 25px;
  color: #666;
  vertical-align: bottom;
  font-family: "montserrat", "noto";
  font-weight: 500;
  line-height: 1;
}
.purchase_management .stepType_1 .btn_page_back {
  position: absolute;
  left: 20px;
  top: 0;
  width: 30px;
  height: 30px;
  background: url(../images/sub/btn-back.png) no-repeat center center;
  display: block;
  text-indent: -9999px;
}

.sign_popup p {
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px;
  font-size: 16px;
}
.sign_popup .sign_area textarea {
  width: 100%;
  height: 240px;
  line-height: 195px;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  text-align: center;
  box-sizing: border-box;
  font-size: 16px;
}

.cancel_popup .cancel_box {
  margin-bottom: 40px;
  border: 1px solid #e5e5e5;
}
.cancel_popup .cancel_box h2 {
  padding: 15px 30px;
  margin: 0;
  font-size: 16px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.6px;
}
.cancel_popup .cancel_box .top_area {
  margin-bottom: 10px;
}
.cancel_popup .cancel_box .top_area ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.cancel_popup .cancel_box .top_area ul li {
  position: relative;
  float: left;
  margin-left: 10px;
}
.cancel_popup .cancel_box .top_area ul li:first-child {
  margin-left: 0;
}
.cancel_popup .cancel_box .top_area ul li.category span {
  padding: 2px 10px;
  border-radius: 4px;
  background-color: #006b8e;
  color: #fff;
  font-size: 13px;
}
.cancel_popup .cancel_box .top_area ul li.category span.blue_bg {
  background: #eb6100;
}
.cancel_popup .cancel_box .top_area ul li.category span.orange_bg {
  background: #eb6100;
}
.cancel_popup .cancel_box .top_area ul li.category span.purple_bg {
  background: #5c49e4;
}
.cancel_popup .cancel_box .top_area ul li.number span {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
}
.cancel_popup .cancel_box .top_area ul li.number strong {
  position: relative;
  margin-left: 5px;
  padding-left: 8px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  font-family: "montserrat", "noto";
}
.cancel_popup .cancel_box .top_area ul li.number strong:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  width: 1px;
  height: 10px;
  background-color: #ccc;
  display: block;
  content: "";
}
.cancel_popup .cancel_box .inner {
  padding: 20px 30px;
}
.cancel_popup .cancel_box .top_area.btm_area {
  margin-top: 20px;
  margin-bottom: 0;
}
.cancel_popup .cancel_box .top_area.btm_area strong {
  vertical-align: top;
  position: relative;
  margin-left: 5px;
  padding-left: 8px;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
}
.cancel_popup .cancel_box .top_area.btm_area strong b {
  font-weight: 500;
  font-family: "montserrat", "noto";
}
.cancel_popup .cancel_box .top_area.btm_area strong:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  width: 1px;
  height: 10px;
  background-color: #ccc;
  display: block;
  content: "";
}
.cancel_popup .cancel_box .top_area.btm_area span {
  vertical-align: top;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
}
.cancel_popup .cancel_box .title {
  font-size: 20px;
  font-weight: 600;
  font-size: 20px;
}
.cancel_popup .cancel_box .title_area {
  padding: 17px 30px;
  border-bottom: 1px solid #e5e5e5;
}
.cancel_popup .cancel_box .title_area:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.cancel_popup .cancel_box .title_area h2 {
  float: left;
  padding: 0;
  border-bottom: none;
  line-height: 1;
}
.cancel_popup .cancel_box .title_area .category {
  float: left;
  margin-left: 10px;
}
.cancel_popup .cancel_box .title_area .category:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.cancel_popup .cancel_box .title_area .category li {
  float: left;
  padding: 2px 10px;
  line-height: 1;
  border-radius: 10px;
  font-size: 12px;
  display: block;
}
.cancel_popup .cancel_box .title_area .category li.blue {
  border: 1px solid #08299c;
  color: #08299c;
}
.cancel_popup h2 {
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 500;
}
.cancel_popup h2 strong {
  color: #eb6100;
  font-weight: 500;
}
.cancel_popup .custom_select_wrap {
  margin-bottom: 40px;
}
.cancel_popup .custom_select .open_select_list {
  font-size: 15px;
}
.cancel_popup textarea {
  width: 100%;
  height: 155px;
}
.cancel_popup .txt_number {
  text-align: right;
  font-size: 14px;
  color: #999;
}
.cancel_popup .txt_number strong {
  font-weight: 200;
  color: #000;
}
.cancel_popup .txt {
  padding-top: 40px;
  text-align: center;
}
.cancel_popup .txt span {
  padding-top: 10px;
  display: inline-block;
  text-align: left;
  font-size: 21px;
  font-weight: 300;
  background: url(../images/sub/ic_popup_bg.png) no-repeat right 0;
  letter-spacing: -1px;
}
.cancel_popup .txt span strong {
  color: #006b8e;
  font-weight: 200;
}
.cancel_popup .mb_number {
  display: none;
}
.cancel_popup textarea.h_110 {
  height: 110px;
}
.cancel_popup .cancel_info {
  margin-top: 35px;
  padding-left: 20px;
  background: url(../images/sub/ic_tooltip.png) no-repeat 0 0;
}
.cancel_popup .cancel_info h2 {
  padding-left: 10px;
  margin-bottom: 4px;
  font-size: 16px;
}
.cancel_popup .cancel_info .list_1 {
  margin-bottom: 10px;
}
.cancel_popup .cancel_info .list_1 li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 3px;
  color: #666;
}
.cancel_popup .cancel_info .list_1 li:before {
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 1px;
  background-color: #666;
  display: block;
  content: "";
}
.cancel_popup .cancel_info .list_2 {
  padding-bottom: 10px;
}
.cancel_popup .cancel_info .list_2 li {
  color: #999;
}
.cancel_popup .cancel_info_txt {
  padding: 35px 0 10px;
}
.cancel_popup .cancel_info_txt h3 {
  padding-left: 30px;
  margin-bottom: 7px;
  background: url(../images/sub/ic_tooltip.png) no-repeat 0 0;
  font-size: 16px;
  font-weight: 500;
}
.cancel_popup .cancel_info_txt .list_1 {
  padding: 0 0 8px 20px;
}
.cancel_popup .cancel_info_txt .list_1 li {
  position: relative;
  margin-bottom: 2px;
  padding-left: 10px;
  color: #666;
}
.cancel_popup .cancel_info_txt .list_1 li:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 1px;
  background-color: #666;
  display: block;
  content: "";
}
.cancel_popup .cancel_info_txt .list_2 {
  padding-left: 20px;
}
.cancel_popup .cancel_info_txt .list_2 li {
  position: relative;
  margin-bottom: 2px;
  padding-left: 10px;
  font-size: 13px;
  color: #999;
}
.cancel_popup .cancel_info_txt .list_2 li:before {
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  content: "*";
  color: #999;
}

.completion_confirmed_popup .txt_1 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 16px;
}
.completion_confirmed_popup .box {
  padding: 25px 30px;
  border: 1px solid #ccc;
}
.completion_confirmed_popup .category {
  margin-bottom: 10px;
}
.completion_confirmed_popup .category li {
  padding: 5px 10px;
  background-color: #006b8e;
  display: inline-block;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  line-height: 1;
}
.completion_confirmed_popup .category li.blue {
  background-color: #eb6100;
  color: #fff;
}
.completion_confirmed_popup .title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.8px;
}
.completion_confirmed_popup .info {
  padding-top: 5px;
}
.completion_confirmed_popup .info li {
  position: relative;
  margin-left: 20px;
  display: inline-block;
}
.completion_confirmed_popup .info li:first-child {
  margin-left: 0;
}
.completion_confirmed_popup .info li strong {
  position: relative;
  padding-left: 20px;
  font-family: "montserrat", "noto";
  font-weight: 500;
  font-size: 15px;
  vertical-align: top;
}
.completion_confirmed_popup .info li strong:before {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -5px;
  width: 1px;
  height: 10px;
  background-color: #ccc;
  display: block;
  content: "";
}
.completion_confirmed_popup .info li span {
  font-size: 15px;
  font-weight: 500;
  vertical-align: top;
}

.searchType_2 {
  position: relative;
  padding-right: 137px;
  max-width: 817px;
  margin: 0 auto 60px;
  box-sizing: border-box;
}
.searchType_2 .btn_search {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 50px;
  border-radius: 3px;
  font-size: 15px;
}
.searchType_2 ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.searchType_2 ul li {
  float: left;
  margin-left: 5.9%;
  width: 29.4%;
}
.searchType_2 ul li:First-child {
  margin-left: 0;
}

.daterpicker {
  padding-right: 30px;
  background: url(../images/common/ic-calendar.png) no-repeat right center;
}

.payment_list .list {
  margin-bottom: 30px;
  border: 1px solid #ccc;
}
.payment_list .list .top_area {
  padding: 15px 50px;
  border-bottom: 1px solid #ccc;
}
.payment_list .list .top_area:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.payment_list .list .top_area .left_area {
  float: left;
  padding-top: 5px;
}
.payment_list .list .top_area .left_area .state {
  font-size: 18px;
  font-weight: 500;
}
.payment_list .list .top_area .right_area {
  float: right;
}
.payment_list .list .top_area .right_area .txt {
  color: #999;
  display: inline-block;
  margin-right: 10px;
}
.payment_list .list .inner {
  padding: 40px 50px;
  position: relative;
}
.payment_list .list .title {
  margin-bottom: 18px;
}
.payment_list .list .title .category {
  margin-top: 3px;
  padding: 3px 10px;
  border: 1px solid #999;
  box-sizing: border-box;
  font-size: 13px;
  color: #999;
  display: inline-block;
  line-height: 1;
  border-radius: 11px;
  vertical-align: top;
}
.payment_list .list .title h2 {
  margin-left: 20px;
  display: inline-block;
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
}
.payment_list .list_1 {
  padding-right: 350px;
}
.payment_list .list_1 li {
  position: relative;
  padding: 4px 0 4px 100px;
}
.payment_list .list_1 li .title {
  position: absolute;
  left: 0;
  top: 5px;
  width: 90px;
  font-size: 14px;
  color: #666;
}
.payment_list .list_1 li .txt {
  font-size: 16px;
  font-weight: 300;
}
.payment_list .list_1 li .txt span {
  vertical-align: top;
}
.payment_list .list_1 li .number {
  font-family: "montserrat", "noto";
  font-weight: 500;
}
.payment_list .price {
  position: absolute;
  right: 50px;
  bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
.payment_list .price strong {
  line-height: 1;
  font-family: "montserrat", "noto";
  font-weight: 700;
  vertical-align: bottom;
  font-size: 30px;
}
.payment_list .price .c-gray {
  font-size: 14px;
  color: #999;
  vertical-align: bottom;
}
.payment_list .price .title {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: bottom;
}
.payment_list .price .price_number {
  display: inline-block;
  vertical-align: bottom;
}
.payment_list .mobile_area {
  display: none;
}

.cancel_detail_popup .list_1 {
  margin-bottom: 35px;
}
.cancel_detail_popup .list_1 li {
  position: relative;
  padding: 3px 0 3px 84px;
}
.cancel_detail_popup .list_1 li .title {
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 14px;
  color: #999;
}
.cancel_detail_popup .list_1 li .txt {
  font-size: 16px;
  font-weight: 300;
}
.cancel_detail_popup .tbType {
  border-top: 2px solid #1e1e1e;
}
.cancel_detail_popup .tbType th {
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
}
.cancel_detail_popup .tbType td {
  padding: 10px 0;
  font-size: 14px;
  border-bottom: 1px solid #e5e5e5;
}
.cancel_detail_popup .number {
  font-family: "montserrat", "noto";
  font-weight: 300;
}
.cancel_detail_popup h2 {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
}

.my_pw_check {
  margin: 0 auto;
  max-width: 510px;
}
.my_pw_check h2 {
  margin-bottom: 10px;
  text-align: center;
  font-size: 30px;
}
.my_pw_check .txt_1 {
  margin-bottom: 55px;
  font-size: 16px;
  text-align: center;
  letter-spacing: -0.6px;
}
.my_pw_check h3 {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}
.my_pw_check .gray_box {
  margin-bottom: 35px;
  padding: 40px 10px;
  background-color: #f7f7f7;
  text-align: center;
}
.my_pw_check .gray_box .email {
  margin-bottom: 4px;
  display: block;
  font-family: "montserrat", "noto";
  font-weight: 700;
  font-size: 16px;
}
.my_pw_check .gray_box span {
  font-size: 14px;
  color: #999;
  display: block;
}
.my_pw_check .btn_area {
  padding-top: 60px;
}

.my_info_check {
  margin: 0 auto;
  max-width: 510px;
}
.my_info_check table {
  border-top: 2px solid #1e1e1e;
}
.my_info_check th {
  padding: 0 0 0 20px;
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  font-weight: 500;
}
.my_info_check td {
  padding: 0 0;
  height: 60px;
  font-size: 16px;
  border-bottom: 1px solid #e5e5e5;
  letter-spacing: -0.64px;
}
.my_info_check td .c-gray {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #999;
}
.my_info_check td .basic-btn03 {
  margin-left: 30px;
}
.my_info_check td .address_change_btn {
  margin-left: 77px;
}
.my_info_check td .none {
  margin-left: 50px;
}
.my_info_check .number {
  font-family: "montserrat", "noto";
  font-weight: 400;
}
.my_info_check tr.box th {
  vertical-align: top;
  padding: 20px;
}
.my_info_check td.address {
  height: auto;
  padding: 10px 20px 20px;
  padding-left: 0;
}
.my_info_check td.address input {
  border-width: 1px;
  border-color: #ccc;
}
.my_info_check td.address div {
  display: flex;
  align-items: center;
}
.my_info_check td.address div input {
  flex: 1;
}
.my_info_check td.address div .basic-btn03 {
  margin-left: 15px;
}
.my_info_check td.info_check {
  padding: 20px 20px 15px;
  padding-left: 0;
}
.my_info_check td.info_check .custom_checkbox.type_2 label {
  padding-left: 25px;
  line-height: 20px;
}
.my_info_check td.info_check dl ~ dl {
  margin-top: 10px;
}
.my_info_check td.info_check dt {
  display: inline-block;
  width: 100px;
}
.my_info_check td.info_check dd {
  display: inline-block;
  vertical-align: -9px;
  font-size: 0;
}
.my_info_check td.info_check dd div ~ div {
  margin-left: 7px;
}
.my_info_check .link {
  padding-top: 105px;
  text-align: right;
}
.my_info_check .link .inner {
  display: inline-block;
  text-align: left;
}
.my_info_check .link .inner span {
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
  color: #666;
}
.my_info_check .link .inner a {
  padding-right: 20px;
  display: inline-block;
  background: url(../images/sub/ic-more.png) no-repeat right center;
  font-size: 14px;
  font-weight: 400;
}

.counsel_application {
  margin: 0 auto;
  max-width: 800px;
}
.counsel_application h2 {
  margin-bottom: 20px;
  line-height: 1;
  font-size: 20px;
  font-weight: 600;
}
.counsel_application h2 strong {
  color: #eb6100;
  font-weight: 600;
}
.counsel_application h2 span {
  color: #999;
  vertical-align: top;
  font-weight: 500;
}
.counsel_application .email {
  margin: 10px 0 40px;
}
.counsel_application .email:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.counsel_application .email .email_1 {
  float: left;
  width: 38.75%;
}
.counsel_application .email .email_2 {
  float: left;
  width: 5%;
  text-align: center;
  line-height: 50px;
  font-size: 15px;
  font-weight: 500;
}
.counsel_application .email .email_3 {
  float: left;
  width: 56.25%;
}
.counsel_application .counsel_type {
  margin-bottom: 80px;
}
.counsel_application .counsel_content {
  margin-bottom: 50px;
}
.counsel_application .counsel_content textarea {
  padding: 20px;
  height: 155px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.6;
}
.counsel_application .counsel_content .font_number {
  display: block;
  text-align: right;
  font-size: 14px;
  color: #999;
}
.counsel_application .counsel_content .font_number strong {
  font-weight: 200;
  color: #1e1e1e;
}
.counsel_application .info {
  margin-bottom: 80px;
}
.counsel_application .info li {
  position: relative;
  margin-bottom: 3px;
  padding-left: 10px;
  font-size: 14px;
  color: #999;
}
.counsel_application .info li:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 1px;
  background-color: #999;
  display: block;
  content: "";
}
.counsel_application .date_select {
  position: relative;
}
.counsel_application .open_counsel_cont {
  width: 100%;
  height: 60px;
  line-height: 58px;
  background: url(../images/common/ic-down.png) no-repeat right center;
  text-align: left;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  font-weight: 500;
}
.counsel_application .open_counsel_cont.on {
  background: url(../images/common/btn-up.png) no-repeat right center;
}
.counsel_application .counsel_cont {
  padding: 40px 0;
  display: none;
}
.counsel_application .counsel_cont .time_select:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.counsel_application .counsel_cont .time_select li {
  float: left;
  width: 50%;
  margin-left: -1px;
}
.counsel_application .counsel_cont .time_select li button {
  width: 100%;
  height: 60px;
  line-height: 58px;
  text-align: center;
  display: block;
  font-size: 17px;
  box-sizing: border-box;
  border: 1px solid #ccc;
}
.counsel_application .counsel_cont .time_select li button:disabled {
  color: #ccc;
  background-color: #e5e5e5;
  border: 1px solid #ccc;
}
.counsel_application .counsel_cont .time_select li button.on {
  background-color: #006b8e;
  border: 1px solid #006b8e;
  color: #fff;
}
.counsel_application .counsel_cont .right_area .time_select li {
  width: 33.33%;
}
.counsel_application .counsel_cont .error_txt.txt_40 {
  position: absolute;
  left: 0;
  top: 71px;
  padding-top: 0;
  font-size: 13px;
}
.counsel_application .select_whether {
  padding-top: 5px;
  text-align: right;
}
.counsel_application .select_whether li {
  position: relative;
  margin-left: 20px;
  padding-left: 30px;
  display: inline-block;
  font-size: 14px;
  color: #666;
}
.counsel_application .select_whether li:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  display: block;
  content: "";
  border-radius: 50%;
}
.counsel_application .select_whether li.selectable:before {
  background-color: #006b8e;
}
.counsel_application .select_whether li.date_not_select:before {
  background-color: #ccc;
}
.counsel_application .custom_radio label {
  font-size: 18px;
}
.counsel_application .time_select_list {
  padding-top: 25px;
  margin-bottom: 80px;
}
.counsel_application .time_select_list .left_area {
  float: left;
  width: 35%;
}
.counsel_application .time_select_list .right_area {
  float: right;
  width: 52.5%;
}

.file_attachment {
  position: relative;
  margin-bottom: 20px;
  padding-left: 90px;
  min-height: 90px;
}
.file_attachment .file_plus_wrap {
  position: absolute;
  left: 0;
  top: 0;
}
.file_attachment .file_plus_wrap .inner {
  position: relative;
  width: 90px;
  height: 90px;
  overflow: hidden;
}
.file_attachment .file_plus_wrap .file_plus {
  position: absolute;
  left: -100px;
  top: 0;
  width: 80px;
}
.file_attachment .file_plus_wrap label {
  width: 90px;
  height: 90px;
  border: 1px dashed #ccc;
  box-sizing: border-box;
  background: url(../images/sub/ic-fileupload.png) no-repeat center center;
  display: block;
  text-indent: -9999px;
  cursor: pointer;
}

.file_plus_list:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.file_plus_list li {
  position: relative;
  float: left;
  margin: 0 0 10px 10px;
  width: 90px;
  height: 90px;
  overflow: hidden;
}
.file_plus_list li img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: auto;
}
.file_plus_list li .btn_file_delete {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: url(../images/sub/ic-delete.png) no-repeat center center;
  text-indent: -9999px;
}

.file_attachment1 {
  position: relative;
  margin-bottom: 20px;
  padding-left: 90px;
  min-height: 90px;
}
.file_attachment1 .file_plus_wrap1 {
  position: absolute;
  left: 0;
  top: 0;
}
.file_attachment1 .file_plus_wrap1 .inner {
  position: relative;
  width: 90px;
  height: 90px;
  overflow: hidden;
}
.file_attachment1 .file_plus_wrap1 .file_plus1 {
  position: absolute;
  left: -100px;
  top: 0;
  width: 80px;
}
.file_attachment1 .file_plus_wrap1 label {
  width: 90px;
  height: 90px;
  border: 1px dashed #ccc;
  box-sizing: border-box;
  background: url(../images/sub/ic-fileupload.png) no-repeat center center;
  display: block;
  text-indent: -9999px;
  cursor: pointer;
}

.file_plus_list1:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.file_plus_list1 li {
  position: relative;
  float: left;
  margin: 0 0 10px 10px;
  width: 90px;
  height: 90px;
  overflow: hidden;
}
.file_plus_list1 li img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: auto;
}
.file_plus_list1 li .btn_file_delete {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: url(../images/sub/ic-delete.png) no-repeat center center;
  text-indent: -9999px;
}

.fixed_datepicker .ui-widget.ui-widget-content {
  width: 100%;
  border: none;
  text-align: center;
}
.fixed_datepicker .ui-datepicker .ui-datepicker-header {
  margin-bottom: 20px;
  background: none;
  border: none;
  display: inline-block;
}
.fixed_datepicker .ui-datepicker .ui-datepicker-title {
  margin: 0 100px;
}
.fixed_datepicker .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  font-family: "montserrat", "noto";
  font-weight: 700;
  font-size: 30px;
}
.fixed_datepicker .ui-datepicker .ui-datepicker-title .ui-datepicker-month {
  font-family: "montserrat", "noto";
  font-weight: 700;
  font-size: 30px;
}
.fixed_datepicker .ui-datepicker .ui-datepicker-prev {
  left: 0;
  top: -5px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.fixed_datepicker .ui-datepicker .ui-datepicker-prev:hover {
  background: none;
  border: none;
}
.fixed_datepicker .ui-datepicker .ui-datepicker-prev span {
  left: 0;
  margin: -20px 0 0;
  width: 40px;
  height: 40px;
  background: url(../images/sub/ic-prev.png) no-repeat center center;
}
.fixed_datepicker .ui-datepicker .ui-datepicker-next {
  right: 0;
  top: -5px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.fixed_datepicker .ui-datepicker .ui-datepicker-next:hover {
  background: none;
  border: none;
}
.fixed_datepicker .ui-datepicker .ui-datepicker-next span {
  left: 0;
  margin: -20px 0 0;
  width: 40px;
  height: 40px;
  background: url(../images/sub/ic-next.png) no-repeat center center;
}
.fixed_datepicker .ui-datepicker th {
  padding: 0 0 20px;
  font-size: 16px;
  font-weight: 500;
}
.fixed_datepicker .ui-datepicker td {
  padding: 0;
  text-align: center;
}
.fixed_datepicker .ui-datepicker td span {
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  display: inline-block;
  background: none;
  border: none;
  border-radius: 50%;
  font-family: "montserrat", "noto";
  font-weight: 400;
  font-size: 18px;
  color: #1e1e1e;
}
.fixed_datepicker .ui-datepicker td a {
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  display: inline-block;
  background: none;
  border: none;
  border-radius: 50%;
  font-family: "montserrat", "noto";
  font-weight: 400;
  font-size: 18px;
  color: #1e1e1e;
}
.fixed_datepicker .ui-datepicker td a.ui-state-active {
  background-color: #006b8e;
  color: #fff;
}
.fixed_datepicker .ui-datepicker td.ui-datepicker-today a {
  background-color: #eb6100;
  color: #fff;
}

.inquiry_quotation {
  margin: 0 auto;
  max-width: 1100px;
  padding: 70px 130px 100px;
  background-color: #fff;
  box-sizing: border-box;
}

.inquiry_quotation .inquiry_quotation_cont .title {
  margin: 10px 0 16px;
  font-weight: 300;
  font-size: var(--fs-sub-inquiry-title) !important;
}
.inquiry_quotation .inquiry_quotation_cont .txt {
  color: #666;
  font-size: var(--fs-sub-text) !important;
}

.inquiry_quotation_cont1 {
  margin: 0 auto;
  max-width: 510px;
}
.inquiry_quotation_cont1 p {
  margin-bottom: 60px;
  padding-top: 242px;
  background: url(../images/sub/inquiry_quotation_img.png) no-repeat center 0;
  font-size: 20px;
  text-align: center;
}
.inquiry_quotation_cont1 .btn_area {
  margin-top: 60px;
}
.inquiry_quotation_cont1 .btm_link {
  text-align: center;
}
.inquiry_quotation_cont1 .btm_link a {
  display: inline-block;
  border-bottom: 1px solid #1e1e1e;
  font-size: 16px;
  letter-spacing: -0.6px;
}

.inquiry_quotation_cont2 .list {
  margin-bottom: 80px;
  display: flex;
}
.inquiry_quotation_cont2 .list:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.inquiry_quotation_cont2 .list li {
  padding: 233px 3px 0;
  flex-grow: 1;
  text-align: center;
  box-sizing: border-box;
  flex: 1 1 0;
}
.inquiry_quotation_cont2 .list li .title {
  margin: 10px 0 16px;
  font-size: 25px;
  font-weight: 300;
}
.inquiry_quotation_cont2 .list li .txt {
  line-height: 1.5;
  font-size: var(--fs-sub-text);
  color: #666;
  letter-spacing: -0.64px;
}
.inquiry_quotation_cont2 .list li.icon_1 {
  background: url(../images/sub/img-heimlab1.jpg) no-repeat center 0/200px;
}
.inquiry_quotation_cont2 .list li.icon_2 {
  background: url(../images/sub/img-heimlab2.jpg) no-repeat center 0/200px;
}
.inquiry_quotation_cont2 .list li.icon_3 {
  background: url(../images/sub/img-heimlab3.jpg) no-repeat center 0/200px;
}

.inquiry_guidelines_1 .list {
  display: flex;
}
.inquiry_guidelines_1 .list li {
  padding-top: 214px;
  flex-grow: 1;
  text-align: center;
  position: relative;
}
.inquiry_guidelines_1 .list li.icon_1 {
  background: url(../images/sub/inquiry_guidelines_1.jpg) no-repeat center 0/200px;
}
.inquiry_guidelines_1 .list li.icon_2 {
  background: url(../images/sub/inquiry_guidelines_2.jpg) no-repeat center 0/200px;
}
.inquiry_guidelines_1 .list li.icon_3 {
  background: url(../images/sub/inquiry_guidelines_3.jpg) no-repeat center 0/200px;
}
.inquiry_guidelines_1 .list li.icon_3::after {
  content: "";
  width: 60px;
  height: 60px;
  background: url(../images/sub/remodeling_guide_arrow.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -15%;
}
.inquiry_guidelines_1 .list li.icon_4 {
  background: url(../images/sub/inquiry_guidelines_4.jpg) no-repeat center 0/200px;
}
.inquiry_guidelines_1 .list li.icon_4::after {
  content: "";
  width: 60px;
  height: 60px;
  background: url(../images/sub/remodeling_guide_arrow.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -15%;
}
.inquiry_guidelines_1 .list li.icon_5 {
  background: url(../images/sub/inquiry_guidelines_5.jpg) no-repeat center 0/200px;
}
.inquiry_guidelines_1 .list .title {
  margin-bottom: 20px;
  display: block;
}
.inquiry_guidelines_1 .list .txt {
  line-height: 1.5;
  letter-spacing: -0.64px;
}
.inquiry_guidelines_1 .list .txt_1 {
  margin-top: 8px;
  line-height: 1.5;
  font-size: 16px;
  color: #666;
  letter-spacing: -0.64px;
}
.inquiry_guidelines_1 .list .txt_1 strong {
  font-family: "montserrat", "noto";
  font-weight: 500;
}
.inquiry_guidelines_1 .list .txt_1 span {
  display: block;
  font-size: 15px;
  line-height: 1.2;
}
.inquiry_guidelines_1 .list .txt_1 span b {
  font-size: 13px;
  font-family: "montserrat", "noto";
  font-weight: 400;
}
.inquiry_guidelines_1 .agree {
  padding-top: 40px;
  margin-bottom: 80px;
  text-align: center;
}
.inquiry_guidelines_1 .agree .custom_checkbox label {
  font-size: 22px;
}
.inquiry_guidelines_1 .agree .c-gray {
  margin-top: 14px;
  font-size: 15px;
  color: #999;
}

.view_area_popup h2 {
  margin: 40px 0 8px;
  font-size: 18px;
  font-weight: 500;
}
.view_area_popup .tc h2 {
  text-align: center;
  font-size: 16px;
}
.view_area_popup .txt_1 {
  margin-bottom: 20px;
  font-size: 16px;
}
.view_area_popup .area_list {
  margin-bottom: 20px;
  padding: 25px 20px;
  background-color: #f7f7f7;
}
.view_area_popup .area_list h2 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}
.view_area_popup .area_list ul li {
  position: relative;
  padding-left: 10px;
  font-size: 16px;
}
.view_area_popup .area_list ul li:before {
  position: absolute;
  left: 0;
  top: 10px;
  width: 5px;
  height: 1px;
  background-color: #666;
  display: block;
  content: "";
}
.view_area_popup .info_txt {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  color: #999;
}
.view_area_popup .info_txt:before {
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 1px;
  background-color: #666;
  display: block;
  content: "";
}

.inquiry_guidelines_2 .top_btn {
  margin-bottom: 40px;
  text-align: right;
}
.inquiry_guidelines_2 .btn_wrap2 {
  padding-top: 80px;
}

.select_apartment .address_select_list:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.select_apartment .address_select_list ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.select_apartment .address_select_list li {
  float: left;
  margin-left: 3.125%;
  width: 31.25%;
}
.select_apartment .address_select_list li button {
  padding-right: 30px;
  width: 100%;
  height: 50px;
  line-height: 40px;
  background: url(../images/common/ic-down.png) no-repeat right center;
  text-align: left;
  font-size: 15px;
  border-bottom: 2px solid #333;
  transition: all 0.35s ease-out;
}
.select_apartment .address_select_list li button:disabled {
  background: none;
  color: #ccc;
  cursor: default;
}
.select_apartment .address_select_list li button:disabled:hover {
  border-bottom-color: #333;
}
.select_apartment .address_select_list li button:disabled:focus {
  border-bottom-color: #333;
}
.select_apartment .address_select_list li button:hover {
  border-color: #006b8e;
}
.select_apartment .address_select_list li button:focus {
  border-color: #006b8e;
}
.select_apartment .address_select_list li button.search_on input {
  width: 100%;
}
.select_apartment .address_select_list li:first-child {
  margin-left: 0;
}
.select_apartment .address_select_list #frm_address {
  display: flex;
  width: 100%;
}
.select_apartment .address_list {
  padding-top: 50px;
}
.select_apartment .address_list:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.select_apartment .address_list li {
  float: left;
  width: 25%;
  border: 1px solid #ccc;
  margin: -1px 0 0 -1px;
  box-sizing: border-box;
}
.select_apartment .address_list li button {
  width: 100%;
  height: 58px;
  display: table;
  text-align: center;
  transition: all 0.35s ease-out;
}
.select_apartment .address_list li button:hover {
  background-color: #333;
  color: #fff;
}
.select_apartment .address_list li button span {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 300;
}
.select_apartment .address_list li.active {
  border-color: #333;
}
.select_apartment .address_list li.active button {
  background-color: #333;
  color: #fff;
}
.select_apartment .address_list li.disabled button {
  background: #d6d6d6;
  color: #777;
  cursor: not-allowed;
}
.select_apartment .address_search {
  padding-top: 80px;
  text-align: center;
}
.select_apartment .address_search button {
  border-bottom: 1px solid #000;
  font-size: 16px;
}
.select_apartment .select_area {
  display: none;
}
.select_apartment .txt_1 {
  padding-top: 80px;
  text-align: center;
  font-size: 16px;
  color: #999;
  line-height: 1.5;
}
.select_apartment .txt_2 {
  margin-top: 20px;
  padding-left: 30px;
  background: url(../images/sub/ic_tooltip.png) no-repeat 0 0;
  font-size: 14px;
  letter-spacing: -0.56px;
}
.select_apartment .select_cont_5 {
  margin: 50px auto 0;
  max-width: 510px;
}
.select_apartment .select_cont_5 .apartment_name {
  margin-bottom: 39px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #333;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.select_apartment .select_cont_5 .list li {
  margin-bottom: 10px;
}
.select_apartment .info_txt {
  position: relative;
  margin-top: 50px;
  padding-left: 30px;
  background: url(../images/sub/ic_tooltip.png) no-repeat 0 4px;
  font-size: 14px;
  color: #666;
  line-height: 1.8;
}
.select_apartment .info_txt strong {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  display: block;
}
.select_apartment .info_txt span {
  margin: 13px 0;
  display: block;
}
.select_apartment .info_txt .c-gray {
  color: #999;
}

.select_apartment_cont > div {
  display: none;
}
.select_apartment_cont > div.active {
  display: block;
}

.inquiry_guidelines_3 .location_add {
  margin-top: 40px;
  text-align: center;
}
.inquiry_guidelines_3 .location_add span {
  padding-left: 36px;
  display: inline-block;
  background: url(../images/sub/ic-map.png) no-repeat 0 center;
  font-size: 18px;
  font-weight: 400;
}
.inquiry_guidelines_3 h3 {
  margin-bottom: 34px;
  font-size: 20px;
  font-weight: 500;
}
.inquiry_guidelines_3 h4 {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
}
.inquiry_guidelines_3 h5 {
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 600;
}
.inquiry_guidelines_3 .detail_info_select {
  padding-bottom: 35px;
}
.inquiry_guidelines_3 .detail_info_select:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.inquiry_guidelines_3 .detail_info_select .list {
  margin-bottom: 40px;
}
.inquiry_guidelines_3 .detail_info_select .left_area {
  float: left;
  width: 46.875%;
}
.inquiry_guidelines_3 .detail_info_select .right_area {
  float: right;
  width: 46.875%;
}
.inquiry_guidelines_3 .detail_info_select input[type=text] {
  height: 60px;
  line-height: 58px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 16px;
  color: #1e1e1e;
}
.inquiry_guidelines_3 .detail_info_select input[type=text]:disabled {
  color: #1e1e1e;
  background-color: #e5e5e5;
  border: 1px solid #ccc;
}
.inquiry_guidelines_3 .detail_info_select_type_B {
  display: flex;
  gap: 1rem;
}
.inquiry_guidelines_3 .detail_info_select_type_B:after {
  content: none;
  display: none;
}
.inquiry_guidelines_3 .detail_info_select_type_B > .list {
  flex: 1 1 auto;
}
.inquiry_guidelines_3 .select_type {
  display: flex;
}
.inquiry_guidelines_3 .select_type li {
  position: relative;
  flex-grow: 1;
  flex-basis: 33.33%;
  margin-left: -1px;
}
.inquiry_guidelines_3 .select_type li input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.inquiry_guidelines_3 .select_type li input[type=radio]:checked + label {
  background-color: #333;
  color: #fff;
}
.inquiry_guidelines_3 .select_type li label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 60px;
  line-height: 58px;
  border: 1px solid #ccc;
  display: block;
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.6px;
  background-color: #fff;
  cursor: pointer;
}
.inquiry_guidelines_3 .btn_tip {
  margin-left: 5px;
  width: 20px;
  height: 20px;
  background: url(../images/sub/ic_tooltip.png) no-repeat center center;
  text-indent: -9999px;
}

.arrange_type_popup h2 {
  margin: 40px 0 8px;
  font-size: 20px;
  font-weight: 500;
}
.arrange_type_popup .txt_1 {
  margin-bottom: 20px;
  font-size: 16px;
  letter-spacing: -0.6px;
}
.arrange_type_popup .img_area .mobile {
  display: none;
}

.aspect_type_popup p {
  margin-bottom: 20px;
  font-size: 16px;
  letter-spacing: -0.6px;
}
.aspect_type_popup .img_area {
  margin-bottom: 20px;
}
.aspect_type_popup .img_area .mobile {
  display: none;
}

.floor_info_popup p {
  margin-bottom: 20px;
  font-size: 16px;
  letter-spacing: -0.6px;
}
.floor_info_popup .img_area {
  text-align: center;
  border: 1px solid #eaeaea;
}
.floor_info_popup .img_area .mobile {
  display: none;
}
.floor_info_popup .img_area .web {
  padding: 40px;
  display: inline-block;
}

.bay_popup:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.bay_popup .img_area {
  display: flex;
  gap: 1rem;
}
.bay_popup .img_area > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.bay_popup .tit {
  font-weight: 700;
}
.bay_popup .no_select {
  padding-left: 36px;
  width: 75px;
  height: 28px;
  line-height: 28px;
  text-align: left;
  border-radius: 14px;
  display: inline-block;
  background: url(../images/sub/check-off.png) no-repeat 11px center #f7f7f7;
  box-sizing: border-box;
  font-size: 14px;
}

.previous_estimate_popup:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.previous_estimate_popup .img_area {
  display: flex;
  gap: 1rem;
}
.previous_estimate_popup .img_area > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.previous_estimate_popup .tit {
  font-weight: 700;
}
.previous_estimate_popup .no_select {
  padding-left: 36px;
  width: 75px;
  height: 28px;
  line-height: 28px;
  text-align: left;
  border-radius: 14px;
  display: inline-block;
  background: url(../images/sub/check-off.png) no-repeat 11px center #f7f7f7;
  box-sizing: border-box;
  font-size: 14px;
  margin-top: 1rem;
}
.previous_estimate_popup input:checked + .no_select {
  color: #fff;
  background: url(../images/sub/check-off.png) no-repeat 11px center #1c6b8e;
}

@media screen and (max-width: 768px) {
  .previous_estimate_popup .img_area {
    flex-direction: column;
  }
}
.inquiry_guidelines_4 .location_add {
  margin-top: 13px;
  text-align: center;
}
.inquiry_guidelines_4 .location_add span {
  padding-left: 36px;
  display: inline-block;
  background: url(../images/sub/ic-map.png) no-repeat 0 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 31px;
}
.inquiry_guidelines_4 .check_txt {
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
  color: #006b8e;
}
.inquiry_guidelines_4 .check_txt:before {
  width: 25px;
  height: 25px;
  background: url(../images/sub/check-on.png) no-repeat 0 0;
  display: inline-block;
  content: "";
  vertical-align: top;
}
.inquiry_guidelines_4 .top_info_txt {
  position: relative;
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #c2d3dc;
  font-size: 14px;
  text-align: center;
}
.inquiry_guidelines_4 .top_info_txt a {
  font-weight: 500;
  text-decoration: underline;
}
.inquiry_guidelines_4 .top_info_txt:before {
  position: absolute;
  left: 50%;
  bottom: -9px;
  margin-left: -7px;
  width: 14px;
  height: 9px;
  background: url(../images/sub/top_info_arrow.gif) no-repeat center center;
  display: block;
  content: "";
}
.inquiry_guidelines_4 .top_info_txt strong {
  margin-bottom: 2px;
  display: block;
  font-weight: 500;
  color: #006b8e;
}
.inquiry_guidelines_4 .mobile_image {
  display: none;
}
.inquiry_guidelines_4 .square_measure {
  margin: 20px 0 40px;
  font-size: 16px;
  text-align: center;
}
.inquiry_guidelines_4 .square_measure .number {
  font-family: "montserrat", "noto";
  font-weight: 700;
  color: #006b8e;
}
.inquiry_guidelines_4 h3 {
  margin-bottom: 20px;
  line-height: 1;
  font-size: 20px;
  font-weight: 500;
}

@media screen and (max-width: 1024px) {
  .inquiry_guidelines_4 .mobile_image {
    display: block;
  }
  .inquiry_guidelines_4 .remodeling_space .img_area {
    display: none;
  }
}
.problems_space {
  margin-bottom: 80px;
}
.problems_space:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.problems_space .img_area {
  float: left;
  width: 47.5%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  display: block;
}
.problems_space .txt_area {
  float: right;
  width: 47.625%;
}

.problems_list ul#problemList:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.problems_list ul#problemList li {
  position: relative;
  float: left;
  width: 33.33%;
  margin: -1px 0 0 -1px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: center;
}
.problems_list ul#problemList li input[type=checkbox] {
  position: absolute;
  left: 4px;
  top: 4px;
  z-index: 1;
}
.problems_list ul#problemList li label {
  position: relative;
  z-index: 2;
  padding: 20px 5px 0;
  width: 100%;
  height: 96px;
  display: block;
  background-color: #fff;
  cursor: pointer;
  box-sizing: border-box;
}
.problems_list ul#problemList li label .title {
  margin: 0 0 10px 0;
  font-size: 16px !important;
  font-weight: 500;
  display: block;
}
.problems_list ul#problemList li label .no_select {
  padding-left: 36px;
  width: 75px;
  height: 28px;
  line-height: 28px;
  text-align: left;
  border-radius: 14px;
  display: inline-block;
  background: url(../images/sub/check-off.png) no-repeat 11px center #f7f7f7;
  box-sizing: border-box;
  font-size: 14px;
}
.problems_list ul#problemList li.active label {
  background-color: #006b8e;
}
.problems_list ul#problemList li.active label .title {
  color: #fff;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  display: block;
}
.problems_list ul#problemList li.active label .no_select {
  padding-left: 0;
  background-image: none;
  background-color: #fff;
  color: #006b8e;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.problems_space_popup h2 {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
}
.problems_space_popup h2 strong {
  font-weight: 500;
}

.remodeling_space {
  margin-bottom: 20px;
}
.remodeling_space:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.remodeling_space .img_area {
  float: left;
  width: 47.5%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  display: block;
}
.remodeling_space .txt_area {
  float: right;
  width: 47.625%;
}
.remodeling_list .list {
  margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
  .remodeling_space {
    margin-bottom: 0;
  }
  .remodeling_space .txt_area {
    float: none;
    width: 100%;
  }
}
.check_list_with_icon {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 2.5rem;
  position: sticky;
  top: 126px;
  left: 0;
  right: 0;
  z-index: 3;
  background: #fff;
  padding: 1rem 0;
}
.check_list_with_icon ul {
  display: flex;
  justify-content: center;
}
.check_list_with_icon ul li {
  border: 1px solid #ccc;
  position: relative;
}
.check_list_with_icon ul li input[type=radio] {
  position: absolute;
  right: 20px;
  top: 50%;
  z-index: 1;
  transform: translate(0, -50%);
}
.check_list_with_icon ul li input[type=radio]:checked + label {
  background-color: #eff4f6;
}
.check_list_with_icon ul li input[type=radio]:checked + label:before {
  background: url(../images/sub/check-circle-on.svg) no-repeat center center;
}
.check_list_with_icon ul li label {
  position: relative;
  z-index: 2;
  padding: 18px 50px 18px 20px;
  display: block;
  font-size: 16px;
  background-color: #fff;
  white-space: nowrap;
}
.check_list_with_icon ul li label:before {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 20px;
  height: 20px;
  background: url(../images/sub/check-circle-off.svg) no-repeat center center;
  display: block;
  content: "";
  transform: translate(0, -50%);
}
.check_list_with_icon ul li label:hover:before {
  background: url(../images/sub/check-circle-hover.svg) no-repeat center center;
}
.check_list_rows_2 ul {
  display: flex;
  margin: auto;
}
.check_list_rows_2 ul li {
  position: relative;
  flex-grow: 1;
}
.check_list_rows_2 ul li input[type=radio] {
  display: none;
}
.check_list_rows_2 ul li input[type=radio]:checked + label {
  background-color: #eff4f6;
}
.check_list_rows_2 ul li input[type=radio]:checked + label:before {
  background: url(../images/sub/check-circle-on.svg) no-repeat center center;
}
.check_list_rows_2 ul li label {
  border: 1px solid #ccc;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.check_list_rows_2 ul li label .tit {
  font-size: 16px;
  font-weight: 600;
  margin: 1rem 3rem 0 1rem;
}
.check_list_rows_2 ul li label .l_txt {
  font-size: 14px;
  margin: 0 3rem 1rem 1rem;
  letter-spacing: -1px;
}
.check_list_rows_2 ul li label:before {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 20px;
  height: 20px;
  background: url(../images/sub/check-circle-off.svg) no-repeat center center;
  display: block;
  content: "";
  transform: translate(0, -50%);
}
.check_list_rows_2 ul li label:hover:before {
  background: url(../images/sub/check-circle-hover.svg) no-repeat center center;
}
.check_list_item_box ul {
  display: grid;
  gap: 1.8rem;
  margin-bottom: 2rem;
  grid-template-columns: repeat(4, 1fr);
}
.check_list_item_box ul li {
  display: block;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.check_list_item_box ul li .item_box {
  aspect-ratio: 1/1;
  margin: auto;
  display: flex;
  align-items: center;
  z-index: 2;
  position: relative;
  overflow: hidden;
}
.check_list_item_box ul li .item_box img {
  height: auto;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.check_list_item_box ul li .item_box:before {
  position: absolute;
  content: "";
}
.check_list_item_box ul li .item_box.option:before {
  content: "option";
  right: 4%;
  top: 4%;
  background: #f8cbad;
  color: #fff;
  border-radius: 14px;
  padding: 0.2rem 0.4rem;
  font-size: 11px;
}
.check_list_item_box ul li input[type=radio], .check_list_item_box ul li input[type=checkbox] {
  position: absolute;
  right: 20px;
  top: 50%;
  z-index: 0;
}
.check_list_item_box ul li input[type=radio]:checked + label:before, .check_list_item_box ul li input[type=checkbox]:checked + label:before {
  background: url(../images/sub/check-circle-on.svg) no-repeat center center;
}
.check_list_item_box ul li input[type=radio]:checked + label:after, .check_list_item_box ul li input[type=checkbox]:checked + label:after {
  pointer-events: none;
  border: 2px solid #006b8e;
}
.check_list_item_box ul li label {
  position: relative;
  padding-top: 40px;
  display: block;
  font-size: 14px;
  background-color: #fff;
  text-align: center;
}
.check_list_item_box ul li label:before {
  position: absolute;
  right: 20px;
  left: calc((100% - 20px) / 2);
  top: 10px;
  width: 20px;
  height: 20px;
  background: url(../images/sub/check-circle-off.svg) no-repeat center center;
  display: block;
  content: "";
}
.check_list_item_box ul li label:after {
  content: "";
  width: 98%;
  aspect-ratio: 1/1;
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
.check_list_item_box ul li label:hover:before {
  background: url(../images/sub/check-circle-hover.svg) no-repeat center center;
}
@media screen and (max-width: 980px) {
  .check_list_with_icon {
    top: 55px;
    padding: 0.5rem 0;
  }
}
@media screen and (max-width: 768px) {
  .check_list_with_icon ul li input[type=radio] {
    right: 5px;
    top: 50%;
    z-index: 1;
    transform: translate(0, -50%);
  }
  .check_list_with_icon ul li input[type=radio]:checked + label {
    background-color: #eff4f6;
  }
  .check_list_with_icon ul li input[type=radio]:checked + label:before {
    background: url(../images/sub/check-circle-on.svg) no-repeat center center;
  }
  .check_list_with_icon ul li label {
    position: relative;
    z-index: 2;
    padding: 14px 40px 14px 20px;
    display: block;
    font-size: 14px;
    background-color: #fff;
    white-space: nowrap;
  }
  .check_list_with_icon ul li label:before {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 20px;
    height: 20px;
    background: url(../images/sub/check-circle-off.svg) no-repeat center center;
    display: block;
    content: "";
    transform: translate(0, -50%);
  }
  .check_list_with_icon ul li label:hover:before {
    background: url(../images/sub/check-circle-hover.svg) no-repeat center center;
  }
  .check_list_rows_2 ul {
    flex-direction: column;
  }
  .check_list_rows_2 ul li label {
    position: relative;
  }
  .check_list_rows_2 ul li label .tit {
    font-size: 14px;
  }
  .check_list_rows_2 ul li label .txt {
    font-size: 11px;
  }
  .check_list_item_box ul {
    display: flex;
    margin-bottom: 3rem;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .check_list_item_box ul li {
    height: 255px;
    width: 145px;
    flex-shrink: 0;
  }
}
.problems_space_list {
  border: 1px solid #ccc;
}
.problems_space_list ul li {
  position: relative;
  border-top: 1px solid #ccc;
}
.problems_space_list ul li:first-child {
  border-top: none;
}
.problems_space_list ul li input[type=checkbox] {
  position: absolute;
  right: 20px;
  top: 50%;
  z-index: 1;
  transform: translate(0, -50%);
}
.problems_space_list ul li input[type=checkbox]:checked + label {
  background-color: #eff4f6;
}
.problems_space_list ul li input[type=checkbox]:checked + label:before {
  background: url(../images/sub/check-circle-on.svg) no-repeat center center;
}
.problems_space_list ul li label {
  position: relative;
  z-index: 2;
  padding: 18px 50px 18px 20px;
  display: block;
  font-size: 16px;
  background-color: #fff;
}
.problems_space_list ul li label:before {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 20px;
  height: 20px;
  background: url(../images/sub/check-circle-off.svg) no-repeat center center;
  display: block;
  content: "";
  transform: translate(0, -50%);
}
.problems_space_list ul li label:hover:before {
  background: url(../images/sub/check-circle-hover.svg) no-repeat center center;
}

.tbType_4 {
  margin-bottom: 20px;
  border-bottom: 1px solid #1e1e1e;
  border-top: 1px solid #1e1e1e;
}
.tbType_4 .w_1 {
  width: 16.75%;
}
.tbType_4 .w_2 {
  width: 22%;
}
.tbType_4 .w_3 {
  width: 27.5%;
}
.tbType_4 tr:first-child th {
  border: none;
}
.tbType_4 tr:first-child td {
  border: none;
}
.tbType_4 th {
  padding: 23px 0;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
}
.tbType_4 td {
  padding: 23px 0;
  font-size: 16px;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
}
.tbType_4 td .list ul li {
  position: relative;
  padding-left: 34px;
  margin-bottom: 4px;
  min-height: 20px;
  background: url(../images/sub/check-circle-hover.svg) no-repeat 0 0;
  font-size: 16px;
}
.tbType_4 .bd_none th {
  border: none;
}
.tbType_4 .bd_none td {
  border: none;
}

.tbType_5 {
  margin-bottom: 20px;
}
.tbType_5 table {
  border-bottom: 1px solid #1e1e1e;
  border-top: 1px solid #1e1e1e;
}
.tbType_5 .w_1 {
  width: 16.75%;
}
.tbType_5 .w_2 {
  width: 22%;
}
.tbType_5 .w_3 {
  width: 27.5%;
}
.tbType_5 tr:first-child th {
  border: none;
}
.tbType_5 tr:first-child td {
  border: none;
}
.tbType_5 th {
  padding: 23px 0;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
}
.tbType_5 th.disabled {
  background: #eee;
}
.tbType_5 td {
  padding: 23px 0;
  font-size: 16px;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
}
.tbType_5 td:last-child {
  text-align: right;
}
.tbType_5 td ul li {
  position: relative;
  padding-left: 34px;
  margin-bottom: 4px;
  min-height: 20px;
  font-size: 16px;
}
.tbType_5 td ul.list li {
  background: url(../images/sub/check-circle-hover.svg) no-repeat 0 0;
}
.tbType_5 .bd_none th {
  border: none;
}
.tbType_5 .bd_none td {
  border: none;
}

@media screen and (max-width: 768px) {
  .tbType_5 {
    margin-bottom: 20px;
  }
  .tbType_5 table {
    border-top: none;
    border-bottom: none;
    display: flex;
  }
  .tbType_5 table tbody {
    width: 100%;
  }
  .tbType_5 .w_1 {
    width: auto;
  }
  .tbType_5 .w_2 {
    width: 22%;
  }
  .tbType_5 .w_3 {
    width: 27.5%;
  }
  .tbType_5 tr {
    display: flex;
  }
  .tbType_5 tr:first-child th {
    border: none;
  }
  .tbType_5 tr:first-child th.t-title {
    border-bottom: 1px solid #1e1e1e;
  }
  .tbType_5 tr:first-child td {
    border: none;
  }
  .tbType_5 tr.t-header {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .tbType_5 tr.option {
    flex-wrap: wrap;
  }
  .tbType_5 tr.option .c-green {
    flex: 1 0 100%;
  }
  .tbType_5 th {
    padding: 18px 0;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    vertical-align: top;
    border-top: 1px solid #e5e5e5;
  }
  .tbType_5 th.t-title {
    padding-top: 4rem;
    border-bottom: 1px solid #1e1e1e;
  }
  .tbType_5 td {
    flex-grow: 1;
    padding: 18px 0;
    font-size: 14px;
    vertical-align: top;
    border-top: 1px solid #e5e5e5;
  }
  .tbType_5 td ul li {
    font-size: 14px;
  }
  .tbType_5 .bd_none th {
    border: none;
  }
  .tbType_5 .bd_none td {
    border: none;
  }
}
.estimate {
  margin-bottom: 80px;
  text-align: right;
  font-size: 16px;
  line-height: 1;
  font-weight: 300;
}
.estimate .number {
  font-family: "montserrat", "noto";
  font-size: 26px;
  font-weight: 700;
  line-height: 0.6;
  vertical-align: bottom;
}
.estimate .vat {
  margin-top: 9px;
  font-size: 14px;
  color: #999;
}
.estimate .add_txt {
  margin-top: 9px;
  font-size: 14px;
  color: #999;
}
.estimate .left_txt {
  margin-right: 20px;
}

.btn_wrap3 {
  text-align: center;
}
.btn_wrap3 ul li {
  display: inline-block;
  margin: 0 5px;
  width: 250px;
}

.inquiry_guidelines_9 .inquiry_quotation_cont {
  margin: 0 auto;
  max-width: 510px;
}

.time_construction {
  margin-bottom: 80px;
}
.time_construction ul {
  border: 1px solid #ccc;
}
.time_construction ul li {
  position: relative;
  border-top: 1px solid #ccc;
}
.time_construction ul li:first-child {
  border-top: none;
}
.time_construction ul li input[type=radio] {
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 1;
}
.time_construction ul li input[type=radio]:checked + label {
  background-color: #333;
  color: #fff;
}
.time_construction ul li label {
  position: relative;
  z-index: 2;
  background-color: #fff;
  display: block;
  height: 59px;
  line-height: 59px;
  font-size: 17px;
  text-align: center;
  cursor: pointer;
}
.time_construction .info_txt {
  padding-top: 10px;
  font-size: 14px;
  color: #999;
}

.request h3 {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
}
.request h3 span {
  color: #999;
  vertical-align: top;
  font-weight: 500;
  letter-spacing: -0.8px;
}
.request textarea {
  height: 155px;
}
.request .total_txt_number {
  padding-top: 5px;
  text-align: right;
  font-size: 14px;
  color: #999;
}
.request .total_txt_number strong {
  font-weight: 200;
  color: #1e1e1e;
}

.file_att_info li {
  position: relative;
  margin-bottom: 3px;
  padding-left: 10px;
  font-size: 14px;
  color: #999;
}
.file_att_info li:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 1px;
  background-color: #999;
  display: block;
  content: "";
}

.inquiry_guidelines_11 .time_select_list {
  padding-top: 25px;
  margin-bottom: 80px;
}
.inquiry_guidelines_11 .time_select_list:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.inquiry_guidelines_11 .time_select_list .left_area {
  float: left;
  width: 35%;
}
.inquiry_guidelines_11 .time_select_list .right_area {
  float: right;
  width: 52.5%;
}
.inquiry_guidelines_11 .counsel_application {
  margin-bottom: 80px;
}
.inquiry_guidelines_11 .counsel_application .counsel_cont .right_area .time_select li {
  width: 33.33%;
}
.inquiry_guidelines_11 .counsel_application .counsel_cont .title {
  margin-bottom: 10px;
  display: block;
  font-size: 15px;
}
.inquiry_guidelines_11 .info_txt_list {
  position: relative;
  padding-left: 30px;
  background: url(../images/sub/ic_tooltip.png) no-repeat 0 0;
}
.inquiry_guidelines_11 .info_txt_list h3 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}
.inquiry_guidelines_11 .info_txt_list .list_1 li {
  position: relative;
  margin-bottom: 3px;
  padding-left: 10px;
  font-size: 16px;
  color: #999;
  letter-spacing: -0.5px;
}
.inquiry_guidelines_11 .info_txt_list .list_1 li:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 1px;
  background-color: #999;
  display: block;
  content: "";
}
.inquiry_guidelines_11 .info_txt_list .list_2 {
  padding: 10px 0 30px;
}
.inquiry_guidelines_11 .info_txt_list .list_2 li {
  position: relative;
  margin-bottom: 3px;
  padding-left: 10px;
  font-size: 13px;
  color: #999;
  letter-spacing: -0.6px;
}
.inquiry_guidelines_11 .info_txt_list .list_2 li:before {
  position: absolute;
  left: 0;
  top: 2px;
  display: block;
  content: "*";
}
.inquiry_guidelines_11 .counsel_cont {
  position: relative;
}
.inquiry_guidelines_11 .counsel_cont .error_txt {
  position: absolute;
  left: 0;
  top: 10px;
  padding-top: 0;
  font-size: 15px;
}
.inquiry_guidelines_11 .call_date_select .info_txt_list {
  position: relative;
  margin-bottom: 102px;
  padding-left: 30px;
  background: url(../images/sub/ic_call.png) no-repeat 0 0;
}
.inquiry_guidelines_11 .call_date_select .info_txt_list .list_day::after {
  display: block;
  clear: both;
  content: "";
}
.inquiry_guidelines_11 .call_date_select .info_txt_list .list_day li {
  float: left;
  position: relative;
  padding-right: 22px;
  font-size: 15px;
  font-weight: normal;
  color: #1e1e1e;
}
.inquiry_guidelines_11 .call_date_select .info_txt_list .list_day li::after {
  display: block;
  position: absolute;
  right: 11px;
  top: 25%;
  width: 1px;
  height: 10px;
  background: #ccc;
  content: "";
}
.inquiry_guidelines_11 .call_date_select .info_txt_list .list_day .last {
  padding: 0;
}
.inquiry_guidelines_11 .call_date_select .info_txt_list .list_day .last::after {
  display: none;
}
.inquiry_guidelines_11 .call_date_select .list_1 li {
  position: relative;
  padding-left: 10px;
  color: #666;
}
.inquiry_guidelines_11 .call_date_select .list_1 li:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 1px;
  background-color: #666;
  display: block;
  content: "";
}

.inquiry_quotation.inquiry_guidelines_11 .call_date_select .time_select_list .left_area {
  float: left;
  width: 45%;
}
.inquiry_quotation.inquiry_guidelines_11 .call_date_select .time_select_list .left_area li {
  width: 25%;
}
.inquiry_quotation.inquiry_guidelines_11 .call_date_select .time_select_list .right_area {
  float: right;
  width: 45%;
}
.inquiry_quotation.inquiry_guidelines_11 .call_date_select .counsel_cont .right_area .time_select li {
  width: 25%;
}

.btn_wrap2 .basic-btn01.btn_blue {
  background: #006b8e;
  color: #fff;
}

.payment_popup .popup_cont {
  margin: 0 auto;
  max-width: 510px;
}
.payment_popup .title_step_area {
  margin-bottom: 40px;
}

.payment_popup_cont h3 {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
}
.payment_popup_cont .payment_list {
  border-top: 1px solid #1e1e1e;
  border-bottom: 1px solid #e5e5e5;
}
.payment_popup_cont .payment_list li {
  padding: 16px 0;
}
.payment_popup_cont .payment_list li:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.payment_popup_cont .payment_list li .left_txt {
  float: left;
  font-size: 16px;
}
.payment_popup_cont .payment_list li .left_txt .info {
  margin-top: 5px;
  font-size: 16px;
}
.payment_popup_cont .payment_list li .left_txt .info address {
  margin-bottom: 5px;
  color: #999;
  font-weight: 200;
}
.payment_popup_cont .payment_list li .left_txt .info .number {
  font-family: "montserrat", "noto";
  font-weight: 500;
}
.payment_popup_cont .payment_list li .right_txt {
  float: right;
  font-size: 16px;
}
.payment_popup_cont .payment_list li .right_txt strong.number {
  font-family: "montserrat", "noto";
  font-weight: 700;
}
.payment_popup_cont .payment_list li .right_txt .number {
  font-family: "montserrat", "noto";
  font-weight: 500;
}
.payment_popup_cont .total_price {
  padding: 10px 0 40px;
}
.payment_popup_cont .total_price:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.payment_popup_cont .total_price .left_txt {
  float: left;
  font-size: 16px;
  font-size: 20px;
  font-weight: 300;
}
.payment_popup_cont .total_price .right_txt {
  float: right;
  font-size: 16px;
}
.payment_popup_cont .total_price .right_txt .vat {
  display: block;
  font-size: 12px;
  text-align: right;
}
.payment_popup_cont .total_price strong.number {
  font-family: "montserrat", "noto";
  font-weight: 700;
  vertical-align: top;
  font-size: 20px;
}
.payment_popup_cont .payment_method {
  margin-bottom: 50px;
}
.payment_popup_cont .payment_method ul {
  display: flex;
}
.payment_popup_cont .payment_method ul li {
  flex-grow: 1;
  width: 50%;
  border: 1px solid #ccc;
  margin-left: -1px;
}
.payment_popup_cont .payment_method ul li button {
  width: 100%;
  height: 58px;
  line-height: 58px;
  text-align: center;
  display: block;
  font-size: 18px;
  letter-spacing: -0.7px;
}
.payment_popup_cont .payment_method ul li button.on {
  background-color: #333;
  color: #fff;
}
.payment_popup_cont .last_total_price {
  margin-bottom: 60px;
  text-align: right;
  padding-top: 25px;
  font-size: 16px;
}
.payment_popup_cont .last_total_price .c-green {
  font-size: 30px;
  vertical-align: bottom;
  line-height: 0.8;
}
.payment_popup_cont .info_list {
  position: relative;
  padding-left: 30px;
  background: url(../images/sub/ic_tooltip.png) no-repeat 0 0;
}
.payment_popup_cont .info_list h4 {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
}
.payment_popup_cont .info_list .list_1 li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 10px;
  font-size: 16px;
  color: #666;
  letter-spacing: -0.6px;
}
.payment_popup_cont .info_list .list_1 li:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 1px;
  background-color: #999;
  display: block;
  content: "";
}
.payment_popup_cont .info_list .list_2 {
  padding: 10px 0 40px;
}
.payment_popup_cont .info_list .list_2 li {
  position: relative;
  margin-bottom: 3px;
  padding-left: 10px;
  font-size: 13px;
  color: #999;
  letter-spacing: -0.6px;
}
.payment_popup_cont .info_list .list_2 li:before {
  position: absolute;
  left: 0;
  top: 2px;
  display: block;
  content: "*";
}
.payment_popup_cont .agree_list {
  text-align: center;
}
.payment_popup_cont .agree_list ul {
  display: inline-block;
  text-align: left;
}
.payment_popup_cont .agree_list ul li {
  margin-bottom: 10px;
}
.payment_popup_cont .agree_list ul li label {
  font-size: 18px;
}

.service_complete .time {
  padding-top: 238px;
  background: url(../images/sub/service_complete.png) no-repeat center 0;
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  color: #006b8e;
  letter-spacing: -1.2px;
}
.service_complete .time strong {
  font-family: "montserrat", "noto";
  font-weight: 500;
  text-align: center;
}

.inquiry_guidelines_12 {
  margin: 0 auto;
  max-width: 510px;
}
.inquiry_guidelines_12 .number {
  margin: 15px 0 45px;
  text-align: center;
  display: block;
  font-size: 16px;
  color: #666;
}
.inquiry_guidelines_12 .txt_1 {
  margin-bottom: 80px;
  font-size: 18px;
  text-align: center;
  letter-spacing: -0.72px;
  line-height: 1.44;
  font-weight: 400;
}
.inquiry_guidelines_12 .txt_1 span {
  margin-top: 5px;
  font-size: 14px;
  color: #999;
  display: block;
}
.inquiry_guidelines_12 .info_list {
  margin-bottom: 80px;
}
.inquiry_guidelines_12 .info_list h4 {
  margin-bottom: 10px;
  padding-left: 30px;
  background: url(../images/sub/ic_tooltip.png) no-repeat 0 center;
  font-size: 18px;
  font-weight: 600;
}
.inquiry_guidelines_12 .info_list .list_1 {
  padding-left: 20px;
}
.inquiry_guidelines_12 .info_list .list_1 li {
  position: relative;
  padding-left: 10px;
  font-size: 16px;
  color: #666;
  line-height: 1.625;
  letter-spacing: -0.64px;
}
.inquiry_guidelines_12 .info_list .list_1 li:before {
  position: absolute;
  left: 0;
  top: 12px;
  width: 5px;
  height: 1px;
  background-color: #666;
  display: block;
  content: "";
}
.inquiry_guidelines_12 .info_list .list_2 {
  padding: 5px 0 0 20px;
}
.inquiry_guidelines_12 .info_list .list_2 li {
  position: relative;
  margin-top: 5px;
  font-size: 13px;
  color: #999;
  letter-spacing: -0.64px;
}

.boxType_1 {
  margin: 0 auto;
  max-width: 1200px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.certificate_check .boxType_1 {
  padding: 146px 20px 195px;
}
.certificate_check p {
  margin-bottom: 60px;
  padding-top: 240px;
  text-align: center;
  background: url(../images/sub/certificate_img.png) no-repeat center 0;
  font-size: 20px;
  letter-spacing: -0.8px;
}
.certificate_check .certificate_number {
  position: relative;
  padding-right: 130px;
  margin: 0 auto;
  max-width: 476px;
  box-sizing: border-box;
}
.certificate_check .certificate_number .basic-btn04 {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  max-width: 100px;
  min-width: 100px;
}
.certificate_check .certificate_number2 {
  position: relative;
  padding-right: 130px;
  margin: 0 auto;
  max-width: 671px;
  box-sizing: border-box;
}
.certificate_check .certificate_number2 .input_delete::after {
  display: block;
  clear: both;
  content: "";
}
.certificate_check .certificate_number2 .input_delete .input_number1 {
  width: 20%;
}
.certificate_check .certificate_number2 .input_delete .input_number2 {
  width: 30%;
}
.certificate_check .certificate_number2 .input_delete .input_number3 {
  width: 25%;
}
.certificate_check .certificate_number2 .input_delete .input_number4 {
  width: 25%;
}
.certificate_check .certificate_number2 .input_delete li {
  float: left;
}
.certificate_check .certificate_number2 .input_delete span {
  display: block;
  position: relative;
  padding-right: 27px;
}
.certificate_check .certificate_number2 .input_delete span::after {
  display: block;
  position: absolute;
  right: 9px;
  top: 50%;
  width: 8px;
  height: 2px;
  background: #1e1e1e;
  content: "";
}
.certificate_check .certificate_number2 .input_delete .last span {
  padding: 0;
}
.certificate_check .certificate_number2 .input_delete .last span::after {
  display: none;
}
.certificate_check .certificate_number2 .basic-btn04 {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  max-width: 100px;
  min-width: 100px;
}

.certificate_check_result .certificate_number {
  position: relative;
  margin: 50px auto 0;
  max-width: 676px;
  padding-right: 130px;
  box-sizing: border-box;
}
.certificate_check_result .certificate_number .basic-btn04 {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  max-width: 100px;
  min-width: 100px;
}
.certificate_check_result h2 {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
}
.certificate_check_result .certificate_check p {
  margin-bottom: 30px;
  background: url(../images/sub/certificate_img2.png) no-repeat center 0;
}
.certificate_check_result .certificate_check .boxType_1 {
  padding: 125px 0;
}
.certificate_check_result .certificate_number2 {
  position: relative;
  margin: 50px auto 0;
  max-width: 676px;
  padding-right: 130px;
  box-sizing: border-box;
}
.certificate_check_result .certificate_number2 .input_delete::after {
  display: block;
  clear: both;
  content: "";
}
.certificate_check_result .certificate_number2 .input_delete .input_number1 {
  width: 20%;
}
.certificate_check_result .certificate_number2 .input_delete .input_number2 {
  width: 30%;
}
.certificate_check_result .certificate_number2 .input_delete .input_number3 {
  width: 25%;
}
.certificate_check_result .certificate_number2 .input_delete .input_number4 {
  width: 25%;
}
.certificate_check_result .certificate_number2 .input_delete li {
  float: left;
}
.certificate_check_result .certificate_number2 .input_delete span {
  display: block;
  position: relative;
  padding-right: 27px;
}
.certificate_check_result .certificate_number2 .input_delete span::after {
  display: block;
  position: absolute;
  right: 9px;
  top: 50%;
  width: 8px;
  height: 2px;
  background: #1e1e1e;
  content: "";
}
.certificate_check_result .certificate_number2 .input_delete .last span {
  padding: 0;
}
.certificate_check_result .certificate_number2 .input_delete .last span::after {
  display: none;
}
.certificate_check_result .certificate_number2 .basic-btn04 {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  max-width: 100px;
  min-width: 100px;
}

.cerificate_email_popup .txt_1 {
  text-align: center;
  font-size: 16px;
  margin-bottom: 46px;
}

.error_page {
  padding: 40px;
}
.error_page .error_cont {
  padding: 128px 0 0;
  text-align: center;
}
.error_page .error_cont .txt_1 {
  margin-bottom: 25px;
  padding-top: 175px;
  background: url(../images/sub/error.png) no-repeat center 0;
  font-size: 30px;
  letter-spacing: -1.2px;
  line-height: 1.2;
  font-weight: 500;
}
.error_page .error_cont .txt_2 {
  margin-bottom: 90px;
  font-size: 16px;
  letter-spacing: -0.64px;
  line-height: 1.5;
}
.error_page .error_cont .txt_2 span {
  margin-top: 10px;
  display: block;
  color: #999;
}

.error_page.error2 .error_cont .txt_1 {
  background: url(../images/sub/error_500.png) no-repeat center 0;
}

.as_popup .txt_1 {
  margin-bottom: 40px;
  font-size: 16px;
  text-align: center;
}
.as_popup h2 {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}
.as_popup h2 strong {
  color: #eb6100;
}
.as_popup h2 span {
  color: #999;
  vertical-align: top;
}
.as_popup textarea {
  height: 155px;
}
.as_popup .total_number {
  text-align: right;
  font-size: 14px;
  color: #999;
  font-weight: 200;
}
.as_popup .total_number strong {
  color: #1e1e1e;
  font-weight: 200;
}
.as_popup .info li {
  position: relative;
  padding-left: 10px;
  font-size: 13px;
  color: #666;
  letter-spacing: -0.52px;
}
.as_popup .info li:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "-";
  color: #666;
}

.as_completion_popup .txt_1 {
  margin-bottom: 60px;
  padding-top: 248px;
  text-align: center;
  background: url(../images/sub/imgAs.png) no-repeat center 0;
  font-size: 14px;
}
.as_completion_popup .txt_1 strong {
  margin-top: 5px;
  font-size: 25px;
  font-weight: 500;
  display: block;
}
.as_completion_popup .gray_box {
  padding: 30px 20px;
  background-color: #f7f7f7;
  text-align: left;
}
.as_completion_popup .gray_box h2 {
  padding-left: 30px;
  margin-bottom: 10px;
  background: url(../images/sub/ic_tooltip.png) no-repeat 0 0;
  font-size: 16px;
  font-weight: 500;
}
.as_completion_popup .gray_box ul {
  padding-left: 20px;
}
.as_completion_popup .gray_box ul li {
  font-size: 13px;
  letter-spacing: -0.52px;
  color: #666;
  line-height: 1.53;
}

.my_withdrawal {
  margin: 0 auto;
  max-width: 840px;
}
.my_withdrawal .txt_1 {
  text-align: center;
  margin-bottom: 55px;
  font-size: 30px;
  letter-spacing: -2.25px;
  font-weight: 400;
}
.my_withdrawal .list_1 {
  margin-bottom: 30px;
}
.my_withdrawal .list_1:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.my_withdrawal .list_1 > li {
  float: left;
  margin-left: -1px;
  width: 50%;
  height: 154px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.my_withdrawal .list_1 > li .inner {
  padding: 40px 35px;
}
.my_withdrawal .list_1 > li p {
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.6px;
}
.my_withdrawal h2 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}
.my_withdrawal h2 strong {
  color: #eb6100;
}
.my_withdrawal .agree_txt {
  margin-bottom: 90px;
  text-align: center;
}
.my_withdrawal .agree_txt label {
  font-size: 16px;
}
.my_withdrawal .txt_2 {
  margin-bottom: 20px;
  font-size: 13px;
  color: #666;
}
.my_withdrawal .reason_withdrawal_list {
  margin-bottom: 30px;
}
.my_withdrawal .reason_withdrawal_list:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.my_withdrawal .reason_withdrawal_list li {
  float: left;
  margin-top: -1px;
  position: relative;
  z-index: 1;
  width: 50%;
  overflow: hidden;
}
.my_withdrawal .reason_withdrawal_list li label {
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  height: 60px;
  line-height: 58px;
  display: block;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 15px;
  color: #1e1e1e;
  cursor: pointer;
  box-sizing: border-box;
}
.my_withdrawal .reason_withdrawal_list li:nth-child(2n) label {
  border-left: none;
}
.my_withdrawal .reason_withdrawal_list li input[type=radio] {
  position: absolute;
  z-index: 1;
  left: 5px;
  top: 10px;
}
.my_withdrawal .reason_withdrawal_list li input[type=radio]:checked + label {
  background-color: #333;
  color: #fff;
  display: inline-block;
}
.my_withdrawal .reason_withdrawal_list li input[type=radio]:checked + label:before {
  margin: 18px 10px 0 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/sub/check-circle-w.svg) no-repeat center center;
  background-size: 20px;
  content: "";
  vertical-align: top;
}
.my_withdrawal textarea {
  height: 155px;
}
.my_withdrawal .total_num {
  padding: 10px 0 0;
  margin-bottom: 80px;
  text-align: right;
  font-size: 14px;
  color: #999;
}
.my_withdrawal .total_num strong {
  color: #1e1e1e;
  font-weight: 200;
}

.withdrawal_complete {
  margin: 0 auto;
  max-width: 510px;
}
.withdrawal_complete .txt_1 {
  margin-bottom: 30px;
  padding-top: 264px;
  background: url(../images/sub/withdrawal_img.png) no-repeat center 0;
  font-size: 18px;
  letter-spacing: -0.72px;
  text-align: center;
}
.withdrawal_complete .txt_1 strong {
  margin-bottom: 10px;
  display: block;
  font-size: 30px;
  letter-spacing: -2.25px;
  line-height: 1.3;
  font-weight: 400;
}
.withdrawal_complete .gray_box {
  margin-bottom: 30px;
  padding: 40px 10px;
  text-align: center;
  background-color: #f7f7f7;
}
.withdrawal_complete .gray_box span {
  display: block;
  font-size: 16px;
  font-weight: 400;
}
.withdrawal_complete .gray_box span b {
  font-family: "montserrat", "noto";
  font-weight: 600;
}

.brand_story {
  padding: 0;
  overflow: hidden;
}
.brand_story .web {
  display: inline-block;
}
.brand_story .mobile {
  display: none;
}
.brand_story .brand_visual {
  position: relative;
  padding-top: 208px;
  height: 1049px;
  text-align: center;
  background: url(../images/sub/brand_story_topvisual_pc.png) no-repeat center 0;
  background-size: cover;
  box-sizing: border-box;
}
.brand_story .brand_visual .vs_txt_1 {
  margin-bottom: 160px;
  display: inline-block;
  font-size: 20px;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.brand_story .brand_visual .vs_txt_2 {
  margin-bottom: 15px;
  font-family: "montserrat", "noto";
  font-weight: 500;
  color: #fff;
  font-size: 110px;
  letter-spacing: -5.5px;
}
.brand_story .brand_visual .vs_txt_2 span {
  position: relative;
  display: block;
  line-height: 1.2;
  overflow: hidden;
}
.brand_story .brand_visual .vs_txt_2 span b {
  position: relative;
  font-weight: inherit;
  vertical-align: top;
  bottom: 0;
}
.brand_story .brand_visual .vs_txt_3 {
  position: relative;
  font-size: 20px;
  color: #fff;
  letter-spacing: -0.8px;
  overflow: hidden;
}
.brand_story .brand_visual .vs_txt_3 span {
  position: relative;
  vertical-align: top;
}
.brand_story .anchor_list {
  position: absolute;
  right: 2%;
  top: 50%;
  transform: translate(0, -50%);
}
.brand_story .anchor_list li {
  margin-bottom: 3px;
}
.brand_story .anchor_list li:last-child {
  margin-bottom: 0;
}
.brand_story .anchor_list li a {
  width: 6px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: block;
  box-sizing: border-box;
}
.brand_story .anchor_list li.on a {
  background-color: #006b8e;
  border-color: #006b8e;
}

.brand_cont_5 {
  padding-top: 200px;
  text-align: center;
}
.brand_cont_5 .img_area.web {
  position: relative;
  display: block;
  overflow: hidden;
  background: url(../images/sub/brand_story_rolling_bg.png) no-repeat center 0;
  z-index: 2;
  background-size: cover;
}
.brand_cont_5 .img_area.web .txt {
  position: absolute;
  left: 50%;
  top: 100px;
  z-index: 5;
  text-align: left;
  max-width: 1080px;
  width: 100%;
  transform: translate(-50%, 0);
}
.brand_cont_5 .img_area.web .txt strong {
  margin-bottom: 20px;
  display: block;
  font-size: 50px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -2.5px;
  line-height: 1.1;
}
.brand_cont_5 .img_area.web .txt p {
  font-size: 16px;
  letter-spacing: -0.64px;
  color: #fff;
}
.brand_cont_5 .img_area .cover {
  position: absolute;
  left: 0;
  top: -5px;
  bottom: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: url(../images/sub/brand_story_rolling.png) no-repeat center 0;
  background-size: cover;
  transform: scale(1.05);
  transition: all 0.8s ease-out;
}
.brand_cont_5 .img_area img {
  width: 100%;
}
.brand_cont_5 .img_area.web.on .cover {
  z-index: 1;
}
.brand_cont_5 h1 {
  position: relative;
  margin-bottom: 25px;
  font-size: 50px;
  letter-spacing: -2.5px;
  font-weight: 400;
}
.brand_cont_5 p {
  position: relative;
  margin-bottom: 60px;
  font-size: 18px;
  letter-spacing: -0.72px;
  line-height: 1.44;
  color: #666;
}
.brand_cont_5 .slick-dots {
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  width: 100%;
  display: flex;
  vertical-align: top;
  height: 6px;
}
.brand_cont_5 .slick-dots:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.brand_cont_5 .slick-dots li {
  flex-grow: 1;
  width: 16.66%;
}
.brand_cont_5 .slick-dots li button {
  width: 100%;
  height: 6px;
  text-indent: -9999px;
  background: rgba(255, 255, 255, 0.5);
}
.brand_cont_5 .slick-dots li.slick-active button {
  background-color: #006b8f;
}

.brand_cont_5_list {
  position: relative;
  z-index: 2;
  opacity: 1;
  margin: 0 auto;
  max-width: 1200px;
}
.brand_cont_5_list .list {
  display: none;
}
.brand_cont_5_list .list:first-child {
  display: block;
}

.brand_cont_1 {
  padding: 80px 20px;
  text-align: center;
  background: url(../images/sub/brand_story_bg.png) no-repeat center center;
  background-size: cover;
}
.brand_cont_1 .logo {
  position: relative;
  margin-bottom: 40px;
}
.brand_cont_1 p {
  position: relative;
  margin-bottom: 15px;
  line-height: 1.55;
  font-size: 18px;
  color: #fff;
  letter-spacing: -0.72px;
}

.brand_cont_2 {
  margin: 0 auto;
  padding: 100px 20px 100px;
  max-width: 1200px;
}
.brand_cont_2:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.brand_cont_2 .bulit_txt {
  position: relative;
  float: left;
  margin-left: -108px;
  padding: 65px 0 0 108px;
  background: url(../images/sub/brand_story_bulit.png) no-repeat 0 0;
  font-size: 50px;
  line-height: 1.2;
  letter-spacing: -3.75px;
  font-weight: 400;
}
.brand_cont_2 .img_area {
  float: right;
  padding-top: 160px;
  width: 770px;
  text-align: center;
}
.brand_cont_2 .img_area ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.brand_cont_2 .img_area ul li {
  float: left;
  position: relative;
  margin-bottom: 20px;
  text-align: right;
}
.brand_cont_2 .img_area ul li:nth-child(2n) {
  text-align: left;
}
.brand_cont_2 .img_area ul li .inner {
  position: relative;
  padding: 20px 40px 40px;
  font-size: 17px;
  letter-spacing: -0.68px;
  display: inline-block;
  text-align: left;
}
.brand_cont_2 .img_area ul li.txt_1 {
  padding-left: 187px;
}
.brand_cont_2 .img_area ul li.txt_1 .inner {
  background: url(../images/sub/brand_story_bg1.gif) no-repeat center 0;
  width: 246px;
  height: 117px;
  box-sizing: border-box;
}
.brand_cont_2 .img_area ul li.txt_2 {
  padding-top: 36px;
  margin-left: 15px;
}
.brand_cont_2 .img_area ul li.txt_2 .inner {
  background: url(../images/sub/brand_story_bg2.gif) no-repeat center 0;
  width: 315px;
  height: 116px;
  box-sizing: border-box;
}
.brand_cont_2 .img_area ul li.txt_3 {
  margin-top: -25px;
}
.brand_cont_2 .img_area ul li.txt_3 .inner {
  background: url(../images/sub/brand_story_bg3.gif) no-repeat center 0;
  width: 406px;
  height: 92px;
  box-sizing: border-box;
}
.brand_cont_2 .img_area ul li.txt_4 {
  padding-top: 0;
  margin-left: 10px;
}
.brand_cont_2 .img_area ul li.txt_4 .inner {
  background: url(../images/sub/brand_story_bg4.gif) no-repeat center 0;
  width: 284px;
  height: 116px;
  box-sizing: border-box;
}

.brand_cont_3 {
  padding: 285px 20px 170px;
  background: url(../images/sub/brand_story_img_2.png) no-repeat center 0;
  background-size: cover;
}
.brand_cont_3 ul {
  margin: 0 auto;
  max-width: 1200px;
}
.brand_cont_3 ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.brand_cont_3 ul li {
  float: left;
  position: relative;
  width: 33.33%;
}
.brand_cont_3 ul li .number {
  margin-bottom: 50px;
  padding-bottom: 10px;
  max-width: 80px;
  font-family: "montserrat", "noto";
  font-weight: 700;
  font-size: 35px;
  line-height: 1;
  display: block;
  border-bottom: 1px solid #006b8e;
  color: #006b8e;
}
.brand_cont_3 ul li .title {
  margin-bottom: 30px;
  font-size: 50px;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
  letter-spacing: -2.5px;
}
.brand_cont_3 ul li p {
  margin-top: 20px;
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
}
.brand_cont_3 .txt {
  padding-top: 174px;
  text-align: center;
}
.brand_cont_3 .txt span {
  padding: 6px 65px 0 0;
  min-height: 65px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 20px;
  color: #fff;
  background: url(../images/sub/brand_story_bulit2.png) no-repeat right 0;
}

.brand_cont_4 {
  padding: 170px 20px 50px;
  margin: 0 auto;
  max-width: 1200px;
}
.brand_cont_4 h1 {
  position: relative;
  margin-bottom: 110px;
  text-align: center;
  font-family: "montserrat", "noto";
  font-weight: 500;
  letter-spacing: -2.5px;
  line-height: 1.2;
  font-size: 50px;
}
.brand_cont_4 h2 {
  margin-bottom: 25px;
  position: relative;
  font-size: 30px;
  font-family: "montserrat", "noto";
  font-weight: 700;
}
.brand_cont_4 .symbol {
  position: relative;
  margin-bottom: 90px;
  padding: 120px 20px 130px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: center;
}
.brand_cont_4 p {
  position: relative;
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.64px;
}
.brand_cont_4 .signature_list {
  margin-bottom: 100px;
}
.brand_cont_4 .signature_list:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.brand_cont_4 .signature_list li {
  float: right;
  position: relative;
  width: 49.16%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding-top: 104px;
  height: 350px;
  box-sizing: border-box;
  text-align: center;
}
.brand_cont_4 .signature_list li:last-child {
  float: left;
}
.brand_cont_4 .signature_list li .logo {
  height: 142px;
  line-height: 142px;
}
.brand_cont_4 .signature_list li span {
  margin-top: 15px;
  display: block;
  font-size: 16px;
}
.brand_cont_4 .color_list:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.brand_cont_4 .color_list li {
  float: left;
  position: relative;
  margin-left: 1.25%;
  width: 32.5%;
  height: 200px;
  display: table;
  text-align: center;
}
.brand_cont_4 .color_list li:first-child {
  margin-left: 0;
}
.brand_cont_4 .color_list li .inner {
  display: table-cell;
  vertical-align: middle;
  font-family: "montserrat", "noto";
  font-weight: 300;
  color: #fff;
  font-size: 18px;
}
.brand_cont_4 .color_list li.bg_1 {
  background-color: #006b8f;
}
.brand_cont_4 .color_list li.bg_2 {
  background-color: #00789e;
}
.brand_cont_4 .color_list li.bg_3 {
  background-color: #595757;
}

.start {
  position: absolute;
  left: 0;
  top: -150px;
  width: 100%;
  height: 1px;
  margin: 0;
  padding: 0;
  display: block;
  background: transparent;
  border: none;
}

.service_intro, .mypage_main, .container_mypage {
  padding: 125px 0 0;
}
.service_intro .web, .mypage_main .web, .container_mypage .web {
  display: inline-block;
}
.service_intro .mobile, .mypage_main .mobile, .container_mypage .mobile {
  display: none;
}

.service_intro_visual {
  position: relative;
  padding-bottom: 100px;
  width: 100%;
  height: 630px;
  display: table;
  background: url(../images/sub/service_visual_1.png) no-repeat center 0;
  background-size: cover;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 1.5rem;
}
.service_intro_visual .visual_txt {
  display: table-cell;
  vertical-align: middle;
}
.service_intro_visual .visual_txt h1 {
  position: relative;
  margin-bottom: 35px;
  font-size: 70px;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  overflow: hidden;
}
.service_intro_visual .visual_txt h1 span {
  position: relative;
}
.service_intro_visual .visual_txt p {
  position: relative;
  font-size: 21px;
  color: #fff;
  overflow: hidden;
}
.service_intro_visual .visual_txt p span {
  position: relative;
}

.service_intro_visual_1 {
  background: url(../images/sub/service_visual_2.png) no-repeat center 0;
  background-size: cover;
}

.service_intro_visual_2 {
  background: url(../images/sub/service_visual_3.png) no-repeat center 0;
  background-size: cover;
}

.service_intro_visual_3 {
  background: url(../images/sub/service_visual_4.png) no-repeat center 0;
  background-size: cover;
}

.service_intro_visual_4 {
  height: 400px;
  background: url(../images/sub/service_visual_5.png) no-repeat center 0;
  background-size: cover;
}

.about_heimlab_cont_1 {
  margin: 0 auto;
  padding: 200px 0 190px;
  max-width: 1200px;
  text-align: center;
}
.about_heimlab_cont_1 ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.about_heimlab_cont_1 ul li {
  float: left;
  position: relative;
  width: 33.33%;
  text-align: center;
}
.about_heimlab_cont_1 ul li .txt {
  position: relative;
  padding-top: 40px;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: -1.12px;
}
.about_heimlab_cont_1 ul li .icon {
  position: relative;
}
.about_heimlab_cont_1 .txt_1 {
  position: relative;
  margin-bottom: 70px;
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: -1px;
}

.about_heimlab_cont_2 {
  position: relative;
  padding: 150px 0 130px;
  background-size: cover;
  background-position: center;
  text-align: center;
  background-image: url(../images/sub/about_heimlab_img4.png);
}
.about_heimlab_cont_2 h2 {
  position: relative;
  margin-bottom: 20px;
  font-size: 50px;
  color: #fff;
  letter-spacing: -2.5px;
}
.about_heimlab_cont_2 h2 strong {
  font-family: "montserrat", "noto";
  font-weight: 600;
}
.about_heimlab_cont_2 .txt_1 {
  position: relative;
  margin-bottom: 70px;
  font-size: 20px;
  line-height: 1.7;
  color: #fff;
  letter-spacing: -1px;
}
.about_heimlab_cont_2 .link {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1200px;
}
.about_heimlab_cont_2 .link ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.about_heimlab_cont_2 .link ul li {
  float: left;
  position: relative;
  margin-left: 2.375%;
  width: 31.75%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  height: 380px;
  text-align: left;
  transition: all 0.35s ease-out;
}
.about_heimlab_cont_2 .link ul li:hover {
  border: 1px solid rgb(255, 255, 255);
}
.about_heimlab_cont_2 .link ul li:first-child, .about_heimlab_cont_2 .link ul li:nth-child(4) {
  margin-left: 0;
}
.about_heimlab_cont_2 .link ul li:nth-child(n+4) {
  margin-top: 1rem;
}
.about_heimlab_cont_2 .link ul li .inner {
  padding: 35px 40px;
}
.about_heimlab_cont_2 .link ul li .more {
  position: absolute;
  right: 40px;
  bottom: 38px;
}
.about_heimlab_cont_2 .link ul li .more a {
  padding-right: 25px;
  background: url(../images/sub/more_arrow.png) no-repeat right 5px top 0px;
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.64px;
  transition: all 0.35s ease-out;
}
.about_heimlab_cont_2 .link ul li .more a:hover {
  background: url(../images/sub/more_arrow.png) no-repeat right 0 top 0px;
}
.about_heimlab_cont_2 .link ul li h3 {
  margin-bottom: 8px;
  font-family: "montserrat", "noto";
  font-weight: 600;
  color: #fff;
  font-size: 28px;
}
.about_heimlab_cont_2 .link ul li h3 strong {
  color: #3ba7af;
  font-family: "noto";
  font-weight: 600;
  display: block;
}
.about_heimlab_cont_2 .link ul li p {
  font-size: 17px;
  letter-spacing: -0.92px;
  color: #fff;
  line-height: 1.77;
}
.about_heimlab_cont_2 .link ul.col-2 li {
  width: 48.8%;
}

.link_bg_check {
  background-image: url(../images/sub/about_heimlab_img4.jpg);
}
.link_bg_solution {
  background-image: url(../images/sub/brand_story_rolling_1.png);
}
.link_bg_remodeling {
  background-image: url(../images/sub/about_heimlab_img4.png);
}

.remodeling_heimlab_cont_22 {
  position: relative;
  padding: 150px 0 130px;
  background-color: #f7f7f7;
  background-size: cover;
  text-align: center;
  color: #000;
}
.remodeling_heimlab_cont_22 h2 {
  position: relative;
  margin-bottom: 20px;
  font-size: 50px;
  letter-spacing: -2.5px;
}
.remodeling_heimlab_cont_22 h2 strong, .remodeling_heimlab_cont_22 h2 .logo_s, .remodeling_heimlab_cont_22 h2 .logo_b {
  font-family: "montserrat", "noto";
  font-weight: 600;
  letter-spacing: 0;
  vertical-align: baseline;
}
.remodeling_heimlab_cont_22 h2 .logo_b {
  color: #006b8e;
}
.remodeling_heimlab_cont_22 h2 .logo_s {
  color: #474645;
}
.remodeling_heimlab_cont_22 .txt_1 {
  position: relative;
  margin-bottom: 70px;
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: -1px;
}
.remodeling_heimlab_cont_22 .link {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1200px;
}
.remodeling_heimlab_cont_22 .link ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.remodeling_heimlab_cont_22 .link ul li {
  float: left;
  position: relative;
  margin-left: 2.375%;
  width: 31.75%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  height: 380px;
  text-align: left;
  transition: all 0.35s ease-out;
  background: #fff;
  background-size: cover;
  background-position: center;
}
.remodeling_heimlab_cont_22 .link ul li:hover {
  border: 1px solid rgb(255, 255, 255);
}
.remodeling_heimlab_cont_22 .link ul li:first-child, .remodeling_heimlab_cont_22 .link ul li:nth-child(4) {
  margin-left: 0;
}
.remodeling_heimlab_cont_22 .link ul li:nth-child(n+4) {
  margin-top: 1rem;
}
.remodeling_heimlab_cont_22 .link ul li .inner {
  padding: 35px 40px;
}
.remodeling_heimlab_cont_22 .link ul li .more {
  position: absolute;
  right: 40px;
  bottom: 38px;
  color: #fff;
}
.remodeling_heimlab_cont_22 .link ul li .more a {
  padding-right: 25px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 4.5l7.5 7.5-7.5 7.5' /%3E%3C/svg%3E%0A") no-repeat right 4px top 0px;
  font-size: 16px;
  letter-spacing: -0.64px;
  transition: all 0.35s ease-out;
  color: #fff;
}
.remodeling_heimlab_cont_22 .link ul li .more a:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 4.5l7.5 7.5-7.5 7.5' /%3E%3C/svg%3E%0A") no-repeat right 0 top 0px;
}
.remodeling_heimlab_cont_22 .link ul li h3 {
  margin-bottom: 8px;
  font-family: "montserrat", "noto";
  font-weight: 600;
  font-size: 28px;
}
.remodeling_heimlab_cont_22 .link ul li h3 strong {
  color: #fff;
  font-family: "noto";
  font-weight: 600;
  display: block;
}
.remodeling_heimlab_cont_22 .link ul li p {
  color: #fff;
  font-size: 18px;
  letter-spacing: -0.72px;
  line-height: 1.77;
}
.remodeling_heimlab_cont_22 .link ul.col-2 li {
  width: 48.8%;
}
.remodeling_heimlab_cont_22 .link ul li:first-child {
  background-image: url("/static/files/images/sub/remodeling_menu_1.jpg");
}
.remodeling_heimlab_cont_22 .link ul li:nth-child(2) {
  background-image: url("/static/files/images/sub/remodeling_menu_2.jpg");
}
.remodeling_heimlab_cont_22 .link ul li:nth-child(3) {
  background-image: url("/static/files/images/sub/remodeling_menu_3.jpg");
}

.about_heimlab_cont_3 {
  position: relative;
  padding: 195px 0 200px;
}
.about_heimlab_cont_3 .icon_list {
  margin: 0 auto;
  max-width: 1200px;
}
.about_heimlab_cont_3 .icon_list ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.about_heimlab_cont_3 .icon_list ul li {
  float: left;
  width: 25%;
  text-align: center;
}
.about_heimlab_cont_3 .icon_list ul li .icon {
  position: relative;
}
.about_heimlab_cont_3 .icon_list ul li .txt {
  position: relative;
  padding-top: 25px;
  font-size: 16px;
  letter-spacing: -0.64px;
  line-height: 1.5;
  font-weight: 300;
}
.about_heimlab_cont_3 h1 {
  position: relative;
  margin-bottom: 40px;
  text-align: center;
  font-weight: 400;
  font-size: 50px;
  line-height: 1;
  letter-spacing: -2.5px;
}
.about_heimlab_cont_3 .txt_1 {
  position: relative;
  margin-bottom: 75px;
  text-align: center;
  font-size: 20px;
  letter-spacing: -1px;
  line-height: 1.4;
}
.about_heimlab_cont_3 .img_list {
  margin-bottom: 110px;
}
.about_heimlab_cont_3 .img_list ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.about_heimlab_cont_3 .img_list ul li {
  float: left;
  width: 32.9%;
  margin-left: 0.65%;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.about_heimlab_cont_3 .img_list ul li:first-child {
  margin-left: 0;
}
.about_heimlab_cont_3 .img_list ul li .img_mo {
  display: none;
}
.about_heimlab_cont_3 .img_list ul li img {
  transform: scale(1);
  transition: all 0.75s ease-out;
}

.about_heimlab_cont_4 {
  margin: 0 auto;
  padding: 100px 0 200px;
  max-width: 1200px;
}
.about_heimlab_cont_4 h2 {
  margin-bottom: 40px;
  text-align: center;
  font-weight: 400;
  font-size: 50px;
  line-height: 1;
  letter-spacing: -2.5px;
}
.about_heimlab_cont_4 .img_area {
  text-align: center;
}

.about_heimlab_cont_5 {
  position: Relative;
  padding: 120px 0;
  background-color: #f7f7f7;
}
.about_heimlab_cont_5 h2 {
  position: relative;
  margin-bottom: 100px;
  text-align: center;
  font-size: 55px;
  font-family: "montserrat", "noto";
  font-weight: 600;
}
.about_heimlab_cont_5 h2 strong {
  color: #006b8e;
  font-weight: 600;
}
.about_heimlab_cont_5 .list {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1200px;
}
.about_heimlab_cont_5 .list:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.about_heimlab_cont_5 .list > li {
  position: Relative;
  float: left;
  width: 48.33%;
  height: 290px;
}
.about_heimlab_cont_5 .list > li:nth-child(2n) {
  float: right;
}
.about_heimlab_cont_5 .list > li .number {
  position: relative;
  margin-bottom: 40px;
  line-height: 1;
  display: block;
}
.about_heimlab_cont_5 .list > li .number:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #ddd;
  display: block;
  content: "";
}
.about_heimlab_cont_5 .list > li .number b {
  position: relative;
  z-index: 2;
  min-width: 60px;
  padding-bottom: 12px;
  border-bottom: 3px solid #006b8e;
  font-size: 42px;
  letter-spacing: -1.68px;
  font-family: "montserrat", "noto";
  font-weight: 500;
  vertical-align: top;
  display: inline-block;
}
.about_heimlab_cont_5 .list > li .title {
  margin-bottom: 20px;
  display: block;
  font-size: 28px;
  letter-spacing: -1.12px;
  font-weight: 400;
}
.about_heimlab_cont_5 .list > li p {
  font-size: 18px;
  color: #666;
  line-height: 1.55;
  letter-spacing: -0.72px;
}

.solution_heimlab .tabType_1 {
  margin: 0 auto;
  padding: 60px 20px 0;
  max-width: 1200px;
}
.solution_heimlab .titleType_1 {
  position: relative;
  margin-bottom: 30px;
  padding: 0;
  text-align: center;
  font-size: 50px;
  letter-spacing: -2.5px;
  font-weight: 300;
}
.solution_heimlab .txtType_1 {
  position: relative;
  margin-bottom: 110px;
  text-align: center;
  font-size: 16px;
  color: #666;
  line-height: 1.75;
  letter-spacing: -0.64px;
}
.solution_heimlab .listType_1 li {
  position: relative;
  padding-left: 10px;
  font-size: 15px;
  color: #666;
  line-height: 1.86;
  word-break: keep-all;
}
.solution_heimlab .listType_1 li:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "-";
  font-size: 15px;
  color: #666;
  line-height: 1.4;
}

.solution_heimlab_cont {
  margin: 0 auto;
  padding: 70px 20px 190px;
  max-width: 1200px;
}
.solution_heimlab_cont .tag {
  position: relative;
  padding: 0 0 55px;
  text-align: center;
  font-size: 30px;
  color: #006b8e;
}

.solution_heimlab_top {
  position: relative;
  margin-bottom: 100px;
  padding-left: 57.9%;
  border: 1px solid #ccc;
  overflow: hidden;
}
.solution_heimlab_top .img_area {
  position: relative;
}
.solution_heimlab_top .txt_area {
  position: absolute;
  left: 0;
  top: 50%;
  padding: 0 65px;
  transform: translate(0, -50%);
  width: 57.9%;
  box-sizing: border-box;
}
.solution_heimlab_top .txt_area .txt_1 {
  position: relative;
  margin-bottom: 30px;
  font-size: 40px;
  letter-spacing: -2px;
}
.solution_heimlab_top .txt_area .txt_2 {
  position: relative;
  font-size: 16px;
  letter-spacing: -0.64px;
  line-height: 1.75;
}

.solution_heimlab_1 .list {
  position: relative;
  padding-top: 160px;
}
.solution_heimlab_1 .list > ul > li {
  float: left;
  margin-left: 6.26%;
  width: 29.16%;
}
.solution_heimlab_1 .list > ul > li .img {
  position: Relative;
}
.solution_heimlab_1 .list > ul > li:first-child {
  margin-left: 0;
}
.solution_heimlab_1 .list > ul > li .txt_area {
  padding-top: 25px;
  height: 220px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.75;
}
.solution_heimlab_1 .list > ul > li .txt_area > div {
  position: relative;
}
.solution_heimlab_1 .list > ul > li .txt_area h3 {
  margin-bottom: 10px;
  font-size: 25px;
  letter-spacing: -1.25px;
  font-weight: 400;
}
.solution_heimlab_1 .list > ul > li .txt_area .q {
  font-weight: 600;
}
.solution_heimlab_1 .list > ul > li .txt_area b {
  color: #666;
  font-weight: 300;
}
.solution_heimlab_1 .list > ul > li .where_apply {
  position: relative;
  padding-top: 40px;
  border-top: 1px solid #e5e5e5;
}
.solution_heimlab_1 .list > ul > li .where_apply h4 {
  position: relative;
  padding-left: 30px;
  font-size: 20px;
  color: #006b8e;
  font-weight: 400;
}
.solution_heimlab_1 .list > ul > li .where_apply h4 b {
  position: absolute;
  left: 0;
  top: 2px;
  width: 23px;
  height: 23px;
  line-height: 19px;
  text-align: center;
  font-weight: 500;
  color: #006b8e;
  border: 2px solid #006b8e;
  border-radius: 50%;
  box-sizing: border-box;
  font-size: 14px;
}
.solution_heimlab_1 .list > ul > li .where_apply ul {
  padding-top: 10px;
}
.solution_heimlab_1 .list > ul > li .where_apply li {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  color: #666;
  line-height: 1.8;
  letter-spacing: -1.27px;
}
.solution_heimlab_1 .list > ul > li .where_apply li:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "-";
}
.solution_heimlab_1 .list > ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.solution_heimlab_1 .list.w_2 > ul > li {
  width: 47%;
  margin-left: 0;
}
.solution_heimlab_1 .list.w_2 > ul > li:nth-child(2n) {
  float: right;
}

.solution_heimlab1_cont1 {
  position: relative;
  padding-top: 80px;
}
.solution_heimlab1_cont1 h2 {
  position: relative;
  margin-bottom: 25px;
  text-align: center;
  font-size: 50px;
  letter-spacing: -2.5px;
  font-weight: 400;
}
.solution_heimlab1_cont1 .txt_3 {
  position: relative;
  margin-bottom: 40px;
  font-size: 16px;
  color: #666;
  text-align: center;
}
.solution_heimlab1_cont1 .txt_3 strong {
  margin-top: 5px;
  display: block;
  font-weight: 500;
  color: #006b8e;
}
.solution_heimlab1_cont1 .img_area {
  position: relative;
}

.solution_heimlab2_cont1 {
  position: relative;
  padding-top: 90px;
}

.solution_heimlab2_list {
  position: relative;
}
.solution_heimlab2_list > ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.solution_heimlab2_list > ul > li {
  float: left;
  position: relative;
  width: 48.4%;
}
.solution_heimlab2_list > ul > li:nth-child(2n) {
  float: right;
}
.solution_heimlab2_list .number {
  position: relative;
  margin-bottom: 40px;
}
.solution_heimlab2_list .number:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #ddd;
  display: block;
  content: "";
}
.solution_heimlab2_list .number span {
  position: relative;
  padding-bottom: 15px;
  display: inline-block;
  min-width: 60px;
  vertical-align: top;
  font-family: "montserrat", "noto";
  font-weight: 500;
  font-size: 42px;
  line-height: 1;
  letter-spacing: -1.68px;
}
.solution_heimlab2_list .number span:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #006b8e;
  display: block;
  content: "";
}
.solution_heimlab2_list .title {
  margin-bottom: 20px;
  font-size: 28px;
  letter-spacing: -1.12px;
  font-weight: 400;
}
.solution_heimlab2_list .txt_1 {
  height: 110px;
  font-size: 18px;
  color: #666;
  letter-spacing: -0.72px;
}
.solution_heimlab2_list .txt_1 strong {
  margin-bottom: 5px;
  color: #006b8e;
  font-weight: 400;
  display: block;
}
.solution_heimlab2_list .txt_2 {
  padding: 10px 30px 0 0;
  height: 140px;
  font-size: 15px;
  color: #666;
  letter-spacing: -0.6px;
  box-sizing: border-box;
  line-height: 1.8;
}
.solution_heimlab2_list .txt_2 span {
  display: block;
  margin-top: 10px;
}

.solution_heimlab2_cont2:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.solution_heimlab2_cont2 .img_area {
  position: relative;
  float: left;
  width: 33.33%;
}
.solution_heimlab2_cont2 .txt_1 {
  float: left;
  padding: 30px 0 0 6%;
  width: 33.33%;
  box-sizing: border-box;
}
.solution_heimlab2_cont2 .txt_1 h2 {
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 400;
  letter-spacing: -1.25px;
}
.solution_heimlab2_cont2 .txt_1 p {
  position: relative;
  font-size: 16px;
  color: #666;
  line-height: 1.86;
}
.solution_heimlab2_cont2 .txt_1 p em {
  font-weight: 600;
}
.solution_heimlab2_cont2 .txt_2 {
  position: relative;
  float: left;
  padding: 30px 0 0 6%;
  width: 33.33%;
  box-sizing: border-box;
}
.solution_heimlab2_cont2 .txt_2 h3 {
  position: relative;
  margin-bottom: 10px;
  padding-left: 30px;
  font-size: 20px;
  color: #006b8e;
  font-weight: 400;
}
.solution_heimlab2_cont2 .txt_2 h3 .icon_mark {
  position: absolute;
  left: 0;
  top: 2px;
}

.icon_mark {
  width: 23px;
  height: 23px;
  line-height: 19px;
  border: 2px solid #006b8e;
  text-align: center;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 500;
  color: #006b8e;
  display: inline-block;
  border-radius: 50%;
}

.service_intro_tag {
  position: relative;
  padding: 120px 20px 60px;
  text-align: center;
  color: #006b8e;
  font-size: 30px;
  letter-spacing: -1.5px;
}

.check_heimlab_top {
  margin: 0 auto;
  max-width: 1200px;
}
.check_heimlab_top:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.check_heimlab_top .img_area {
  position: relative;
  margin-bottom: 70px;
}
.check_heimlab_top .txt_area {
  text-align: center;
}
.check_heimlab_top .txt_1 {
  position: relative;
  margin-bottom: 30px;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -2px;
}
.check_heimlab_top .txt_1 strong {
  font-weight: 500;
}
.check_heimlab_top .txt_1 strong b {
  font-family: "montserrat", "noto";
  font-weight: 600;
}
.check_heimlab_top .txt_2 {
  position: relative;
  font-size: 16px;
  color: #666;
  line-height: 1.75;
}

.check_heimlab_cont_1 {
  padding: 100px 20px 0;
  margin: 0 auto 180px;
  max-width: 1200px;
}
.check_heimlab_cont_1:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.check_heimlab_cont_1 .title {
  font-size: 28px;
  font-weight: 400;
  letter-spacing: -1.5px;
}
.check_heimlab_cont_1 .title b {
  font-family: "montserrat", "noto";
  font-weight: 600;
  font-size: 30px;
}
.check_heimlab_cont_1 .img_area {
  position: relative;
  float: right;
  width: 50%;
}
.check_heimlab_cont_1 .txt_area {
  float: left;
  padding: 90px 50px 0 0;
  width: 50%;
  text-align: right;
  box-sizing: border-box;
}
.check_heimlab_cont_1 .txt_area .inner {
  display: inline-block;
  text-align: left;
}
.check_heimlab_cont_1 .txt_area .title {
  position: relative;
  margin-bottom: 65px;
}
.check_heimlab_cont_1 .txt_area .txt_1 {
  position: relative;
  margin-bottom: 25px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
}
.check_heimlab_cont_1 .txt_area .txt_2 {
  position: relative;
  font-size: 16px;
  line-height: 1.75;
}
.check_heimlab_cont_1 .txt_area .txt_2 span {
  vertical-align: top;
  font-family: "montserrat", "noto";
  font-weight: 400;
}

.check_heimlab_cont_2 {
  position: relative;
  padding: 190px 0 230px;
  background: url(../images/sub/check_img_3.png) no-repeat center 0;
  background-size: cover;
}
.check_heimlab_cont_2 .inner {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 20px;
  box-sizing: border-box;
}
.check_heimlab_cont_2 h2 {
  position: relative;
  margin-bottom: 65px;
  text-align: center;
  font-size: 50px;
  color: #fff;
  font-weight: 300;
  letter-spacing: -2px;
}
.check_heimlab_cont_2 .list:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.check_heimlab_cont_2 .list > li {
  position: relative;
  float: left;
  margin-left: 1%;
  padding: 40px 19px 0;
  height: 350px;
  width: 15.8%;
  background-color: #fff;
  box-sizing: border-box;
  transition: all 0.35s ease-out;
}
.check_heimlab_cont_2 .list > li:first-child {
  margin-left: 0;
}
.check_heimlab_cont_2 .list > li .icon {
  margin-bottom: 50px;
  text-align: center;
}
.check_heimlab_cont_2 .list > li h3 {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -0.88px;
}
.check_heimlab_cont_2 .list > li li {
  position: relative;
  padding-left: 6px;
  font-size: 13.4px;
  color: #666;
  line-height: 1.8;
  letter-spacing: -1px;
  word-break: keep-all;
}
.check_heimlab_cont_2 .list > li li:before {
  position: absolute;
  left: 0;
  top: 3px;
  line-height: 1;
  content: "-";
  font-size: 14px;
  color: #666;
}
.check_heimlab_cont_2 .list.w_4 > li {
  margin-left: 1.6%;
  width: 23.8%;
  height: 370px;
}
.check_heimlab_cont_2 .list.w_4 > li:first-child {
  margin-left: 0;
}
.check_heimlab_cont_2 p {
  padding-top: 30px;
  text-align: center;
  font-size: 15px;
  letter-spacing: -0.6px;
  color: #fff;
  opacity: 0.6;
}

.check_heimlab2 .check_heimlab_cont_2 {
  background: url(../images/sub/check_img2_3.png) no-repeat center 0;
  background-size: cover;
}

.remodeling_cont {
  margin: 0 auto;
  padding: 115px 20px;
  max-width: 1200px;
}
.remodeling_cont .title_1 {
  position: relative;
  margin-bottom: 25px;
  text-align: left;
  font-size: 40px;
  letter-spacing: -2px;
}
.remodeling_cont .top_txt {
  position: relative;
  margin-bottom: 45px;
  text-align: left;
  font-size: 16px;
  color: #666;
  line-height: 1.75;
}
.remodeling_cont .title_2 {
  position: relative;
  margin-bottom: 60px;
  padding-top: 160px;
  text-align: center;
  font-size: 40px;
  letter-spacing: -2px;
  line-height: 1.2;
}

.remodeling_rolling {
  position: relative;
  margin: auto;
  margin-bottom: 60px;
  width: 100%;
  max-width: 1200px;
}
.remodeling_rolling.ty2 {
  width: 100%;
  max-width: unset;
}
.remodeling_rolling.ty2 img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.remodeling_rolling .slide .list {
  display: none;
}
.remodeling_rolling .slide .list:first-child {
  display: block;
}
.remodeling_rolling .slick-dots {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 60px;
  padding: 0 20px;
  width: 100%;
  transform: translate(-50%, 0);
  box-sizing: border-box;
  text-align: center;
}
.remodeling_rolling .slick-dots li {
  margin-right: 2px;
  display: inline-block;
  width: 40px;
}
.remodeling_rolling .slick-dots li button {
  width: 100%;
  height: 6px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  text-indent: -9999px;
}
.remodeling_rolling .slick-dots li.slick-active button {
  background-color: #006b8e;
  border-color: #006b8e;
}
.remodeling_rolling .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: block;
  width: 37px;
  height: 72px;
  transform: translate(0, -50%);
  text-indent: -9999px;
}
.remodeling_rolling .slick-arrow:before {
  position: absolute;
  left: -7px;
  top: 50%;
  margin-top: -18px;
  width: 50px;
  height: 1px;
  background-color: #fff;
  display: block;
  content: "";
  transform: rotate(-45deg);
}
.remodeling_rolling .slick-arrow:after {
  position: absolute;
  left: -7px;
  top: 50%;
  margin-top: 18px;
  width: 50px;
  height: 1px;
  background-color: #fff;
  display: block;
  content: "";
  transform: rotate(45deg);
}
.remodeling_rolling .slick-prev {
  left: 4%;
  top: 50%;
}
.remodeling_rolling .slick-next {
  right: 4%;
  top: 50%;
  transform: translate(0, -50%) rotate(-180deg);
}

.remodeling_list_1 {
  position: relative;
}
.remodeling_list_1 ul li {
  position: relative;
  margin-bottom: 36px;
  padding-left: 460px;
  min-height: 260px;
}
.remodeling_list_1 ul li .img_area {
  position: absolute;
  left: 0;
  top: 0;
}
.remodeling_list_1 ul li .img_area img {
  position: relative;
}
.remodeling_list_1 ul li .txt_area {
  position: relative;
  padding-top: 65px;
}
.remodeling_list_1 ul li .title {
  margin-bottom: 5px;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: -1.4px;
}
.remodeling_list_1 ul li .txt {
  font-size: 16px;
  color: #666;
  letter-spacing: -0.64px;
  line-height: 1.75;
}

.remodeling_list_2 ul {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.375rem;
}
.remodeling_list_2 ul li {
  position: relative;
  width: 100%;
  height: 120%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  padding-top: 24px;
}
.remodeling_list_2 ul li .txt_area {
  padding-top: 10px;
  height: 80px;
  box-sizing: border-box;
  font-size: 16px;
  letter-spacing: -0.64px;
  line-height: 1.5;
}
.remodeling_list_2 ul li .txt_area .sort {
  font-weight: 600;
}
.remodeling_list_2 .img_area {
  overflow: hidden;
  aspect-ratio: 1/1;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.remodeling_list_2 .img_area img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: unset;
  max-height: 100%;
}
.remodeling_list_2 .img_area span {
  position: absolute;
  left: 0;
  top: 0;
  padding: 15px 0 0 15px;
  font-size: 20px;
  color: #fff;
}
.remodeling_list_2 .tit {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.64px;
  margin-bottom: 10px;
  margin-top: 40px;
}

.check_list_item_box .tit {
  width: 100%;
  font-size: 23px;
  font-weight: normal;
  margin-bottom: 5px;
}
.check_list_item_box .sub_tit {
  width: 100%;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 2px;
}
.check_list_item_box .sort {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 2px;
}

.remodeling_box_top {
  position: relative;
  padding-top: 165px;
  text-align: center;
}
.remodeling_box_top .txt {
  position: relative;
  margin-bottom: 25px;
  display: block;
  text-align: center;
  font-size: 17px;
  letter-spacing: -0.85px;
  color: #999;
}
.remodeling_box_top ul {
  position: relative;
  margin-bottom: 50px;
}
.remodeling_box_top ul li {
  margin: 0 24px;
  display: inline-block;
  vertical-align: top;
}
.remodeling_box_top ul li a {
  font-size: 40px;
  letter-spacing: -2px;
}
.remodeling_box_top ul li.on a {
  font-weight: 500;
}

.remodeling_box {
  position: relative;
  margin-bottom: 60px;
  padding: 50px;
  border: 1px solid #ccc;
}
.remodeling_box:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.remodeling_box .img_area {
  float: left;
  width: 59%;
}
.remodeling_box .img_area img {
  position: relative;
}
.remodeling_box .txt_area {
  float: left;
  position: relative;
  padding-left: 20px;
  width: 41%;
  box-sizing: border-box;
}
.remodeling_box .title {
  margin-bottom: 30px;
  padding-top: 90px;
  font-size: 28px;
  letter-spacing: -1.4px;
  font-weight: 400;
}
.remodeling_box .txt {
  font-size: 16px;
  letter-spacing: -0.64px;
  line-height: 1.75;
}

.remodeling_list_3 {
  position: relative;
}
.remodeling_list_3 ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.remodeling_list_3 ul li {
  position: relative;
  float: left;
  margin-left: 3.64%;
  width: 30.9%;
}
.remodeling_list_3 ul li:first-child {
  margin-left: 0;
}
.remodeling_list_3 ul li .txt_area {
  padding-top: 15px;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

.remodeling_2 .remodeling_box {
  border: none;
  text-align: center;
}
.remodeling_2 .remodeling_box .title {
  margin-bottom: 10px;
  padding-top: 0;
  display: block;
}
.remodeling_2 .img_1 {
  position: relative;
  float: left;
  padding: 0 10px;
  width: 50%;
  box-sizing: border-box;
}
.remodeling_2 .img_1 .mobile {
  display: none;
}
.remodeling_2 .img_2 {
  position: relative;
  float: left;
  padding: 0 10px;
  width: 50%;
  box-sizing: border-box;
}

.remodeling_list_4 ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.remodeling_list_4 ul li {
  float: left;
  position: relative;
  width: 48.4%;
}
.remodeling_list_4 ul li:nth-child(2n) {
  float: right;
}
.remodeling_list_4 ul li .leftArea {
  float: left;
  width: 48.3%;
}
.remodeling_list_4 ul li .rightArea {
  float: right;
  width: 48.3%;
}
.remodeling_list_4 ul li h2 {
  margin-bottom: 10px;
  font-size: 20px;
  letter-spacing: -1px;
}
.remodeling_list_4 ul li .txt_area {
  padding-top: 10px;
  height: 100px;
  box-sizing: border-box;
  font-size: 16px;
  letter-spacing: -0.8px;
  font-weight: 300;
}
.remodeling_list_4 ul li .txt_area span {
  display: block;
  color: #666;
}

.sh2_new_span.new_add {
  margin-bottom: 36px !important;
  margin-bottom: 112px;
}

.sh2_new_half_ul {
  margin-bottom: 20px !important;
  width: 100%;
  margin-bottom: 90px;
  display: inline-block;
  margin-top: 42px;
}
.sh2_new_half_ul li {
  width: 48.5%;
}
.sh2_new_half_ul li:nth-child(1) {
  float: left;
}
.sh2_new_half_ul li:nth-last-child(1) {
  float: right;
}

.new_icon_mark {
  color: #00698a;
  font-size: 16px !important;
  font-weight: 500;
  margin-bottom: 6px;
}

.where_sec_tit {
  font-size: 22px;
  margin-bottom: 16px;
}

.sh2_new_span {
  display: block;
  margin: 10px 0;
}

.sh2_new_small_li {
  float: left !important;
  width: 100% !important;
}

@media screen and (max-width: 1200px) {
  .mypage_menu_wrap {
    top: 54px;
  }
  .mypage_main_list .list .link p {
    font-size: 18px;
  }
  .construction_examples_view .view_info ul li {
    width: 50%;
  }
  .construction_examples_view .solutions {
    padding: 40px 25px;
  }
  .contract_list .btn_area {
    right: 25px;
  }
  .inquiry_quotation {
    padding: 70px 20px 100px;
  }
  .inquiry_quotation1 {
    padding: 70px 20px 100px;
  }
  .brand_cont_2 .bulit_txt {
    margin-left: 0;
  }
  .solution_heimlab_top .txt_area {
    padding: 0 40px;
  }
  .brand_cont_5 .img_area.web .txt {
    top: 65px;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .remodeling_list_1 ul li {
    padding-left: 440px;
  }
  .remodeling_list_1 ul li .txt_area {
    padding-top: 0;
  }
  .remodeling_box .title {
    padding-top: 20px;
  }
  .remodeling_box .title br {
    display: none;
  }
}
@media screen and (max-width: 1180px) {
  .about_heimlab_cont_2 h2 {
    font-size: 40px;
  }
  .about_heimlab_cont_2 .txt_1 {
    font-size: 16px;
  }
  .about_heimlab_cont_2 .link ul li .inner {
    padding: 35px 33px;
  }
  .about_heimlab_cont_2 .link ul li p {
    font-size: 16px;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 1024px) {
  .mypage_main, .container_mypage {
    padding-top: 80px;
  }
  .my_pw_check {
    margin: 0 auto;
    max-width: 510px;
    padding-top: 70px;
  }
  .mypage_main_service ul li {
    padding: 30px 20px;
  }
  .mypage_main_list .list .box {
    padding: 36px 20px;
  }
  .mypage_main_list .list .box .state {
    margin-bottom: 10px;
  }
  .mypage_main_list .list .box .title a {
    white-space: normal;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .contract_list .top_area {
    padding: 18px 33px;
    min-height: 10px;
  }
  .contract_list .box h2 {
    font-size: 16px;
  }
  .contract_list .inner.cancel_cont {
    padding: 20px 20px 15px;
  }
  .contract_list .inner {
    padding: 20px 20px;
  }
  .contract_list .btn_area {
    position: relative;
    right: 0;
    bottom: 0;
    margin: 20px 0 15px;
    display: block;
    width: 100%;
  }
  .contract_list .txt_2 {
    padding-right: 0;
  }
  .contract_list .solutions_list > ul > li {
    float: none;
    width: 100%;
    min-height: 10px;
  }
  .contract_list .application_history {
    padding: 0;
    border: none;
  }
  .contract_list .application_slide_cont {
    height: 70px;
  }
  .contract_list .application_slide_cont .title_area {
    padding-bottom: 40px;
  }
  .contract_list .info {
    margin-bottom: 10px;
  }
  .contract_list .info .info_txt {
    position: relative;
    right: 0;
    bottom: 0;
    padding-top: 10px;
    text-align: right;
    width: auto;
  }
  .contract_list .info .contract_number {
    margin: 5px 0 0;
    display: block;
    margin: 5px 0 0;
  }
  .contract_list .purchase_terms {
    padding: 20px;
  }
  .contract_list .period.type_2 {
    padding-right: 0;
  }
  .contract_list .period ul li {
    float: none;
    display: block;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .contract_list .contract_area .gray_box {
    padding: 20px 20px 30px;
    margin-bottom: 20px;
  }
  .contract_list .contract_area .btn_area2 {
    position: relative;
    right: auto;
    bottom: 0;
    margin-bottom: 35px;
  }
  .contract_list .contract_area .btn_area2 ul li {
    width: 49%;
    margin: 0;
  }
  .contract_list .contract_area .btn_area2 ul li:nth-child(2n) {
    float: right;
  }
  .contract_list .contract_area .btn {
    width: 100%;
  }
  .file_preview ul li {
    width: 120px;
    height: 120px;
  }
  .file_preview ul li .dropify-wrapper {
    height: 120px;
  }
  .file_preview .btn_file_plus {
    width: 120px;
    height: 120px;
  }
  .cancel_popup .cancel_box .top_area ul li {
    margin: 5px 0 0;
    float: none;
    width: 100%;
  }
  .purchase_management_completion .contract_list .title {
    padding-right: 0;
  }
  .payment_list .list_1 {
    padding-right: 0;
  }
  .payment_list .price {
    position: relative;
    right: 0;
    bottom: 0;
    padding-top: 40px;
  }
  .payment_list .price:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
  }
  .payment_list .price .title {
    float: left;
  }
  .payment_list .price .price_number {
    float: right;
  }
  .stepType ul li {
    font-size: 27px;
  }
  .inquiry_guidelines_3 .select_type li label {
    font-size: 14px;
  }
  .inquiry_guidelines_3 .select_type li label.expansion_1 {
    letter-spacing: -1px;
  }
  .problems_list ul li label .title {
    font-size: 14px;
  }
  .btn_wrap3 ul {
    display: flex;
  }
  .btn_wrap3 ul li {
    flex-grow: 1;
  }
  .btn_wrap3 ul li .basic-btn01 {
    min-width: 100%;
  }
  .my_withdrawal .list_1 > li .inner {
    padding: 20px;
  }
  .brand_cont_3 {
    position: relative;
    padding: 220px 0 0;
    text-align: center;
  }
  .brand_cont_3 ul {
    display: inline-block;
    text-align: left;
  }
  .brand_cont_3 ul li {
    float: none;
    margin-bottom: 75px;
    width: 100%;
  }
  .brand_cont_3 ul li .title {
    font-size: 40px;
  }
  .brand_cont_3 .txt {
    position: absolute;
    left: 0;
    top: 105px;
    padding: 0;
    width: 100%;
    background: none;
  }
  .brand_cont_3 .txt span {
    padding: 0;
    min-height: 10px;
    font-size: 15px;
  }
  .header.bg_no .logo {
    display: block;
  }
  .header.bg_no .logo a {
    width: 140px;
    height: 54px;
    background: url(../images/common/logo_white_mb.png) no-repeat center center/140px 54px;
    display: inline-block;
  }
  .header.bg_no .logo a img {
    display: none;
  }
  .header.bg_no:hover .logo a {
    width: 140px;
    height: 54px;
    background: url(../images/common/logo_white_mb.png) no-repeat center center/140px 54px;
    display: inline-block;
  }
  .header.bg_no .sub_header_title_area {
    display: none;
  }
  .scroll .header.bg_no .logo a {
    width: 140px;
    height: 54px;
    background: url(../images/common/logoSub_mb.png) no-repeat center center/140px 54px;
    display: inline-block;
  }
  .service_intro, .container_mypage {
    padding: 0;
  }
  .service_intro_visual {
    padding: 0 20px;
    height: 400px;
    box-sizing: border-box;
  }
  .service_intro_visual .visual_txt h1 {
    font-size: 35px;
    margin-bottom: 0;
  }
  .service_intro_visual .visual_txt p {
    font-size: 17px;
    margin-top: 20px;
  }
  .about_heimlab_cont_1 ul li {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .about_heimlab_cont_1 ul li .txt {
    font-size: 22px;
  }
  .about_heimlab_cont_1 .txt_1 {
    font-size: 17px;
  }
  .about_heimlab_cont_4 h2 {
    font-size: 40px;
  }
  .about_heimlab_cont_3 h1 {
    font-size: 40px;
  }
  .about_heimlab_cont_3 .txt_1 {
    font-size: 17px;
  }
  .about_heimlab_cont_3 .icon_list ul li {
    padding: 0 14px;
    box-sizing: border-box;
  }
  .about_heimlab_cont_3 .icon_list ul li .txt br {
    display: none;
  }
  .remodeling_heimlab_cont_22 h2 {
    font-size: 40px;
  }
  .remodeling_heimlab_cont_22 .txt_1 {
    font-size: 17px;
  }
  .remodeling_heimlab_cont_22 .link ul li .inner {
    padding: 35px 20px;
  }
  .about_heimlab_cont_5 h2 {
    font-size: 45px;
  }
  .about_heimlab_cont_5 .list > li p {
    font-size: 16px;
  }
  .about_heimlab_cont_5 .list > li .title {
    font-size: 22px;
  }
  .solution_heimlab_top {
    padding-left: 0;
  }
  .solution_heimlab_top .img_area img {
    width: 100%;
  }
  .solution_heimlab_top .txt_area {
    position: relative;
    top: 0;
    padding: 40px;
    width: 100%;
    transform: translate(0, 0);
  }
  .solution_heimlab_1 .list > ul > li {
    width: 32%;
    margin-left: 2%;
  }
  .solution_heimlab_1 .list > ul > li .txt_area {
    font-size: 14px;
  }
  .solution_heimlab_1 .list > ul > li .txt_area h3 {
    font-size: 18px;
  }
  .solution_heimlab_1 .list > ul > li .where_apply h4 {
    padding-left: 22px;
    font-size: 14px;
  }
  .solution_heimlab_1 .list > ul > li .where_apply h4 b {
    width: 17px;
    height: 17px;
    line-height: 13px;
    font-size: 10px;
  }
  .solution_heimlab_1 .list > ul > li .where_apply li {
    font-size: 13px;
  }
  .how_proceed ul li .txt {
    font-size: 13px;
  }
  .how_proceed ul li .txt span {
    font-size: 13px;
  }
  .solution_heimlab2_list > ul > li {
    float: none;
    width: 100%;
  }
  .solution_heimlab2_list > ul > li:nth-child(2n) {
    float: none;
  }
  .solution_heimlab2_list > ul > li .img_area img {
    width: 100%;
  }
  .solution_heimlab2_cont2 .img_area {
    width: 100%;
    text-align: center;
  }
  .solution_heimlab2_cont2 .txt_1 {
    width: 50%;
    padding: 30px 30px 0 0;
  }
  .solution_heimlab2_cont2 .txt_2 {
    width: 50%;
    padding-left: 0;
  }
  .service_intro_tag {
    font-size: 24px;
  }
  .check_heimlab_top .txt_1 {
    font-size: 30px;
  }
  .check_heimlab_cont_2 .list.w_4 > li {
    position: relative;
    float: none;
    margin: 0 0 20px;
    padding: 25px 30px 25px 140px;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    min-height: 80px;
  }
  .check_heimlab_cont_2 .list > li {
    position: relative;
    float: none;
    margin: 0 0 20px;
    padding: 25px 30px 25px 140px;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    min-height: 80px;
  }
  .check_heimlab_cont_2 .list > li .icon {
    position: absolute;
    left: 30px;
  }
  .brand_cont_5 .img_area.web .txt strong {
    font-size: 40px;
  }
  .brand_cont_5 .img_area.web .txt p {
    font-size: 13px;
  }
  .remodeling_cont .title_1 {
    font-size: 23px;
  }
  .remodeling_cont .top_txt {
    font-size: 14px;
  }
  .remodeling_cont .title_2 {
    margin-bottom: 35px;
    font-size: 23px;
    font-weight: 300;
  }
  .remodeling_list_1 ul li {
    position: relative;
    margin-bottom: 40px;
    padding: 0;
  }
  .remodeling_list_1 ul li .img_area {
    position: relative;
    text-align: center;
  }
  .remodeling_list_1 ul li .img_area img {
    width: 100%;
  }
  .remodeling_list_1 ul li .title {
    display: none;
    text-align: center;
    font-size: 20px;
    text-align: left;
  }
  .remodeling_list_1 ul li .mb_show {
    margin-bottom: 10px;
    display: block;
    text-align: center;
    font-size: 20px;
    text-align: left;
    font-weight: 400;
  }
  .remodeling_list_1 ul li .txt_area {
    padding-top: 10px;
    height: auto;
  }
  .remodeling_list_1 ul li .txt_area .txt {
    font-size: 13px;
    letter-spacing: -0.52px;
    line-height: 1.6;
  }
  .remodeling_list_2 ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.375rem;
  }
  .remodeling_list_2 ul li .txt_area {
    padding-top: 10px;
    height: 97px;
    font-size: 14px;
  }
  .remodeling_box_top ul li a {
    font-size: 20px;
  }
  .remodeling_box_top .txt {
    font-size: 12px;
  }
  .remodeling_box {
    padding: 20px;
  }
  .remodeling_box .title {
    padding-top: 20px;
    font-size: 20px;
  }
  .remodeling_box .txt {
    font-size: 13px;
  }
  .remodeling_box .txt br {
    display: none;
  }
  .remodeling_list_3 ul li .txt_area {
    font-size: 16px;
  }
  .remodeling_2 .remodeling_box .txt br {
    display: block;
  }
}
@media screen and (max-width: 990px) {
  .construction_examples_view .solutions .img_area {
    float: none;
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
  }
  .construction_examples_view .solutions .img_area img {
    width: 275px;
    height: 234px;
  }
  .construction_examples_view .solutions .txt_area {
    float: none;
    width: 275px;
    margin: 0 auto;
  }
  .construction_examples_view .solutions .txt_area > ul > li {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .listType_3 > ul {
    grid-template-columns: 1fr;
  }
  .listType_3 > ul > li {
    float: none;
    margin-bottom: 25px;
    width: 100%;
  }
  .listType_3 > ul > li .contents {
    height: 114px;
    overflow: hidden;
    height: 114px;
    overflow: hidden;
  }
  .listType_3 > ul > li:nth-child(2n) {
    float: none;
  }
  .listType_3 > ul > li .inner {
    padding: 25px 20px 35px;
    height: 230px;
    box-sizing: border-box;
  }
  .listType_3 > ul > li .category {
    margin-bottom: 14px;
    padding: 0 12px;
    height: 22px;
    line-height: 18px;
  }
  .listType_3 > ul > li .img_wrap {
    line-height: 170px;
  }
  .listType_3 > ul > li .title {
    margin-bottom: 18px;
    font-size: 20px;
  }
  .listType_3 > ul > li .txt {
    font-size: 14px;
  }
  .listType_3 > ul > li .date {
    left: 20px;
    bottom: 25px;
  }
  .mypage_main {
    padding-top: 54px;
  }
  .mypage_main .top_date {
    text-align: left;
  }
  .mypage_main h1 {
    padding-bottom: 14px;
    font-size: 18px;
  }
  .mypage_main .locationDetail {
    display: none;
  }
  .container_mypage {
    padding-top: 54px;
  }
  .mypage_menu {
    padding: 16px 0 13px;
  }
  .mypage_menu ul li {
    margin: 0 8px;
    vertical-align: top;
    display: inline-block;
  }
  .mypage_main_service {
    margin-bottom: 60px;
  }
  .mypage_main_service ul {
    flex-wrap: wrap;
  }
  .mypage_main_service ul li {
    padding: 15px 20px;
    height: 150px;
  }
  .mypage_main_service ul li .title {
    padding-top: 40px;
    font-size: 14px;
  }
  .mypage_main_service ul li .number {
    right: 15px;
    bottom: 15px;
    font-size: 18px;
  }
  .mypage_main_service ul li .number strong {
    font-size: 30px;
  }
  .mypage_main_service ul li.my_info {
    width: 100%;
    margin-bottom: 10px;
  }
  .mypage_main_service ul li.my_info .title {
    font-size: 20px;
  }
  .mypage_main_service ul li.icon_1 .title {
    background: url(../images/sub/icMySolution.png) no-repeat 0 0/37px 36px;
  }
  .mypage_main_service ul li.icon_2 .title {
    background: url(../images/sub/icMyCheck.png) no-repeat 0 0/36px 36px;
  }
  .mypage_main_service ul li.icon_3 .title {
    background: url(../images/sub/icMyRemodeling.png) no-repeat 0 0/37px 36px;
  }
  .mypage_main_list .list {
    padding: 0 0 20px;
    border: none;
  }
  .mypage_main_list .list:first-child {
    padding: 25px 0 20px;
    border: none;
  }
  .mypage_main_list .list .link {
    position: relative;
    left: 0;
    right: auto;
    top: 0;
    padding: 0 120px 0 0;
    width: 100%;
    transform: translate(0%, 0);
    position: static;
    padding: 0;
    width: 100%;
    margin: 0;
    transform: translate(0%, 0);
  }
  .mypage_main_list .list .link .btn_area {
    position: absolute;
    left: 50%;
    bottom: 21px;
    transform: translate(-50%, 0);
    width: 100%;
    left: 0;
    transform: translate(0, 0);
  }
  .mypage_main_list .list .link p {
    margin-bottom: 0;
    font-size: 14px;
  }
  .mypage_main_list .list .link p .txt_starbucks {
    padding-left: 18px;
    min-height: 15px;
    background: url(../images/sub/starbucksLogo.png) no-repeat 0 center;
  }
  .mypage_main_list .list .box {
    padding: 20px 20px;
    height: auto;
  }
  .mypage_main_list .list .box .state {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 500;
  }
  .mypage_main_list .list .box .info {
    margin-bottom: 5px;
  }
  .mypage_main_list .list .box .title a {
    line-height: 1.3;
  }
  .mypage_main_list .list .btn_go {
    padding: 0 35px 0 15px;
    height: 35px;
    line-height: 32px;
    font-size: 13px;
    background-position: right 15px center;
    display: block;
    margin: 0 20px;
    padding: 0 20px 0 0;
    height: 34px;
    background: url(../images/common/ic-more-mb.png) no-repeat 0 0/8px 12px;
    background-position: calc(50% + 31px) center;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    width: unset;
  }
  .mypage_main_list .list .btn_go:hover {
    display: block;
    padding: 0 20px 0 0;
    height: 34px;
    line-height: 32px;
    font-size: 13px;
    background-position: calc(50% + 31px) center;
    text-align: center;
  }
  .construction_examples_view .sub_top_area {
    display: block;
    margin-bottom: 35px;
  }
  .construction_examples_view .sub_top_area .category {
    font-size: 11px; /* 2025.02.25 15px; --> 11px */
  }
  .construction_examples_view .sub_top_area .sub_top_title {
    font-size: 15px; /* 2024.12.11 30px; --> 15px */
    line-height: 1.2;
    letter-spacing: 0; /* 2024.12.11 추가 */
  }
  .construction_examples_view .view_info ul li {
    width: 100%;
    float: none;
    padding: 5px 0 5px 100px;
    min-height: 32px;
  }
  .construction_examples_view .view_info ul li .title {
    top: 5px;
  }
  .construction_examples_view h2 {
    font-size: 25px;
  }
  .construction_examples_view .solutions .txt_area > ul > li {
    float: none;
    margin-bottom: 70px;
    padding-left: 80px;
    width: 100%;
    min-height: 10px;
    margin-bottom: 30px;
  }
  .construction_examples_view .solutions .txt_area > ul > li .title {
    width: 70px;
  }
  .construction_examples_view .solutions .txt_area > ul > li:last-child {
    margin-bottom: 0;
  }
  .construction_examples_view .view_cont_2 {
    padding: 60px 0;
    margin-bottom: 40px;
    border-color: #ccc;
  }
  .construction_examples_view .view_cont_2 strong {
    font-size: 19px;
  }
  .btn_drag {
    background-size: 56px;
    width: 56px;
    height: 56px;
    margin: -28px 0 0 -28px;
  }
  .construction_examples .btn_more {
    top: -5px;
  }
  .village_estimate .estimate_number {
    margin-bottom: 30px;
  }
  .village_estimate .estimate_number ul li {
    padding: 0 40px;
  }
  .village_estimate .estimate_number ul li:first-child {
    padding-left: 0;
  }
  .village_estimate .estimate_number ul li:last-child {
    padding-right: 0;
  }
  .village_estimate .estimate_number ul li .title {
    margin-bottom: 20px;
    font-size: 15px;
  }
  .village_estimate .estimate_number ul li .number {
    font-size: 21px;
  }
  .village_estimate .estimate_number ul li .number strong {
    font-size: 35px;
    font-weight: 500;
  }
  .event .btn_more {
    top: -20px;
  }
  .event_list ul li {
    float: none;
    width: 100%;
  }
  .event_list ul li:nth-child(2n) {
    float: none;
  }
  .event_list ul li .txt_area {
    padding-top: 18px;
    height: 127px;
  }
  .event_list ul li .txt_area .title {
    font-size: 17px;
  }
  .event_list ul li .txt_area .date {
    padding-top: 15px;
    font-size: 14px;
  }
  .event_view_title {
    padding-bottom: 20px;
  }
  .event_view_title h1 {
    margin-bottom: 15px;
    font-size: 30px;
  }
  .event_view_title .date {
    text-align: center;
  }
  .event_view_title .title {
    font-size: 12px;
  }
  .event_view_cont {
    padding: 40px 0;
    margin-bottom: 40px;
    min-height: 200px;
    border-bottom: 1px solid #ccc;
  }
  .event_view_cont img {
    height: unset !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .searchType_1 {
    margin-bottom: 35px;
  }
  .searchType_1 input[type=text] {
    padding-right: 50px;
    height: 52px;
    line-height: 50px;
  }
  .searchType_1 .btn_search {
    width: 51px;
    height: 50px;
    line-height: 50px;
    background: url(../images/sub/btn_search_mb.png) no-repeat 0 0/51px 50px;
  }
  .listType_2 > ul > li {
    float: none;
    margin-bottom: 26px;
    width: 100%;
  }
  .listType_2 > ul > li:nth-child(2n) {
    float: none;
  }
  .listType_2 > ul > li .txt_area {
    height: 140px;
  }
  .listType_2 > ul > li .txt_area .title {
    margin-bottom: 10px;
    font-size: 20px;
    height: 46px;
  }
  .listType_2 > ul > li .txt_area .category {
    margin-bottom: 10px;
  }
  .listType_2 > ul > li .txt_area .txt {
    display: none;
  }
  .how_zip_view .sub_top_area {
    display: block;
    margin-bottom: 25px;
  }
  .how_zip_view .category {
    margin-bottom: 15px;
  }
  .sub_top_area .sub_top_title {
    font-size: 30px;
    margin-bottom: 0;
    margin-bottom: 20px;
    line-height: 1.3;
  }
  .view_cont {
    padding: 40px 0;
    margin-bottom: 40px;
    min-height: 200px;
    border-bottom: 1px solid #ccc;
  }
  .news .searchType_1 {
    margin-bottom: 35px;
  }
  .news .searchType_1 input[type=text] {
    background: transparent;
  }
  .news .searchType_1 input[type=text]::-moz-placeholder {
    color: #000;
    font-weight: 300;
  }
  .news .searchType_1 input[type=text]::placeholder {
    color: #000;
    font-weight: 300;
  }
  .news .listType_3 > ul {
    padding-bottom: 15px;
  }
  .news .listType_3 > ul > li {
    background-color: #fff;
    border: none;
  }
  .mb_gray_bg {
    background-color: #eaeaea;
  }
  .mb_gray_bg .btn_more {
    background-color: #fff;
  }
  .news_view .sub_top_area {
    display: block;
    padding-bottom: 20px;
  }
  .news_view .category {
    font-size: 15px;
  }
  .news_view .date {
    text-align: center;
    justify-content: center;
  }
  .faq_list {
    margin-bottom: 40px;
  }
  .faq_list .question {
    padding: 20px 35px;
  }
  .faq_list .question .q {
    position: absolute;
    left: 0;
    top: 18px;
    font-size: 26px;
  }
  .faq_list .question .category {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
    font-size: 14px;
  }
  .faq_list .question .btn_faq_open {
    font-size: 16px;
    margin-top: 5px;
  }
  .faq_list .question:before {
    top: 25px;
  }
  .faq_list .answer {
    padding: 0 35px 20px;
  }
  .faq .searchType_1 {
    margin-bottom: 40px;
  }
  .faq_category {
    margin-bottom: 50px;
  }
  .faq_category ul li {
    width: 25%;
    margin-top: -1px;
  }
  .faq_category ul li:nth-child(5) {
    border-left: 1px solid #ccc;
  }
  .faq_category ul li a {
    padding-top: 18px;
    height: 90px;
  }
  .faq_category ul li .icon_1 span {
    padding-top: 40px;
    background-size: 30px;
    font-size: 14px;
  }
  .faq_category ul li .icon_2 span {
    padding-top: 40px;
    background-size: 30px;
    font-size: 14px;
  }
  .faq_category ul li .icon_3 span {
    padding-top: 40px;
    background-size: 30px;
    font-size: 14px;
  }
  .faq_category ul li .icon_4 span {
    padding-top: 40px;
    background-size: 30px;
    font-size: 14px;
  }
  .faq_category ul li .icon_5 span {
    padding-top: 40px;
    background-size: 30px;
    font-size: 14px;
  }
  .faq_category ul li .icon_6 span {
    padding-top: 40px;
    background-size: 30px;
    font-size: 14px;
  }
  .faq_category ul li .icon_7 span {
    padding-top: 40px;
    background-size: 30px;
    font-size: 14px;
  }
  .faq_category ul li .icon_8 span {
    padding-top: 40px;
    background-size: 30px;
    font-size: 14px;
  }
  .contract_list .btn_area {
    margin: 20px 0 10px;
  }
  .contract_list .box h2 {
    font-size: 15px;
  }
  .contract_list .category {
    height: 18px;
    line-height: 16px;
    font-size: 11px;
  }
  .contract_list .info {
    margin-bottom: 5px;
  }
  .contract_list .info .contract_number {
    display: none;
  }
  .contract_list .info.mb_2 {
    margin-bottom: 15px !important;
  }
  .contract_list .inner .state {
    font-size: 15px;
    margin-bottom: 4px;
  }
  .contract_list .inner .f-l {
    float: none;
    display: block;
  }
  .contract_list .inner .info {
    margin-bottom: 5px;
  }
  .contract_list .inner .info .contract_number {
    display: none;
  }
  .contract_list .inner .mb_btn_area {
    padding: 10px;
    display: block;
    text-align: center;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' %3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 4.5l7.5 7.5-7.5 7.5' /%3E%3C/svg%3E%0A") no-repeat right 30px center/15px 15px;
    font-size: 14px;
    font-weight: normal;
    background-color: #f7f7f7;
    margin-top: 20px;
  }
  .contract_list .inner .title {
    margin: 15px 0;
    margin: 0;
    font-size: 22px;
    letter-spacing: -0.9px;
  }
  .contract_list .inner .title a {
    font-size: 22px;
  }
  .contract_list .title {
    margin: 15px 0;
    margin: 0;
    font-size: 22px;
    letter-spacing: -0.9px;
  }
  .contract_list .title a {
    font-size: 22px;
  }
  .contract_list .period {
    margin-bottom: 15px;
  }
  .contract_list .period ul li {
    float: none;
    margin: 0;
    width: 100%;
  }
  .contract_list .period ul li strong {
    padding-left: 10px;
    font-size: 14px;
    vertical-align: top;
  }
  .contract_list .period ul li strong:before {
    left: 3px;
  }
  .contract_list .period ul li span {
    font-size: 14px;
    vertical-align: top;
  }
  .contract_list .txt_2 li {
    font-size: 12px;
    letter-spacing: -0.6px;
  }
  .contract_list .box.mb_80 {
    margin-bottom: 0 !important;
  }
  .contract_list .mobile_cs_txt .basic-btn03 {
    margin: 0;
  }
  .contract_list .more_view_cont {
    margin-top: 60px;
  }
  .contract_list .solutions {
    margin-bottom: 50px;
  }
  .contract_list .solutions h2 {
    padding: 12px 20px;
    font-size: 15px;
  }
  .contract_list .solutions h2 span {
    font-size: 15px;
  }
  .contract_list .solutions h2 strong {
    font-size: 13px;
  }
  .contract_list .solutions_list {
    padding: 15px 20px 5px;
  }
  .contract_list .solutions_list > ul > li {
    padding: 0 0 0 120px;
  }
  .contract_list .solutions_list > ul > li .title {
    width: 90px;
    font-size: 14px;
  }
  .contract_list .solutions_list > ul > li li {
    margin-bottom: 8px;
    padding-left: 30px;
    font-size: 14px;
    letter-spacing: -0.5px;
  }
  .contract_list .type_2 .solutions_list > ul > li {
    padding: 0 0 0 95px;
  }
  .contract_list .application_history.application_slide_cont .title_area {
    padding: 0;
  }
  .contract_list .application_history {
    margin-bottom: 30px;
  }
  .contract_list .application_history .title_area {
    margin: 0 0 50px;
  }
  .contract_list .application_history .title_area h2 {
    margin-bottom: 12px;
    float: none;
  }
  .contract_list .application_history .title_area .number_date {
    float: none;
  }
  .contract_list .application_history .title_area .number_date li {
    float: left;
    width: calc(50% - 15px);
    margin-left: 15px;
  }
  .contract_list .application_history .title_area .number_date li:first-child {
    margin-left: 0;
    width: 50%;
  }
  .contract_list .application_history .title_area .number_date li span {
    padding: 0 8px;
    height: 22px;
    line-height: 20px;
    display: inline-block;
    border: 1px solid #666;
    border-radius: 11px;
    font-size: 12px;
    color: #666;
  }
  .contract_list .application_history .title_area .number_date li strong {
    padding-left: 10px;
    font-size: 15px;
    color: #666;
  }
  .contract_list .application_history .title_area .number_date li strong:before {
    display: none;
  }
  .contract_list .application_history h2 {
    font-size: 25px;
  }
  .contract_list .application_history h3 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .contract_list .application_history h3 span {
    padding-left: 14px;
    font-size: 14px;
  }
  .contract_list .application_history h3 span:before {
    left: 0;
  }
  .contract_list .application_history h3.mb_80 {
    margin-bottom: 35px !important;
  }
  .contract_list .application_history .txt_area {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .contract_list .price_list {
    margin-bottom: 25px;
    display: block;
    border-top: 1px solid #1e1e1e;
  }
  .contract_list .price_list > ul > li {
    position: relative;
    padding: 10px 0;
    text-align: right;
    border-bottom: 1px solid #e5e5e5;
  }
  .contract_list .price_list > ul > li .title {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    margin-bottom: 0;
    font-size: 15px;
    letter-spacing: -0.6px;
    font-weight: 400;
  }
  .contract_list .price_list > ul > li .txt {
    margin-bottom: 4px;
    font-size: 14px;
    display: block;
    color: #1e1e1e;
    font-weight: 400;
  }
  .contract_list .price_list > ul > li .date {
    margin-bottom: 10px;
    font-size: 12px;
    display: block;
    color: #999;
  }
  .contract_list .price_list > ul > li .price {
    font-size: 14px;
    display: block;
  }
  .contract_list .price_list > ul > li .price strong {
    font-family: "montserrat", "noto";
    font-weight: 700;
  }
  .contract_list .price_list > ul > li.select {
    background-color: #fefaf6;
  }
  .contract_list .price_list > ul > li.select .title {
    color: #eb6100;
  }
  .contract_list .price_list > ul > li.total_price {
    padding: 16px 0;
  }
  .contract_list .price_list > ul > li.total_price .price {
    font-size: 18px;
  }
  .contract_list .price_list > ul > li.total_price .price strong {
    font-size: 25px;
  }
  .contract_list .inner.cancel_cont ul li {
    padding-left: 70px;
    font-size: 14px;
    min-height: 12px;
  }
  .contract_list .inner.cancel_cont ul li .title {
    font-size: 13px;
  }
  .contract_list .inner.cancel_cont ul li .number {
    font-size: 14px;
  }
  .contract_list .inner.cancel_cont ul li .txt {
    font-size: 12px;
  }
  .contract_list .inner.cancel_cont ul li .txt strong {
    font-size: 14px;
  }
  .contract_list .contract_area .gray_box {
    margin-top: 15px;
    text-align: center;
  }
  .contract_list .contract_area .txt_1 {
    font-size: 19px;
  }
  .contract_list .contract_area .txt_2 {
    font-size: 13px;
  }
  .contract_list .contract_area .btn_new_view {
    background: url(../images/sub/btn_icon_5_mb.png) no-repeat right 10px center/16px 18px #fff;
  }
  .contract_list .contract_area .btn_download {
    background: url(../images/sub/btn_icon_6_mb.png) no-repeat right 10px center/16px 18px #fff;
  }
  .contract_list .more_view .btn_more_view_open {
    height: 45px;
    font-size: 13px;
  }
  .contract_list .more_view .btn_more_view_open span {
    background: url(../images/common/btn-down2-mb.png) no-repeat right center/30px;
    line-height: 43px;
    font-size: 13px;
  }
  .contract_list .more_view .btn_more_view_open.on span {
    background: url(../images/common/btn-up2-mb.png) no-repeat right center/30px;
  }
  .contract_list .top_area {
    padding: 18px 20px;
  }
  .contract_list .tbType_3 {
    display: none;
  }
  .contract_list .check_review {
    padding-top: 25px;
  }
  .contract_list .check_review .banner {
    display: flex;
    justify-content: center;
  }
  .contract_list .check_review .web {
    display: none;
  }
  .contract_list .check_review .mobile {
    display: block;
  }
  .contract_list .check_review .review_btn_area .date {
    font-size: 12px;
  }
  .contract_list .web_show {
    display: none;
  }
  .contract_list .purchase_terms {
    margin-top: 15px;
    height: 325px;
  }
  .contract_list .purchase_terms .title_1 {
    margin-bottom: 12px;
    font-size: 19px;
  }
  .contract_list .purchase_terms .list_1 {
    padding-bottom: 14px;
  }
  .contract_list .purchase_terms .list_1 li {
    margin-bottom: 7px;
    font-size: 13px;
  }
  .contract_list .purchase_terms .txt_1 {
    font-size: 13px;
  }
  .contract_list .txt {
    font-size: 13px;
  }
  .contract_list .mb_sign_area.list {
    position: relative;
  }
  .contract_list .mb_sign_area.list .box {
    padding-bottom: 95px;
  }
  .contract_list .mb_sign_area.list .construction_sign_area {
    padding: 0 20px;
    border: none;
  }
  .contract_list .mb_sign_area.list .construction_sign_area .inner {
    line-height: 50px;
    border: 1px solid #e5e5e5;
  }
  .mobile_btn_area {
    padding-top: 10px;
    margin-bottom: 20px;
    display: block;
  }
  .mobile_btn_area ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
  }
  .mobile_btn_area ul li {
    float: left;
    width: 49%;
    margin-bottom: 5px;
  }
  .mobile_btn_area ul li:nth-child(2n) {
    float: right;
  }
  .mobile_btn_area ul li .btn {
    padding: 0 30px 0 10px;
    width: 100%;
    height: 33px;
    line-height: 31px;
    border-radius: 2px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    text-align: left;
  }
  .mobile_btn_area ul li .btn:disabled {
    opacity: 0.4;
    cursor: default;
  }
  .mobile_btn_area ul li .btn_icon_1 {
    background: url(../images/sub/btn_icon_1_mb.png) no-repeat right 10px center/16px 18px;
  }
  .mobile_btn_area ul li .btn_icon_2 {
    background: url(../images/sub/btn_icon_2_mb.png) no-repeat right 10px center/16px 18px;
  }
  .mobile_btn_area ul li .btn_icon_3 {
    background: url(../images/sub/btn_icon_3_mb.png) no-repeat right 10px center/16px 18px;
  }
  .mobile_btn_area ul li .btn_icon_4 {
    background: url(../images/sub/btn_icon_4_mb.png) no-repeat right 10px center/16px 18px;
  }
  .mobile_btn_area .info_txt {
    padding-top: 5px;
  }
  .mobile_btn_area .info_txt span {
    padding-left: 20px;
    min-height: 20px;
    display: inline-block;
    background: url(../images/sub/ic_tooltip_mb.png) no-repeat 0 1px/15px;
    font-size: 12px;
    color: #999;
  }
  .mobile_btn_area .txt_1 {
    padding: 30px 0 0;
    text-align: center;
    font-weight: 300;
  }
  .mobile_btn_area .type_1 {
    padding-top: 40px;
    text-align: center;
  }
  .mobile_btn_area .type_1 .date {
    padding-top: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
  }
  .mobile_btn_area .type_1 .date b {
    font-family: "montserrat", "noto";
    font-weight: 500;
  }
  .mobile_contract_number {
    margin-bottom: 25px;
    display: block;
    margin-bottom: 20px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
  }
  .mobile_contract_number li {
    padding-top: 2px;
  }
  .mobile_contract_number li:first-child {
    padding-top: 0;
  }
  .mobile_contract_number strong {
    position: relative;
    padding-left: 16px;
    display: inline-block;
    font-family: "montserrat", "noto";
    font-weight: 500;
  }
  .mobile_contract_number strong:before {
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -5px;
    width: 1px;
    height: 10px;
    background-color: #ccc;
    display: block;
    content: "";
  }
  .mobile_cs_txt {
    padding: 10px;
    display: block;
    text-align: center;
    background-color: #f7f7f7;
  }
  .mobile_cs_txt .txt {
    padding-top: 5px;
    font-size: 12px;
    color: #999;
    display: block;
  }
  .mobile_cs_txt.cancel_mobile_box {
    padding: 10px 0;
    background: transparent;
  }
  .mobile_cs_txt.cancel_mobile_box .txt {
    padding: 0;
  }
  .construction_check .contract_list .solutions_list > ul > li {
    padding-left: 90px;
  }
  .construction_check .contract_list .solutions_list > ul > li .title {
    width: 80px;
  }
  .construction_check .contract_list .solutions_list > ul > li li {
    float: none;
    width: 100%;
  }
  .cancel_popup .cancel_box {
    margin-bottom: 35px;
  }
  .cancel_popup .cancel_box .title_area {
    padding: 14px 20px;
  }
  .cancel_popup .cancel_box .title_area .category li.blue {
    padding: 28px;
    font-size: 11px;
    font-weight: 300;
  }
  .cancel_popup .cancel_box h2 {
    padding: 14px 20px;
    font-size: 13px;
  }
  .cancel_popup .cancel_box .inner {
    padding: 15px 20px;
  }
  .cancel_popup .cancel_box .top_area ul li {
    float: none;
    width: 100%;
  }
  .cancel_popup .cancel_box .top_area ul li.number {
    display: none;
  }
  .cancel_popup .cancel_box .title {
    margin-bottom: 7px;
    line-height: 1.2;
    font-size: 18px;
  }
  .cancel_popup .cancel_box .top_area.btm_area {
    margin: 0 0 15px;
  }
  .cancel_popup .mb_number {
    display: block;
  }
  .cancel_popup .mb_number li {
    font-size: 14px;
    font-weight: 500;
  }
  .cancel_popup .mb_number strong {
    position: relative;
    margin-left: 5px;
    padding-left: 8px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    font-family: "montserrat", "noto";
  }
  .cancel_popup .mb_number strong:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    width: 1px;
    height: 10px;
    background-color: #ccc;
    display: block;
    content: "";
  }
  .cancel_popup textarea {
    height: 117px;
  }
  .cancel_popup .txt {
    padding-top: 25px;
  }
  .cancel_popup .txt span {
    font-size: 15px;
  }
  .cancel_popup .custom_select_wrap {
    margin-bottom: 30px;
  }
  .cancel_popup .txt_number {
    font-size: 12px;
  }
  .cancel_popup .cancel_info {
    margin-top: 20px;
  }
  .cancel_popup .cancel_info h2 {
    margin-bottom: 9px;
    font-size: 14px;
  }
  .cancel_popup .cancel_info .list_2 li {
    font-size: 12px;
  }
  .cancel_popup .cancel_info .list_1 li {
    font-size: 12px;
  }
  .cancel_popup .cancel_info_txt {
    padding: 25px 0 5px;
  }
  .cancel_popup .cancel_info_txt h3 {
    padding-left: 25px;
    background: url(../images/sub/ic_tooltip_mb.png) no-repeat 0 0/15px;
    font-size: 14px;
    line-height: 1.2;
  }
  .cancel_popup .cancel_info_txt .list_1 {
    padding-left: 15px;
  }
  .cancel_popup .cancel_info_txt .list_1 li {
    font-size: 12px;
    letter-spacing: -0.5px;
  }
  .cancel_popup .cancel_info_txt .list_2 {
    padding-left: 15px;
  }
  .cancel_popup .cancel_info_txt .list_2 li {
    font-size: 12px;
    letter-spacing: -0.5px;
  }
  .visit_cancel_info {
    padding-bottom: 30px;
  }
  .visit_cancel_info h4 {
    padding-left: 20px;
    font-size: 14px;
    background: url(../images/sub/ic_tooltip_mb.png) no-repeat 0 2px/15px;
  }
  .visit_cancel_info .list_2 {
    padding-left: 10px;
  }
  .visit_cancel_info .list_2 li {
    font-size: 12px;
    letter-spacing: -0.5px;
  }
  .visit_cancel_info .list_1 {
    padding-left: 10px;
    line-height: 1.55;
    padding-bottom: 12px;
  }
  .visit_cancel_info .list_1 li {
    font-size: 12px;
    letter-spacing: -0.5px;
  }
  .mb_tbType_1 {
    margin-bottom: 30px;
    display: block;
    border-top: 1px solid #e5e5e5;
  }
  .mb_tbType_1 th {
    padding: 10px 5px 11px 15px;
    text-align: left;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #999;
    font-weight: 300;
    border-bottom: 1px solid #e5e5e5;
  }
  .mb_tbType_1 td {
    padding: 10px 15px 11px;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
  }
  .mb_tbType_1 td .number {
    font-family: "montserrat", "noto";
    font-weight: 400;
  }
  .tbType_2.mb_60 {
    margin-bottom: 40px !important;
  }
  .file_preview {
    margin-left: -4px;
    min-height: 60px;
  }
  .file_preview ul li {
    margin: 0 4px 8px;
    width: 60px;
    height: 60px;
  }
  .file_preview ul li .dropify-wrapper {
    height: 60px;
  }
  .file_preview ul li:before {
    width: 25px;
    height: 25px;
    background: url(../images/sub/imgView.png) no-repeat center center/25px;
  }
  .file_preview .btn_file_plus {
    width: 60px;
    height: 60px;
  }
  .sign_popup p {
    margin-bottom: 24px;
    font-size: 13px;
    letter-spacing: -0.8px;
  }
  .sign_popup p .mb_hide {
    display: none;
  }
  .sign_popup .sign_area textarea {
    height: 200px;
    line-height: 155px;
  }
  .completion_confirmed_popup .txt_1 {
    margin-bottom: 20px;
    font-size: 13px;
  }
  .completion_confirmed_popup .box {
    padding: 16px 20px;
  }
  .completion_confirmed_popup .title {
    font-size: 18px;
  }
  .completion_confirmed_popup .info li {
    display: block;
    margin: 0;
  }
  .completion_confirmed_popup .info li span {
    font-size: 14px;
  }
  .completion_confirmed_popup .info li strong {
    font-size: 14px;
  }
  .completion_confirmed_popup .popup_inner {
    padding-bottom: 0;
  }
  .mobile_cs_txt.type_1 {
    padding: 25px 0 0;
    text-align: center;
    background: transparent;
  }
  .mobile_cs_txt.type_1 .txt {
    margin-bottom: 10px;
    display: block;
    color: #1e1e1e;
    font-size: 13px;
    font-weight: 400;
  }
  .searchType_2 {
    position: relative;
    padding-right: 0;
    margin-bottom: 50px;
  }
  .searchType_2 .btn_search {
    position: relative;
    margin-top: 20px;
    width: 100%;
    height: 50px;
    line-height: 50px;
  }
  .searchType_2 ul li.w_100 {
    width: 100%;
  }
  .searchType_2 ul li {
    float: left;
    margin: 0;
    width: 45.9%;
  }
  .searchType_2 ul li:last-child {
    float: right;
  }
  .payment_list .list .top_area {
    padding: 18px 20px;
  }
  .payment_list .list .top_area .left_area {
    float: none;
    padding-top: 0;
  }
  .payment_list .list .top_area .left_area .state {
    font-size: 15px;
  }
  .payment_list .list .top_area .right_area {
    display: none;
  }
  .payment_list .list .inner {
    padding: 20px;
  }
  .payment_list .list .title .category {
    margin: 0 0 7px;
    font-size: 12px;
  }
  .payment_list .list .title h2 {
    margin-left: 0;
    line-height: 1.2;
    font-size: 23px;
  }
  .payment_list .list_1 li {
    padding: 3px 0 3px 80px;
  }
  .payment_list .list_1 li .title {
    top: 3px;
    font-size: 13px;
  }
  .payment_list .list_1 li .txt {
    font-size: 14px;
  }
  .payment_list .price .title {
    font-size: 13px;
  }
  .payment_list .price .price_number {
    text-align: right;
    font-size: 15px;
    letter-spacing: -0.5px;
  }
  .payment_list .price .price_number strong {
    font-size: 25px;
  }
  .payment_list .price .price_number .c-gray {
    display: block;
    font-size: 13px;
  }
  .payment_list .mobile_area {
    background-color: #f7f7f7;
    padding: 10px;
    display: block;
    text-align: center;
  }
  .payment_list .mobile_area .basic-btn03 {
    margin-top: 0;
  }
  .payment_list .mobile_area .txt {
    padding-top: 5px;
    font-size: 12px;
    color: #999;
  }
  .cancel_detail_popup .list_1 {
    margin-bottom: 25px;
  }
  .cancel_detail_popup .list_1 li .txt {
    font-size: 14px;
  }
  .cancel_detail_popup .list_1 li .title {
    font-size: 13px;
  }
  .cancel_detail_popup .tbType td {
    padding: 7px 0;
    font-size: 13px;
  }
  .cancel_detail_popup .tbType th {
    padding: 7px 0;
    font-size: 13px;
  }
  .my_pw_check h2 {
    display: none;
  }
  .my_pw_check .txt_1 {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .my_pw_check .gray_box {
    padding: 28px 10px;
    margin-bottom: 55px;
  }
  .my_pw_check .gray_box .email {
    font-size: 15px;
    color: #eb6100;
  }
  .my_pw_check .gray_box p {
    font-size: 13px;
  }
  .my_pw_check .btn_area {
    padding-top: 0;
  }
  .my_info_check th {
    padding-left: 0;
    font-size: 13px;
    height: 45px;
  }
  .my_info_check td {
    padding-left: 0;
    font-size: 13px;
    height: 52px;
  }
  .my_info_check td .right_btn_wrap {
    position: relative;
    padding-right: 60px;
  }
  .my_info_check td .right_btn_wrap .basic-btn03 {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -16px 0 0;
  }
  .my_info_check tr.box th {
    padding-left: 0;
  }
  .my_info_check td.address {
    padding: 5px 0 10px;
  }
  .my_info_check td.address input {
    height: 40px;
    font-size: 13px;
    line-height: 40px;
  }
  .my_info_check td.info_check dt {
    width: 65px;
  }
  .my_info_check .link {
    text-align: center;
    padding-top: 280px;
  }
  .my_info_check .link .inner {
    text-align: center;
  }
  .my_info_check .link .inner span {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .my_info_check .link .inner a {
    font-size: 14px;
  }
  .purchase_management .stepType_1 {
    padding: 15px 0 20px;
    text-align: center;
  }
  .purchase_management .stepType_1 .title {
    margin: 0 0 0 20px;
    padding-top: 10px;
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
  }
  .purchase_management .stepType_1 .title strong {
    font-size: 20px;
  }
  .purchase_management .stepType_1 .title span {
    font-size: 15px;
  }
  .purchase_management .stepType_1 .btn_page_back {
    position: absolute;
    left: calc(50% - 96px);
    top: calc(50% - 17px);
    width: 40px;
    height: 40px;
    background: url(../images/sub/btn-back-mb.png) no-repeat center center/40px;
    display: inline-block;
    vertical-align: top;
  }
  .construction_sign_area {
    margin: 0;
    padding: 10px;
    height: 70px;
  }
  .counsel_application .counsel_type {
    margin-bottom: 60px;
  }
  .counsel_application h2 {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .counsel_application .info {
    margin-bottom: 60px;
  }
  .counsel_application .info li {
    font-size: 12px;
    margin-bottom: 0;
  }
  .counsel_application .custom_radio label {
    font-size: 16px;
    padding-left: 35px;
  }
  .counsel_application .custom_radio label::before {
    background-size: 22px;
  }
  .counsel_application .custom_radio input:checked + label::before {
    background-size: 22px;
  }
  .counsel_application .open_counsel_cont {
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    font-weight: 300;
    background: url(../images/common/btn-down-mb.png) no-repeat right center/32px;
  }
  .counsel_application .open_counsel_cont.on {
    background: url(../images/common/btn-up-mb.png) no-repeat right center/32px;
  }
  .counsel_application .counsel_cont {
    padding: 30px 0;
  }
  .counsel_application .counsel_cont .time_select li button {
    height: 45px;
    line-height: 43px;
    font-size: 14px;
  }
  .counsel_application .select_whether li {
    padding-left: 20px;
    font-size: 12px;
  }
  .counsel_application .select_whether li:before {
    width: 15px;
    height: 15px;
  }
  .counsel_application .counsel_content textarea {
    height: 117px;
  }
  .file_attachment {
    min-height: 60px;
    padding-left: 60px;
    margin-bottom: 10px;
  }
  .file_attachment .file_plus_wrap .inner {
    width: 60px;
    height: 60px;
  }
  .file_attachment .file_plus_wrap label {
    width: 60px;
    height: 60px;
  }
  .file_plus_list li {
    width: 60px;
    height: 60px;
  }
  .file_attachment1 {
    min-height: 60px;
    padding-left: 60px;
    margin-bottom: 10px;
  }
  .file_attachment1 .file_plus_wrap1 .inner {
    width: 60px;
    height: 60px;
  }
  .file_attachment1 .file_plus_wrap1 label {
    width: 60px;
    height: 60px;
  }
  .file_plus_list1 li {
    width: 60px;
    height: 60px;
  }
  .fixed_datepicker .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    font-size: 19px;
  }
  .fixed_datepicker .ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    font-size: 19px;
  }
  .fixed_datepicker .ui-datepicker td span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
  .fixed_datepicker .ui-datepicker td a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
  .inquiry_quotation {
    padding: 0;
  }
  .inquiry_quotation .title_step_area .txt {
    font-size: 14px;
    padding-top: 10px;
  }
  .inquiry_quotation .title_step_area.mb_40 {
    margin-bottom: 20px !important;
  }
  .inquiry_quotation_cont1 p {
    padding-top: 215px;
    background: url(../images/sub/inquiry_quotation_img_mb.png) no-repeat 50% 0/225px 200px;
    font-size: 18px;
    font-weight: 300;
  }
  .inquiry_quotation_cont1 .btn_area {
    margin-bottom: 0;
  }
  .inquiry_quotation_cont1 .btm_link {
    text-align: center;
  }
  .inquiry_quotation_cont1 .btm_link a {
    font-size: 14px;
    font-weight: 300;
  }
  .inquiry_quotation_cont2 .list {
    margin-bottom: 0;
    display: block;
  }
  .inquiry_quotation_cont2 .list li {
    padding: 166px 0 40px;
    border-top: 1px solid #ccc;
  }
  .inquiry_quotation_cont2 .list li:first-child {
    border-top: none;
    padding-top: 126px;
  }
  .inquiry_quotation_cont2 .list li .title {
    margin: 8px 0;
  }
  .inquiry_quotation_cont2 .list li.icon_1 {
    background: url(../images/sub/img-heimlab1.jpg) no-repeat center 0/120px;
  }
  .inquiry_quotation_cont2 .list li.icon_2 {
    background: url(../images/sub/img-heimlab2.jpg) no-repeat center 35px/120px;
  }
  .inquiry_quotation_cont2 .list li.icon_3 {
    background: url(../images/sub/img-heimlab3.jpg) no-repeat center 35px/120px;
  }
  .inquiry_guidelines_1 .list {
    display: block;
  }
  .inquiry_guidelines_1 .list li {
    padding: 170px 0 45px;
    border-top: 1px solid #ccc;
  }
  .inquiry_guidelines_1 .list li:first-child {
    padding-top: 140px;
    border: none;
  }
  .inquiry_guidelines_1 .list li.icon_1 {
    background: url(../images/sub/inquiry_guidelines_1.jpg) no-repeat center 0/130px;
  }
  .inquiry_guidelines_1 .list li.icon_2 {
    background: url(../images/sub/inquiry_guidelines_2.jpg) no-repeat center 40px/130px;
  }
  .inquiry_guidelines_1 .list li.icon_3 {
    background: url(../images/sub/inquiry_guidelines_3.jpg) no-repeat center 0/130px;
  }
  .inquiry_guidelines_1 .list li.icon_3::after {
    content: none;
  }
  .inquiry_guidelines_1 .list li.icon_4 {
    background: url(../images/sub/inquiry_guidelines_4.jpg) no-repeat center 40px/130px;
  }
  .inquiry_guidelines_1 .list li.icon_4::after {
    content: none;
  }
  .inquiry_guidelines_1 .list li.icon_5 {
    background: url(../images/sub/inquiry_guidelines_5.jpg) no-repeat center 40px/130px;
  }
  .inquiry_guidelines_1 .list .txt_1 {
    font-size: 13px;
    color: #666;
  }
  .inquiry_guidelines_1 .list .txt_1 span {
    margin-top: 2px;
    display: block;
    font-size: 13px;
  }
  .inquiry_guidelines_1 .list .txt_1 span b {
    font-size: 12px;
  }
  .inquiry_guidelines_1 .agree {
    padding-top: 0;
    margin-bottom: 0;
  }
  .inquiry_guidelines_1 .agree .custom_checkbox label {
    font-size: 15px;
    font-weight: 300;
  }
  .inquiry_guidelines_1 .agree .c-gray {
    padding-top: 8px;
    font-size: 12px;
  }
  .view_area_popup h2 {
    font-size: 15px;
  }
  .view_area_popup .txt_1 {
    font-size: 13px;
  }
  .view_area_popup .area_list h2 {
    font-size: 13px;
  }
  .view_area_popup .area_list ul li {
    font-size: 13px;
  }
  .view_area_popup .info_txt {
    font-size: 12px;
  }
  .select_apartment .address_select_list {
    display: none;
  }
  .select_apartment .address_select_list #frm_address {
    flex-direction: column;
  }
  .select_apartment .address_list {
    padding: 10px 0 30px;
  }
  .select_apartment .address_list li {
    width: 33.33%;
  }
  .select_apartment .address_list li button {
    height: 42px;
    line-height: 40px;
    font-size: 14px;
  }
  .select_apartment .address_list li button span {
    font-size: 14px;
  }
  .select_apartment .select_area {
    margin-bottom: 10px;
    display: block;
    text-align: left;
  }
  .select_apartment .select_area button {
    width: 100%;
    height: 50px;
    line-height: 48px;
    padding-right: 30px;
    background: url(../images/common/btn-down-mb.png) no-repeat right center/32px;
    display: block;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 300;
    border-bottom: 2px solid #000;
    text-align: left;
  }
  .select_apartment .select_area button:disabled {
    background: none;
    color: #ccc;
  }
  .select_apartment .address_search {
    display: none;
  }
  .select_apartment .txt_2 {
    padding-left: 20px;
    margin: 10px 0 8px;
    background: url(../images/sub/ic_tooltip_mb.png) no-repeat 0 0/15px;
    font-size: 12px;
    color: #999;
  }
  .select_apartment .txt_1 {
    padding-top: 60px;
    font-size: 13px;
  }
  .select_apartment .select_cont_4 .address_list li {
    float: none;
    width: 100%;
    margin: -1px 0 0;
  }
  .select_apartment .select_cont_4 .address_list li button {
    padding: 0 15px;
    text-align: left;
  }
  .select_apartment .select_cont_5 {
    margin-top: 30px;
  }
  .select_apartment .select_cont_5 .apartment_name {
    margin-bottom: 15px;
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
    text-align: left;
    font-size: 14px;
    box-sizing: border-box;
  }
  .select_apartment .select_cont_5 .custom_select .open_select_list {
    padding-left: 0;
    letter-spacing: -0.5px;
  }
  .select_apartment .info_txt {
    margin-top: 30px;
    padding-left: 20px;
    background: url(../images/sub/ic_tooltip_mb.png) no-repeat 0 4px/15px;
    font-size: 13px;
    line-height: 1.3;
  }
  .select_apartment .info_txt strong {
    margin-bottom: 13px;
    font-size: 14px;
  }
  .inquiry_guidelines_2 .top_btn {
    margin-bottom: 50px;
  }
  .inquiry_guidelines_2 .btn_wrap2 {
    padding-top: 0;
  }
  .inquiry_guidelines_3 .location_add {
    margin-top: 24px;
    padding-bottom: 20px;
  }
  .inquiry_guidelines_3 .location_add span {
    padding-left: 25px;
    font-size: 14px;
    background-size: 23px;
  }
  .inquiry_guidelines_3 h3 {
    margin-bottom: 18px;
    font-size: 18px;
  }
  .inquiry_guidelines_3 .detail_info_select {
    padding-bottom: 20px;
  }
  .inquiry_guidelines_3 .detail_info_select .left_area {
    float: none;
    width: 100%;
  }
  .inquiry_guidelines_3 .detail_info_select .right_area {
    float: none;
    width: 100%;
  }
  .inquiry_guidelines_3 .detail_info_select input[type=text] {
    height: 45px;
    line-height: 43px;
    font-size: 14px;
  }
  .inquiry_guidelines_3 .detail_info_select input[type=text]:disabled {
    height: 45px;
    line-height: 43px;
    font-size: 14px;
  }
  .inquiry_guidelines_3 .detail_info_select .list {
    margin-bottom: 26px;
  }
  .inquiry_guidelines_3 h4 {
    font-size: 14px;
    margin-bottom: 7px;
  }
  .inquiry_guidelines_3 h5 {
    font-size: 12px;
    margin-bottom: 6px;
  }
  .inquiry_guidelines_3 .select_type li label {
    height: 45px;
    line-height: 43px;
    font-size: 13px;
  }
  .inquiry_guidelines_3 .btn_tip {
    width: 15px;
    height: 15px;
    background: url(../images/sub/ic_tooltip_mb.png) no-repeat center center/15px;
  }
  .arrange_type_popup h2 {
    font-size: 15px;
  }
  .arrange_type_popup .txt_1 {
    font-size: 14px;
  }
  .arrange_type_popup .popup_inner {
    padding-bottom: 0;
  }
  .arrange_type_popup .img_area .mobile {
    display: inline-block;
  }
  .arrange_type_popup .img_area .web {
    display: none;
  }
  .floor_info_popup p {
    font-size: 14px;
  }
  .floor_info_popup .img_area .mobile {
    display: inline-block;
  }
  .floor_info_popup .img_area .web {
    display: none;
  }
  .aspect_type_popup p {
    font-size: 14px;
  }
  .aspect_type_popup .img_area {
    margin-bottom: 10px;
  }
  .aspect_type_popup .img_area .mobile {
    display: inline-block;
  }
  .aspect_type_popup .img_area .web {
    display: none;
  }
  .inquiry_guidelines_4 .location_add {
    margin: 30px 0;
  }
  .inquiry_guidelines_4 .location_add span {
    padding-left: 25px;
    background: url(../images/sub/ic-map-mb.png) no-repeat 0 0/23px;
    font-size: 14px;
    line-height: 23px;
  }
  .inquiry_guidelines_4 .mobile_image {
    display: block;
    text-align: center;
  }
  .inquiry_guidelines_4 .location_add.mt_40 {
    margin-top: 30px !important;
  }
  .inquiry_guidelines_4 .check_txt {
    margin: 20px 0 10px;
    font-size: 13px;
    font-weight: 300;
  }
  .inquiry_guidelines_4 .check_txt:before {
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background: url(../images/sub/check-on-mb.png) no-repeat 0 0/22px;
  }
  .inquiry_guidelines_4 .top_info_txt {
    padding: 15px;
    margin-bottom: 15px;
  }
  .inquiry_guidelines_4 .top_info_txt:before {
    background: url(../images/sub/top_info_arrow_mb.png) no-repeat center center/14px 9px;
  }
  .inquiry_guidelines_4 .square_measure {
    margin: -25px 0 40px;
    font-size: 14px;
  }
  .inquiry_guidelines_4 .square_measure .number {
    font-size: 16px;
  }
  .inquiry_guidelines_4 h3 {
    font-size: 17px;
  }
  .problems_space {
    margin-bottom: 0;
  }
  .problems_space .img_area {
    display: none;
  }
  .problems_space .txt_area {
    float: none;
    width: 100%;
  }
  .problems_list ul li {
    width: 25%;
  }
  .problems_list ul li label {
    padding-top: 10px;
    height: 75px;
  }
  .problems_list ul li label .no_select {
    padding-left: 28px;
    width: 62px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    background: url(../images/sub/checksOff_mb.png) no-repeat 14px center/14px #f7f7f7;
  }
  .problems_list ul li label .title {
    font-weight: 300;
  }
  .problems_list ul li.active label .no_select {
    font-size: 13px;
  }
  .problems_space_popup h2 {
    font-size: 15px;
  }
  .problems_space_list ul li label {
    padding: 12px 40px 12px 18px;
    font-size: 14px;
  }
  .tbType_4 {
    margin-bottom: 30px;
    border: 1px solid #ccc;
  }
  .tbType_4 .w_1 {
    width: 23%;
  }
  .tbType_4 .w_2 {
    width: 29%;
  }
  .tbType_4 .w_3 {
    width: 38%;
  }
  .tbType_4 th {
    padding: 13px 0 13px 10px;
    font-size: 15px;
  }
  .tbType_4 td {
    padding: 13px 0;
    font-size: 14px;
  }
  .tbType_4 td .list ul li {
    font-size: 14px;
  }
  .estimate {
    position: relative;
    margin-bottom: 70px;
    margin-top: 50px;
    font-size: 15px;
  }
  .estimate .number {
    font-size: 35px;
  }
  .estimate .left_txt {
    position: absolute;
    left: 0;
    top: -30px;
  }
  .estimate .vat {
    display: inline-block;
  }
  .estimate .add_txt {
    margin-top: 14px;
  }
  .btn_wrap3 ul {
    display: block;
  }
  .btn_wrap3 ul li {
    width: 100%;
    margin: 0 0 10px;
  }
  .btn_wrap3 ul li .basic-btn01 {
    border-radius: 25px;
  }
  .time_construction ul li label {
    height: 45px;
    line-height: 44px;
    font-size: 14px;
  }
  .time_construction.info_txt {
    padding-top: 5px;
  }
  .request h3 {
    font-size: 14px;
  }
  .request textarea {
    height: 117px;
  }
  .request .mb_80 {
    margin-bottom: 0 !important;
  }
  .file_att_info li {
    margin-bottom: 0;
    font-size: 12px;
  }
  .inquiry_quotation.inquiry_guidelines_11 .call_date_select .time_select_list .left_area {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
  .inquiry_quotation.inquiry_guidelines_11 .call_date_select .time_select_list .right_area {
    float: none;
    width: 100%;
  }
  .inquiry_guidelines_11 .counsel_cont .error_txt {
    font-size: 13px;
  }
  .inquiry_guidelines_11 .counsel_cont .info_txt_list {
    padding-left: 25px;
    background: url(../images/sub/ic_call_mb.png) no-repeat 0 2px/19px;
  }
  .inquiry_guidelines_11 .counsel_cont .info_txt_list h3 {
    font-size: 15px;
  }
  .inquiry_guidelines_11 .counsel_cont .info_txt_list .list_1 li {
    font-size: 12px;
  }
  .inquiry_guidelines_11 .counsel_cont .info_txt_list .list_2 li {
    font-size: 12px;
  }
  .inquiry_guidelines_11 .time_select_list {
    padding-top: 10px;
    margin-bottom: 50px;
  }
  .inquiry_guidelines_11 .counsel_application {
    margin-bottom: 0;
  }
  .inquiry_guidelines_11 .counsel_application .counsel_cont .title {
    font-size: 13px;
    font-weight: 500;
  }
  .payment_popup_cont h3 {
    margin-bottom: 10px;
    font-size: 15px;
  }
  .payment_popup_cont .payment_list {
    border-bottom: none;
  }
  .payment_popup_cont .payment_list li {
    padding: 14px 0;
  }
  .payment_popup_cont .payment_list li .left_txt {
    font-size: 14px;
  }
  .payment_popup_cont .payment_list li .left_txt .info {
    font-size: 13px;
  }
  .payment_popup_cont .total_price .left_txt {
    font-size: 15px;
    font-weight: 400;
  }
  .payment_popup_cont .total_price .right_txt {
    font-size: 14px;
  }
  .payment_popup_cont .total_price strong.number {
    font-size: 16px;
  }
  .payment_popup_cont .payment_method ul li button {
    height: 43px;
    line-height: 43px;
    font-size: 14px;
  }
  .payment_popup_cont .last_total_price {
    position: relative;
    padding-top: 10px;
    border-top: 1px solid #ccc;
  }
  .payment_popup_cont .last_total_price .left {
    position: absolute;
    left: 0;
    top: 10px;
    font-weight: 400;
  }
  .payment_popup_cont .info_list {
    padding-left: 20px;
    background: url(../images/sub/ic_tooltip_mb.png) no-repeat 0 2px/15px;
  }
  .payment_popup_cont .info_list h4 {
    font-size: 14px;
  }
  .payment_popup_cont .info_list .list_1 li {
    font-size: 12px;
  }
  .payment_popup_cont .info_list .list_2 li {
    font-size: 12px;
  }
  .payment_popup_cont .agree_list ul li label {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.5px;
  }
  .certificate_check .boxType_1 {
    padding: 60px 0 0;
    border: none;
  }
  .certificate_check p {
    margin-bottom: 40px;
    padding-top: 155px;
    background: url(../images/sub/certificate_img_mb.png) no-repeat center 0;
    font-size: 13px;
  }
  .certificate_check .certificate_number {
    padding-right: 0;
  }
  .certificate_check .certificate_number .basic-btn04 {
    position: relative;
    margin-top: 20px;
    width: 100%;
    max-width: 100%;
  }
  .certificate_check .certificate_number2 {
    padding-right: 0;
  }
  .certificate_check .certificate_number2 .basic-btn04 {
    position: relative;
    margin-top: 20px;
    width: 100%;
    max-width: 100%;
  }
  .certificate_check .certificate_number2 .input_delete {
    display: flex;
    justify-content: center;
  }
  .certificate_check .certificate_number2 .input_delete li {
    float: none;
  }
  .certificate_check .certificate_number2 .input_delete li span {
    display: block;
    position: relative;
    padding-right: 25px;
  }
  .certificate_check .certificate_number2 .input_delete li span::after {
    display: block;
    position: absolute;
    right: 9px;
    top: 50%;
    width: 8px;
    height: 2px;
    background: #1e1e1e;
    content: "";
  }
  .certificate_check .certificate_number2 .input_delete li input {
    padding: 0;
  }
  .certificate_check .certificate_number2 .input_delete .input_number1 {
    width: unset;
  }
  .certificate_check .certificate_number2 .input_delete .input_number2 {
    width: unset;
  }
  .certificate_check .certificate_number2 .input_delete .input_number3 {
    width: unset;
  }
  .certificate_check .certificate_number2 .input_delete .input_number4 {
    width: unset;
  }
  .certificate_check .certificate_number2 .input_delete .last {
    padding: 0;
  }
  .certificate_check .certificate_number2 .input_delete .last span {
    padding: 0;
  }
  .certificate_check .certificate_number2 .input_delete .last span::after {
    display: none;
  }
  .certificate_check_result .certificate_number {
    margin-top: 40px;
    padding-right: 0;
  }
  .certificate_check_result .certificate_number .basic-btn04 {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
  }
  .certificate_check_result .member_content {
    padding-top: 50px;
  }
  .certificate_check_result .certificate_check .boxType_1 {
    padding: 60px 0 0;
  }
  .certificate_check_result .certificate_check p {
    margin-bottom: 20px;
    background: url(../images/sub/certificate_img_mb2.png) no-repeat center 0/140px;
  }
  .certificate_check_result .certificate_number2 {
    margin-top: 40px;
    padding-right: 0;
  }
  .certificate_check_result .certificate_number2 .basic-btn04 {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
  }
  .certificate_check_result .certificate_number2 .input_delete::after {
    display: block;
    clear: both;
    content: "";
  }
  .certificate_check_result .certificate_number2 .input_delete li {
    float: left;
  }
  .certificate_check_result .certificate_number2 .input_delete li span {
    display: block;
    position: relative;
    padding-right: 25px;
  }
  .certificate_check_result .certificate_number2 .input_delete li span::after {
    display: block;
    position: absolute;
    right: 9px;
    top: 50%;
    width: 8px;
    height: 2px;
    background: #1e1e1e;
    content: "";
  }
  .certificate_check_result .certificate_number2 .input_delete .input_number1 {
    width: 20%;
  }
  .certificate_check_result .certificate_number2 .input_delete .input_number2 {
    width: 30%;
  }
  .certificate_check_result .certificate_number2 .input_delete .input_number3 {
    width: 25%;
  }
  .certificate_check_result .certificate_number2 .input_delete .input_number4 {
    width: 25%;
  }
  .certificate_check_result .certificate_number2 .input_delete .last {
    padding: 0;
  }
  .certificate_check_result .certificate_number2 .input_delete .last span {
    padding: 0;
  }
  .certificate_check_result .certificate_number2 .input_delete .last span::after {
    display: none;
  }
  .cerificate_email_popup .txt_1 {
    font-size: 13px;
    margin-bottom: 25px;
  }
  .error_page {
    padding: 34px 30px;
  }
  .error_page .logo img {
    width: 134px;
  }
  .error_page .error_cont {
    padding: 77px 0 0;
  }
  .error_page .error_cont .txt_1 {
    margin-bottom: 20px;
    padding-top: 157px;
    background: url(../images/sub/error_mb.png) no-repeat center 0/150px;
    font-size: 19px;
    font-weight: 300;
    letter-spacing: -0.76px;
  }
  .error_page .error_cont .txt_2 {
    font-size: 12px;
    letter-spacing: -0.48px;
  }
  .error_page.error2 .error_cont .txt_1 {
    background: url(../images/sub/error_500_mb.png) no-repeat center 0/150px;
  }
  .review_popup .txt_1 {
    font-size: 13px;
    text-align: left;
  }
  .review_popup .list {
    padding: 0 0 0 40px;
  }
  .review_popup .list li {
    margin-bottom: 10px;
    display: block;
  }
  .as_popup .txt_1 {
    margin-bottom: 20px;
    font-size: 13px;
    text-align: center;
  }
  .as_completion_popup .txt_1 {
    margin-bottom: 70px;
    padding-top: 170px;
    background: url(../images/sub/imgAs_mb.png) no-repeat center 0/148px 158px;
    font-size: 13px;
  }
  .as_completion_popup .txt_1 strong {
    margin: 0 0 10px;
    font-size: 23px;
    font-weight: 300;
  }
  .as_completion_popup .gray_box {
    padding: 25px 20px;
  }
  .as_completion_popup .gray_box h2 {
    padding-left: 25px;
    background: url(../images/sub/ic_tooltip_mb.png) no-repeat 0 0/15px;
    font-size: 14px;
  }
  .as_completion_popup .gray_box ul {
    padding-left: 20px;
  }
  .as_completion_popup .gray_box ul li {
    font-size: 12px;
  }
  .my_withdrawal .txt_1 {
    padding: 20px 0 0;
    margin-bottom: 30px;
    font-size: 23px;
  }
  .my_withdrawal .list_1 {
    margin-bottom: 20px;
  }
  .my_withdrawal .list_1 > li {
    float: none;
    margin: -1px 0 0;
    width: 100%;
    height: auto;
  }
  .my_withdrawal .list_1 > li .inner {
    padding: 25px 20px;
  }
  .my_withdrawal .list_1 > li p {
    font-size: 14px;
  }
  .my_withdrawal h2 {
    margin-bottom: 10px;
  }
  .my_withdrawal .agree_txt {
    margin-bottom: 60px;
  }
  .my_withdrawal .agree_txt label {
    font-size: 15px;
  }
  .my_withdrawal .txt_2 {
    font-size: 14px;
  }
  .my_withdrawal .reason_withdrawal_list li label {
    height: 50px;
    line-height: 48px;
    font-size: 14px;
  }
  .my_withdrawal .reason_withdrawal_list li input[type=radio]:checked + label:before {
    margin: 15px 4px 0 0;
  }
  .my_withdrawal textarea {
    height: 120px;
    margin-bottom: 0;
  }
  .my_withdrawal .total_num {
    margin-bottom: 0;
  }
  .withdrawal_complete {
    padding-top: 60px;
  }
  .withdrawal_complete .txt_1 {
    margin-bottom: 30px;
    padding-top: 184px;
    background: url(../images/sub/withdrawal_img_mb.png) no-repeat center 0/154px 164px;
    font-size: 13px;
  }
  .withdrawal_complete .txt_1 strong {
    margin-bottom: 20px;
    font-size: 23px;
  }
  .withdrawal_complete .gray_box {
    padding: 25px 10px;
    margin-bottom: 0;
    font-size: 16px;
  }
  .brand_story .web {
    display: none;
  }
  .brand_story .mobile {
    display: inline-block;
  }
  .brand_story .brand_cont_1 .mobile {
    width: 69px;
    height: 61px;
  }
  .brand_story .brand_cont_2 .img_area .mobile {
    width: 143px;
    height: 109px;
  }
  .brand_story .brand_cont_4 .symbol .mobile {
    width: 255px;
    height: 140px;
  }
  .brand_story .brand_cont_4 .signature_list li:first-child .logo .mobile {
    width: 274px;
    height: 69px;
  }
  .brand_story .brand_cont_4 .signature_list li .logo .mobile {
    width: 155px;
    height: 105px;
  }
  .brand_story .brand_visual {
    padding: 175px 0;
    height: auto;
    background: url(../images/sub/brand_story_topvisual.png) no-repeat center 0;
    background-size: cover;
  }
  .brand_story .brand_visual .vs_txt_1 {
    margin-bottom: 75px;
    font-size: 13px;
  }
  .brand_story .brand_visual .vs_txt_2 {
    margin-bottom: 17px;
    font-size: 50px;
    font-weight: 400;
  }
  .brand_story .brand_visual .vs_txt_3 {
    font-size: 13px;
  }
  .brand_story .anchor_list {
    right: 25px;
  }
  .brand_story .anchor_list li a {
    width: 5px;
    height: 30px;
  }
  .brand_cont_1 {
    padding: 75px 20px;
  }
  .brand_cont_1 .logo {
    margin-bottom: 30px;
  }
  .brand_cont_1 p {
    font-size: 13px;
  }
  .brand_cont_1 p br {
    display: none;
  }
  .brand_cont_1 p br.mb_show {
    display: block;
  }
  .brand_cont_2 {
    padding: 62px 25px 40px;
  }
  .brand_cont_2 .bulit_txt {
    margin: 0 0 45px -12px;
    padding: 20px 0 0 10px;
    background: url(../images/sub/brand_story_bulit_mb.png) no-repeat 0 0;
    font-size: 35px;
    font-weight: 200;
  }
  .brand_cont_2 .img_area {
    padding-top: 0;
    width: 100%;
    text-align: right;
  }
  .brand_cont_2 .img_area ul li {
    float: none;
  }
  .brand_cont_2 .img_area ul li .inner {
    font-size: 12px;
  }
  .brand_cont_2 .img_area ul li br {
    display: none;
  }
  .brand_cont_2 .img_area ul li.txt_1 {
    padding-left: 0;
    margin: 0 0 9px;
    width: 253px;
  }
  .brand_cont_2 .img_area ul li.txt_1 .inner {
    padding: 5px 20px;
    width: 253px;
    height: 56px;
    background: url(../images/sub/brand_story_mb.gif) no-repeat center 0;
    background-size: 100% 100%;
  }
  .brand_cont_2 .img_area ul li.txt_2 {
    padding: 0 0 0 45px;
    margin: 0 0 9px;
    width: 280px;
  }
  .brand_cont_2 .img_area ul li.txt_2 .inner {
    padding: 5px 20px;
    width: 280px;
    height: 56px;
    background: url(../images/sub/brand_story_mb2.gif) no-repeat center 0;
    background-size: 100% 100%;
  }
  .brand_cont_2 .img_area ul li.txt_3 {
    padding-left: 0;
    margin: 0 0 9px;
    width: 268px;
  }
  .brand_cont_2 .img_area ul li.txt_3 .inner {
    padding: 5px 20px;
    width: 268px;
    height: 56px;
    background: url(../images/sub/brand_story_mb.gif) no-repeat center 0;
    background-size: 100% 100%;
  }
  .brand_cont_2 .img_area ul li.txt_4 {
    padding: 0 0 0 45px;
    margin: 0 0 26px;
    width: 280px;
  }
  .brand_cont_2 .img_area ul li.txt_4 .inner {
    padding: 5px 20px;
    width: 280px;
    height: 56px;
    background: url(../images/sub/brand_story_mb2.gif) no-repeat center 0;
    background-size: 100% 100%;
  }
  .brand_cont_3 ul li {
    margin-bottom: 75px;
  }
  .brand_cont_3 ul li .number {
    font-size: 25px;
    margin-bottom: 35px;
    max-width: 60px;
  }
  .brand_cont_3 ul li .title {
    margin-bottom: 25px;
  }
  .brand_cont_3 ul li p {
    font-size: 13px;
    line-height: 1.6;
  }
  .brand_cont_3 ul li:nth-child(3) .title br {
    display: none;
  }
  .brand_cont_4 {
    padding: 100px 25px 0;
  }
  .brand_cont_4 h1 {
    margin-bottom: 60px;
    font-size: 30px;
    font-weight: 700;
  }
  .brand_cont_4 h2 {
    margin-bottom: 15px;
    font-size: 17px;
  }
  .brand_cont_4 .symbol {
    padding: 20px 20px 80px;
    margin-bottom: 0;
    border: none;
  }
  .brand_cont_4 p {
    font-size: 13px;
  }
  .brand_cont_4 p br {
    display: none;
  }
  .brand_cont_4 .signature_list {
    margin-bottom: 50px;
  }
  .brand_cont_4 .signature_list li {
    float: none;
    padding: 20px 0;
    height: auto;
    width: 100%;
    border: none;
  }
  .brand_cont_4 .signature_list li .logo {
    line-height: 1;
    height: auto;
  }
  .brand_cont_4 .signature_list li span {
    font-size: 12px;
  }
  .brand_cont_4 .color_list li {
    padding: 20px 0;
    height: auto;
    text-align: center;
    box-sizing: border-box;
  }
  .brand_cont_4 .color_list li span {
    display: block;
    font-size: 11px;
    text-align: left;
  }
  .brand_cont_4 .color_list li .inner {
    display: inline-block;
    text-align: left;
  }
  .brand_cont_5 {
    padding-top: 100px;
  }
  .brand_cont_5 h1 {
    margin-bottom: 15px;
    font-size: 35px;
    letter-spacing: -1.75px;
    line-height: 1.1;
  }
  .brand_cont_5 p {
    font-size: 13px;
    font-weight: 200;
    margin-bottom: 40px;
  }
  .brand_cont_5 .img_area img {
    width: 100%;
  }
  .brand_cont_5 .img_area .cover {
    display: none;
  }
  .brand_cont_5 .img_area.web {
    padding: 0;
  }
  .brand_cont_5 .img_area.web .txt {
    text-align: center;
    width: 100%;
  }
  .brand_cont_5 .img_area.web .txt strong {
    font-weight: 600;
  }
  .brand_cont_5 .img_area.web .txt p {
    margin-bottom: 0;
    line-height: 1.6;
  }
  .brand_cont_5 .slick-dots {
    height: 9px;
  }
  .brand_cont_5 .slick-dots li button {
    height: 9px;
  }
  .service_intro .web {
    display: none;
  }
  .service_intro .mobile {
    display: inline-block;
  }
  .service_intro .about_heimlab_cont_1 .mobile {
    width: 95px;
    height: 78px;
  }
  .service_intro .check_heimlab_cont_1 .img_area .mobile {
    width: 287px;
    height: 308px;
  }
  .service_intro .check_heimlab_cont_2 .mobile {
    width: 40px;
    height: 40px;
  }
  .service_intro .how_proceed .mobile {
    width: 60px;
    height: 60px;
  }
  .service_intro_visual {
    height: 335px;
    background: url(../images/sub/service_visual_1_mb.png) no-repeat center 0;
    background-size: cover;
  }
  .service_intro_visual .visual_txt h1 {
    margin-bottom: 25px;
    margin-bottom: 0;
    font-size: 35px;
  }
  .service_intro_visual .visual_txt p {
    font-size: 15px;
    letter-spacing: -0.7px;
    margin-top: 20px;
  }
  .service_intro_visual_1 {
    background: url(../images/sub/service_visual_2_mb.png) no-repeat center 0;
    background-size: cover;
  }
  .service_intro_visual_2 {
    background: url(../images/sub/service_visual_3_mb.png) no-repeat center 0;
    background-size: cover;
  }
  .service_intro_visual_3 {
    background: url(../images/sub/service_visual_4_mb.jpg) no-repeat center 0;
    background-size: cover;
  }
  .service_intro_visual_4 {
    height: 185px;
    background: url(../images/sub/service_visual_5_mb.png) no-repeat center 0;
    background-size: cover;
  }
  .about_heimlab_cont_1 {
    padding: 80px 0;
  }
  .about_heimlab_cont_1 ul li .txt {
    padding-top: 10px;
    font-size: 12px;
  }
  .about_heimlab_cont_2 {
    padding: 70px 0 30px;
    background-size: cover;
    background-image: url(../images/sub/about_heimlab_img4_mb.png);
  }
  .about_heimlab_cont_2 h2 {
    font-size: 30px;
    line-height: 1.25;
  }
  .about_heimlab_cont_2 h2 strong {
    font-weight: 600;
    color: #3ba7af;
  }
  .about_heimlab_cont_2 .txt_1 {
    margin-bottom: 45px;
    padding: 0 40px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.55;
  }
  .about_heimlab_cont_2 .link ul li {
    float: none;
    margin: 0 0 20px;
    width: 100%;
    height: 170px;
  }
  .about_heimlab_cont_2 .link ul li .inner {
    padding: 20px;
  }
  .about_heimlab_cont_2 .link ul li h3 {
    font-size: 19px;
  }
  .about_heimlab_cont_2 .link ul li p {
    font-size: 14px;
    opacity: 0.7;
  }
  .about_heimlab_cont_2 .link ul li .more {
    right: 20px;
    bottom: 20px;
  }
  .about_heimlab_cont_2 .link ul li .more a {
    background: url(../images/sub/more_arrow_mb.png) no-repeat right 5px top 5px/6px 11px;
    font-size: 13px;
  }
  .about_heimlab_cont_2 .link ul.col-2 li {
    width: 100%;
  }
  .link_bg_check {
    background-image: url(../images/sub/about_heimlab_img4_mb.jpg);
  }
  .link_bg_solution {
    background-image: url(../images/sub/brand_story_rolling_1_mb.png);
  }
  .remodeling_heimlab_cont_22 {
    padding: 70px 0 30px;
  }
  .remodeling_heimlab_cont_22 h2 {
    font-size: 30px;
    line-height: 1.25;
  }
  .remodeling_heimlab_cont_22 h2 strong {
    font-weight: 600;
    color: #3ba7af;
  }
  .remodeling_heimlab_cont_22 .txt_1 {
    margin-bottom: 45px;
    padding: 0 40px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.55;
  }
  .remodeling_heimlab_cont_22 .link ul li {
    float: none;
    margin: 0 0 20px;
    width: 100%;
    height: 170px;
  }
  .remodeling_heimlab_cont_22 .link ul li .inner {
    padding: 20px;
  }
  .remodeling_heimlab_cont_22 .link ul li h3 {
    font-size: 19px;
  }
  .remodeling_heimlab_cont_22 .link ul li p {
    font-size: 14px;
    opacity: 0.7;
  }
  .remodeling_heimlab_cont_22 .link ul li .more {
    right: 20px;
    bottom: 20px;
  }
  .remodeling_heimlab_cont_22 .link ul li .more a {
    font-size: 13px;
  }
  .remodeling_heimlab_cont_22 .link ul.col-2 li {
    width: 100%;
  }
  .about_heimlab_cont_4 {
    padding: 50px 0 100px;
  }
  .about_heimlab_cont_4 h2 {
    font-size: 30px;
    line-height: 1.25;
  }
  .about_heimlab_cont_3 {
    padding: 80px 0 40px;
  }
  .about_heimlab_cont_3 h1 {
    font-size: 30px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 1.2;
  }
  .about_heimlab_cont_3 .txt_1 {
    margin-bottom: 50px;
    font-size: 13px;
  }
  .about_heimlab_cont_3 .img_list {
    margin-bottom: 0;
  }
  .about_heimlab_cont_3 .img_list ul li {
    float: none;
    margin-bottom: 20px;
    width: 100%;
    margin: 0;
  }
  .about_heimlab_cont_3 .img_list ul li img {
    width: 100%;
  }
  .about_heimlab_cont_3 .img_list ul li:nth-child(1) span {
    display: block;
    padding-right: 0x;
  }
  .about_heimlab_cont_3 .img_list ul li:nth-child(2) {
    text-align: center;
  }
  .about_heimlab_cont_3 .img_list ul li:nth-child(2) span {
    display: block;
    padding: 30px 0;
    padding-right: 0;
  }
  .about_heimlab_cont_3 .img_list ul li:nth-child(3) span {
    display: block;
    padding-right: 0;
    padding-bottom: 30px;
  }
  .about_heimlab_cont_3 .img_list ul li:nth-child(n+4) {
    display: none;
  }
  .about_heimlab_cont_3 .icon_list ul li {
    margin: 0 0 20px;
    width: 49%;
  }
  .about_heimlab_cont_3 .icon_list ul li .txt {
    height: 80px;
    padding-top: 14px;
    font-size: 14px;
  }
  .about_heimlab_cont_3 .icon_list ul li:nth-child(2n) {
    float: right;
  }
  .about_heimlab_cont_5 {
    padding: 80px 0;
  }
  .about_heimlab_cont_5 h2 {
    margin-bottom: 32px;
    font-size: 30px;
  }
  .about_heimlab_cont_5 .list > li {
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 45px;
  }
  .about_heimlab_cont_5 .list > li:nth-child(2n) {
    float: none;
  }
  .about_heimlab_cont_5 .list > li .number {
    margin-bottom: 20px;
  }
  .about_heimlab_cont_5 .list > li .number b {
    padding-bottom: 10px;
    font-size: 23px;
    min-width: 30px;
    border-bottom: 2px solid #006b8e;
  }
  .about_heimlab_cont_5 .list > li .number:before {
    height: 2px;
  }
  .about_heimlab_cont_5 .list > li .title {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .about_heimlab_cont_5 .list > li p {
    font-size: 13px;
  }
  .solution_heimlab .img_area img {
    width: 100%;
  }
  .solution_heimlab .tabType_1 {
    padding: 20px 0 0;
  }
  .solution_heimlab .tabType_1 ul {
    padding: 0 20px 10px;
    display: block;
    white-space: nowrap;
    overflow: auto;
    text-align: center;
  }
  .solution_heimlab .tabType_1 ul li {
    display: inline-block;
    vertical-align: top;
    border: none;
  }
  .solution_heimlab .tabType_1 ul li a {
    display: block;
    padding: 0 15px;
    height: 40px;
    line-height: 36px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 20px;
  }
  .solution_heimlab .tabType_1 ul li span {
    display: block;
    font-size: 15px;
    color: #1e1e1e;
  }
  .solution_heimlab .tabType_1 ul li.on {
    background-color: #fff;
    border: none;
  }
  .solution_heimlab .tabType_1 ul li.on a {
    border: 2px solid #1e1e1e;
    background-color: #fff;
    color: #1e1e1e;
  }
  .solution_heimlab .tabType_1 ul li.on a span {
    font-weight: 500;
  }
  .solution_heimlab .titleType_1 {
    margin-bottom: 20px;
    display: block;
    font-size: 30px;
    line-height: 1.2;
  }
  .solution_heimlab .txtType_1 {
    position: relative;
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 1.6;
  }
  .solution_heimlab .listType_1 li {
    font-size: 13px;
  }
  .solution_heimlab_cont {
    padding: 40px 0 0;
  }
  .solution_heimlab_cont .tag {
    padding-bottom: 30px;
    font-size: 18px;
  }
  .solution_heimlab_top {
    border: none;
    margin-bottom: 0;
  }
  .solution_heimlab_top .txt_area {
    padding-bottom: 0;
    text-align: center;
  }
  .solution_heimlab_top .txt_area .txt_1 {
    margin-bottom: 20px;
    font-size: 23px;
    font-weight: 300;
  }
  .solution_heimlab_top .txt_area .txt_2 {
    font-size: 14px;
    color: #666;
  }
  .solution_heimlab_top .txt_area .txt_2 br {
    display: none;
  }
  .solution_heimlab1_cont1 h2 {
    margin-bottom: 17px;
    font-size: 30px;
  }
  .solution_heimlab1_cont1 .txt_3 {
    font-size: 13px;
  }
  .solution_heimlab1_cont1 .txt_3 strong {
    margin-top: 2px;
  }
  .solution_heimlab_1 .list {
    padding: 90px 25px 0;
  }
  .solution_heimlab_1 .list > ul > li {
    float: none;
    margin: 0 0 95px;
    position: relative;
    padding-top: 40px;
    width: 100%;
  }
  .solution_heimlab_1 .list > ul > li .txt_area {
    height: auto;
  }
  .solution_heimlab_1 .list > ul > li .txt_area h3 {
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: 0;
    font-weight: 400;
  }
  .solution_heimlab_1 .list > ul > li .where_apply {
    padding-top: 30px;
    border-top: none;
  }
  .solution_heimlab_1 .list.w_2 > ul > li {
    float: none;
    width: 100%;
  }
  .solution_heimlab_1 .list.w_2 > ul > li:nth-child(2n) {
    float: none;
  }
  .solution_heimlab2_list {
    padding: 0 25px;
  }
  .solution_heimlab2_list .number {
    margin-bottom: 20px;
  }
  .solution_heimlab2_list .number span {
    padding-bottom: 10px;
  }
  .solution_heimlab2_list .number:before {
    height: 2px;
  }
  .solution_heimlab2_list > ul > li {
    margin-bottom: 40px;
  }
  .solution_heimlab2_list > ul > li .number span {
    font-size: 23px;
    min-width: 30px;
  }
  .solution_heimlab2_list > ul > li .number span:before {
    height: 2px;
  }
  .solution_heimlab2_list .title {
    margin-bottom: 10px;
    font-size: 20px;
  }
  .solution_heimlab2_list .txt_1 {
    font-size: 13px;
    height: auto;
    margin-bottom: 22px;
  }
  .solution_heimlab2_list .txt_2 {
    padding: 30px 0 0;
    height: auto;
    font-size: 13px;
    letter-spacing: -0.52px;
  }
  .solution_heimlab2_cont2 {
    position: relative;
    padding: 40px 25px 100px;
  }
  .solution_heimlab2_cont2 h2 {
    position: absolute;
    left: 25px;
    top: 0;
    font-size: 18px;
  }
  .solution_heimlab2_cont2 .img_area {
    float: none;
  }
  .solution_heimlab2_cont2 .txt_1 {
    float: none;
    padding: 20px 0 0;
    width: 100%;
    font-size: 14px;
  }
  .solution_heimlab2_cont2 .txt_1 p {
    font-size: 14px;
  }
  .solution_heimlab2_cont2 .txt_1 h2 {
    font-size: 18px;
  }
  .solution_heimlab2_cont2 .txt_2 {
    float: none;
    padding-top: 10px;
    width: 100%;
  }
  .solution_heimlab2_cont2 .txt_2 h3 {
    font-size: 14px;
    letter-spacing: -0.56px;
  }
  .icon_mark {
    width: 17px;
    height: 17px;
    line-height: 13px;
    font-size: 11px;
  }
  .solution_heimlab_5 .solution_heimlab2_cont2 {
    margin-top: 99px;
  }
  .service_intro_tag {
    padding: 40px 10px 35px;
    font-size: 17px;
  }
  .check_heimlab_top .img_area {
    margin-bottom: 40px;
  }
  .check_heimlab_top .txt_1 {
    margin-bottom: 20px;
    margin-top: 40px;
    font-size: 23px;
    font-weight: 300;
    letter-spacing: -1.15px;
  }
  .check_heimlab_top .txt_1 strong {
    font-size: 24px;
  }
  .check_heimlab_top .txt_area {
    padding: 0 25px;
  }
  .check_heimlab_top .txt_2 {
    font-size: 14px;
  }
  .check_heimlab_top .txt_2 br {
    display: none;
  }
  .check_heimlab_cont_1 {
    padding: 95px 20px 0;
    margin-bottom: 80px;
  }
  .check_heimlab_cont_1 .title.mobile {
    margin-bottom: 40px;
    text-align: center;
    display: block;
    font-size: 22px;
  }
  .check_heimlab_cont_1 .title b {
    font-size: 24px;
  }
  .check_heimlab_cont_1 .img_area {
    float: none;
    width: 100%;
    text-align: center;
  }
  .check_heimlab_cont_1 .img_area img {
    width: auto;
  }
  .check_heimlab_cont_1 .txt_area {
    float: none;
    padding: 40px 0 0;
    width: 100%;
    text-align: center;
  }
  .check_heimlab_cont_1 .txt_area .inner {
    text-align: center;
  }
  .check_heimlab_cont_1 .txt_area .txt_1 {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .check_heimlab_cont_1 .txt_area .txt_2 {
    font-size: 14px;
    line-height: 1.5;
  }
  .check_heimlab_cont_2 {
    padding: 60px 0;
    background: url(../images/sub/check_img_3_mb.png) no-repeat center 0;
    background-size: cover;
  }
  .check_heimlab_cont_2 h2 {
    margin-bottom: 34px;
    font-size: 30px;
  }
  .check_heimlab_cont_2 .list.w_4 > li {
    padding: 30px 20px 30px 110px;
  }
  .check_heimlab_cont_2 .list > li {
    padding: 30px 20px 30px 110px;
  }
  .check_heimlab_cont_2 .list > li h3 {
    position: absolute;
    left: 20px;
    top: 82px;
    font-size: 14px;
    width: 80px;
    text-align: center;
  }
  .check_heimlab_cont_2 .list > li li {
    font-size: 13px;
  }
  .check_heimlab_cont_2 .list > li .icon {
    top: 25px;
    left: 20px;
    width: 80px;
    text-align: center;
  }
  .check_heimlab_cont_2 p {
    padding-top: 10px;
    text-align: left;
    font-size: 13px;
  }
  .check_heimlab2 .check_heimlab_cont_2 {
    background: url(../images/sub/check_img2_3_mb.png) no-repeat center 0;
    background-size: cover;
  }
  .useInfo_heimlab {
    padding-bottom: 50px;
  }
  .brand_cont_5_list {
    opacity: 1;
  }
  .remodeling_cont {
    padding: 38px 0 0;
  }
  .remodeling_cont .title_1 {
    margin-bottom: 25px;
    padding: 0 30px;
    font-size: 22px;
    letter-spacing: -1.15px;
    line-height: 1.2;
    font-weight: 400;
  }
  .remodeling_cont .top_txt {
    padding: 0 30px;
    margin-bottom: 30px;
    font-size: 14px;
    letter-spacing: -0.56px;
    line-height: 1.6;
  }
  .remodeling_cont .title_2 {
    padding-top: 40px;
  }
  .remodeling_rolling {
    margin-bottom: 45px;
  }
  .remodeling_rolling .slide .list {
    display: none;
  }
  .remodeling_rolling .slick-dots {
    bottom: 0;
  }
  .remodeling_rolling .slick-dots li {
    width: 5%;
    margin-right: 3px;
  }
  .remodeling_list_1 {
    padding: 0 24px;
  }
  .remodeling_list_1 ul li .title {
    font-weight: 400;
  }
  .remodeling_list_1 ul li .title br {
    display: none;
  }
  .remodeling_list_1 ul li .title br.mb_show {
    display: block;
  }
  .remodeling_list_1 ul li .mb_show {
    text-align: center;
  }
  .remodeling_list_2 {
    padding: 0;
  }
  .remodeling_list_2 ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .remodeling_list_2 .img_area span {
    padding: 10px 0 0 10px;
    font-size: 16px;
  }
  .check_list_item_box .tit {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .remodeling_box_top {
    padding-top: 55px;
  }
  .remodeling_box_top ul li {
    margin: 0 8px;
  }
  .remodeling_box_top ul li a {
    font-size: 16px;
  }
  .remodeling_box_top .txt {
    margin-bottom: 10px;
  }
  .remodeling_box {
    border: none;
    margin-bottom: 30px;
    padding: 0 25px;
  }
  .remodeling_box .img_area {
    float: none;
    width: 100%;
  }
  .remodeling_box .txt_area {
    float: none;
    padding-left: 0;
    width: 100%;
  }
  .remodeling_box .title {
    margin-bottom: 20px;
    padding-top: 40px;
    font-weight: 500;
  }
  .remodeling_box .title br.mb_show {
    display: block;
  }
  .remodeling_list_3 {
    padding: 0 25px;
  }
  .remodeling_list_3 ul li {
    float: none;
    position: relative;
    padding-top: 24px;
    margin: 0 0 25px;
    width: 100%;
  }
  .remodeling_list_3 ul li .txt_area {
    padding-top: 0;
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    font-size: 14px;
  }
  .remodeling_2 .img_1 {
    margin-bottom: 45px;
    float: none;
    padding: 0;
    width: 100%;
  }
  .remodeling_2 .img_1 .web {
    display: none;
  }
  .remodeling_2 .img_1 .mobile {
    display: block;
    width: 250px;
    height: 265px;
    margin: 0 auto;
  }
  .remodeling_2 .img_2 {
    float: none;
    padding: 0;
    width: 100%;
  }
  .remodeling_2 .img_2 .web {
    display: none;
  }
  .remodeling_2 .img_2 .mobile {
    display: block;
    width: 250px;
    height: 265px;
    margin: 0 auto;
  }
  .remodeling_list_4 {
    padding: 0 25px;
  }
  .remodeling_list_4 ul li {
    float: none;
    width: 100%;
  }
  .remodeling_list_4 ul li:nth-child(2n) {
    float: none;
  }
  .remodeling_list_4 ul li h2 {
    font-size: 18px;
    font-weight: 400;
  }
  .remodeling_list_4 ul li .txt_area {
    font-size: 13px;
    padding-top: 6px;
    height: 85px;
  }
  .service_complete .time {
    padding-top: 206px;
    background: url(../images/sub/service_complete_mb.png) no-repeat center 0/225px 205px;
    font-size: 16px;
  }
  .service_complete .time br {
    display: none;
  }
  .service_complete .time strong {
    font-size: 18px;
  }
  .inquiry_guidelines_12 .number {
    margin: 10px 0 25px;
    font-size: 13px;
  }
  .inquiry_guidelines_12 .txt_1 {
    margin-bottom: 60px;
    font-size: 15px;
  }
  .inquiry_guidelines_12 .txt_1 span {
    font-size: 12px;
  }
  .inquiry_guidelines_12 .info_list {
    margin-bottom: 70px;
  }
  .inquiry_guidelines_12 .info_list h4 {
    margin-bottom: 15px;
    padding-left: 25px;
    background: url(../images/sub/ic_tooltip_mb.png) no-repeat 0 center/15px;
    font-size: 14px;
  }
  .inquiry_guidelines_12 .info_list .list_1 {
    margin-bottom: 15px;
    padding-left: 15px;
  }
  .inquiry_guidelines_12 .info_list .list_1 li {
    font-size: 12px;
  }
  .inquiry_guidelines_12 .info_list .list_1 li:before {
    top: 8px;
  }
  .inquiry_guidelines_12 .info_list .list_2 {
    padding: 0 0 0 15px;
    font-size: 12px;
  }
  .inquiry_guidelines_12 .info_list .list_2 li {
    font-size: 12px;
  }
  .alert_popup .popup_content .popup_inner {
    border-radius: 10px 10px 0 0;
  }
  .alert_popup .popup_content .btn_area li button {
    border-radius: 0 0 10px 0px;
  }
  .alert_popup .popup_content .btn_area li:first-child button {
    border-radius: 0 0 0 10px;
    background-color: #fff;
  }
  .daterpicker {
    background: url(../images/common/ic-calendar-mb.png) no-repeat right center/20px;
  }
  .agree_txt .custom_checkbox.type_1 input[type=checkbox] + label:before {
    background: url(../images/sub/checkbox-off-big-mb.png) no-repeat 0 0/30px;
  }
  .agree_txt .custom_checkbox.type_1 input[type=checkbox]:checked + label:before {
    background: url(../images/sub/checkbox-on-big-mb.png) no-repeat 0 0/30px;
  }
}
@media screen and (max-width: 500px) {
  .my_info_check td.info_check dl ~ dl {
    margin-top: 5px;
  }
  .my_info_check td.info_check dt {
    display: block;
    width: auto;
  }
  .my_info_check td.info_check dd {
    display: block;
    margin-top: 5px;
  }
  .service_intro_visual .visual_txt h1 {
    font-size: 29px;
  }
  .service_intro_visual .visual_txt p {
    font-size: 14px;
  }
}/*# sourceMappingURL=sub.css.map */