.sub-ttl .jp {
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: bold;
  margin-top: 30px;
}
@media screen and (max-width: 1900px) {
  .sub-ttl .jp {
    margin-top: 30rem;
  }
}
.sub-ttl .jp::before {
  content: "";
  width: 25px;
  height: 3px;
  background-color: #fff;
  rotate: -45deg;
  display: inline-block;
}
@media screen and (max-width: 1900px) {
  .sub-ttl .jp::before {
    width: 25rem;
  }
}
.sub-ttl .jp span {
  margin-left: 20px;
  line-height: 1;
}
@media screen and (max-width: 1900px) {
  .sub-ttl .jp span {
    margin-left: 20rem;
  }
}
.sub-ttl .jp.c-blue {
  color: #00488E;
}
.sub-ttl .jp.c-blue::before {
  background-color: #00488E;
}
.sub-ttl .en {
  font-size: 38rem;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .sub-ttl .en {
    font-size: 32rem;
  }
}

.s_a_fv {
  position: relative;
  z-index: 5;
  background: url("/wp-content/themes/one-seight/assets/imgs/top/fv_bk_1.png") no-repeat top center;
  background-position: top;
  background-size: cover;
}
.s_a_fv .sec-contain {
  padding: 0 30px;
  padding-top: 430px;
}
@media screen and (max-width: 1900px) {
  .s_a_fv .sec-contain {
    padding: 0 30rem;
    padding-top: 430rem;
  }
}
@media screen and (max-width: 768px) {
  .s_a_fv .sec-contain {
    padding-top: 190rem;
  }
}
.s_a_fv .sec-contain h5 {
  margin-top: 70px;
}
@media screen and (max-width: 1900px) {
  .s_a_fv .sec-contain h5 {
    margin-top: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .s_a_fv .sec-contain h5 {
    margin-top: 40rem;
    font-size: 24rem;
  }
}
.s_a_fv .img {
  width: 88.1944444444%;
  margin-top: -70px;
  transform: translateY(140px);
}
@media screen and (max-width: 1900px) {
  .s_a_fv .img {
    margin-top: -70rem;
    transform: translateY(140rem);
  }
}
@media screen and (max-width: 768px) {
  .s_a_fv .img {
    transform: translateY(70rem);
    margin-top: -20rem;
  }
}

.company-intro {
  margin-top: 140px;
}
@media screen and (max-width: 1900px) {
  .company-intro {
    margin-top: 140rem;
  }
}
@media screen and (max-width: 768px) {
  .company-intro {
    margin-top: 50rem;
  }
}
.company-intro .sec-contain p.f-18 {
  width: 100%;
  padding: 0 25px;
}
@media screen and (max-width: 1900px) {
  .company-intro .sec-contain p.f-18 {
    padding: 0 25rem;
  }
}
@media screen and (max-width: 768px) {
  .company-intro .sec-contain p.f-18 {
    padding: 0;
    text-align: center;
  }
}
.company-intro .sec-contain h6.framed {
  width: 720px;
  padding: 5px;
  margin: auto;
  margin-top: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00488E;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 1900px) {
  .company-intro .sec-contain h6.framed {
    width: 720rem;
    padding: 5rem;
    margin-top: 130rem;
  }
}
@media screen and (max-width: 768px) {
  .company-intro .sec-contain h6.framed {
    margin-top: 60rem;
    width: 100%;
    padding: 25rem;
    text-align: center;
  }
}
.company-intro .sec-contain h5 {
  margin: 50px auto;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  font-size: 26px;
  line-height: 1;
}
@media screen and (max-width: 1900px) {
  .company-intro .sec-contain h5 {
    margin: 50rem auto;
    font-size: 26rem;
  }
}
@media screen and (max-width: 768px) {
  .company-intro .sec-contain h5 {
    font-size: 16rem;
    margin: auto;
    margin-top: 50rem;
    text-align: center;
  }
}
.company-intro .sec-contain .company-intro-txt {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .company-intro .sec-contain .company-intro-txt {
    margin-top: 40rem;
    font-size: 12rem;
    line-height: 2;
  }
}
.company-intro .sec-contain .add {
  display: none;
}
@media screen and (max-width: 768px) {
  .company-intro .sec-contain .add {
    display: block;
    text-align: center;
    margin-top: 20rem;
  }
}

.company-mission {
  background-color: #00488E;
  border-top-left-radius: 200px;
}
@media screen and (max-width: 1900px) {
  .company-mission {
    border-top-left-radius: 200rem;
  }
}
@media screen and (max-width: 768px) {
  .company-mission {
    border-top-left-radius: 50rem;
  }
}
.company-mission h2 {
  font-size: 160px;
  line-height: 1;
  font-weight: bold;
  position: absolute;
  top: 50px;
  right: 0;
  opacity: 0.1;
  color: #fff;
}
@media screen and (max-width: 1900px) {
  .company-mission h2 {
    font-size: 160rem;
    top: 50rem;
  }
}
@media screen and (max-width: 768px) {
  .company-mission h2 {
    font-size: 50rem;
    top: 30rem;
  }
}
.company-mission .sec-contain .company-mission-inner {
  padding-left: 360px;
  padding-right: 40px;
  margin-top: 25px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 1900px) {
  .company-mission .sec-contain .company-mission-inner {
    padding-left: 360rem;
    padding-right: 40rem;
    margin-top: 25rem;
    gap: 30rem;
  }
}
@media screen and (max-width: 768px) {
  .company-mission .sec-contain .company-mission-inner {
    padding: 0;
    margin-top: 50rem;
  }
}
.company-mission .sec-contain .company-mission-inner * {
  text-align: center;
}
.company-mission .sec-contain .company-mission-inner h4 {
  font-size: 38px;
  font-weight: bold;
  padding-bottom: 20px;
  text-align: center;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1900px) {
  .company-mission .sec-contain .company-mission-inner h4 {
    font-size: 38rem;
    padding-bottom: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .company-mission .sec-contain .company-mission-inner h4 {
    font-size: 24rem;
    padding-bottom: 35rem;
  }
}
.company-mission .sec-contain .company-mission-inner h5 {
  font-size: 25px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 1900px) {
  .company-mission .sec-contain .company-mission-inner h5 {
    font-size: 25rem;
  }
}
@media screen and (max-width: 768px) {
  .company-mission .sec-contain .company-mission-inner h5 {
    font-size: 12rem;
  }
}
.company-mission .sec-contain .company-mission-inner h6 span {
  font-size: 35px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 1900px) {
  .company-mission .sec-contain .company-mission-inner h6 span {
    font-size: 35rem;
  }
}
@media screen and (max-width: 768px) {
  .company-mission .sec-contain .company-mission-inner h6 span {
    font-size: 12rem;
  }
}
@media screen and (max-width: 768px) {
  .company-mission .sec-contain .company-mission-inner p {
    font-size: 12rem;
  }
}

.greeting .sec-contain .sec-title {
  padding: 0 40px;
}
@media screen and (max-width: 1900px) {
  .greeting .sec-contain .sec-title {
    padding: 0 40rem;
  }
}
@media screen and (max-width: 768px) {
  .greeting .sec-contain .sec-title {
    padding: 0;
  }
}
.greeting .sec-contain h5 {
  text-align: center;
  margin-top: 70px;
}
@media screen and (max-width: 1900px) {
  .greeting .sec-contain h5 {
    margin-top: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .greeting .sec-contain h5 {
    margin-top: 50rem;
    text-align: left;
  }
}
.greeting .sec-contain .img-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .greeting .sec-contain .img-sp {
    display: block;
    width: 100%;
    margin-top: 50rem;
  }
}
.greeting .sec-contain .greeting-content {
  margin-top: 70px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 80px;
}
@media screen and (max-width: 1900px) {
  .greeting .sec-contain .greeting-content {
    margin-top: 70rem;
    padding: 0 80rem;
  }
}
@media screen and (max-width: 768px) {
  .greeting .sec-contain .greeting-content {
    margin-top: 50rem;
    display: block;
    padding: 0;
  }
}
.greeting .sec-contain .greeting-content p {
  width: 530px;
  font-size: 17px;
  line-height: 2.5;
}
@media screen and (max-width: 1900px) {
  .greeting .sec-contain .greeting-content p {
    width: 530rem;
    font-size: 17rem;
  }
}
@media screen and (max-width: 768px) {
  .greeting .sec-contain .greeting-content p {
    width: 100%;
    font-size: 12rem;
  }
}
.greeting .sec-contain .greeting-content .img-pc {
  width: 462px;
}
@media screen and (max-width: 1900px) {
  .greeting .sec-contain .greeting-content .img-pc {
    width: 462rem;
  }
}
@media screen and (max-width: 768px) {
  .greeting .sec-contain .greeting-content .img-pc {
    display: none;
  }
}

.company-info {
  background-color: #00488E;
  border-top-left-radius: 200px;
  border-bottom-right-radius: 200px;
}
@media screen and (max-width: 1900px) {
  .company-info {
    border-top-left-radius: 200rem;
    border-bottom-right-radius: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .company-info {
    border-top-left-radius: 50rem;
    border-bottom-right-radius: 50rem;
  }
}
.company-info .sec-contain .sec-title {
  padding: 0 40px;
}
@media screen and (max-width: 1900px) {
  .company-info .sec-contain .sec-title {
    padding: 0 40rem;
  }
}
@media screen and (max-width: 768px) {
  .company-info .sec-contain .sec-title {
    padding: 0;
  }
}
.company-info .sec-contain .company-info-txt {
  width: 900px;
  margin: auto;
  margin-top: 70px;
  padding: 100px;
  background-color: #fff;
}
@media screen and (max-width: 1900px) {
  .company-info .sec-contain .company-info-txt {
    width: 900rem;
    margin-top: 70rem;
    padding: 100rem;
  }
}
@media screen and (max-width: 768px) {
  .company-info .sec-contain .company-info-txt {
    width: 100%;
    padding: 45rem 25rem;
    margin-top: 50rem;
  }
}
.company-info .sec-contain .company-info-txt .company-info-line {
  width: 100%;
  padding: 25px 0;
  border-bottom: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .company-info .sec-contain .company-info-txt .company-info-line {
    display: block;
  }
}
.company-info .sec-contain .company-info-txt .company-info-line:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.company-info .sec-contain .company-info-txt .company-info-line:first-child {
  padding-top: 0;
}
.company-info .sec-contain .company-info-txt .company-info-line h6 {
  font-size: 21px;
  line-height: 1;
  font-weight: bold;
  width: 215px;
}
@media screen and (max-width: 1900px) {
  .company-info .sec-contain .company-info-txt .company-info-line h6 {
    width: 215rem;
    font-size: 21rem;
  }
}
@media screen and (max-width: 768px) {
  .company-info .sec-contain .company-info-txt .company-info-line h6 {
    width: 100%;
    font-size: 16rem;
  }
}
.company-info .sec-contain .company-info-txt .company-info-line p {
  width: calc(100% - 215px);
  font-size: 18px;
  line-height: 1;
}
@media screen and (max-width: 1900px) {
  .company-info .sec-contain .company-info-txt .company-info-line p {
    width: calc(100% - 215rem);
    font-size: 18rem;
  }
}
@media screen and (max-width: 768px) {
  .company-info .sec-contain .company-info-txt .company-info-line p {
    width: 100%;
    margin-top: 20rem;
    font-size: 13rem;
  }
}

.future .sec-contain .sec-title {
  padding: 0 40px;
}
@media screen and (max-width: 1900px) {
  .future .sec-contain .sec-title {
    padding: 0 40rem;
  }
}
@media screen and (max-width: 768px) {
  .future .sec-contain .sec-title {
    padding: 0;
  }
}
.future .sec-contain .future-content {
  width: 680px;
  margin: auto;
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
@media screen and (max-width: 1900px) {
  .future .sec-contain .future-content {
    margin-top: 70rem;
    width: 680rem;
    gap: 50rem;
  }
}
@media screen and (max-width: 768px) {
  .future .sec-contain .future-content {
    width: 100%;
    margin-top: 50rem;
    gap: 30rem;
  }
}
.future .sec-contain .future-content * {
  text-align: center;
}
.future .sec-contain .future-content h5 {
  font-size: 25px;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (max-width: 1900px) {
  .future .sec-contain .future-content h5 {
    font-size: 25rem;
  }
}
@media screen and (max-width: 768px) {
  .future .sec-contain .future-content h5 {
    font-size: 18rem;
  }
}
@media screen and (max-width: 768px) {
  .future .sec-contain .future-content .btn-div {
    width: 100%;
  }
}
.future .sec-contain .future-content .btn-div .btn-round {
  width: 553px;
}
@media screen and (max-width: 1900px) {
  .future .sec-contain .future-content .btn-div .btn-round {
    width: 553rem;
  }
}
@media screen and (max-width: 768px) {
  .future .sec-contain .future-content .btn-div .btn-round {
    width: 100%;
  }
  .future .sec-contain .future-content .btn-div .btn-round span {
    font-size: 16rem;
    text-align: left;
  }
}

.s_s_fv {
  position: relative;
  z-index: 5;
  background: url("../imgs/top/fv_bk_1.png") no-repeat top center;
  background-position: top;
  background-size: cover;
  padding-bottom: 340px;
}
@media screen and (max-width: 1900px) {
  .s_s_fv {
    padding-bottom: 340rem;
  }
}
@media screen and (max-width: 768px) {
  .s_s_fv {
    padding-bottom: 110rem;
  }
}
.s_s_fv .sec-contain {
  padding: 0 40px;
}
@media screen and (max-width: 1900px) {
  .s_s_fv .sec-contain {
    padding: 0 40rem;
  }
}
@media screen and (max-width: 768px) {
  .s_s_fv .sec-contain {
    padding: 0;
  }
}
.s_s_fv .sec-contain h3 {
  font-size: 38px;
  line-height: 1;
  font-weight: bold;
  padding-top: 367px;
}
@media screen and (max-width: 1900px) {
  .s_s_fv .sec-contain h3 {
    font-size: 38rem;
    padding-top: 367rem;
  }
}
@media screen and (max-width: 768px) {
  .s_s_fv .sec-contain h3 {
    font-size: 23rem;
    padding-top: 190rem;
    padding-left: 30rem;
  }
}
.s_s_fv .sec-contain h3 span {
  display: inline-block;
}
.s_s_fv .sec-contain h5 {
  margin-top: 50px;
  font-weight: bold;
}
@media screen and (max-width: 1900px) {
  .s_s_fv .sec-contain h5 {
    margin-top: 50rem;
  }
}
@media screen and (max-width: 768px) {
  .s_s_fv .sec-contain h5 {
    padding: 0 30rem;
  }
}
.s_s_fv .sec-contain h6 {
  margin-top: 30px;
}
@media screen and (max-width: 1900px) {
  .s_s_fv .sec-contain h6 {
    margin-top: 30rem;
  }
}
@media screen and (max-width: 768px) {
  .s_s_fv .sec-contain h6 {
    margin-top: 40rem;
    width: 345rem;
    background-color: #00488E;
    color: #fff;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
    padding: 22rem;
    padding-left: 30rem;
    font-size: 12rem;
    line-height: 2;
  }
}
.s_s_fv .sec-contain p {
  margin-top: 30px;
}
@media screen and (max-width: 1900px) {
  .s_s_fv .sec-contain p {
    margin-top: 30rem;
  }
}
@media screen and (max-width: 768px) {
  .s_s_fv .sec-contain p {
    margin-top: 40rem;
    padding: 0 30rem;
  }
}
.s_s_fv .sec-contain .fv-sub-img {
  width: 576px;
  position: absolute;
  z-index: -1;
  top: 150px;
  right: 20px;
}
@media screen and (max-width: 1900px) {
  .s_s_fv .sec-contain .fv-sub-img {
    width: 576rem;
    top: 150rem;
    right: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .s_s_fv .sec-contain .fv-sub-img {
    width: 240rem;
    top: 83rem;
    right: 0;
  }
}

.concept {
  background: none;
  background-color: #fff;
  background-size: cover;
  background-position: center;
  border-top-left-radius: 200px;
  border-bottom-right-radius: 200px;
  margin-top: -200px;
  padding: 140px 0;
}
@media screen and (max-width: 1900px) {
  .concept {
    border-top-left-radius: 200rem;
    border-bottom-right-radius: 200rem;
    margin-top: -200rem;
    padding: 140rem 0;
  }
}
@media screen and (max-width: 768px) {
  .concept {
    border-top-left-radius: 50rem;
    border-bottom-right-radius: 50rem;
    margin-top: -50rem;
    padding: 60rem 30rem;
    background-size: cover;
    background-position: center;
  }
}
.concept.meo {
  background: none;
  background-color: #fff;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .concept.meo {
    background-size: cover;
    background-position: center;
  }
}
.concept.seo {
  background: none;
  background-size: cover;
  background-position: center;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .concept.seo {
    background-size: cover;
    background-position: center;
  }
}
.concept.insta {
  background: none;
  background-color: #fff;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .concept.insta {
    background-size: cover;
    background-position: center;
  }
}
.concept.insta .f-16 {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .concept.insta .f-16 {
    margin-top: 50rem;
  }
}
.concept.insta .f-16.sub {
  margin-top: 20rem;
}
@media screen and (max-width: 768px) {
  .concept.insta .f-16.sub {
    margin-top: 10rem;
  }
}
.concept.ppc {
  background: none;
  background-color: #fff;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .concept.ppc {
    background-size: cover;
    background-position: center;
  }
}
.concept .sec-contain {
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1900px) {
  .concept .sec-contain {
    width: 1000rem;
  }
}
@media screen and (max-width: 768px) {
  .concept .sec-contain {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .concept .sec-contain .concept-title {
    color: #00488E;
  }
}
.concept .sec-contain .concept-title span {
  display: inline-block;
}
.concept .sec-contain .f-16 {
  margin-top: 20rem;
}
@media screen and (max-width: 768px) {
  .concept .sec-contain .f-16 {
    margin-top: 10rem;
  }
}
.concept .sec-contain .concept-inner {
  width: 750px;
  margin-top: 44px;
}
@media screen and (max-width: 1900px) {
  .concept .sec-contain .concept-inner {
    width: 750rem;
    margin-top: 44rem;
  }
}
@media screen and (max-width: 768px) {
  .concept .sec-contain .concept-inner {
    width: 100%;
  }
}
.concept .sec-contain .concept-inner h6 {
  width: -moz-fit-content;
  width: fit-content;
  color: #00488E;
  margin-bottom: 15px;
}
@media screen and (max-width: 1900px) {
  .concept .sec-contain .concept-inner h6 {
    margin-bottom: 15rem;
  }
}
.concept .sec-contain .concept-inner p {
  padding-left: 50px;
  color: #000;
  margin-bottom: 20px;
}
.concept .sec-contain .concept-inner p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1900px) {
  .concept .sec-contain .concept-inner p {
    padding-left: 50rem;
    margin-bottom: 25rem;
  }
}
@media screen and (max-width: 768px) {
  .concept .sec-contain .concept-inner p {
    padding-left: 10rem;
    font-size: 12rem;
  }
}
.concept .sec-contain .concept-inner.insta p {
  position: relative;
}
@media screen and (max-width: 768px) {
  .concept .sec-contain .concept-inner.insta p {
    padding-left: 34rem;
  }
}
.concept .sec-contain .concept-inner.insta p span {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background-color: #fff;
  position: absolute;
  top: 10%;
  left: 0;
  transform: translateX(50%);
}
@media screen and (max-width: 1900px) {
  .concept .sec-contain .concept-inner.insta p span {
    width: 18rem;
    height: 18rem;
  }
}
@media screen and (max-width: 768px) {
  .concept .sec-contain .concept-inner.insta p span {
    width: 12rem;
    height: 12rem;
  }
}

.strengths {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .strengths {
    padding: 60rem 0;
  }
}
.strengths .container .sec-title {
  padding-left: 160px;
}
@media screen and (max-width: 1900px) {
  .strengths .container .sec-title {
    padding-left: 160rem;
  }
}
@media screen and (max-width: 768px) {
  .strengths .container .sec-title {
    padding: 0 30rem;
  }
}
.strengths .container .sec-title p {
  margin-top: 20px;
}
@media screen and (max-width: 1900px) {
  .strengths .container .sec-title p {
    margin-top: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .strengths .container .sec-title p {
    margin-top: 50rem;
  }
}
.strengths .container .strengths-box-left {
  width: 1140px;
  position: relative;
  margin: auto;
  margin-left: 0;
  margin-top: 40px;
  padding: 60px 200px 60px 150px;
  background-color: rgba(0, 72, 142, 0.0509803922);
}
.strengths .container .strengths-box-left:first-child {
  margin-top: 80px;
}
@media screen and (max-width: 1900px) {
  .strengths .container .strengths-box-left:first-child {
    margin-top: 80rem;
  }
}
@media screen and (max-width: 768px) {
  .strengths .container .strengths-box-left:first-child {
    margin-top: 70rem;
  }
}
@media screen and (max-width: 1900px) {
  .strengths .container .strengths-box-left {
    width: 1140rem;
    padding: 60rem 200rem 60rem 150rem;
    margin-top: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .strengths .container .strengths-box-left {
    width: 340rem;
    padding: 40rem 35rem;
    border-top-left-radius: 40rem;
    border-bottom-left-radius: 40rem;
    margin: auto;
    margin-top: 40rem;
    margin-right: 0;
  }
}
.strengths .container .strengths-box-left .sign {
  width: 130px;
  height: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #00488E;
  border-radius: 999px;
  position: absolute;
  top: -20px;
  right: -20px;
}
@media screen and (max-width: 1900px) {
  .strengths .container .strengths-box-left .sign {
    width: 130rem;
    height: 130rem;
    top: -20rem;
    right: -20rem;
  }
}
@media screen and (max-width: 768px) {
  .strengths .container .strengths-box-left .sign {
    width: 50rem;
    height: 50rem;
    top: 50%;
    left: -25rem;
    right: unset;
    transform: translateY(-50%);
  }
}
.strengths .container .strengths-box-left .sign .en {
  display: block;
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 1900px) {
  .strengths .container .strengths-box-left .sign .en {
    font-size: 24rem;
  }
}
@media screen and (max-width: 768px) {
  .strengths .container .strengths-box-left .sign .en {
    font-size: 9rem;
  }
}
.strengths .container .strengths-box-left .sign .num {
  display: block;
  font-size: 40px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 1900px) {
  .strengths .container .strengths-box-left .sign .num {
    font-size: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .strengths .container .strengths-box-left .sign .num {
    font-size: 20rem;
  }
}
.strengths .container .strengths-box-left p.f-16 {
  margin-top: 40px;
  letter-spacing: 1px;
}
@media screen and (max-width: 1900px) {
  .strengths .container .strengths-box-left p.f-16 {
    margin-top: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .strengths .container .strengths-box-left p.f-16 {
    margin-top: 20rem;
    font-size: 12rem;
    letter-spacing: 0;
    line-height: 2;
  }
}
.strengths .container .strengths-box-right {
  width: 1140px;
  position: relative;
  margin: auto;
  margin-right: 0;
  margin-top: 40px;
  padding: 60px 150px 60px 200px;
  background-color: rgba(0, 72, 142, 0.0509803922);
}
.strengths .container .strengths-box-right:first-child {
  margin-top: 80px;
}
@media screen and (max-width: 1900px) {
  .strengths .container .strengths-box-right:first-child {
    margin-top: 80rem;
  }
}
@media screen and (max-width: 1900px) {
  .strengths .container .strengths-box-right {
    width: 1140rem;
    padding: 60rem 150rem 60rem 200rem;
    margin-top: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .strengths .container .strengths-box-right {
    width: 340rem;
    padding: 40rem 35rem;
    border-top-right-radius: 40rem;
    border-bottom-right-radius: 40rem;
    margin: auto;
    margin-top: 40rem;
    margin-left: 0;
  }
}
.strengths .container .strengths-box-right .sign {
  width: 130px;
  height: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #00488E;
  border-radius: 999px;
  position: absolute;
  top: -20px;
  left: -20px;
}
@media screen and (max-width: 1900px) {
  .strengths .container .strengths-box-right .sign {
    width: 130rem;
    height: 130rem;
    top: -20rem;
    left: -20rem;
  }
}
@media screen and (max-width: 768px) {
  .strengths .container .strengths-box-right .sign {
    width: 50rem;
    height: 50rem;
    top: 50%;
    right: -25rem;
    left: unset;
    transform: translateY(-50%);
  }
}
.strengths .container .strengths-box-right .sign .en {
  display: block;
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 1900px) {
  .strengths .container .strengths-box-right .sign .en {
    font-size: 24rem;
  }
}
@media screen and (max-width: 768px) {
  .strengths .container .strengths-box-right .sign .en {
    font-size: 9rem;
  }
}
.strengths .container .strengths-box-right .sign .num {
  display: block;
  font-size: 40px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 1900px) {
  .strengths .container .strengths-box-right .sign .num {
    font-size: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .strengths .container .strengths-box-right .sign .num {
    font-size: 20rem;
  }
}
.strengths .container .strengths-box-right p.f-16 {
  margin-top: 40px;
  letter-spacing: 1px;
}
@media screen and (max-width: 1900px) {
  .strengths .container .strengths-box-right p.f-16 {
    margin-top: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .strengths .container .strengths-box-right p.f-16 {
    margin-top: 20rem;
    font-size: 12rem;
    letter-spacing: 0;
    line-height: 2;
  }
}

.example {
  padding-bottom: 0;
}
.example.seo {
  padding-bottom: 140px;
}
@media screen and (max-width: 1900px) {
  .example.seo {
    padding-bottom: 140rem;
  }
}
@media screen and (max-width: 768px) {
  .example.seo {
    padding-bottom: 60rem;
  }
}
@media screen and (max-width: 768px) {
  .example {
    padding: 60rem 20rem;
  }
}
.example .sec-contain .sec-title {
  padding: 0 40px;
}
@media screen and (max-width: 1900px) {
  .example .sec-contain .sec-title {
    padding: 0 40rem;
  }
}
@media screen and (max-width: 768px) {
  .example .sec-contain .sec-title {
    padding: 0 10rem;
  }
}
.example .sec-contain .example-boxes {
  width: 1040px;
  margin: auto;
  margin-top: 70px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media screen and (max-width: 1900px) {
  .example .sec-contain .example-boxes {
    width: 1040rem;
    margin-top: 70rem;
    gap: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .example .sec-contain .example-boxes {
    margin-top: 50rem;
    grid-template-columns: 1fr;
    align-items: stretch;
    justify-content: center;
    gap: 40rem;
    width: 100%;
  }
}
.example .sec-contain .example-boxes .example-box {
  background: url("../imgs/hp/example-bg.png") no-repeat center center;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .example .sec-contain .example-boxes .example-box {
    padding: 30rem 20rem;
  }
}
.example .sec-contain .example-boxes .example-box h5 {
  width: 162px;
  margin-top: 25px;
  padding: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00488E;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
}
@media screen and (max-width: 1900px) {
  .example .sec-contain .example-boxes .example-box h5 {
    width: 162rem;
    padding: 13rem;
    margin-top: 25rem;
    font-size: 24rem;
  }
}
@media screen and (max-width: 768px) {
  .example .sec-contain .example-boxes .example-box h5 {
    width: 90rem;
    padding: 5rem;
    margin-top: 20rem;
  }
}
.example .sec-contain .example-boxes .example-box h6 {
  text-align: center;
  margin-top: 30px;
}
@media screen and (max-width: 1900px) {
  .example .sec-contain .example-boxes .example-box h6 {
    margin-top: 30rem;
  }
}
@media screen and (max-width: 768px) {
  .example .sec-contain .example-boxes .example-box h6 {
    font-size: 21rem;
    text-align: left;
    margin-top: 25rem;
  }
}
.example .sec-contain .example-boxes .example-box .example-box-inner {
  width: 420px;
  margin: 30px auto;
}
@media screen and (max-width: 1900px) {
  .example .sec-contain .example-boxes .example-box .example-box-inner {
    width: 420rem;
    margin: 30rem auto;
  }
}
@media screen and (max-width: 768px) {
  .example .sec-contain .example-boxes .example-box .example-box-inner {
    width: 100%;
    margin-top: 20rem;
    margin-bottom: 0;
  }
}
.example .sec-contain .example-boxes .example-box .example-box-inner .example-box-line {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 15px 0;
}
@media screen and (max-width: 1900px) {
  .example .sec-contain .example-boxes .example-box .example-box-inner .example-box-line {
    padding: 15rem 0;
  }
}
@media screen and (max-width: 768px) {
  .example .sec-contain .example-boxes .example-box .example-box-inner .example-box-line {
    flex-direction: column;
  }
}
.example .sec-contain .example-boxes .example-box .example-box-inner .example-box-line:first-child {
  border-bottom: 1px solid #000;
  padding-top: 0;
}
.example .sec-contain .example-boxes .example-box .example-box-inner .example-box-line p:first-child {
  width: 95px;
}
@media screen and (max-width: 1900px) {
  .example .sec-contain .example-boxes .example-box .example-box-inner .example-box-line p:first-child {
    width: 95rem;
  }
}
@media screen and (max-width: 768px) {
  .example .sec-contain .example-boxes .example-box .example-box-inner .example-box-line p:first-child {
    width: 100%;
  }
}
.example .sec-contain .example-boxes .example-box .example-box-inner .example-box-line p:nth-child(2) {
  width: calc(100% - 95px);
}
@media screen and (max-width: 1900px) {
  .example .sec-contain .example-boxes .example-box .example-box-inner .example-box-line p:nth-child(2) {
    width: calc(100% - 95rem);
  }
}
@media screen and (max-width: 768px) {
  .example .sec-contain .example-boxes .example-box .example-box-inner .example-box-line p:nth-child(2) {
    width: 100%;
    padding-left: 20rem;
    margin-top: 10rem;
  }
}

.effect {
  padding-bottom: 0;
}
.effect.meo, .effect.insta, .effect.ppc {
  padding-bottom: 140px;
}
@media screen and (max-width: 1900px) {
  .effect.meo, .effect.insta, .effect.ppc {
    padding-bottom: 140rem;
  }
}
@media screen and (max-width: 768px) {
  .effect.meo, .effect.insta, .effect.ppc {
    padding-bottom: 60rem;
  }
}
.effect .sec-contain .sec-title {
  margin-left: 40px;
}
@media screen and (max-width: 1900px) {
  .effect .sec-contain .sec-title {
    margin-left: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .effect .sec-contain .sec-title {
    margin-left: 0;
  }
}
.effect .sec-contain .effect-img {
  width: 500px;
  position: absolute;
  top: 10px;
  right: 0;
}
@media screen and (max-width: 768px) {
  .effect .sec-contain .effect-img {
    width: 100%;
    position: relative;
    top: unset;
    margin-top: 40rem;
  }
}
.effect .sec-contain .effect-inner {
  margin-left: 40px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1900px) {
  .effect .sec-contain .effect-inner {
    margin-left: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .effect .sec-contain .effect-inner {
    margin-left: 0;
  }
}
.effect .sec-contain .effect-inner.ppc .effect-inner-line p {
  margin-left: 0;
}
.effect .sec-contain .effect-inner .effect-inner-line {
  margin-top: 20px;
}
@media screen and (max-width: 1900px) {
  .effect .sec-contain .effect-inner .effect-inner-line {
    margin-top: 20rem;
  }
}
.effect .sec-contain .effect-inner .effect-inner-line:first-child {
  margin-top: 40px;
}
@media screen and (max-width: 1900px) {
  .effect .sec-contain .effect-inner .effect-inner-line:first-child {
    margin-top: 40rem;
  }
}
.effect .sec-contain .effect-inner .effect-inner-line h6 .txt {
  padding-bottom: 3px;
  margin-left: 10px;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 1900px) {
  .effect .sec-contain .effect-inner .effect-inner-line h6 .txt {
    margin-left: 10rem;
  }
}
.effect .sec-contain .effect-inner .effect-inner-line p {
  margin-top: 10px;
  margin-left: 85px;
}
@media screen and (max-width: 1900px) {
  .effect .sec-contain .effect-inner .effect-inner-line p {
    margin-top: 10rem;
    margin-left: 85rem;
  }
}
@media screen and (max-width: 768px) {
  .effect .sec-contain .effect-inner .effect-inner-line p {
    margin-left: 40rem;
  }
}

.process .sec-contain .sec-title {
  padding: 0 40px;
}
@media screen and (max-width: 1900px) {
  .process .sec-contain .sec-title {
    padding: 0 40rem;
  }
}
@media screen and (max-width: 768px) {
  .process .sec-contain .sec-title {
    padding: 0;
  }
}
.process .sec-contain .process-content {
  width: 730px;
  margin: auto;
  margin-top: 70px;
}
@media screen and (max-width: 1900px) {
  .process .sec-contain .process-content {
    width: 730rem;
    margin-top: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .process .sec-contain .process-content {
    width: 100%;
    margin-top: 50rem;
  }
}

.reason {
  background-color: #00488E;
  border-top-left-radius: 200px;
}
@media screen and (max-width: 1900px) {
  .reason {
    border-top-left-radius: 200rem;
  }
}
@media screen and (max-width: 768px) {
  .reason {
    border-top-left-radius: 50rem;
  }
}
.reason .sec-contain .sec-title {
  padding: 0 40px;
}
@media screen and (max-width: 1900px) {
  .reason .sec-contain .sec-title {
    padding: 0 40rem;
  }
}
@media screen and (max-width: 768px) {
  .reason .sec-contain .sec-title {
    padding: 0;
  }
}
.reason .sec-contain .reason-boxes {
  width: 1040px;
  margin: auto;
  margin-top: 70px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1900px) {
  .reason .sec-contain .reason-boxes {
    width: 1040rem;
    margin-top: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .reason .sec-contain .reason-boxes {
    width: 100%;
    grid-template-columns: 1fr;
    margin-top: 50rem;
  }
}
.reason .sec-contain .reason-boxes .reason-box {
  position: relative;
  padding: 70px 0;
}
@media screen and (max-width: 1900px) {
  .reason .sec-contain .reason-boxes .reason-box {
    padding: 70rem 0;
  }
}
@media screen and (max-width: 768px) {
  .reason .sec-contain .reason-boxes .reason-box {
    padding: 50rem 0 !important;
    border-bottom: 1px solid #fff;
  }
}
.reason .sec-contain .reason-boxes .reason-box:nth-child(even) {
  padding-left: 60px;
}
.reason .sec-contain .reason-boxes .reason-box:nth-child(even) h2 {
  left: 20px;
}
@media screen and (max-width: 1900px) {
  .reason .sec-contain .reason-boxes .reason-box:nth-child(even) h2 {
    left: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .reason .sec-contain .reason-boxes .reason-box:nth-child(even) h2 {
    left: unset;
    right: -30rem;
  }
}
@media screen and (max-width: 1900px) {
  .reason .sec-contain .reason-boxes .reason-box:nth-child(even) {
    padding-left: 60rem;
  }
}
.reason .sec-contain .reason-boxes .reason-box:nth-child(odd) {
  padding-right: 60px;
  border-right: 1px solid #fff;
}
@media screen and (max-width: 1900px) {
  .reason .sec-contain .reason-boxes .reason-box:nth-child(odd) {
    padding-right: 60rem;
  }
}
@media screen and (max-width: 768px) {
  .reason .sec-contain .reason-boxes .reason-box:nth-child(odd) {
    border-right: none;
  }
}
.reason .sec-contain .reason-boxes .reason-box:first-child, .reason .sec-contain .reason-boxes .reason-box:nth-child(2) {
  border-bottom: 1px solid #fff;
}
.reason .sec-contain .reason-boxes .reason-box:last-child {
  border-bottom: none;
}
.reason .sec-contain .reason-boxes .reason-box h2 {
  font-size: 156px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  position: absolute;
  opacity: 0.2;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1900px) {
  .reason .sec-contain .reason-boxes .reason-box h2 {
    font-size: 156rem;
  }
}
@media screen and (max-width: 768px) {
  .reason .sec-contain .reason-boxes .reason-box h5 {
    font-size: 21rem;
  }
}
.reason .sec-contain .reason-boxes .reason-box p {
  margin-top: 30px;
}
@media screen and (max-width: 1900px) {
  .reason .sec-contain .reason-boxes .reason-box p {
    margin-top: 30rem;
  }
}
@media screen and (max-width: 768px) {
  .reason .sec-contain .reason-boxes .reason-box p {
    font-size: 14rem;
  }
}

.sub-contact .sec-contain {
  max-width: 950px;
}
@media screen and (max-width: 1900px) {
  .sub-contact .sec-contain {
    max-width: 950rem;
  }
}
@media screen and (max-width: 768px) {
  .sub-contact .sec-contain {
    max-width: 100%;
  }
}
.sub-contact .sec-contain h4 {
  font-size: 70px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 1900px) {
  .sub-contact .sec-contain h4 {
    font-size: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .sub-contact .sec-contain h4 {
    font-size: 31rem;
  }
}
.sub-contact .sec-contain h5 {
  text-align: center;
  margin-top: 70px;
}
@media screen and (max-width: 1900px) {
  .sub-contact .sec-contain h5 {
    margin-top: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .sub-contact .sec-contain h5 {
    margin-top: 50rem;
    font-size: 21rem;
  }
}
.sub-contact .sec-contain h6 {
  text-align: center;
  margin-top: 50px;
}
@media screen and (max-width: 1900px) {
  .sub-contact .sec-contain h6 {
    margin-top: 50rem;
  }
}
@media screen and (max-width: 768px) {
  .sub-contact .sec-contain h6 {
    margin-top: 30rem;
    font-size: 12rem;
    font-weight: normal;
  }
}
.sub-contact .sec-contain p.f-18 {
  margin-top: 30px;
  text-align: center;
}
@media screen and (max-width: 1900px) {
  .sub-contact .sec-contain p.f-18 {
    margin-top: 30rem;
  }
}
@media screen and (max-width: 768px) {
  .sub-contact .sec-contain p.f-18 {
    margin-top: 30rem;
    font-size: 16rem;
    font-weight: bold;
  }
}
.sub-contact .sec-contain .btn-div {
  width: 553px;
  margin: auto;
  margin-top: 40px;
}
@media screen and (max-width: 1900px) {
  .sub-contact .sec-contain .btn-div {
    width: 553rem;
    margin-top: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .sub-contact .sec-contain .btn-div {
    width: 100%;
    margin-top: 30rem;
  }
  .sub-contact .sec-contain .btn-div span {
    text-align: left;
    font-size: 16rem;
  }
}
.sub-contact .sec-contain p.f-21 {
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 1900px) {
  .sub-contact .sec-contain p.f-21 {
    margin-top: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .sub-contact .sec-contain p.f-21 {
    margin-top: 30rem;
    font-size: 16rem;
  }
}

.s_c_fv {
  position: relative;
  z-index: 5;
  background: url("/wp-content/themes/one-seight/assets/imgs/top/fv_bk_1.png") no-repeat top center;
  background-position: top;
  background-size: cover;
}
.s_c_fv .sec-contain {
  padding: 120px 30px;
  padding-top: 430px;
}
@media screen and (max-width: 1900px) {
  .s_c_fv .sec-contain {
    padding: 120rem 30rem;
    padding-top: 430rem;
  }
}
@media screen and (max-width: 768px) {
  .s_c_fv .sec-contain {
    padding: 60rem 30rem;
    padding-top: 190rem;
  }
}
.s_c_fv .sec-contain h5 {
  margin-top: 70px;
}
@media screen and (max-width: 1900px) {
  .s_c_fv .sec-contain h5 {
    margin-top: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .s_c_fv .sec-contain h5 {
    margin-top: 40rem;
    font-size: 24rem;
  }
}
.s_c_fv .sec-contain p {
  margin-top: 35px;
}
@media screen and (max-width: 1900px) {
  .s_c_fv .sec-contain p {
    margin-top: 35rem;
  }
}
@media screen and (max-width: 768px) {
  .s_c_fv .sec-contain p {
    margin-top: 60rem;
  }
}

.contact-method {
  background-color: #00488E;
  padding: 70px 0;
}
@media screen and (max-width: 1900px) {
  .contact-method {
    padding: 70rem 0;
  }
}
@media screen and (max-width: 768px) {
  .contact-method {
    padding: 60rem 30rem;
  }
}
.contact-method .sec-contain h3 {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .contact-method .sec-contain h3 {
    font-size: 24rem;
  }
}
.contact-method .sec-contain .methods {
  margin-top: 70px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  justify-content: center;
}
@media screen and (max-width: 1900px) {
  .contact-method .sec-contain .methods {
    margin-top: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .contact-method .sec-contain .methods {
    margin-top: 50rem;
    grid-template-columns: 1fr;
    gap: 50rem;
  }
}
.contact-method .sec-contain .methods .method {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding-bottom: 50px;
}
@media screen and (max-width: 1900px) {
  .contact-method .sec-contain .methods .method {
    padding-bottom: 50rem;
  }
}
@media screen and (max-width: 768px) {
  .contact-method .sec-contain .methods .method {
    padding-bottom: 0;
  }
}
.contact-method .sec-contain .methods .method:first-child {
  border-right: 0.8px solid #fff;
}
@media screen and (max-width: 768px) {
  .contact-method .sec-contain .methods .method:first-child {
    border-right: none;
  }
}
.contact-method .sec-contain .methods .method .inner {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.contact-method .sec-contain .methods .method .inner h4 {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  text-align: center;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .contact-method .sec-contain .methods .method .inner h4 {
    font-size: 18rem;
  }
}
.contact-method .sec-contain .methods .method .inner p {
  margin-top: 30px;
  font-weight: bold;
}
@media screen and (max-width: 1900px) {
  .contact-method .sec-contain .methods .method .inner p {
    margin-top: 30rem;
  }
}
@media screen and (max-width: 768px) {
  .contact-method .sec-contain .methods .method .inner p {
    font-size: 13rem;
  }
}
.contact-method .sec-contain .methods .method .inner .phone {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 15px;
  background-color: white;
}
@media screen and (max-width: 1900px) {
  .contact-method .sec-contain .methods .method .inner .phone {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 768px) {
  .contact-method .sec-contain .methods .method .inner .phone {
    margin-top: 20rem;
  }
}
.contact-method .sec-contain .methods .method .inner .phone:hover {
  background-color: wheat;
}
.contact-method .sec-contain .methods .method .inner .phone:hover span {
  color: white;
}
.contact-method .sec-contain .methods .method .inner .phone:hover svg path {
  fill: white;
}
.contact-method .sec-contain .methods .method .inner .phone svg {
  width: 31px;
  height: 31px;
}
@media screen and (max-width: 1900px) {
  .contact-method .sec-contain .methods .method .inner .phone svg {
    width: 31rem;
    height: 31rem;
  }
}
@media screen and (max-width: 768px) {
  .contact-method .sec-contain .methods .method .inner .phone svg {
    display: none;
  }
}
.contact-method .sec-contain .methods .method .inner .phone svg path {
  fill: #00488E;
}
.contact-method .sec-contain .methods .method .inner .phone .tel {
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  color: #00488E;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1900px) {
  .contact-method .sec-contain .methods .method .inner .phone .tel {
    font-size: 32rem;
  }
}
@media screen and (max-width: 768px) {
  .contact-method .sec-contain .methods .method .inner .phone .tel {
    font-size: 24rem;
  }
}
.contact-method .sec-contain .methods .method .inner .sub {
  margin-top: 15px;
  text-align: center;
}
@media screen and (max-width: 1900px) {
  .contact-method .sec-contain .methods .method .inner .sub {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 768px) {
  .contact-method .sec-contain .methods .method .inner .sub {
    margin-top: 20rem;
    font-size: 12rem;
  }
}

.s_contact .sec-contain .contact-form {
  width: 800px;
  margin: auto;
  margin-top: 70px;
}
@media screen and (max-width: 1900px) {
  .s_contact .sec-contain .contact-form {
    width: 800rem;
    margin-top: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .s_contact .sec-contain .contact-form {
    width: 100%;
    margin-top: 50rem;
  }
}
.s_contact .sec-contain .contact-form .form-group {
  margin-top: 30px;
}
@media screen and (max-width: 1900px) {
  .s_contact .sec-contain .contact-form .form-group {
    margin-top: 30rem;
  }
}
@media screen and (max-width: 768px) {
  .s_contact .sec-contain .contact-form .form-group {
    padding: 15rem 25rem;
    font-size: 16rem;
  }
}
.s_contact .sec-contain .contact-form .form-group .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.form-control {
  padding: 20rem 30rem;
  font-size: 18rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .s_contact .sec-contain .contact-form .form-group .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.form-control {
    padding: 15rem 25rem;
    font-size: 16rem;
  }
}
.s_contact .sec-contain .contact-form .form-group p label {
  font-size: 17px;
  line-height: 1;
  font-weight: bold;
}
@media screen and (max-width: 1900px) {
  .s_contact .sec-contain .contact-form .form-group p label {
    font-size: 17rem;
  }
}
@media screen and (max-width: 768px) {
  .s_contact .sec-contain .contact-form .form-group p label {
    font-size: 16rem;
  }
}
.s_contact .sec-contain .contact-form .form-group p label span {
  margin-left: 20px;
}
@media screen and (max-width: 1900px) {
  .s_contact .sec-contain .contact-form .form-group p label span {
    margin-left: 20rem;
  }
}
.s_contact .sec-contain .contact-form .form-group p label span.required {
  color: #C70303;
}
.s_contact .sec-contain .contact-form .form-group p label span.optional {
  color: #000;
}
.s_contact .sec-contain .contact-form .form-group p input,
.s_contact .sec-contain .contact-form .form-group p textarea {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 3px;
  border: 1px solid #141414;
  width: 100%;
  padding: 20px 30px;
  font-size: 18rem;
  line-height: 1.5;
  margin-top: 5px;
}
@media screen and (max-width: 1900px) {
  .s_contact .sec-contain .contact-form .form-group p input,
  .s_contact .sec-contain .contact-form .form-group p textarea {
    padding: 20rem 30rem;
    font-size: 18rem;
  }
}
@media screen and (max-width: 768px) {
  .s_contact .sec-contain .contact-form .form-group p input,
  .s_contact .sec-contain .contact-form .form-group p textarea {
    padding: 15rem 25rem;
    font-size: 16rem;
  }
}
.s_contact .sec-contain .contact-form .form-group p input[type=submit] {
  width: 370px;
  padding: 25px;
  position: relative;
  border-radius: 999px;
  margin: auto;
  margin-top: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  background-color: #00488E;
  border: 1px solid #00488E;
}
@media screen and (max-width: 1900px) {
  .s_contact .sec-contain .contact-form .form-group p input[type=submit] {
    width: 370rem;
    margin-top: 70rem;
    padding: 25rem;
    font-size: 22rem;
  }
}
@media screen and (max-width: 768px) {
  .s_contact .sec-contain .contact-form .form-group p input[type=submit] {
    width: 100%;
    font-size: 20rem;
    margin-top: 50rem;
  }
}
.s_contact .sec-contain .contact-form .form-group p input[type=submit]::after {
  content: "";
  width: 46px;
  height: 46px;
  position: absolute;
  top: 0;
  right: 18px;
  bottom: 0;
  margin: auto;
  background: url("../imgs/top/c_arw.svg") no-repeat center center;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 1900px) {
  .s_contact .sec-contain .contact-form .form-group p input[type=submit]::after {
    width: 46rem;
    height: 46rem;
    right: 18rem;
  }
}
@media screen and (max-width: 768px) {
  .s_contact .sec-contain .contact-form .form-group p input[type=submit]::after {
    width: 40rem;
    height: 40rem;
    right: 9rem;
  }
}
.s_contact .sec-contain .contact-form .form-group p input[type=submit]::after:hover {
  background: url("../imgs/top/c_arw-hover.svg") no-repeat center center;
  background-size: contain;
  background-position: center;
}
.s_contact .sec-contain .form-bottom {
  margin-top: 35rem;
  margin-bottom: 84rem;
}
@media screen and (max-width: 768px) {
  .s_contact .sec-contain .form-bottom {
    margin-bottom: 42rem;
  }
}
.s_contact .sec-contain .btn-div {
  width: 370rem;
  padding: 25rem 25rem 25rem 0;
  font-size: 22rem;
}
@media screen and (max-width: 768px) {
  .s_contact .sec-contain .btn-div {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .s_contact .sec-contain .screen-reader-response {
    font-size: 24rem;
  }
}
.s_contact .sec-contain .screen-reader-response p {
  font-size: 24rem;
  font-weight: bold;
  text-align: center;
}
.s_contact .sec-contain .screen-reader-response p:not(:empty) {
  background-color: #E9FDEE;
  padding: 25rem;
}
@media screen and (max-width: 768px) {
  .s_contact .sec-contain .screen-reader-response p {
    font-size: 14rem;
  }
}
.s_contact .sec-contain .wpcf7-response-output {
  font-size: 24rem;
  font-weight: bold;
  text-align: center;
}
.s_contact .sec-contain .wpcf7-response-output:not(:empty) {
  background-color: #E9FDEE;
  padding: 25rem;
}
@media screen and (max-width: 768px) {
  .s_contact .sec-contain .wpcf7-response-output {
    font-size: 14rem;
  }
}

.wpcf7-not-valid-tip {
  color: #C70303 !important;
}

.wpcf7-response-output {
  font-size: 20px;
  text-align: center;
  margin-top: 5%;
}
@media screen and (max-width: 1900px) {
  .wpcf7-response-output {
    font-size: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .wpcf7-response-output {
    font-size: 18rem;
  }
}

.screen-reader-response ul {
  display: none;
}

.s_faq .sec-contain .sec-title {
  margin-left: 40px;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1900px) {
  .s_faq .sec-contain .sec-title {
    margin-left: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .s_faq .sec-contain .sec-title {
    margin-left: 0;
    padding: 0;
    position: relative;
  }
}
.s_faq .sec-contain .faq-boxes {
  width: 780px;
  margin: auto;
  margin-right: 0;
}
@media screen and (max-width: 1900px) {
  .s_faq .sec-contain .faq-boxes {
    width: 780rem;
  }
}
@media screen and (max-width: 768px) {
  .s_faq .sec-contain .faq-boxes {
    width: 100%;
    margin: auto;
    margin-top: 50rem;
    padding: 0;
  }
}
.s_faq .sec-contain .faq-boxes .faq-box {
  margin-top: 35px;
  background-color: rgba(0, 72, 142, 0.0509803922);
  padding: 25px 40px;
  border-radius: 14px;
  cursor: pointer;
}
.s_faq .sec-contain .faq-boxes .faq-box:first-child {
  margin-top: 0;
}
@media screen and (max-width: 1900px) {
  .s_faq .sec-contain .faq-boxes .faq-box {
    margin-top: 35rem;
    padding: 25rem 40rem;
  }
}
@media screen and (max-width: 768px) {
  .s_faq .sec-contain .faq-boxes .faq-box {
    padding: 30rem 23rem;
    margin-top: 20rem;
  }
}
.s_faq .sec-contain .faq-boxes .faq-box .question {
  position: relative;
  color: #00488E;
  font-weight: bold;
}
.s_faq .sec-contain .faq-boxes .faq-box .question h6 {
  font-weight: bold;
}
.s_faq .sec-contain .faq-boxes .faq-box .question h6 span {
  font-weight: bold;
}
.s_faq .sec-contain .faq-boxes .faq-box .question .arw {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1900px) {
  .s_faq .sec-contain .faq-boxes .faq-box .question .arw {
    right: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .s_faq .sec-contain .faq-boxes .faq-box .question .arw {
    right: 23rem;
  }
}
.s_faq .sec-contain .faq-boxes .faq-box .question .arw.is_open .bar2 {
  transform: unset;
}
.s_faq .sec-contain .faq-boxes .faq-box .question .arw .bar1,
.s_faq .sec-contain .faq-boxes .faq-box .question .arw .bar2 {
  width: 24px;
  height: 2px;
  position: absolute;
  background-color: #000;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1900px) {
  .s_faq .sec-contain .faq-boxes .faq-box .question .arw .bar1,
  .s_faq .sec-contain .faq-boxes .faq-box .question .arw .bar2 {
    width: 24rem;
  }
}
@media screen and (max-width: 768px) {
  .s_faq .sec-contain .faq-boxes .faq-box .question .arw .bar1,
  .s_faq .sec-contain .faq-boxes .faq-box .question .arw .bar2 {
    width: 20rem;
  }
}
.s_faq .sec-contain .faq-boxes .faq-box .question .arw .bar2 {
  transform: rotate(90deg);
}
.s_faq .sec-contain .faq-boxes .faq-box .answer {
  padding-top: 35px;
  padding-bottom: 20px;
  margin-right: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
}
@media screen and (max-width: 1900px) {
  .s_faq .sec-contain .faq-boxes .faq-box .answer {
    padding-top: 35rem;
    padding-bottom: 20rem;
    margin-right: 50rem;
  }
}
@media screen and (max-width: 768px) {
  .s_faq .sec-contain .faq-boxes .faq-box .answer {
    padding-top: 20rem;
    margin-right: 0;
  }
}
.s_faq .sec-contain .faq-boxes .faq-box .answer span {
  display: block;
}
.s_faq .sec-contain .sub h6 {
  text-align: center;
  margin-top: 80px;
  font-weight: bold;
}
@media screen and (max-width: 1900px) {
  .s_faq .sec-contain .sub h6 {
    margin-top: 80rem;
  }
}
@media screen and (max-width: 768px) {
  .s_faq .sec-contain .sub h6 {
    margin-top: 50rem;
  }
}
.s_faq .sec-contain .sub p {
  text-align: center;
  margin-top: 50px;
}
@media screen and (max-width: 1900px) {
  .s_faq .sec-contain .sub p {
    margin-top: 50rem;
  }
}
@media screen and (max-width: 768px) {
  .s_faq .sec-contain .sub p {
    margin-top: 30rem;
  }
}

.company_fv p {
  text-align: center;
}

.sec-contain_fv {
  padding: 72rem 30rem;
  padding-top: 174rem;
}
@media screen and (max-width: 768px) {
  .sec-contain_fv {
    padding: 30rem;
    padding-top: 130rem;
  }
}

.company_fv p span {
  font-size: 10.2564102564vw;
  line-height: 17.9487179487vw;
  background: linear-gradient(179.63deg, rgba(255, 255, 255, 0.7) 35.78%, rgba(206, 206, 206, 0.044) 99.68%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  white-space: nowrap;
}

.s_privacypolicy_wrap {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .s_privacypolicy_wrap p {
    font-size: 12rem;
    line-height: 2;
  }
}

.privacypolicyList__item h3 {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .privacypolicyList__item h3 {
    margin-top: 16px;
  }
}

.privacypolicyList__itemText {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .privacypolicyList__itemText {
    margin-top: 14px;
  }
}

.privacypolicyList__txtBox {
  font-size: 15rem;
  display: flex;
  flex-direction: row;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .privacypolicyList__txtBox {
    font-size: 12rem;
    line-height: 2;
    flex-direction: column;
    margin-top: 0px;
  }
}

.privacypolicyList__txtBox dt {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .privacypolicyList__txtBox dt {
    margin-top: 8px;
  }
}

.privacypolicyList__txtBox dd {
  margin-left: 0.5em;
}
@media screen and (max-width: 768px) {
  .privacypolicyList__txtBox dd {
    margin-left: 0;
  }
}

.question h6 {
  text-indent: -1.75em;
  margin-left: 2em;
}
.question span {
  padding-right: 0.5em;
}

.thanks-btn {
  margin-top: 40px;
  width: 370rem;
  padding: 25rem 25rem 25rem 0;
  font-size: 22rem;
}
@media screen and (max-width: 768px) {
  .thanks-btn {
    margin-top: 32px;
    width: 100%;
  }
}

.form-bottom .f-15 {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .form-bottom .f-15 {
    margin-top: 16px;
  }
}

.sub-contact {
  background-color: rgba(0, 72, 142, 0.0509803922);
}/*# sourceMappingURL=sub.css.map */