.refor .content{
  margin-top: 67px;
}
.refor .section-body{
  margin: 0 auto;
  max-width: 1098px;
  width: 100%;
}
.refor.kitchen .hero-body{
  background: url(../img/kitchen/hero/mv.jpg) 50% no-repeat;
  background-size: cover;
  height: 46vw;
  padding-top: 52px;
  min-height: 640px;
}
.refor .hero-body{
  height: 46vw;
  padding-top: 52px;
}
.refor.bathroom .hero-body{
  background: url(../img/bathroom/hero/AdobeStock_181786394-scaled.jpeg) 50% no-repeat;
  background-size: cover;
}
.refor.toilet .hero-body{
  background: url(../img/toilet/hero/AdobeStock_80231354-scaled.jpeg) 50% no-repeat;
  background-size: cover;
}
.refor.washroom .hero-body{
  background: url(../img/washroom/hero/AdobeStock_513323311-1-scaled.jpeg) 50% no-repeat;
  background-size: cover;
}
.refor.living .hero-body{
  background: url(../img/living/hero/AdobeStock_251321948-scaled.jpeg) 50% no-repeat;
  background-size: cover;
}
.refor.dining .hero-body{
  background: url(../img/dining/24462706_l-scaled.jpg) 50% no-repeat;
  background-size: cover;
}
.refor.bedroom .hero-body{
  background: url(../img/bedroom/hero/32101358_l.jpg) 50% no-repeat;
  background-size: cover;
}
.refor.japaneseroom .hero-body{
  background: url(../img/japaneseroom/hero/4862812_l-scaled.jpg) 50% no-repeat;
  background-size: cover;
}
.refor.outerwall .hero-body{
  background: url(../img/outerwall/AdobeStock_273093315-scaled.jpeg) 50% no-repeat;
  background-size: cover;
}
.refor.roof .hero-body{
  background: url(../img/roof/hero/25075592_l-scaled.jpg) 50% no-repeat;
  background-size: cover;
}
.refor.exterior .hero-body{
  background: url(../img/exterior/hero/AdobeStock_159778080-scaled.jpeg) 50% no-repeat;
  background-size: cover;
}
.refor.entrance .hero-body{
  background: url(../img/entrance/hero/AdobeStock_1121108686-scaled.jpeg) 50% no-repeat;
  background-size: cover;
}
.refor.balcony .hero-body{
  background: url(../img/balcony/hero/AdobeStock_115492005-scaled.jpeg) 50% no-repeat;
  background-size: cover;
}
.refor .hero-content-img{
  max-width: 941px;
  width:100%;
  margin-bottom: 10px;
}
.refor  .hero-cv-btn{
  position: relative;
  bottom: 0;
  max-width: 520px;
}

.refor  .sec01{
  background: #03a9f4;
  padding: 18px 20px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
.refor .sec02{
  padding: 40px 20px 26px;
}
.refor .sec02 .title{
  display: flex;
  justify-content: center;
}
.refor .sec02 .main-title{
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1666666667;
  padding: 0 74px;
  position: relative;
  width: fit-content;
  text-align: center;
}
.refor .sec02 .main-title span{
  color: #03a9f4;
}
.refor .sec02 .main-title::after,
.refor .sec02 .main-title::before{
  background: url(../img/kitchen/sec02/sec01_copy_item.png) 50% no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 60.5px;
  position: absolute;
  top: 50%;
  width: 36.5px;
}
.refor .sec02 .main-title::before{
  left: 0;
  transform: translateY(-50%);
}
.refor .sec02 .main-title::after{
  right: 0;
  transform: translateY(-50%) scaleY(-1);
}
.refor .sec02-body{
  margin-top: 60px;
  width: 100%;
  background: #e2f6ff;
  border: 6px solid #03a9f4;
  border-radius: 10px;
  padding: 40px 55px 25px;
  position: relative;
}
.refor .sec02-body::after{
    background: 50% no-repeat url(../img/kitchen/sec01/sec01_box_item.png);
    background-size: cover;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 23px;
    width: 43.5px;
}
.refor .sec02-body-title{
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 77px;
  color: #03a9f4;
  text-align: center;
}
.refor .sec02-body-content{
  display: flex;
  justify-content: space-between;
}
.refor .sec02-item{
  background: #fff;
  padding: 44px 1.87% 17px;
  position: relative;
  width: 31.7%;
}
.refor .sec02-img{
  justify-content: center;
  display: flex;
}
.refor .sec02-img img{
  max-width: 166px;
}
.refor .sec02-item-txt{
  font-size: 22px;
  font-weight: 700;
  line-height: 1.9;
  text-align: left;
}
.refor .sec02-item-num{
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  transform: translateX(-50%);
  top: -40px;
}
.refor .sec02-item-num img{
  height: 80px;
  width: 80px;
}
.refor .sec02-item01-img{
  padding-left: 16px;
}
.refor .sec02-item01-img img{
  margin-bottom: 11px;
  max-width: 166px;
}
.refor .sec02-item02-img{
  padding-left: 5px;
}
.refor .sec02-item02-img img{
  margin-bottom: 15px;
  max-width: 110px;
}
.refor .sec02-item03-img img{
  margin-bottom: 12px;
  max-width: 211px;
}
.refor .sec02-logo{
  margin: 42px auto 39px;
  display: flex;
  justify-content: center;
}
.refor .sec02-logo img{
  max-width: 503px;
}
.kitchen-cta-group .btn_balloon{
  margin: 0 auto 10px;
  max-width: 257.5px;
  width: 100%;
}
.kitchen-cta-group .cv_btn{
  margin: 0 auto 10px;
  max-width: 620px;
  width: 100%;
}

.refor .sec03{
  background: #e2f6ff;
  padding: 94px 20px 60px;
}

.refor .sec03 .section-body{
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
}

.refor .sec03 .main-title{
  color: #03a9f4;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 77px;
  text-align: center;
}
.refor .sec03-content{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.refor .sec03-item{
  background: #fff;
  padding: 15px 20px 9px;
  text-align: center;
  width: 30.5084745763%;
}
.refor .sec03-item-point{
  color: #6d6d6d;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 9px;
}
.refor .sec03-item-title{
  color: #03a9f4;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.375;
  min-height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.refor .sec03-item02-img,
.refor .sec03-item03-img,
.refor .sec03-item01-img {
  display: flex;
  justify-content: center;
  align-items: center; 
}
.refor .sec03-item01-img img{
  max-width: 164px;
  margin: 22px auto 11px;
}
.refor .sec03-item02-img img{
  margin: 8px auto 11px;
  max-width: 185px;
}
.refor .sec03-item03-img img{
  margin: 8px auto 11px;
  max-width: 185px;
}
.refor .sec03-item-txt{
  font-size: 16px;
  font-weight: 500;
  line-height: 2.0625;
  text-align: left;
}
.refor .sec04{
  padding: 90px 20px 73px;
}
.refor .sec04 .section-body{
  margin: 0 auto;
  max-width: 760px;
  width: 100%;
}
.refor .sec04 .main-title{
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 77px;
  color: #03a9f4;
  text-align: center;
}
.refor .sec04-content{
  display: flex;
  flex-direction: column;
  gap: 50px 0px;
}
.refor .sec04-item{
  background: #e2f6ff;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 11px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
.refor .sec04-item img{
  height: 75px;
  width: 75px;
}
.refor .sec04-item-txt {
  line-height: 1.375;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .08em;
  padding-left: 53px;
}
.refor .sec04-item::after{
  background: 50% no-repeat url(../img/kitchen/sec03/sec03_arrow.png);
  background-size: cover;
  content: "";
  display: block;
  height: 25.5px;
  left: 50%;
  position: absolute;
  top: -39.5px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 39.5px
}
.refor .sec04-item:first-child::after{
  content: unset;
}
.refor .sec04-note{
  font-size: 16px;
  font-weight: 500;
  margin: 17px auto 48px;
  text-align: center;
}
.refor .sec05{
  background: #e2f6ff;
  padding: 50px 20px 75px;
}
.refor .sec05 .section-body{
  margin: 0 auto;
  max-width: 1180px;
  width: 100%;
}
.refor .sec05 .main-title{
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 77px;
  color: #03a9f4;
  text-align: center;
}

.refor .sec05-content{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 29px 0px;
}
.refor .sec05-item{
  background: #fff;
  padding: 29px 15px 30px;
  text-align: center;
  width: 49.15%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.refor .sec05-item-title{
  background: #03a9f4;
  border-radius: 17px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding: 3.5px 12.5px;
  width: fit-content;
  text-align: center;
}
.refor .sec05-item-img img{
  margin: 15px auto 17px;
}
.refor .sec05-item05-img-title{
  border-bottom: 1px dashed #d9d9d9;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
  padding-bottom: 17px;
}
.refor .sec05-item-bottom-group{
  display: flex;
  gap: 10px 2%;
  flex-wrap: wrap;
  width: 100%;
}
.refor .sec05-item-bottom{
  width: 49%;
  display: flex;
}
.refor .sec05-item-bottom-lable{
  background: #d9d9d9;
  border-radius: 11px;
  padding: 3px 12.5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  height: fit-content;
}
.refor .sec05-item-bottom-txt{
  padding-top: 3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  padding-left: 10px;
  text-align: left;
}
.refor .sec06{
  padding: 60px 20px 82px;
}
.refor .sec06 .main-title{
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 77px;
  color: #03a9f4;
  text-align: center;
}
.refor .sec06 .section-body{
  margin: 0 auto;
  max-width: 1120px;
  width: 100%;
}

.refor .sec06-item-group{
  display: flex;
  justify-content: space-between;
  transform: translateY(-23px);
}
.refor .sec06-item-group.is-sp{
  display: none;
}
.refor .sec06-item{
  background: #fff;
  border: 1px solid #03a9f4;
  border-radius: 10px;
  padding: 23px 20px 20px;
  width: 32.15%;
  height: fit-content;
}
.refor .sec06-item-title{
  display: flex;
}
.refor .sec06-item-title-point{
  color: #03a9f4;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  margin-right: 7px;
}
.refor .sec06-item-title-txt{
  background: linear-gradient(180deg, transparent 50%, #aadcff 0, #aadcff 80%, transparent 0);
  display: inline;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.8333333333;
  padding: 0 .1em;
}
.refor .sec06-item-txt{
  font-size: 12px;
  font-weight: 700;
  line-height: 2;
}
.refor .sec06-item-name{
  font-size: 12px;
  font-weight: 700;
  text-align: right;
}
.refor .kitchen-cta-group{
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}
.refor .sec06 .kitchen-cta-group{
  margin-top: 76px;

}
@media screen and (max-width:767px){
  .refor .sec06-item-group {
    flex-wrap: wrap;
    gap: 6.8181818182vw;
    padding: 0 4.53%;
    transform: translateY(-8px);
  }
  .refor .sec06-item {
    width: 100%;
    border-radius: 2.2727272727vw;
    height: auto;
    padding: 5vw 4.5454545455vw 3.4090909091vw;
  }
  .refor.kitchen .hero-body{
    background: url(../img/kitchen/hero/mv_sp.jpg) 50% no-repeat;
    background-size: cover;
    min-height: unset;
  }
  .refor .hero-content{
    width: 100%;
  }
  .refor .hero-cv-btn {
    max-width: 100%;
    width: 100%;
  }
  .refor .hero .cta-group {
    padding-top: 0;
  }
  .refor .hero-content-img{
    margin-bottom: 1.3636363636vw;
    max-width: 94.7727272727vw;
  }
  .refor img.cv_btn.is-sp {
    max-width: 69.3181818182vw;
  }
  .refor .content {
    margin-top: 14.0909090909vw;
  }
  .refor .sec01 {
    font-size: 3.1818181818vw;
    padding: 2.7272727273vw 2.2727272727vw;
  }
  .refor .sec02 .main-title {
    font-size: 5.9090909091vw;
    margin-bottom: 7.5vw;
    padding: 0;
  }
  .refor .sec02 .main-title::after, .refor .sec02 .main-title::before{
    height: 13.75vw;
    width: 8.2954545455vw;
  }
  .refor .sec02 .main-title::before{
    left: -6.2954545455vw;
  }
  .refor .sec02 .main-title::after{
    right: -6.2954545455vw;
  }
  .refor .sec02 {
    padding: 7.0454545455vw 3.4090909091vw 11.3636363636vw;
  }
  .refor .sec02 .title{
    margin-bottom: 0;
  }
  .refor .sec02-body {
    margin-top: 0;
    border: 3px solid #03a9f4;
    border-radius: 2.2727272727vw;
    padding: 3.6363636364vw 4.5454545455vw 3.1818181818vw;
  }
  .refor .sec02-body-title {
    margin-bottom: 1.8181818182vw;
    font-size: 5.4545454545vw;
  }
  .refor .sec02-body-content {
    flex-wrap: wrap;
    padding: 5vw 5.6818181818vw 7.5vw 3.4090909091vw;
    background: #fff;
    gap: 6.8181818182vw;
  }
  .refor .sec02-item {
    width: 100%;
    display: flex;
    padding: 0;
    gap: 2.0454545455vw;
  }
  .refor .sec02-img{
    display: none;
  }
  .refor .sec02-item-txt
  {
    font-size: 3.4090909091vw;
    line-height: 1.8666666667;
  }
  .refor .sec02-item-num{
    width: 13.6363636364vw;
    height: 13.6363636364vw;
    left: unset;
    position: relative;
    top: unset;
    -webkit-transform: unset;
    transform: unset;
    
  }
  .refor .section-body{
    padding-left: 0;
    padding-right: 0;
  }
  .refor .sec02-logo {
    margin: 8.4090909091vw auto 6.8181818182vw;
    max-width: 76.3636363636vw;
    width: 100%;
  }
  .kitchen-cta-group .btn_balloon {
    margin: 0 auto 1.8181818182vw;
    max-width: 37.8409090909vw;
  }
  .kitchen-cta-group{
    width: 81.3333333333vw;
    margin: 0 auto;
  }
  .refor .kitchen-cta-group img.cv_btn.is-sp{
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
  }
  .refor .sec03 {
    padding: 6.8181818182vw 4.5454545455vw 12.5454545455vw;
  }
  .refor .sec03 .main-title {
    font-size: 5.4545454545vw;
    margin-bottom: 6.8181818182vw;
  }
  .refor .sec03-content {
    flex-wrap: wrap;
    width: 100%;
    gap: 8vw;
  }
  .refor .sec03-item {
    width: 100%;
    padding: 8.8636363636vw 3.8636363636vw 5.6818181818vw 4.5454545455vw;
    text-align: left;
    border-radius: 2.2727272727vw;
  }
  .sec03-item-left {
      margin-bottom: 7.0454545455vw;
      display: flex;
      justify-content: space-between;
  }
  .refor .sec03-item-title {
    font-size: 4.5454545455vw;
    line-height: 1.65;
    min-height: unset;
    margin-right: -16px;
  }
  .refor .sec03-item-point {
    font-size: 3.6363636364vw;
    min-height: 7.5vw;
    margin-bottom: 0;
  }
  .refor .sec03-item01-img img {
    max-width: 37.2727272727vw;
    margin: 0;
    transform: translate(0.8vw, -1.6vw);
  }
  .refor .sec03-item-txt {
    font-size: 3.1818181818vw;
    line-height: 2.3571428571;
  }
  .refor .sec03-item:nth-child(3n){
    padding: 13.4090909091vw 4.5454545455vw 2.9545454545vw;
  }
  .refor .sec03-item03-img img {
    max-width: 42.0454545455vw;
    margin: 0;
    transform: translate(1.3636363636vw, -5.2272727273vw);
  }
  .sec03-item02 .sec03-item-left-txt {
    order: 2;
    padding-right: 3.1818181818vw;
  }
  .sec03-item02  .sec03-item02-img {
    order: 1;
  }
  .refor  .sec03-item02 .sec03-item-title{
    margin-right: 0px;
  }
  .refor .sec03-item02-img img {
    max-width: 42.0454545455vw;
    margin: 0;
    transform: translate(-1.3636363636vw, -7.9545454545vw);
  }
  .sec03-item.sec03-item02{
    padding: 15.6818181818vw 4.5454545455vw 4.5454545455vw;
  }
  .sec03-item02 .sec03-item-left{
    margin-bottom: -0.5454545455vw;
  }
  .refor .sec03-item:nth-child(3n) .sec03-item-left{
    margin-bottom: 1.5454545455vw;
  }
  .refor .sec04 {
    padding: 13.6363636364vw 4.5454545455vw 15.9090909091vw;
  }
  .refor .sec04 .main-title {
    font-size: 5.4545454545vw;
    margin-bottom: 6.8181818182vw;
  }
  .refor .sec04-item{
    padding: 2.7272727273vw 5vw 2.0454545455vw 2.5vw;
    min-height: 14.7727272727vw;
    border-radius: 2.2727272727vw;
  }
  .refor .sec04-item-txt {
    font-size: 3.6363636364vw;
    letter-spacing: 0;
    line-height: 1.375;
    padding-left: 3.2818181818vw;
  }
  .refor .sec04-item img {
    height: 10.2272727273vw;
    width: 10.2272727273vw;
  }
  .refor .sec04-item::after {
    height: 1.5909090909vw;
    top: -4.0909090909vw;
    width: 2.7272727273vw;
  }
  .refor .sec04-content{
    gap: 6.8181818182vw 0px;
  }
  .refor .sec04-note {
    font-size: 3.4090909091vw;
    margin: 2.0454545455vw auto 11.3636363636vw;
    text-align: left;
  }
  .refor .sec05 {
    padding: 3.6363636364vw 2.2727272727vw 22.7272727273vw;
  }
  .refor .sec05 .main-title {
    font-size: 5.4545454545vw;
    margin-bottom: 6.8181818182vw;
  }
  .refor .sec05-content {
    gap: 6.8181818182vw;
  }
  .refor .sec05-item{
    border-radius: 2.2727272727vw;
    padding: 3.4090909091vw 2.2727272727vw;
    width: 100%;
  }
  .refor .sec05-item-title {
    border-radius: 3.1818181818vw;
    font-size: 3.4090909091vw;
    padding: 1.0227272727vw 0 .5681818182vw;
    width: 23.8636363636vw;
  }
  .refor .sec05-item-img img {
    margin: 3.1818181818vw auto 2.9545454545vw;
  }
  .refor .sec05-item05-img-title {
    font-size: 2.7272727273vw;
    margin-bottom: 3.4090909091vw;
    padding-bottom: 2.9545454545vw;
  }
  .refor .sec05-item-bottom-txt{
    font-size: 2.7272727273vw;
  }
  .refor .sec05-item-bottom-lable {
    border-radius: 2.2727272727vw;
    flex-shrink: 0;
    padding: .6818181818vw 1.5909090909vw;
    font-size: 2.7272727273vw;
  }
  .refor .sec05-item-bottom-group {
    gap: 2.2727272727vw 2%;
  } 
  .refor .sec06 {
    padding: 9.5454545455vw 0 13.6363636364vw;
  }
  .refor .sec06 .main-title {
    font-size: 5.4545454545vw;
    margin-bottom: 1.5909090909vw;
  }
  .refor .sec06-item-title-point {
    font-size: 7.2727272727vw;
    margin-right: 1.5909090909vw;
  }
  .refor .sec06-item-txt {
    font-size: 2.7272727273vw;
  }
  .refor .sec06-item-name {
    font-size: 2.7272727273vw;
  }
  .refor .sec06-item-title{
    align-items: center;
    margin-bottom: 2.7272727273vw;
  }
  .refor .sec06 .kitchen-cta-group {
    margin-top: 13.6363636364vw;
  }
  .refor.kitchen .hero-body,
  .refor .hero-body{
    height: 86.3636363636vw;
    padding: 4.7727272727vw 2.7272727273vw 0 2.5vw;
    align-items: flex-start;
  } 
  .refor .sec06-item-group.is-pc{
    display: none;
  }
  .refor .sec06-item-group.is-sp{
    display: flex;
  }
}