.sub-section .section-subNavi h1 {
  color: #a28371;
}

.section-subNavi-m ul li.active {
  border-top: 1px solid #f7941d;
}

.section-subNavi-m ul li.active a {
  color: #f7941d;
}

.section1 {
  padding: 0 20px;
}

.section1 h1 {
  line-height: 1.32;
  letter-spacing: -1.19px;
  color: #666567;
  font-size: 1.667rem;
  margin-bottom: 20px;
}

.section1 h1 span {
  color: #f7941d;
}

.section1 p {
  font-size: 1rem;
  line-height: 1.58;
  letter-spacing: -0.72px;
  color: #666567;
}

@media (min-width: 1206px) {
  .section1 {
    max-width: 1188px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    padding: 0;
  }
  .section1 h1 {
    font-size: 30px;
    line-height: 1.73;
    letter-spacing: -0.9px;
  }
  .section1 p {
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: -0.6px;
  }
  .section1 p {
    margin-top: 29px;
  }
}

.section2 {
  padding: 0 20px;
  margin-bottom: 50px;
  position: relative;
}

.section2 h1 {
  line-height: 1.32;
  letter-spacing: -1.19px;
  color: #666567;
  font-size: 1.667rem;
  margin-bottom: 42px;
}

.section2 h1 span {
  color: #f7941d;
}

.section2 .img {
  padding: 0 20px;
  margin-bottom: 20px;
}

.section2 .img img {
  width: 100%;
}

.section2 ul.list li {
  color: #666567;
  line-height: 1.67;
  font-size: 1rem;
  position: relative;
  padding-left: 10px;
}

.section2 ul.list li::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #000;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 5px;
}

.section2 ul.list li::before {
  position: absolute;
  left: 0;
  top: 10px;
  color: #666567;
}

.section2 .pc-gh {
  display: none;
}

.section2 .pc-gh ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.section2 .pc-gh ul li {
  position: relative;
  width: 160px;
  height: 160px;
  border-radius: 10px;
  background-color: #f7941d;
  margin-right: 33px;
  position: relative;
  display: table;
}

.section2 .pc-gh ul li::before {
  content: '';
  display: inline-block;
  width: 100%;
  border-bottom: 1px dotted #0a9287;
  position: absolute;
  top: 50%;
  left: 100%;
}

.section2 .pc-gh ul li:nth-child(2n) {
  background-color: #d27403;
}

.section2 .pc-gh ul li::before {
  width: 33px;
  border-bottom: 3px dotted #666567;
  left: unset;
  right: -33px;
}

.section2 .pc-gh ul li:last-child {
  margin-right: 0;
}

.section2 .pc-gh ul li:last-child:before {
  display: none;
}

.section2 .pc-gh ul li p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -0.44px;
  font-size: bold;
}

@media (min-width: 1206px) {
  .section2 {
    max-width: 1188px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    padding: 0;
    margin-bottom: 217px;
  }
  .section2 h1 {
    font-size: 30px;
    letter-spacing: -0.9px;
    margin-bottom: 30px;
    line-height: 1;
  }
  .section2 .img {
    display: none;
  }
  .section2 ul.list li {
    font-size: 20px;
    line-height: 2;
  }
  .section2 ul.list li br {
    display: none;
  }
  .section2 ul.list li::before {
    top: 50%;
  }
  .section2 .pc-gh {
    display: block;
    position: absolute;
    bottom: -137px;
    right: 0;
  }
}

.section3 {
  margin-bottom: 50px;
  position: relative;
}

.section3 .img {
  display: none;
}

.section3 h1 {
  padding: 0 20px;
  font-size: 1.167rem;
  line-height: 1.29;
  letter-spacing: -0.56px;
  color: #f7941d;
  margin-bottom: 14px;
}

.section3 ul {
  padding: 0 20px;
}

.section3 ul li {
  color: #333333;
  line-height: 1.67;
  font-size: 1rem;
}

.section3 ul li::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #000;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 5px;
}

@media (min-width: 1206px) {
  .section3 {
    max-width: 1188px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    padding: 0;
    margin-bottom: 91px;
  }
  .section3 .img {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }
  .section3 h1 {
    font-size: 26px;
    line-height: 1.38;
    letter-spacing: -0.52px;
  }
  .section3 ul li {
    font-size: 20px;
    line-height: 2;
  }
  .section3 ul li br {
    display: none;
  }
}

.section4 {
  margin-bottom: 100px;
}

@media (min-width: 1206px) {
  .section4 {
    max-width: 1188px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    padding: 0;
  }
}

.line {
  width: calc(100% - 40px);
  margin: 50px auto;
  border-top: 1px solid #ddd;
}

@media (min-width: 1206px) {
  .line {
    max-width: 1188px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    padding: 0;
    width: 100%;
    display: block;
    margin: 79px auto;
  }
}
/*# sourceMappingURL=misulto.css.map */