@charset "utf-8";


.edit-area{
  padding: 30px 0;
}
@media screen and (max-width: 767px){
  .edit-area{
    padding: 20px 0;
  }
}

.edit-area.top{
  padding-top: 20px;
}
@media screen and (max-width: 767px){
  .edit-area.top{
    padding-top: 10px;
  }
}

.edit-area.bg01{
  background: #F5FBEC;
}


/* .hdl05 */

.hdl05.type01{
  color: #29C5A0;
  font-size: 3rem;
}
@media screen and (max-width: 767px){
  .hdl05.type01{
    font-size: 2rem;
    letter-spacing: 2px;
  }
}

/* image-set */
.edit-area .image-set{
  &.type01{
    margin-bottom: 130px;
    @media screen and (max-width: 767px) {
      margin-bottom: 65px;
    }
    &:last-child{
      margin-bottom: 0;
    }
  }
  &.type02{
    margin-bottom: 60px;
    @media screen and (max-width: 767px) {
      margin-bottom: 30px;
    }
    &:last-child{
      margin-bottom: 0;
    }
  }
}

.edit-area .image-set .photo-box{
  width: 400px;
}
@media screen and (max-width: 767px){
  .edit-area .image-set .photo-box{
    margin-bottom: 20px;
    width: auto;
    text-align: center;
  }
}
.edit-area .image-set .text-box{
  width: calc(100% - 440px);
}
@media screen and (max-width: 767px){
  .edit-area .image-set .text-box{
    width: auto;
  }
}

.edit-area .image-set .text-box{
  line-height: 170%;
}
@media screen and (max-width: 767px){
  .edit-area .image-set .text-box p{
    font-size: 1.4rem;
  }
}

.edit-area .image-set .common-btn.type02.small a{
  min-width: 480px;
}
@media screen and (max-width: 767px){
  .edit-area .image-set .common-btn.type02.small a{
    min-width: 100%;
  }
}
