/**
 * Mixin
 */
.sv_sec {
  padding: 30px 0;
}

.sv_box {
  width: 94%;
  max-width: 986px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  padding: 50px 40px;
}
@media only screen and (max-width: 767px) {
  .sv_box {
    padding: 30px 20px;
  }
}
.sv_box h2 {
  text-align: center;
  border-bottom: 3px solid #ccc;
  padding-bottom: 10px;
}
.sv_box h2 span {
  display: block;
  font-weight: normal;
  margin-top: 15px;
}
.sv_box h2 + .sns {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .sv_box h2 + .sns {
    margin-top: 20px;
  }
}
.sv_box .lead {
  font-size: 2.4rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .sv_box .lead {
    font-size: 1.8rem;
  }
}
.sv_box p, .sv_box .img {
  margin: 30px 0 0;
}
@media only screen and (max-width: 767px) {
  .sv_box p, .sv_box .img {
    margin: 20px 0 0;
  }
}
.sv_box .img_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media only screen and (max-width: 767px) {
  .sv_box .img_wrap {
    gap: 20px;
  }
}
.sv_box .img_wrap > img {
  width: calc(50% - 20px);
}
.sv_box .btn {
  margin: 50px auto 0;
  width: 260px;
  max-width: 100%;
  min-height: 70px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #c5c5c5;
  border-radius: 50px;
  color: #fff;
  position: relative;
  overflow: hidden;
  font-size: 2rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .sv_box .btn {
    min-height: 50px;
    margin: 20px auto 0;
    font-size: 1.8rem;
  }
}

.sv_box_sub_header {
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 50px;
}
@media only screen and (max-width: 767px) {
  .sv_box_sub_header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
.sv_box_sub_header h3 {
  font-size: 1.8rem;
  line-height: 1;
}
.sv_box_sub_header h3 span {
  display: block;
  margin-top: 10px;
}
.sv_box_sub_header .sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
}
@media only screen and (max-width: 767px) {
  .sv_box_sub_header .sns {
    gap: 10px;
  }
}

.sv_jump {
  background-color: #d2ecfa;
}
.sv_jump h2 {
  border-color: #28a7e1;
}
.sv_jump h3,
.sv_jump .lead {
  color: #28a7e1;
}
.sv_jump .btn {
  background-color: #28a7e1;
  border: 3px solid #28a7e1;
}

.sv_comecome {
  background-color: #fff0e5;
}
.sv_comecome h2 {
  border-color: #eb6100;
}
.sv_comecome h3,
.sv_comecome .lead {
  color: #eb6100;
}

.sv_sb {
  background-color: #fff5fb;
}
.sv_sb h2 {
  border-color: #e61874;
}
.sv_sb h3,
.sv_sb .lead {
  color: #e61874;
}
.sv_sb .btn {
  background-color: #e61874;
  border: 3px solid #e61874;
}

.lovejets_sec {
  background-color: #e8f9d8;
}
.lovejets_sec h2 {
  border-color: #90c31f;
}
.lovejets_sec h3,
.lovejets_sec .lead {
  color: #90c31f;
}

.sv_footer {
  background-image: url(../img/service/sv_footer_bg.png);
  background-size: cover;
  padding: 50px 3% 80px;
}
.sv_footer .btn {
  max-width: 100%;
  display: table;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff100;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
  font-size: 2rem;
  font-weight: bold;
  padding: 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .sv_footer .btn {
    padding: 10px 20px;
    font-size: 1.6rem;
  }
}
.sv_footer .btn + .btn {
  margin: 30px auto 0;
}