.case {
  overflow: hidden;
}

.case .spbr {
  display: none;
}

@media only screen and (max-width: 767.98px) {
  .case .spbr {
    display: block;
  }
}

.sec1 {
  width: 100%;
  height: 160px;
  background: bottom/cover no-repeat url(../img/bg-ch.png);
  margin: 0 auto 120px;
}

@media only screen and (max-width: 767.98px) {
  .sec1 {
    height: 100px;
    margin: 0 auto 40px;
    background: none;
    position: relative;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec1:before {
    content: "";
    position: absolute;
    left: calc((1100px - 100vw) / -2);
    top: -1000px;
    width: 1100px;
    height: 1100px;
    border-radius: 550px;
    background: linear-gradient(to right, #ff702c 0%, #ffb92d 100%);
    z-index: -4;
  }
}

.sec1 h1 {
  padding: 60px 0 0;
  text-align: center;
  font-size: 3.2rem;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 767.98px) {
  .sec1 h1 {
    font-size: 2.4rem;
    padding: 25px 0 0;
    line-height: 1.2em;
  }
}

@media only screen and (max-width: 373.98px) {
  .sec1 h1 {
    font-size: 1.8rem;
  }
}

.sec2 {
  margin: 0 auto 200px;
}

@media only screen and (min-width: 1400px) {
  .sec2 {
    margin: 0 auto 240px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec2 {
    margin: 0 auto 120px;
  }
}

.sec2 h2 {
  text-align: center;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5em;
  color: #333;
  margin: 0 auto 24px;
}

@media only screen and (max-width: 969.98px) {
  .sec2 h2 {
    font-size: 2.6rem;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec2 h2 {
    font-size: 2.4rem;
    margin: 0 auto 20px;
  }
}

@media only screen and (max-width: 575.98px) {
  .sec2 h2 {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 373.98px) {
  .sec2 h2 {
    font-size: 1.4rem;
  }
}

.sec2 p {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.7em;
  color: #333;
  margin: 0 auto;
}

@media only screen and (max-width: 767.98px) {
  .sec2 p {
    font-size: 1.4rem;
    line-height: 1.7em;
    margin: 0 auto;
    width: calc(100% - 40px);
    max-width: 500px;
  }
}

@media only screen and (max-width: 575.98px) {
  .sec2 p {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 373.98px) {
  .sec2 p {
    font-size: 1.1rem;
    width: calc(100% - 10px);
  }
}

.sec-wrap {
  padding: 0px 0 0;
  position: relative;
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap:before {
    content: "";
    position: absolute;
    border-radius: 1000px;
    background: #f9f6f3;
    z-index: -2;
    width: 1000px;
    height: 1000px;
    left: calc((1000px - 100vw) / -2);
    top: -80px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap:after {
    content: "";
    position: absolute;
    bottom: -80px;
    width: 1000px;
    height: 1000px;
    left: calc((1000px - 100vw) / -2);
    border-radius: 1000px;
    background: #f9f6f3;
    z-index: -2;
  }
}

.sec-wrap .svg1 {
  position: absolute;
  top: -120px;
  left: calc((2000px - 100vw) / -2);
  z-index: -1;
}

@media only screen and (min-width: 1400px) {
  .sec-wrap .svg1 {
    top: -160px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .svg1 {
    display: none;
  }
}

.sec-wrap .svg2 {
  position: absolute;
  bottom: -160px;
  left: calc((2000px - 100vw) / -2);
  z-index: -1;
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .svg2 {
    display: none;
  }
}

.sec-wrap .sec3 {
  background: #f9f6f3;
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec3 {
    padding: 0 0 80px;
  }
}

.sec-wrap .sec3-1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 324px;
  width: 1020px;
  margin: 0 auto;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec3-1 {
    width: 720px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec3-1 {
    flex-direction: column-reverse;
    width: calc(100% - 40px);
    height: initial;
  }
}

.sec-wrap .sec3-1-1 {
  width: 306px;
  margin: 0 -15px 0 0;
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec3-1-1 {
    width: 300px;
    margin: 0 auto;
    text-align: center;
  }
}

.sec-wrap .sec3-1-2 {
  width: 550px;
  margin: 0 127px 0 36px;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec3-1-2 {
    width: 400px;
    margin: 0 0 0 36px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec3-1-2 {
    width: 100%;
    margin: 0 0 30px;
  }
}

.sec-wrap .sec3-1-2 h3 {
  font-size: 2.8rem;
  font-weight: bold;
  color: #333;
  margin: 0 0 47px;
  position: relative;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec3-1-2 h3 {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec3-1-2 h3 {
    font-size: 1.6rem;
    margin: 0 0 30px;
    text-align: center;
  }
}

@media only screen and (max-width: 373.98px) {
  .sec-wrap .sec3-1-2 h3 {
    font-size: 1.4rem;
  }
}

.sec-wrap .sec3-1-2 h3::before {
  content: "";
  position: absolute;
  top: -46px;
  left: -20px;
  width: 94px;
  height: 36px;
  background: top/contain no-repeat url(data:image/png;base64,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);
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec3-1-2 h3::before {
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.sec-wrap .sec3-1-2 h3::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: -60px;
  width: 630px;
  height: 2px;
  background: #eb5505;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec3-1-2 h3::after {
    width: 450px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec3-1-2 h3::after {
    width: 100%;
    left: 0;
    bottom: -10px;
  }
}

.sec-wrap .sec3-1-2 p {
  font-size: 1.4rem;
  font-weight: 500;
  color: #333;
  line-height: 1.7em;
}

.sec-wrap .sec4 {
  background: #f9f6f3;
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec4 {
    padding: 0 0 80px;
  }
}

.sec-wrap .sec4-1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 324px;
  width: 1020px;
  margin: 0 auto;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec4-1 {
    width: 720px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec4-1 {
    flex-direction: column-reverse;
    width: calc(100% - 40px);
    height: initial;
  }
}

.sec-wrap .sec4-1-1 {
  width: 306px;
  margin: 0 -15px 0 127px;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec4-1-1 {
    margin: 0 -15px 0 0px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec4-1-1 {
    width: 300px;
    margin: 0 auto;
    text-align: center;
  }
}

.sec-wrap .sec4-1-2 {
  width: 550px;
  margin: 0 0px 0 36px;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec4-1-2 {
    width: 400px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec4-1-2 {
    width: 100%;
    margin: 0 0 30px;
  }
}

.sec-wrap .sec4-1-2 h3 {
  font-size: 2.8rem;
  font-weight: bold;
  color: #333;
  margin: 0 0 47px;
  position: relative;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec4-1-2 h3 {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec4-1-2 h3 {
    font-size: 1.6rem;
    margin: 0 0 30px;
    text-align: center;
  }
}

@media only screen and (max-width: 373.98px) {
  .sec-wrap .sec4-1-2 h3 {
    font-size: 1.4rem;
  }
}

.sec-wrap .sec4-1-2 h3::before {
  content: "";
  position: absolute;
  top: -46px;
  left: -20px;
  width: 94px;
  height: 36px;
  background: top/contain no-repeat url(data:image/png;base64,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);
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec4-1-2 h3::before {
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.sec-wrap .sec4-1-2 h3::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: -60px;
  width: 600px;
  height: 2px;
  background: #eb5505;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec4-1-2 h3::after {
    width: 450px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec4-1-2 h3::after {
    width: 100%;
    left: 0;
    bottom: -10px;
  }
}

.sec-wrap .sec4-1-2 p {
  font-size: 1.4rem;
  font-weight: 500;
  color: #333;
  line-height: 1.7em;
}

.sec-wrap .sec5 {
  background: #f9f6f3;
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec5 {
    padding: 0 0 80px;
  }
}

.sec-wrap .sec5-1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 324px;
  width: 1020px;
  margin: 0 auto;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec5-1 {
    width: 720px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec5-1 {
    flex-direction: column-reverse;
    width: calc(100% - 40px);
    height: initial;
  }
}

.sec-wrap .sec5-1-1 {
  width: 306px;
  margin: 0 -15px 0 0;
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec5-1-1 {
    width: 300px;
    margin: 0 auto;
    text-align: center;
  }
}

.sec-wrap .sec5-1-2 {
  width: 550px;
  margin: 0 127px 0 36px;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec5-1-2 {
    width: 400px;
    margin: 0 0 0 36px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec5-1-2 {
    width: 100%;
    margin: 0 0 30px;
  }
}

.sec-wrap .sec5-1-2 h3 {
  font-size: 2.8rem;
  font-weight: bold;
  color: #333;
  margin: 0 0 47px;
  position: relative;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec5-1-2 h3 {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec5-1-2 h3 {
    font-size: 1.6rem;
    margin: 0 0 30px;
    text-align: center;
  }
}

@media only screen and (max-width: 373.98px) {
  .sec-wrap .sec5-1-2 h3 {
    font-size: 1.4rem;
  }
}

.sec-wrap .sec5-1-2 h3::before {
  content: "";
  position: absolute;
  top: -46px;
  left: -20px;
  width: 94px;
  height: 36px;
  background: top/contain no-repeat url(data:image/png;base64,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);
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec5-1-2 h3::before {
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.sec-wrap .sec5-1-2 h3::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: -60px;
  width: 600px;
  height: 2px;
  background: #eb5505;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec5-1-2 h3::after {
    width: 450px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec5-1-2 h3::after {
    width: 100%;
    left: 0;
    bottom: -10px;
  }
}

.sec-wrap .sec5-1-2 p {
  font-size: 1.4rem;
  font-weight: 500;
  color: #333;
  line-height: 1.7em;
}

.sec-wrap .sec6 {
  background: #f9f6f3;
}

.sec-wrap .sec6-1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 324px;
  width: 1020px;
  margin: 0 auto;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec6-1 {
    width: 720px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec6-1 {
    flex-direction: column-reverse;
    width: calc(100% - 40px);
    height: initial;
  }
}

.sec-wrap .sec6-1-1 {
  width: 306px;
  margin: 0 -15px 0 127px;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec6-1-1 {
    margin: 0 -15px 0 0px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec6-1-1 {
    width: 300px;
    margin: 0 auto;
    text-align: center;
  }
}

.sec-wrap .sec6-1-2 {
  width: 550px;
  margin: 0 0px 0 36px;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec6-1-2 {
    width: 400px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec6-1-2 {
    width: 100%;
    margin: 0 0 30px;
  }
}

.sec-wrap .sec6-1-2 h3 {
  font-size: 2.8rem;
  font-weight: bold;
  color: #333;
  margin: 0 0 47px;
  position: relative;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec6-1-2 h3 {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec6-1-2 h3 {
    font-size: 1.6rem;
    margin: 0 0 30px;
    text-align: center;
  }
}

@media only screen and (max-width: 373.98px) {
  .sec-wrap .sec6-1-2 h3 {
    font-size: 1.4rem;
  }
}

.sec-wrap .sec6-1-2 h3::before {
  content: "";
  position: absolute;
  top: -46px;
  left: -20px;
  width: 94px;
  height: 36px;
  background: top/contain no-repeat url(data:image/png;base64,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);
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec6-1-2 h3::before {
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.sec-wrap .sec6-1-2 h3::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: -60px;
  width: 600px;
  height: 2px;
  background: #eb5505;
}

@media only screen and (max-width: 1049.98px) {
  .sec-wrap .sec6-1-2 h3::after {
    width: 450px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sec-wrap .sec6-1-2 h3::after {
    width: 100%;
    left: 0;
    bottom: -10px;
  }
}

.sec-wrap .sec6-1-2 p {
  font-size: 1.4rem;
  font-weight: 500;
  color: #333;
  line-height: 1.7em;
}

.sec7 {
  margin: 280px auto 120px;
}

@media only screen and (max-width: 767.98px) {
  .sec7 {
    margin: 140px auto 80px;
  }
}

.sec7-1 {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8em;
  color: #333;
}

@media only screen and (max-width: 767.98px) {
  .sec7-1 {
    font-size: 1.4rem;
    margin: 0 auto;
    width: calc(100% - 40px);
    max-width: 500px;
  }
}

@media only screen and (max-width: 373.98px) {
  .sec7-1 {
    font-size: 1.2rem;
  }
}