/* @mixin gradient01{background:linear-gradient(90deg, rgba(59,59,59,1) 65%, rgba(26,49,44,1) 100%);}
@mixin gradient01Hover{@include transition('opacity', 0.2s, ease-in-out);background:linear-gradient(90deg, rgb(76, 76, 76) 65%, rgba(26,49,44,1) 100%);}
@mixin gradient02{background:linear-gradient(90deg, #1a312c 65%, rgba(59,59,59,1) 100%);}
@mixin gradient02Hover{@include transition('opacity', 0.2s, ease-in-out);background:linear-gradient(90deg, rgb(12, 63, 54) 65%, rgba(59,59,59,1) 100%);} */
header {
  --other-color: #666;
  --nav-color: #666;
  --logo-type: url(../img/logo_g.png);
}

.green#ui_wrap {
  position: relative;
}
.green#ui_wrap .page_top {
  height: auto;
}
.green#ui_wrap .page_top .guide {
  height: auto;
}

.remodeling_view {
  background-color: #E1F6E1;
}
.remodeling_view .guide_view {
  width: 62.5vw;
  margin: 0 auto;
}
.remodeling_view .top_view {
  position: relative;
  height: 42.7083333333vw;
  background: url(../img/re_bg-top.jpg) no-repeat center top/auto 100%;
  overflow: hidden;
}
.remodeling_view .top_view .post_txt {
  position: absolute;
  bottom: 4.9479166667vw;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 14.5833333333vw;
  width: 33.3333333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.remodeling_view .top_view .post_txt em {
  margin-bottom: 1.3020833333vw;
  font-size: 2.34375vw;
  color: #333;
  font-weight: 700;
}
.remodeling_view .top_view .post_txt em span {
  color: #00502F;
}
.remodeling_view .top_view .post_txt strong {
  width: 100%;
  height: 9.6875vw;
  margin-bottom: 4.9479166667vw;
  background: url(../img/re_txt-title.png) no-repeat center/100% auto;
  font-size: 0;
  text-indent: 99999em;
  overflow: hidden;
  line-height: 0;
}
.remodeling_view .top_view .post_txt p {
  margin-bottom: 2.34375vw;
  font-size: 1.5625vw;
  font-weight: 500;
  color: #333;
  text-align: center;
}
.remodeling_view .top_view .post_txt p span {
  font-weight: 700;
}
.remodeling_view .top_view .post_txt a {
  display: block;
  width: 26.0416666667vw;
  height: 5.2083333333vw;
  background: url(../img/re_btns01.png) no-repeat center/100% auto;
  border-radius: 0.5208333333vw;
  overflow: hidden;
  font-size: 0;
  text-indent: 99999em;
  overflow: hidden;
  line-height: 0;
}
.remodeling_view .middle_view {
  position: relative;
  padding: 13.0208333333vw 0 7.8125vw 0;
  background: #fff url(../img/re_bg-middle.jpg) no-repeat center/cover;
}
.remodeling_view .middle_view::before {
  content: "";
  position: absolute;
  top: 2.0833333333vw;
  left: 0;
  width: 100%;
  height: 2.2916666667vw;
  background: url(../img/re_bg-txt.png) no-repeat center/auto 100%;
  z-index: 1;
  mix-blend-mode: multiply;
}
.remodeling_view .middle_view strong {
  display: block;
  width: 100%;
  height: 4.375vw;
  margin-bottom: 1.875vw;
  background: url(../img/re_txt-title02.png) no-repeat center/auto 100%;
  font-size: 0;
  text-indent: 99999em;
  overflow: hidden;
  line-height: 0;
}
.remodeling_view .middle_view em {
  display: block;
  text-align: center;
  color: #333;
  font-size: 2.0833333333vw;
  margin-bottom: 1.875vw;
  font-weight: 500;
}
.remodeling_view .middle_view em span {
  color: #00502F;
  font-weight: 700;
}
.remodeling_view .middle_view p {
  margin-bottom: 2.3958333333vw;
  text-align: center;
  font-size: 1.5625vw;
  font-weight: 500;
  color: #333;
  line-height: 1.5;
}
.remodeling_view .middle_view ol {
  margin-bottom: 2.6041666667vw;
  font-size: 0;
  text-indent: 99999em;
  overflow: hidden;
  line-height: 0;
  width: 100%;
  height: 13.75vw;
  background: url(../img/re_bg-each.png) no-repeat center/100% auto;
}
.remodeling_view .middle_view .before_after-img {
  width: 100%;
  height: 24.4791666667vw;
  margin-bottom: 2.6041666667vw;
  background: url(../img/re_before_after.png) no-repeat center/100% auto;
  font-size: 0;
  text-indent: 99999em;
  overflow: hidden;
  line-height: 0;
}
.remodeling_view .middle_view a {
  display: block;
  width: 31.25vw;
  height: 5.2083333333vw;
  margin: 0 auto;
  background: url(../img/re_btns02.png) no-repeat center/100% auto;
  border-radius: 0.5208333333vw;
  overflow: hidden;
  font-size: 0;
  text-indent: 99999em;
  overflow: hidden;
  line-height: 0;
}
.remodeling_view .bottom_view {
  padding: 8.8541666667vw 0 5.2083333333vw;
  background: url(../img/re_bg-bottom.jpg) no-repeat center top/100% auto;
}
.remodeling_view .bottom_view .bottom_title {
  display: block;
  width: 100%;
  height: 7.03125vw;
  margin-bottom: 6.7708333333vw;
  background: url(../img/re_txt-title03.png) no-repeat center/auto 100%;
  font-size: 0;
  text-indent: 99999em;
  overflow: hidden;
  line-height: 0;
}
.remodeling_view .bottom_view .order_step {
  margin-bottom: 5.2083333333vw;
  height: 18.75vw;
  background: url(../img/re_step.png) no-repeat center/100% auto;
  font-size: 0;
  text-indent: 99999em;
  overflow: hidden;
  line-height: 0;
}
.remodeling_view .bottom_view ul {
  width: 46.875vw;
  margin: 0 auto 5.2083333333vw;
  border-top: 2px solid #033D3E;
}
.remodeling_view .bottom_view ul li {
  display: flex;
  align-items: center;
  gap: 1.0416666667vw;
  padding: 1.0416666667vw 1.0416666667vw;
  border-bottom: 2px solid #033D3E;
  font-size: 1.5625vw;
  font-weight: 500;
}
.remodeling_view .bottom_view ul li::before {
  content: "";
  display: block;
  width: 1.8229166667vw;
  height: 1.8229166667vw;
  background: url(../img/re_ico.png) no-repeat center/100% auto;
}
.remodeling_view .bottom_view a {
  display: block;
  width: 26.0416666667vw;
  height: 5.2083333333vw;
  margin: 0 auto 7.8125vw;
  background: url(../img/re_btns03.png) no-repeat center/100% auto;
  border-radius: 0.5208333333vw;
  overflow: hidden;
  font-size: 0;
  text-indent: 99999em;
  overflow: hidden;
  line-height: 0;
}
.remodeling_view .bottom_view dl {
  color: #333;
  padding: 2.0833333333vw 0;
  border-top: 1px solid #000;
}
.remodeling_view .bottom_view dl dt {
  font-size: 1.25vw;
  font-weight: 700;
  margin-bottom: 0.78125vw;
}
.remodeling_view .bottom_view dl ol li {
  font-size: 1.0416666667vw;
  margin: 0.4166666667vw 0;
  font-weight: 500;
}