.mainTit {
  font-size: 20px;
  font-weight: bold;
  color: #036EB7;
  width: 100%;
  margin: 40px 0 20px;
  padding: 15px 0;
  border: 1px solid #036EB7;
}

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

.subTit {
  font-size: 18px;
  font-weight: bold;
}

.subTit::before {
  content: "";
  width: 5px;
  height: 16px;
  margin: 0 7px 0 0;
  background: #0083C9;
  vertical-align: -0.1em;
  display: inline-block;
}

_:-ms-input-placeholder, :root .mainTit {
  padding: 18px 0 12px;
}

@media screen and (max-width: 1000px) {
  _:-ms-input-placeholder, :root .mainTit {
    padding: 12px 0 6px;
  }
}

.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;
  }
}

@media screen and (max-width: 1300px) {
  .headingArea {
    background: #EBEDEE url("../images/bg_index01.jpg") no-repeat right -20% center/contain;
  }
}

@media screen and (max-width: 1200px) {
  .headingArea {
    background: #EBEDEE url("../images/bg_index01.jpg") no-repeat right -50% center/contain;
  }
}

@media screen and (max-width: 890px) {
  .headingArea {
    background: #EBEDEE url("../images/bg_index01.jpg") no-repeat right -100% center/contain;
  }
}

@media screen and (max-width: 830px) {
  .headingArea {
    background: #EBEDEE url("../images/bg_index01.jpg") no-repeat right -200% center/contain;
  }
}

@media screen and (max-width: 800px) {
  .headingArea {
    background: #EBEDEE url("../images/bg_index01.jpg") no-repeat right -250% center/contain;
  }
}

@media screen and (max-width: 780px) {
  .headingArea {
    background: #EBEDEE url("../images/bg_index01.jpg") no-repeat right -360% center/contain;
  }
}

.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: 1050px) {
  .headingArea .txt01 {
    font-size: 16px;
    width: 50%;
  }
}

.headingArea .tabOnly {
  display: none;
}

@media screen and (max-width: 1300px) {
  .headingArea .tabOnly {
    display: inline;
  }
}

.equipmentArea01 {
  margin-top: 70px;
}

.equipmentArea02 {
  margin-top: 95px;
}

.equipmentArea01 .boxArea01, .equipmentArea02 .boxArea01 {
  margin-top: 0;
}

.equipmentArea01 .box01, .equipmentArea02 .box01 {
  width: 100%;
}

.equipmentArea01 .box02, .equipmentArea02 .box02 {
  width: 485px;
  margin: 65px 30px 0 0;
}

.equipmentArea01 .box02:nth-child(odd), .equipmentArea02 .box02:nth-child(odd) {
  margin: 65px 0 0 0;
}

@media screen and (max-width: 1050px) {
  .equipmentArea01 .box02, .equipmentArea02 .box02 {
    width: 48.5%;
    margin: 65px 3% 0 0;
  }
}

.equipmentArea01 .subTit, .equipmentArea02 .subTit {
  margin-bottom: 20px;
}

.equipmentArea01 .size, .equipmentArea02 .size {
  font-size: 16px;
  color: #fff;
  margin: 0 0 0 25px;
  padding: 3px 30px;
  background: #2573BA;
}

.equipmentArea01 .img01, .equipmentArea01 .img02, .equipmentArea02 .img01, .equipmentArea02 .img02 {
  width: 100%;
}

.equipmentArea01 .equipmentTable01, .equipmentArea01 .equipmentTable02, .equipmentArea01 .equipmentTable03, .equipmentArea02 .equipmentTable01, .equipmentArea02 .equipmentTable02, .equipmentArea02 .equipmentTable03 {
  border-collapse: collapse;
}

.equipmentArea01 .equipmentTable01 th, .equipmentArea01 .equipmentTable01 td, .equipmentArea01 .equipmentTable02 th, .equipmentArea01 .equipmentTable02 td, .equipmentArea01 .equipmentTable03 th, .equipmentArea01 .equipmentTable03 td, .equipmentArea02 .equipmentTable01 th, .equipmentArea02 .equipmentTable01 td, .equipmentArea02 .equipmentTable02 th, .equipmentArea02 .equipmentTable02 td, .equipmentArea02 .equipmentTable03 th, .equipmentArea02 .equipmentTable03 td {
  border: 0.75px solid #DDD;
  vertical-align: middle;
}

.equipmentArea01 .equipmentTable01 th, .equipmentArea01 .equipmentTable02 th, .equipmentArea01 .equipmentTable03 th, .equipmentArea02 .equipmentTable01 th, .equipmentArea02 .equipmentTable02 th, .equipmentArea02 .equipmentTable03 th {
  font-weight: bold;
  padding: 5px 0;
  background: #F4F4F4;
}

.equipmentArea01 .equipmentTable01, .equipmentArea02 .equipmentTable01 {
  margin-top: 20px;
  width: 70%;
}

.equipmentArea01 .equipmentTable01 th, .equipmentArea01 .equipmentTable01 td, .equipmentArea02 .equipmentTable01 th, .equipmentArea02 .equipmentTable01 td {
  font-size: 14px;
  width: 20%;
}

.equipmentArea01 .equipmentTable01 td, .equipmentArea02 .equipmentTable01 td {
  padding: 15px 0;
}

.equipmentArea01 .equipmentTable02, .equipmentArea02 .equipmentTable02 {
  margin-top: 20px;
  width: 100%;
}

.equipmentArea01 .equipmentTable02 th, .equipmentArea01 .equipmentTable02 td, .equipmentArea02 .equipmentTable02 th, .equipmentArea02 .equipmentTable02 td {
  font-size: 14px;
  width: 20%;
}

.equipmentArea01 .equipmentTable02 td, .equipmentArea02 .equipmentTable02 td {
  padding: 10px 0;
}

@media screen and (max-width: 1000px) {
  .equipmentArea01 .equipmentTable02 td, .equipmentArea02 .equipmentTable02 td {
    font-size: 11px;
  }
}

.equipmentArea01 .equipmentTable02 .item01, .equipmentArea02 .equipmentTable02 .item01 {
  font-size: 12px;
}

@media screen and (max-width: 1000px) {
  .equipmentArea01 .equipmentTable02 .item01, .equipmentArea02 .equipmentTable02 .item01 {
    font-size: 10px;
  }
}

.equipmentArea01 .equipmentTable02 .item02, .equipmentArea02 .equipmentTable02 .item02 {
  font-size: 13px;
}

@media screen and (max-width: 1000px) {
  .equipmentArea01 .equipmentTable02 .item02, .equipmentArea02 .equipmentTable02 .item02 {
    width: 21%;
    font-size: 10px;
  }
}

.equipmentArea01 .tableArea01, .equipmentArea02 .tableArea01 {
  margin: 45px auto 85px;
}

.equipmentArea01 .scrollBox, .equipmentArea02 .scrollBox {
  margin: 0 0 50px 0;
}

.equipmentArea01 .equipmentTable03, .equipmentArea02 .equipmentTable03 {
  width: 100%;
}

.equipmentArea01 .equipmentTable03 th, .equipmentArea01 .equipmentTable03 td, .equipmentArea02 .equipmentTable03 th, .equipmentArea02 .equipmentTable03 td {
  font-size: 16px;
  width: calc(100%/6);
}

.equipmentArea01 .equipmentTable03 td, .equipmentArea02 .equipmentTable03 td {
  padding: 10px 0;
}

.equipmentArea01 .equipmentTable03 .row01, .equipmentArea02 .equipmentTable03 .row01 {
  border-bottom: 3px solid #DDD;
}

_:-ms-input-placeholder .size, :root .equipmentArea01 .size, .equipmentArea02 .size {
  padding: 5px 30px 0;
}

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

@media screen and (max-width: 767px) and (max-width: 424px) {
  .headingArea {
    background: #EBEDEE url("../images/bg_index01_sp.jpg") no-repeat right -30px center/contain;
  }
}

@media screen and (max-width: 767px) and (max-width: 374px) {
  .headingArea {
    background: #EBEDEE url("../images/bg_index01_sp.jpg") no-repeat right -70px center/contain;
  }
}

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

@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) {
  .equipmentArea01 {
    margin-top: 30px;
  }
  .equipmentArea02 {
    margin-top: 50px;
  }
  .equipmentArea01 .boxArea01, .equipmentArea02 .boxArea01 {
    margin-top: 40px;
  }
  .equipmentArea01 .box02, .equipmentArea02 .box02 {
    width: 100%;
    margin: 30px 0 0 0;
  }
  .equipmentArea01 .box02:nth-child(odd), .equipmentArea02 .box02:nth-child(odd) {
    margin: 30px 0 0 0;
  }
  .equipmentArea01 .subTit, .equipmentArea02 .subTit {
    margin-bottom: 10px;
  }
  .equipmentArea01 .equipmentTable01, .equipmentArea02 .equipmentTable01 {
    width: 100%;
    margin-top: 10px;
  }
  .equipmentArea01 .equipmentTable01 th, .equipmentArea01 .equipmentTable01 td, .equipmentArea02 .equipmentTable01 th, .equipmentArea02 .equipmentTable01 td {
    font-size: 14px;
  }
  .equipmentArea01 .equipmentTable01 .item01, .equipmentArea02 .equipmentTable01 .item01 {
    font-size: 13px;
  }
  .equipmentArea01 .equipmentTable02, .equipmentArea02 .equipmentTable02 {
    margin-top: 10px;
  }
  .equipmentArea01 .equipmentTable02 th, .equipmentArea01 .equipmentTable02 td, .equipmentArea01 .equipmentTable02 .item02, .equipmentArea02 .equipmentTable02 th, .equipmentArea02 .equipmentTable02 td, .equipmentArea02 .equipmentTable02 .item02 {
    font-size: 14px;
  }
  .equipmentArea01 .equipmentTable02 .item01, .equipmentArea02 .equipmentTable02 .item01 {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) and (max-width: 374px) {
  .equipmentArea01 .equipmentTable02 .item02, .equipmentArea02 .equipmentTable02 .item02 {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .equipmentArea01 .tableArea01, .equipmentArea02 .tableArea01 {
    margin: 30px auto 110px;
  }
  .equipmentArea01 .scrollBox, .equipmentArea02 .scrollBox {
    margin: 0 0 20px 0;
  }
  .equipmentArea01 .equipmentTable03, .equipmentArea02 .equipmentTable03 {
    min-width: 550px;
    position: relative;
    z-index: -1;
  }
  .equipmentArea01 .equipmentTable03 th, .equipmentArea01 .equipmentTable03 td, .equipmentArea02 .equipmentTable03 th, .equipmentArea02 .equipmentTable03 td {
    font-size: 14px;
  }
}
