.headingArea {
  padding: 60px 0;
  background: #EBEDEE url("../images/bg_index01.jpg") no-repeat right center/contain;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1000px) {
  .headingArea {
    padding: 42px 0;
  }
}

.headingArea .tit01 {
  font-size: 26px;
  font-weight: bold;
}

@media screen and (max-width: 1000px) {
  .headingArea .tit01 {
    font-size: 24px;
  }
}

.headingArea .txt01 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 25px;
}

@media screen and (max-width: 1000px) {
  .headingArea .txt01 {
    font-size: 16px;
  }
}

.bgArea {
  padding: 0 0 85px 0;
  background-image: url("../images/bg_index02.png"), url("../images/bg_index03.png");
  background-repeat: no-repeat, no-repeat;
  background-position: top center, bottom center;
  background-size: 100% 40%;
  position: relative;
}

@media screen and (max-width: 1441px) {
  .bgArea {
    background-size: auto 40%;
    overflow: hidden;
  }
}

.caseArea .subTxt01 {
  font-size: 14px;
  text-align: right;
  margin-top: 25px;
}

.caseArea .boxArea01 {
  margin-top: 0;
}

.caseArea .box01 {
  width: 480px;
  margin: 65px 40px 0 0;
}

.caseArea .box01:nth-child(even) {
  margin: 65px 0 0 0;
}

@media screen and (max-width: 1050px) {
  .caseArea .box01 {
    width: 48%;
    margin: 65px 4% 0 0;
  }
}

.caseArea .img01 {
  width: 100%;
}

.caseArea .tit01 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
}

.caseArea .sub01 {
  font-size: 14px;
}

.caseArea .txt01 {
  margin-top: 10px;
}

.caseArea .txt02 {
  margin-top: 25px;
}

.caseArea .externalLink {
  color: #0083C9;
}

@media screen and (max-width: 767px) {
  .headingArea {
    padding: 30px 0;
    background: #EBEDEE url("../images/bg_index01_sp.jpg") no-repeat right center/contain;
  }
  .headingArea .tit01 {
    font-size: 20px;
  }
  .headingArea .txt01 {
    font-size: 16px;
    width: 50%;
  }
}

@media screen and (max-width: 767px) and (max-width: 550px) {
  .headingArea .txt01 {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) and (max-width: 424px) {
  .headingArea .txt01 {
    margin-top: 15px;
    width: 55%;
  }
}

@media screen and (max-width: 767px) {
  .caseArea .subTxt01 {
    margin-top: 15px;
  }
  .caseArea .box01 {
    width: 100%;
    margin: 30px 0 0 0;
  }
  .caseArea .box01:nth-child(even) {
    margin: 30px 0 0 0;
  }
  .caseArea .tit01 {
    margin-top: 6px;
  }
  .caseArea .txt01 {
    margin-top: 5px;
  }
  .caseArea .txt02 {
    margin-top: 15px;
  }
}