.about_con {
  background: #f9f9f9;
  padding-bottom: 8.276vw;
  /*-----------
  service
  ------------*/
}
.about_con .inner {
  width: 86.207vw;
  margin: 0 auto;
}
.about_con .inner .about_con1 {
  margin-top: 3.448vw;
  position: relative;
  margin-bottom: 7.97vw;
  padding: 6.897vw 5.517vw;
  background: #fff;
  border-radius: 0.828vw;
}
@media (max-width: 1050px) {
  .about_con .inner .about_con1 {
    margin-bottom: 12.57vw;
    padding: 10.297vw 7.517vw;
  }
}
@media (max-width: 499px) {
  .about_con .inner .about_con1 {
    padding: 15.897vw 8.117vw;
    margin-bottom: 19.97vw;
  }
}
.about_con .inner .about_con1 .mes_deco {
  position: absolute;
  color: #fff;
  font-family: "Jost", sans-serif;
  font-style: italic;
  background: #20272e;
  font-size: 14px;
  top: 0;
  left: 1.379vw;
  padding: 0.138vw 0.552vw;
}
@media (max-width: 499px) {
  .about_con .inner .about_con1 .mes_deco {
    padding: 0.533vw 1.6vw;
  }
}
.about_con .inner .about_con1 .left .txt1 {
  font-size: 1.517vw;
  font-weight: 500;
}
@media (max-width: 1049px) {
  .about_con .inner .about_con1 .left .txt1 {
    font-size: 2.865vw;
  }
}
@media (max-width: 499px) {
  .about_con .inner .about_con1 .left .txt1 {
    font-size: 4.8vw;
  }
}
.about_con .inner .about_con1 .left .txt1 span {
  font-size: 1.517vw;
  color: #194bf4;
  background: rgba(25, 75, 244, 0.05);
}
@media (max-width: 1049px) {
  .about_con .inner .about_con1 .left .txt1 span {
    font-size: 2.865vw;
  }
}
@media (max-width: 499px) {
  .about_con .inner .about_con1 .left .txt1 span {
    font-size: 4.8vw;
  }
}
.about_con .inner .about_con1 .left .txt2 {
  font-size: 1.517vw;
  font-weight: 500;
}
@media (max-width: 1049px) {
  .about_con .inner .about_con1 .left .txt2 {
    font-size: 2.865vw;
  }
}
@media (max-width: 499px) {
  .about_con .inner .about_con1 .left .txt2 {
    font-size: 4.8vw;
  }
}
.about_con .inner .about_con1 .left .txt3 {
  margin-top: 2.069vw;
  font-size: 1.172vw;
  font-weight: 500;
}
.about_con .inner .about_con2 {
  /*-----------/
  block_b5
  -----------*/
}
.about_con .inner .about_con2 .ttl_con .ttl_sub {
  font-size: 1.241vw;
  position: relative;
  display: inline-block;
  padding-left: 2.069vw;
  color: #20272e;
  font-family: "Jost", sans-serif;
  font-weight: normal;
  font-style: italic;
}
@media (max-width: 1049px) {
  .about_con .inner .about_con2 .ttl_con .ttl_sub {
    font-size: 2.344vw;
    padding-left: 3.646vw;
  }
}
@media (max-width: 499px) {
  .about_con .inner .about_con2 .ttl_con .ttl_sub {
    font-size: 4vw;
    padding-left: 6.646vw;
  }
}
.about_con .inner .about_con2 .ttl_con .ttl_sub:before {
  position: absolute;
  background-image: url(../img/ttl-deco-i.svg);
  background-repeat: no-repeat;
  background-size: cover;
  top: 0.39vw;
  left: 0;
  width: 1.379vw !important;
  height: 1.103vw !important;
  content: "";
}
@media (max-width: 1049px) {
  .about_con .inner .about_con2 .ttl_con .ttl_sub:before {
    width: 2.604vw !important;
    height: 2.083vw !important;
    top: 0.781vw;
  }
}
@media (max-width: 499px) {
  .about_con .inner .about_con2 .ttl_con .ttl_sub:before {
    top: 1.01vw;
    width: 4.614vw !important;
    height: 3.823vw !important;
  }
}
.about_con .inner .about_con2 .ttl_con .ttl_main {
  font-size: 3.034vw;
  color: #20272e;
  letter-spacing: 0.05em;
  margin-bottom: 4.828vw;
}
@media (max-width: 1049px) {
  .about_con .inner .about_con2 .ttl_con .ttl_main {
    font-size: 4.948vw;
    margin-bottom: 4.5vw;
  }
}
@media (max-width: 499px) {
  .about_con .inner .about_con2 .ttl_con .ttl_main {
    font-size: 8.533vw;
  }
}
.about_con .inner .about_con2 .block_b5 {
  margin-top: 3.448vw;
}
.about_con .inner .about_con2 .block_b5 .b5_wrap {
  display: flex;
  gap: 3.448vw;
  margin-top: 4.483vw;
}
@media (max-width: 1049px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap {
    margin-top: 8.483vw;
  }
}
@media (max-width: 499px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap {
    flex-direction: column-reverse;
    gap: 9.448vw;
    margin-top: 13.483vw;
  }
}
.about_con .inner .about_con2 .block_b5 .b5_wrap:first-of-type {
  margin-top: 0;
}
.about_con .inner .about_con2 .block_b5 .b5_wrap:last-of-type {
  margin-bottom: 8.276vw;
}
@media (max-width: 1049px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap:last-of-type {
    margin-bottom: 10.276vw;
  }
}
@media (max-width: 499px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap:last-of-type {
    margin-bottom: 23.276vw;
  }
}
.about_con .inner .about_con2 .block_b5 .b5_wrap .left .ttl_deco {
  display: flex;
  align-items: center;
  gap: 0.414vw;
  margin-top: -1vw;
  margin-bottom: 1.862vw;
}
@media (max-width: 499px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .left .ttl_deco {
    gap: 3.414vw;
    margin-bottom: 8.862vw;
  }
}
.about_con .inner .about_con2 .block_b5 .b5_wrap .left .ttl_deco .deco_txt {
  font-size: 0.897vw;
  font-weight: normal;
  font-style: italic;
  display: inline-block;
  width: auto;
  letter-spacing: 0.03em;
}
@media (max-width: 1050px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .left .ttl_deco .deco_txt {
    font-size: 1.693vw;
  }
}
@media (max-width: 499px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .left .ttl_deco .deco_txt {
    font-size: 3.467vw;
  }
}
.about_con .inner .about_con2 .block_b5 .b5_wrap .left .ttl_deco .deco_i {
  width: 100%;
}
.about_con .inner .about_con2 .block_b5 .b5_wrap .left .ttl_deco .deco_i img.pc__only {
  width: 100%;
}
@media (max-width: 1050px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .left .ttl_deco .deco_i img.pc__only {
    display: none;
  }
}
.about_con .inner .about_con2 .block_b5 .b5_wrap .left .ttl_deco .deco_i img.tab__only {
  display: none;
  width: 100%;
}
@media (max-width: 1050px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .left .ttl_deco .deco_i img.tab__only {
    display: block;
    width: 100%;
  }
}
@media (max-width: 499px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .left .ttl_deco .deco_i img.tab__only {
    display: none;
  }
}
.about_con .inner .about_con2 .block_b5 .b5_wrap .left .ttl_deco .deco_i img.sp__only {
  display: none;
}
@media (max-width: 499px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .left .ttl_deco .deco_i img.sp__only {
    width: 100%;
    display: block;
  }
}
.about_con .inner .about_con2 .block_b5 .b5_wrap .left .ttl_deco.deco2 span:before {
  content: "02";
}
.about_con .inner .about_con2 .block_b5 .b5_wrap .left h3.ttl {
  font-size: 1.793vw;
  margin-bottom: 1.379vw;
  font-weight: bold;
}
@media (max-width: 1050px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .left h3.ttl {
    font-size: 3.385vw;
  }
}
@media (max-width: 499px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .left h3.ttl {
    margin-bottom: 7.379vw;
    font-size: 6.933vw;
  }
}
.about_con .inner .about_con2 .block_b5 .b5_wrap .left p.txt {
  font-size: 1.172vw;
}
@media (max-width: 1050px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .left p.txt {
    font-size: 2.214vw;
  }
}
@media (max-width: 499px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .left p.txt {
    font-size: 4.533vw;
  }
}
.about_con .inner .about_con2 .block_b5 .b5_wrap .right {
  width: 41.379vw;
  flex: 0 0 41.379vw;
}
@media (max-width: 499px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .right {
    flex: auto;
    width: 100%;
  }
}
.about_con .inner .about_con2 .block_b5 .b5_wrap .right img {
  width: 100%;
}
.about_con .inner .about_con2 .block_b5 .b5_wrap .right .deco_i img.pc__only {
  width: 100%;
}
@media (max-width: 1050px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .right .deco_i img.pc__only {
    display: none;
  }
}
.about_con .inner .about_con2 .block_b5 .b5_wrap .right .deco_i img.tab__only {
  display: none;
  width: 100%;
}
@media (max-width: 1050px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .right .deco_i img.tab__only {
    display: block;
    width: 100%;
  }
}
@media (max-width: 499px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .right .deco_i img.tab__only {
    display: none;
  }
}
.about_con .inner .about_con2 .block_b5 .b5_wrap .right .deco_i img.sp__only {
  display: none;
}
@media (max-width: 499px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap .right .deco_i img.sp__only {
    width: 100%;
    display: block;
  }
}
.about_con .inner .about_con2 .block_b5 .b5_wrap.reverse {
  margin-top: 4.483vw;
  flex-direction: row-reverse;
}
@media (max-width: 1049px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap.reverse {
    margin-top: 8.483vw;
  }
}
@media (max-width: 499px) {
  .about_con .inner .about_con2 .block_b5 .b5_wrap.reverse {
    flex-direction: column-reverse;
    margin-top: 13.483vw;
  }
}
.about_con .service {
  position: relative;
  margin-top: 2.069vw;
  background: #738ba3;
  padding: 8.276vw 0 7.793vw;
  z-index: 0;
}
@media (max-width: 1050px) {
  .about_con .service {
    padding: 15.927vw 0 15.625vw;
    margin-top: 4.813vw;
  }
}
@media (max-width: 499px) {
  .about_con .service {
    padding: 20.927vw 0 19.625vw;
  }
}
.about_con .service:before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(../img/service-wrapper-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.about_con .service .inner {
  width: 86.207vw;
  margin: 0 auto;
}
@media (max-width: 1050px) {
  .about_con .service .inner {
    width: calc(100% - 13.021vw);
    margin: 0 auto;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner {
    width: calc(100% - 60px);
  }
}
.about_con .service .inner .ttl_con .ttl_sub {
  font-size: 1.241vw;
  position: relative;
  display: inline-block;
  padding-left: 2.069vw;
  color: #fff;
  font-family: "Jost", sans-serif;
  font-weight: normal;
  font-style: italic;
}
@media (max-width: 1049px) {
  .about_con .service .inner .ttl_con .ttl_sub {
    font-size: 2.344vw;
    padding-left: 3.646vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .ttl_con .ttl_sub {
    font-size: 4vw;
    padding-left: 6.646vw;
  }
}
.about_con .service .inner .ttl_con .ttl_sub:before {
  position: absolute;
  background-image: url(../img/ttl-deco-i2.svg);
  background-repeat: no-repeat;
  background-size: cover;
  top: 0.39vw;
  left: 0;
  width: 1.379vw !important;
  height: 1.103vw !important;
  content: "";
}
@media (max-width: 1049px) {
  .about_con .service .inner .ttl_con .ttl_sub:before {
    width: 2.604vw !important;
    height: 2.083vw !important;
    top: 0.781vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .ttl_con .ttl_sub:before {
    top: 1.01vw;
    width: 4.614vw !important;
    height: 3.823vw !important;
  }
}
.about_con .service .inner .ttl_con .ttl_main {
  font-size: 3.034vw;
  color: #fff;
  letter-spacing: 0.05em;
  margin-bottom: 4.828vw;
}
@media (max-width: 1049px) {
  .about_con .service .inner .ttl_con .ttl_main {
    font-size: 4.948vw;
    margin-bottom: 4.5vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .ttl_con .ttl_main {
    font-size: 8.533vw;
  }
}
.about_con .service .inner .bg_btn_con {
  display: flex;
  justify-content: space-between;
  gap: 6.897vw;
  margin-top: 2.828vw;
  margin-bottom: 4.138vw;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con {
    margin-bottom: 4.438vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con {
    display: block;
    margin-bottom: 2.667vw;
  }
}
.about_con .service .inner .bg_btn_con:last-of-type {
  margin-bottom: 0;
}
.about_con .service .inner .bg_btn_con .service_b {
  width: 39.655vw;
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b {
    width: 100%;
    margin-bottom: 2.667vw;
  }
  .about_con .service .inner .bg_btn_con .service_b:last-of-type {
    margin-bottom: 0;
  }
}
.about_con .service .inner .bg_btn_con .service_b a {
  position: relative;
  display: block;
  transition: 0.5s;
}
.about_con .service .inner .bg_btn_con .service_b a:hover:before {
  background-image: url(../img/btn-arrow3-b.svg);
}
.about_con .service .inner .bg_btn_con .service_b a:hover:after {
  background: #fff;
}
.about_con .service .inner .bg_btn_con .service_b a:hover .wrap .left img {
  transform: scale(1.1);
}
.about_con .service .inner .bg_btn_con .service_b a:before {
  content: "";
  background-image: url(../img/btn-arrow3.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.31vw;
  height: 0.828vw;
  position: absolute;
  top: auto;
  bottom: 2.276vw;
  right: 2vw;
  z-index: 1;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con .service_b a:before {
    bottom: 3.076vw;
    right: 2.8vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a:before {
    width: 3.31vw;
    height: 1.828vw;
    bottom: 5.576vw;
    right: 4.5vw;
  }
}
.about_con .service .inner .bg_btn_con .service_b a:after {
  content: "";
  width: 4.138vw;
  height: 4.138vw;
  position: absolute;
  top: auto;
  border-radius: 689.586vw;
  background: #20272e;
  right: 0.69vw;
  bottom: 0.69vw;
  transition: 0.5s;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con .service_b a:after {
    right: 1.4vw;
    bottom: 1.4vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a:after {
    width: 8vw;
    height: 8vw;
    right: 2.667vw;
    bottom: 2.667vw;
  }
}
.about_con .service .inner .bg_btn_con .service_b a:hover:before {
  -webkit-animation: arrow-line2 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1 normal;
  animation: arrow-line2 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1 normal;
}
.about_con .service .inner .bg_btn_con .service_b a .wrap .left {
  width: 100%;
  height: 25.517vw;
  overflow: hidden;
  border-radius: 0.552vw;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .left {
    height: 48.177vw;
    border-radius: 1vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .left {
    height: 85.333vw;
    border-radius: 8px;
  }
}
.about_con .service .inner .bg_btn_con .service_b a .wrap .left img.pc__only {
  width: 100%;
  height: 25.517vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.552vw;
  transition: 0.5s;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .left img.pc__only {
    display: none;
    height: 48.177vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .left img.pc__only {
    height: 85.333vw;
  }
}
.about_con .service .inner .bg_btn_con .service_b a .wrap .left img.tab__only {
  display: none;
  width: 100%;
  height: 25.517vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.552vw;
  transition: 0.5s;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .left img.tab__only {
    display: block;
    height: 48.177vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .left img.tab__only {
    display: none;
    height: 85.333vw;
  }
}
.about_con .service .inner .bg_btn_con .service_b a .wrap .left img.sp__only {
  display: none;
  width: 100%;
  height: 25.517vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.552vw;
  transition: 0.5s;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .left img.sp__only {
    height: 48.177vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .left img.sp__only {
    display: block;
    height: 85.333vw;
  }
}
.about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con {
  position: absolute;
  top: calc(50% + 4vw);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30.69vw;
}
@media (max-width: 767px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con {
    padding: 0 3.906vw;
    margin-top: 1.379vw;
    width: 100%;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con {
    padding: 0 4vw;
  }
}
.about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl1 {
  position: relative;
  font-weight: bold;
  color: #20272e;
  font-size: 2.414vw;
  background: #fff;
  display: inline-block;
  margin-bottom: 1.379vw;
  font-weight: 500;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl1 {
    font-size: 3.255vw;
    margin-bottom: 5.379vw;
    padding: 0 1vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl1 {
    font-size: 6.667vw;
    margin-bottom: 9.697vw;
  }
}
.about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl1:after {
  position: absolute;
  right: -4.955vw;
  content: "Consulting";
  font-family: "Jost", sans-serif;
  font-size: 0.966vw;
  color: #fff;
  background: #20272e;
  font-weight: normal;
  padding: 0.138vw 0.276vw;
  font-weight: 300;
  font-style: italic;
  letter-spacing: 0.03em;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl1:after {
    right: auto;
    left: 0;
    top: 4.818vw;
    font-size: 1.302vw;
    padding: 0.438vw 0.476vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl1:after {
    font-size: 2.667vw;
    top: 9.818vw;
  }
}
.about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl2 {
  position: relative;
  font-weight: bold;
  color: #20272e;
  font-size: 2.414vw;
  background: #fff;
  display: inline-block;
  margin-bottom: 1.379vw;
  font-weight: 500;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl2 {
    padding: 0 1vw;
    font-size: 3.255vw;
    margin-bottom: 5.379vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl2 {
    font-size: 6.667vw;
    margin-bottom: 9.697vw;
  }
}
.about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl2:after {
  position: absolute;
  right: -5.999vw;
  content: "Development";
  font-family: "Jost", sans-serif;
  font-size: 0.966vw;
  color: #fff;
  background: #20272e;
  font-weight: 300;
  font-style: italic;
  letter-spacing: 0.03em;
  padding: 0.138vw 0.276vw;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl2:after {
    right: auto;
    left: 0;
    top: 4.818vw;
    font-size: 1.302vw;
    padding: 0.438vw 0.476vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl2:after {
    font-size: 2.667vw;
    top: 9.818vw;
  }
}
.about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl3 {
  position: relative;
  font-weight: bold;
  color: #20272e;
  font-size: 2.414vw;
  background: #fff;
  display: inline-block;
  margin-bottom: 1.379vw;
  font-weight: 500;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl3 {
    padding: 0 1vw;
    font-size: 3.255vw;
    margin-bottom: 5.379vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl3 {
    font-size: 6.667vw;
    margin-bottom: 9.697vw;
  }
}
.about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl3:after {
  position: absolute;
  right: -9.972vw;
  content: "Business support/BPO";
  font-family: "Jost", sans-serif;
  font-size: 0.966vw;
  color: #fff;
  background: #20272e;
  font-weight: normal;
  padding: 0.138vw 0.276vw;
  font-weight: 300;
  font-style: italic;
  letter-spacing: 0.03em;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl3:after {
    right: auto;
    left: 0;
    top: 4.818vw;
    font-size: 1.302vw;
    padding: 0.438vw 0.476vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl3:after {
    font-size: 2.667vw;
    top: 9.818vw;
  }
}
.about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl4 {
  position: relative;
  font-weight: bold;
  color: #20272e;
  font-size: 2.414vw;
  background: #fff;
  display: inline-block;
  margin-bottom: 1.379vw;
  font-weight: 500;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl4 {
    font-size: 3.255vw;
    margin-bottom: 5.379vw;
    padding: 0 1vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl4 {
    font-size: 6.667vw;
    margin-bottom: 9.697vw;
  }
}
.about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl4:after {
  position: absolute;
  right: -3.707vw;
  content: "Product";
  font-family: "Jost", sans-serif;
  font-size: 0.966vw;
  color: #fff;
  background: #20272e;
  font-weight: normal;
  padding: 0.138vw 0.276vw;
  font-weight: 300;
  font-style: italic;
  letter-spacing: 0.03em;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl4:after {
    right: auto;
    left: 0;
    top: 4.818vw;
    font-size: 1.302vw;
    padding: 0.438vw 0.476vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b h4.ttl.ttl4:after {
    font-size: 2.667vw;
    top: 9.818vw;
  }
}
.about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b p.sub {
  font-size: 1.172vw;
  color: #fff;
}
@media (max-width: 1049px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b p.sub {
    font-size: 2.214vw;
  }
}
@media (max-width: 499px) {
  .about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con .ttl_b p.sub {
    font-size: 4vw;
    font-weight: 500;
  }
}
.about_con .service .inner .bg_btn_con .service_b a .wrap .ttl_con:hover:before {
  -webkit-animation: arrow-line6 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1 normal;
  animation: arrow-line6 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1 normal;
}

.lower_other_btn .inner {
  width: 86.207vw;
  margin: 0 auto;
}
.lower_other_btn .inner .l_other_btn_con {
  margin-top: 8.276vw;
}
@media (max-width: 1149px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap {
    padding-top: 3vw;
  }
}
@media (max-width: 1149px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .left .l_btn_txt {
    font-size: 2.214vw;
  }
}
@media (max-width: 499px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .left .l_btn_txt {
    font-size: 4.533vw;
    margin-top: 6vw;
  }
}
@media (max-width: 499px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .left .l_btn_txt.txt2 {
    margin-top: 11vw;
  }
}
.lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap:first-of-type::before {
  display: block;
  content: "";
  width: 100%;
  height: 0.069vw;
  background: #dee5ed;
}
.lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap:after {
  display: block;
  content: "";
  width: 100%;
  height: 0.069vw;
  background: #dee5ed;
}
.lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a {
  display: flex;
  align-items: center;
  gap: 2.759vw;
  padding: 1.724vw 0;
}
@media (max-width: 1049px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a {
    gap: 5.208vw;
    padding: 4.557vw 0;
  }
}
@media (max-width: 499px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a {
    flex-direction: column-reverse;
    gap: 8.208vw;
  }
}
.lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .left .left_btn {
  margin-bottom: 1.379vw;
}
.lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .left .left_btn .a_sec_btn1:before {
  background-image: url(../img/btn-arrow3.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.9vw;
  height: 0.759vw;
  position: absolute;
  z-index: 2;
  top: calc(50% + 0.192vw);
  transform: translateY(-50%);
  left: -0.834vw;
  border-radius: 50%;
  transition: 0.4s;
}
@media (max-width: 499px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .left .left_btn .a_sec_btn1:before {
    width: 3.9vw !important;
    height: 2.259vw !important;
    position: absolute;
    z-index: 2;
    top: calc(50% + 0.192vw);
    transform: translateY(-50%);
    left: 1.066vw !important;
  }
}
@media (max-width: 1149px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .left .left_btn .a_sec_btn1:before {
    background-image: url(../img/btn-arrow3.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.9vw;
    height: 1.259vw;
    position: absolute;
    z-index: 2;
    top: calc(50% + 0.192vw);
    transform: translateY(-50%);
    left: -0.334vw;
    border-radius: 50%;
    transition: 0.4s;
  }
}
.lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .left .left_btn .a_sec_btn1:after {
  width: 2.207vw;
  height: 2.207vw;
}
@media (max-width: 1149px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .left .left_btn .a_sec_btn1:after {
    width: 4.167vw;
    height: 4.167vw;
  }
}
@media (max-width: 499px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .left .left_btn .a_sec_btn1:after {
    width: 8vw;
    height: 8vw;
  }
}
.lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .left .left_btn .a_sec_btn1 span {
  font-size: 1.793vw;
  padding-left: 1.5vw;
  color: #20272e;
  position: relative;
  top: -0.2vw;
}
@media (max-width: 1049px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .left .left_btn .a_sec_btn1 span {
    font-size: 3.385vw;
    padding-left: 4.5vw;
    position: relative;
    top: -0.7vw;
  }
}
@media (max-width: 499px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .left .left_btn .a_sec_btn1 span {
    font-size: 6.933vw;
    padding-left: 8.5vw;
  }
}
.lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a:hover .left .left_btn:after {
  border-color: #484131;
  transform-origin: left top;
  transform: scale(1, 1);
}
.lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a:hover .left .left_btn .text-button3__anchor:before {
  -webkit-animation: arrow-line 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1 normal;
  animation: arrow-line 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1 normal;
}
.lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a:hover .right img {
  transform: scale(1.1);
}
.lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .right {
  width: 24.138vw;
  flex: 0 0 24.138vw;
  height: 13.793vw;
  overflow: hidden;
  border-radius: 0.828vw;
}
@media (max-width: 1049px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .right {
    width: 29.957vw;
    flex: 0 0 29.957vw;
    height: 16.797vw;
  }
}
@media (max-width: 499px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .right {
    width: 100%;
    height: 47.467vw;
    flex: auto;
  }
}
.lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .right img {
  width: 100%;
  height: 13.793vw;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.5s;
}
@media (max-width: 1049px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .right img {
    height: 16.797vw;
  }
}
@media (max-width: 499px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .right img {
    height: 47.467vw;
  }
}
.lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap.reverse a {
  flex-direction: row-reverse;
}
@media (max-width: 499px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap.reverse a {
    flex-direction: column-reverse;
  }
}

.left_btn {
  position: relative;
  width: 10.276vw;
  height: 2.414vw;
  border-radius: 689.586vw;
  transition: 0.4s;
  margin-left: 2.069vw;
}
.left_btn:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.4vw;
  width: 100%;
  height: 0.069vw;
  background: #484131;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.6s cubic-bezier(0.03, 0.98, 0.52, 0.99);
  z-index: 1;
}
@media (max-width: 1149px) {
  .left_btn:after {
    left: 3.4vw;
    width: 93%;
  }
}
.left_btn__anchor:before {
  content: "";
  background-image: url(../img/btn-arrow3.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.69vw;
  height: 0.759vw;
  position: absolute;
  z-index: 2;
  top: calc(50% + 0.272vw);
  transform: translateY(-50%);
  left: -1.034vw;
  border-radius: 50%;
  transition: 0.4s;
}
.left_btn__anchor:after {
  background: #20272e;
  content: "";
  width: 1.655vw;
  height: 1.655vw;
  border: 1px solid;
  border-radius: 689.586vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.586vw;
  transition: 0.4s;
}
.left_btn__anchor span {
  position: relative;
  padding: 0.276vw 0.517vw;
  display: flex;
  font-size: 0.966vw;
  color: #fff;
}
.left_btn p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  padding-left: 0px;
  width: 100%;
  height: 100%;
}

.l_btn1 {
  width: 16.076vw;
}
@media (max-width: 1049px) {
  .l_btn1 {
    width: 31.476vw;
  }
}
@media (max-width: 499px) {
  .l_btn1 {
    display: inline-block;
    width: auto;
  }
}
@media (max-width: 499px) {
  .l_btn1:after {
    bottom: -3vw;
    left: 5vw;
  }
}

.l_btn2 {
  width: 28.776vw;
}
@media (max-width: 1049px) {
  .l_btn2 {
    width: 41.776vw;
    margin-bottom: 3.379vw !important;
  }
}
@media (max-width: 499px) {
  .l_btn2 {
    display: inline-block;
    width: auto;
  }
}
@media (max-width: 499px) {
  .l_btn2:after {
    top: 10vw;
  }
}
@media (max-width: 1049px) {
  .l_btn2 .text-button3__anchor:after {
    top: calc(100% - 4vw);
  }
}
@media (max-width: 1049px) {
  .l_btn2 .text-button3__anchor:before {
    top: calc(50% - 2.808vw);
  }
}

@media (max-width: 1049px) {
  .lower_other_btn .inner .l_other_btn_con .l_other_btn_wrap a .left .l_btn2 .a_sec_btn1:before {
    top: calc(50% - 2.808vw);
  }
}

.phi_sec1 {
  position: relative;
  padding: 8.276vw 0 20vw;
  background: #F9F9F9;
  z-index: 2;
}
.phi_sec1 .phi_inner {
  width: 86.207vw;
  margin: 0 auto;
}
.phi_sec1 .phi_inner .phi_img {
  width: 50%;
  margin: 0 auto;
  margin-bottom: 2.414vw;
}
@media (max-width: 1049px) {
  .phi_sec1 .phi_inner .phi_img {
    width: 70%;
  }
}
@media (max-width: 499px) {
  .phi_sec1 .phi_inner .phi_img {
    width: 80%;
  }
}
.phi_sec1 .phi_inner .phi_img img {
  width: 100%;
}
.phi_sec1 .phi_inner .phi_ttl3 {
  font-size: 3.034vw;
  margin-bottom: 3.448vw;
  text-align: center;
}
@media (max-width: 1049px) {
  .phi_sec1 .phi_inner .phi_ttl3 {
    font-size: 5.034vw;
  }
}
@media (max-width: 499px) {
  .phi_sec1 .phi_inner .phi_ttl3 {
    font-size: 7.034vw;
  }
}
.phi_sec1 .phi_inner .phi_txt {
  font-size: 1.172vw;
}
@media (max-width: 1049px) {
  .phi_sec1 .phi_inner .phi_txt {
    font-size: 3.172vw;
  }
}
@media (max-width: 499px) {
  .phi_sec1 .phi_inner .phi_txt {
    font-size: 4.172vw;
  }
}
.phi_sec1 .phi_banner1 {
  position: absolute;
  bottom: -10vw;
  margin-left: 6.897vw;
}
@media (max-width: 1049px) {
  .phi_sec1 .phi_banner1 {
    bottom: -14vw;
  }
}
@media (max-width: 499px) {
  .phi_sec1 .phi_banner1 {
    bottom: -18vw;
  }
}
.phi_sec1 .phi_banner1 img {
  width: 100%;
  height: 23.517vw;
  border-radius: 24px 0 0 24px;
}
@media (max-width: 1049px) {
  .phi_sec1 .phi_banner1 img {
    height: 28vw;
  }
}
@media (max-width: 499px) {
  .phi_sec1 .phi_banner1 img {
    height: 31vw;
  }
}

.phi_sec2 {
  position: relative;
  padding: 20vw 0 20vw;
  background: #EFF4F8;
}
@media (max-width: 1049px) {
  .phi_sec2 {
    padding: 25vw 0;
  }
}
@media (max-width: 499px) {
  .phi_sec2 {
    padding: 28vw 0;
  }
}
.phi_sec2 .phi_inner {
  width: 86.207vw;
  margin: 0 auto;
}
.phi_sec2 .phi_inner .phi_img {
  width: 50%;
  margin: 0 auto;
  margin-bottom: 2.414vw;
}
@media (max-width: 1049px) {
  .phi_sec2 .phi_inner .phi_img {
    width: 70%;
  }
}
@media (max-width: 499px) {
  .phi_sec2 .phi_inner .phi_img {
    width: 80%;
  }
}
.phi_sec2 .phi_inner .phi_img img {
  width: 100%;
}
.phi_sec2 .phi_inner .phi_ttl3 {
  font-size: 3.034vw;
  margin-bottom: 3.448vw;
  text-align: center;
}
@media (max-width: 1049px) {
  .phi_sec2 .phi_inner .phi_ttl3 {
    font-size: 5.034vw;
  }
}
@media (max-width: 499px) {
  .phi_sec2 .phi_inner .phi_ttl3 {
    font-size: 7.034vw;
  }
}
.phi_sec2 .phi_inner .phi_txt {
  font-size: 1.172vw;
}
@media (max-width: 1049px) {
  .phi_sec2 .phi_inner .phi_txt {
    font-size: 3.172vw;
  }
}
@media (max-width: 499px) {
  .phi_sec2 .phi_inner .phi_txt {
    font-size: 4.172vw;
  }
}
.phi_sec2 .phi_banner2 {
  position: absolute;
  bottom: -10vw;
  margin-right: 6.897vw;
}
.phi_sec2 .phi_banner2 img {
  width: 100%;
  height: 23.517vw;
  border-radius: 0 24px 24px 0;
}
@media (max-width: 1049px) {
  .phi_sec2 .phi_banner2 img {
    bottom: -14vw;
  }
}
@media (max-width: 499px) {
  .phi_sec2 .phi_banner2 img {
    bottom: -18vw;
  }
}

.phi_sec3 {
  padding: 20vw 0 8.276vw;
  background: #F9F9F9;
}
@media (max-width: 1049px) {
  .phi_sec3 {
    padding: 25vw 0 13.276vw;
  }
}
@media (max-width: 499px) {
  .phi_sec3 {
    padding: 28vw 0 18.276vw;
  }
}
.phi_sec3 .phi_inner {
  width: 86.207vw;
  margin: 0 auto;
}
.phi_sec3 .phi_inner .phi_img {
  width: 50%;
  margin: 0 auto;
  margin-bottom: 2.414vw;
}
.phi_sec3 .phi_inner .phi_img img {
  width: 100%;
}
.phi_sec3 .phi_inner .phi_ttl3 {
  font-size: 3.034vw;
  margin-bottom: 3.448vw;
  text-align: center;
}
@media (max-width: 1049px) {
  .phi_sec3 .phi_inner .phi_ttl3 {
    font-size: 5.034vw;
  }
}
@media (max-width: 499px) {
  .phi_sec3 .phi_inner .phi_ttl3 {
    font-size: 7.034vw;
  }
}
.phi_sec3 .phi_inner .phi_txt {
  font-size: 1.172vw;
}
@media (max-width: 1049px) {
  .phi_sec3 .phi_inner .phi_txt {
    font-size: 3.172vw;
  }
}
@media (max-width: 499px) {
  .phi_sec3 .phi_inner .phi_txt {
    font-size: 4.172vw;
  }
}

.phi_con1 {
  margin-bottom: 0 !important;
}

.a___txt1 {
  font-size: 1.793vw;
  color: #20272e;
  position: relative;
  top: -0.2vw;
}
@media (max-width: 1049px) {
  .a___txt1 {
    font-size: 3.385vw;
    position: relative;
    top: -0.7vw;
  }
}
@media (max-width: 499px) {
  .a___txt1 {
    font-size: 6.933vw;
  }
}/*# sourceMappingURL=about.css.map */