#HOMETOWN {
  padding-top: 68px;
  word-wrap: break-word;
  hanging-punctuation: allow-end;
}
@media only screen and (max-width: 768px) {
  #HOMETOWN {
    padding-top: 0px;
    padding-bottom: 79px;
  }
}
#HOMETOWN .titleArea__headline {
  margin: 0;
}
#HOMETOWN .secBox {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  #HOMETOWN .secBox {
    margin-top: 25px;
  }
}
#HOMETOWN .secBox p {
  text-align: justify;
}
#HOMETOWN .secBox .h2_underBorder {
  margin-bottom: 0px;
}
@media only screen and (max-width: 768px) {
  #HOMETOWN .secBox .h2_underBorder {
    margin-bottom: 15px;
  }
}
#HOMETOWN .secBox .contentsBox {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  #HOMETOWN .secBox .contentsBox {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
#HOMETOWN .secBox .h3_treatment {
  margin: 15px 0;
}
@media only screen and (max-width: 768px) {
  #HOMETOWN .secBox .h3_treatment {
    margin: 30px 0 15px;
  }
}

@media only screen and (max-width: 768px) {
  .l-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.l-row div:nth-of-type(1) {
  width: 73%;
  margin-right: 0;
}
.l-row div:nth-of-type(2) {
  width: 27%;
  margin-right: 0;
}
.l-row ul {
  margin-bottom: 26px;
}
@media only screen and (max-width: 768px) {
  .l-row ul {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .l-row .l-halfBox {
    width: 100% !important;
  }
}
@media only screen and (max-width: 768px) {
  .l-row .l-halfBox:not(:last-child) {
    margin-bottom: 0 !important;
  }
}