#page_service {
  /*.btn_contact a {
      border: 1px solid #0D417E;
      color: #0D417E;
  }*/
  /*.about {
      padding-top: 90rem;
      padding-bottom: 90rem;

      .flex_wrap {
          display: flex;
          justify-content: space-between;

          .text_wrap {
              margin-left: -140rem;
              width: 640rem;

              .common_tit {
                  letter-spacing: 0.2em;
                  .tit_wrap {
                      h2 {
                          font-size: 24rem;
                      }
                      .en {
                          font-size: 64rem;
                          line-height: 1.4;
                      }
                  }
              }

              .catch {
                  color: #0D417E;
                  font-size: 32rem;
                  font-weight: 500;
                  width: max-content;
                  margin-top: 3em;
                  letter-spacing: 0.35em;
                  line-height: 1.7;
              }

              .about_text {
                  margin-top: 50rem;
                  font-size: 15rem;
                  letter-spacing: 0.1em;
              }

          }

          .img_flex {
              margin-right: -280rem;
              display: flex;
              align-items: flex-end;
              gap: 37rem;

              .img_wrap {
                  &:nth-of-type(1) {
                      margin-bottom: -90rem;
                      width: 322rem;
                  }
                  &:nth-of-type(2) {
                      width: 416rem;
                  }
              }
          }
      }
  }*/
}
#page_service .inner {
  /*background: rgba(0, 0, 0, 0.01);*/
}
#page_service .under_mv {
  padding-right: 30rem;
  padding-left: 30rem;
  padding-bottom: 60rem;
  max-width: 1293rem;
  margin-left: auto;
  margin-right: auto;
}
#page_service .under_mv .flex_wrap {
  display: flex;
  justify-content: space-between;
  gap: 30rem;
  margin-top: 110rem;
  /*.img_wrap {
      max-width: 416rem;

      img {
          height: 519rem;
          object-fit: cover;
      }
  }*/
  /*.img_flex {
      margin-right: -220rem;
      display: flex;
      align-items: flex-end;
      gap: 37rem;

      .img_wrap {
          &:nth-of-type(1) {
              margin-bottom: -90rem;
              width: 322rem;
          }
          &:nth-of-type(2) {
              width: 416rem;
          }
      }
  }*/
}
#page_service .under_mv .flex_wrap .text_wrap {
  width: calc(100% - 416rem);
  min-width: 610rem;
  max-width: 723rem;
}
#page_service .under_mv .flex_wrap .text_wrap h2 {
  /*color: #0D417E;*/
  /*font-size: 32rem;*/
  font-weight: 500;
  width: -moz-max-content;
  width: max-content;
  letter-spacing: 0.2em;
  line-height: 1.7;
}
#page_service .under_mv .flex_wrap .img_flex {
  display: flex;
  align-items: flex-end;
  gap: 30rem;
  position: absolute;
  /*margin: 90rem 0 0;*/
  margin: 140rem 0 0;
  right: 50rem;
  transition: 0.5s;
}
#page_service .under_mv .flex_wrap .img_flex .img_wrap:nth-of-type(1) {
  margin-bottom: -90rem;
  width: 322rem;
}
#page_service .under_mv .flex_wrap .img_flex .img_wrap:nth-of-type(2) {
  width: 416rem;
}
#page_service .user_anchor {
  /*margin-top: 160rem;*/
  margin-top: 400rem;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
#page_service .user_anchor .box a {
  border: 1px solid #1D2E4A;
  display: block;
  width: 470rem;
  height: 144rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /*.ico_wrap {
      img {
          height: 53rem;
          object-fit: cover;
      }
  }*/
}
#page_service .user_anchor .box a p {
  color: #1D2E4A;
  font-size: 15rem;
  margin-top: 1.5em;
  line-height: 0;
  display: flex;
  align-items: center;
}
#page_service .user_anchor .box a p:before {
  content: "";
  background-image: url(../../img/ico_service_arrow_down.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 25rem;
  height: 25rem;
  margin-right: 1.3em;
  transition: 0.3s linear;
}
@media (hover: hover) and (pointer: fine) {
  #page_service .user_anchor .box a:hover {
    opacity: 1;
  }
  #page_service .user_anchor .box a:hover p:before {
    transform: translateY(0.3em);
  }
}
#page_service .user {
  background-color: #fff;
  text-align: center;
}
#page_service .user h2 {
  border-bottom: 1px solid #9E9E9E;
  color: #0D417E;
  font-size: 28rem;
  font-weight: 500;
  text-align: left;
  padding-bottom: 0.5em;
  letter-spacing: 0.2em;
  display: flex;
  align-items: center;
}
#page_service .user h2::before {
  content: "";
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0 0.5em;
}
#page_service .user .lead {
  font-size: 15rem;
  margin-top: 2em;
  text-align: left;
  line-height: 2;
  letter-spacing: -0.05em;
}
#page_service .user ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20rem;
  margin-top: 60rem;
}
#page_service .user ul li {
  background-color: #F3F3F3;
  border-radius: 10rem;
  /*padding: 1em 2em 3.5em;*/
  padding: 1em 2em 2em;
  width: 320rem;
}
#page_service .user ul li .tit {
  font-weight: bold;
  line-height: 1.5;
  margin-top: 1em;
}
#page_service .user ul li .tit .ico {
  height: 50rem;
}
#page_service .user ul li .tit .ico img {
  max-height: 100%;
}
#page_service .user ul li .tit h3 {
  color: #0D417E;
  font-size: 20rem;
  margin-top: 0.8em;
}
#page_service .user ul li .tit h3.line2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3em;
}
#page_service .user ul li .tit .catch {
  font-size: 15rem;
  margin-top: 1em;
  /*text-align: left;*/
}
#page_service .user ul li .txt {
  font-size: 15rem;
  /*font-size: 13rem;*/
  line-height: 1.6;
  /*line-height: 1.4;*/
  margin-top: 1em;
  /*margin-top: 1.5em;*/
  text-align: left;
}
#page_service .user .qanda {
  margin: 100rem 0 0;
}
#page_service .user .qanda h3 {
  font-size: 30rem;
  margin: 0 0 20rem;
  text-align: center;
  color: #0D417E;
}
#page_service .user .qanda dl span {
  font-size: 38rem;
  color: #0D417E;
  margin: 0 20rem 0 0;
  position: absolute;
  top: -5rem;
  left: 20rem;
  bottom: 0;
  display: flex;
  align-items: center;
}
#page_service .user .qanda dl dt {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  border-bottom: 1rem solid #E8E8E8;
  padding: 25rem 60rem 25rem 90rem;
  cursor: pointer;
  text-align: left;
}
#page_service .user .qanda dl dt:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15rem;
  margin: auto;
  width: 2rem;
  height: 30rem;
  background: #0D417E;
  transition: 0.3s;
  opacity: 1;
}
#page_service .user .qanda dl dt:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 30rem;
  height: 2rem;
  background: #0D417E;
}
#page_service .user .qanda dl dt.open:before {
  transform: rotate(90deg);
  opacity: 0;
}
#page_service .user .qanda dl dd {
  display: none;
  position: relative;
  padding: 25rem 50rem 25rem 90rem;
  background: #ECF0F5;
  text-align: left;
}
#page_service .user .qanda dl dd:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 1rem;
  background: #E8E8E8;
}
#page_service .user .qanda dl + h2 {
  margin: 80rem 0 20rem;
}
#page_service .user.corporate {
  margin-top: 130rem;
}
#page_service .user.corporate h2::before {
  background-image: url(../../img/ico_service_corporate.svg);
  width: 26rem;
  height: 31rem;
}
#page_service .user.personal {
  margin-top: 200rem;
}
#page_service .user.personal h2::before {
  background-image: url(../../img/ico_service_personal.svg);
  width: 31rem;
  height: 31rem;
}
#page_service .flow {
  background-color: #fff;
  text-align: center;
  margin-top: 120rem;
}
#page_service .flow h2 {
  color: #0D417E;
}
#page_service .flow ul {
  display: flex;
  justify-content: space-between;
  margin-top: 60rem;
}
#page_service .flow ul li {
  width: 200rem;
}
#page_service .flow ul li .tit .number {
  color: #0D417E;
  font-size: 20rem;
  letter-spacing: 0.1em;
}
#page_service .flow ul li .tit .number span {
  font-size: 34rem;
  font-style: italic;
  margin-left: 0.1em;
}
#page_service .flow ul li .desc h3 {
  color: #0D417E;
  font-size: 18rem;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 1em;
}
#page_service .flow ul li .desc .txt {
  font-size: 15rem;
  line-height: 1.6;
  margin-top: 1em;
  text-align: left;
}
#page_service .flow ul li + li {
  position: relative;
}
#page_service .flow ul li + li::after {
  content: "";
  position: absolute;
  top: 100rem;
  left: -45rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11.5rem 0 11.5rem 17rem;
  border-color: transparent transparent transparent #0D417E;
}
#page_service .flow ul li img {
  filter: blur(0);
}
#page_service .flow ul li:nth-child(2) {
  transition-delay: 0.3s;
}
#page_service .flow ul li:nth-child(3) {
  transition-delay: 0.6s;
}
#page_service .flow ul li:nth-child(4) {
  transition-delay: 0.9s;
}
#page_service .industry {
  color: #fff;
  background: url(../../img/bg_top_service02.png) no-repeat center top/cover;
  margin-top: 175rem;
  padding-top: 130rem;
  padding-bottom: 125rem;
  text-align: center;
}
#page_service .industry h2 {
  color: #fff;
  font-size: 32rem;
  font-weight: 500;
}
#page_service .industry h2::before {
  background-color: #fff;
}
#page_service .industry .box {
  display: flex;
  flex-wrap: wrap;
  gap: 25rem;
  margin-top: 55rem;
}
#page_service .industry .box li {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dotted #fff;
  font-size: 18rem;
  border-radius: 50%;
  height: 180rem;
  width: 180rem;
}
#page_service .expert {
  background-color: #F3F3F3;
  padding-top: 80rem;
  padding-bottom: 120rem;
  text-align: center;
}
#page_service .expert h2 {
  color: #0D417E;
}
#page_service .expert .col2 {
  background-color: #fff;
  margin-top: 40rem;
  padding: 65rem 65rem 70rem;
  text-align: left;
}
#page_service .expert .col2 .box {
  display: flex;
  justify-content: space-between;
  /*&:nth-of-type(even) {
      flex-direction: row-reverse;
  }*/
}
#page_service .expert .col2 .box + .box {
  margin-top: 50rem;
}
#page_service .expert .col2 .box .pic {
  width: 360rem;
}
#page_service .expert .col2 .box .desc {
  width: 458rem;
}
#page_service .expert .col2 .box .desc h3 {
  color: #0D417E;
  font-size: 22rem;
  font-weight: bold;
  letter-spacing: -0.01em;
}
#page_service .expert .col2 .box .desc h3 span {
  display: block;
  font-size: 18rem;
}
#page_service .expert .col2 .box .desc p {
  font-size: 15rem;
  letter-spacing: -0.05em;
  margin-top: 1em;
}

@media screen and (max-width: 680px) {
  #page_service .under_mv {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 50rem;
    max-width: 100%;
  }
  #page_service .under_mv .under_tit {
    padding-right: 25rem;
    padding-left: 25rem;
  }
  #page_service .under_mv .flex_wrap {
    display: block;
    max-width: 100%;
    margin-top: 30rem;
    /*.img_wrap {
        max-width: 100%;
        width: 245rem;
        margin-left: auto;
        margin-right: 0;
        margin-top: 30rem;

        img {
            height: auto;
        }
    }*/
    /*.img_flex {
        margin-right: 0;
        gap: 20rem;
        margin-left: 15rem;
        margin-top: 50rem;

        .img_wrap {
            &:nth-of-type(1) {
                margin-bottom: -60rem;
                width: 152rem;
            }
            &:nth-of-type(2) {
                width: 187.5rem;
            }
        }
    }*/
  }
  #page_service .under_mv .flex_wrap .text_wrap {
    width: 100%;
    min-width: auto;
    max-width: 100%;
    padding-right: 25rem;
    padding-left: 25rem;
  }
  #page_service .under_mv .flex_wrap .text_wrap h2 {
    width: 100%;
  }
  #page_service .under_mv .flex_wrap .text_wrap .name {
    text-align: right;
    margin-top: 35rem;
    line-height: 1.8;
  }
  #page_service .under_mv .flex_wrap .img_flex {
    gap: 20rem;
    margin: 60rem 0 0 25rem;
    position: static;
    width: auto;
  }
  #page_service .under_mv .flex_wrap .img_flex .img_wrap:nth-of-type(1) {
    margin-bottom: -60rem;
  }
  #page_service .user_anchor {
    margin-top: 60rem;
    margin-left: auto;
    margin-right: auto;
    width: 325rem;
  }
  #page_service .user_anchor .box a {
    width: 155rem;
    height: 107.5rem;
  }
  #page_service .user_anchor .box a .ico_wrap {
    height: 39rem;
  }
  #page_service .user_anchor .box a .ico_wrap img {
    height: 100%;
  }
  #page_service .user_anchor .box a p {
    font-size: 13rem;
    margin-top: 1.5em;
    flex-direction: column-reverse;
  }
  #page_service .user_anchor .box a p:before {
    width: 18rem;
    height: 18rem;
    margin-top: 1em;
    margin-right: 0;
  }
  #page_service .user h2 {
    font-size: 19rem;
    padding-bottom: 0.5em;
    letter-spacing: 0.2em;
  }
  #page_service .user h2::before {
    margin: 0 0.5em;
  }
  #page_service .user .lead {
    font-size: 13rem;
    line-height: 1.7;
  }
  #page_service .user ul {
    margin-top: 95rem;
  }
  #page_service .user ul li {
    border-radius: 5rem;
    padding: 1em 2em 2em;
    width: 100%;
  }
  #page_service .user ul li .tit {
    margin-top: 1em;
  }
  #page_service .user ul li .tit .ico {
    height: 50rem;
  }
  #page_service .user ul li .tit h3 {
    font-size: 17rem;
  }
  #page_service .user ul li .tit h3.line2 {
    height: auto;
  }
  #page_service .user ul li .tit .catch {
    font-size: 14rem;
  }
  #page_service .user ul li .txt {
    font-size: 13rem;
    line-height: 1.6;
    margin-top: 1em;
  }
  #page_service .user .qanda {
    margin: 50rem 0 0;
  }
  #page_service .user .qanda h3 {
    font-size: 20rem;
    margin: 0;
  }
  #page_service .user .qanda dl span {
    font-size: 30rem;
    margin: 0 20rem 0 0;
    top: -5rem;
    left: 10rem;
  }
  #page_service .user .qanda dl dt {
    position: relative;
    padding: 20rem 30rem 20rem 60rem;
  }
  #page_service .user .qanda dl dt:before {
    right: 10rem;
    height: 20rem;
  }
  #page_service .user .qanda dl dt:after {
    width: 20rem;
    height: 2rem;
  }
  #page_service .user .qanda dl dd {
    padding: 20rem 30rem 20rem 60rem;
  }
  #page_service .user.corporate {
    margin-top: 45rem;
  }
  #page_service .user.corporate h2::before {
    background-image: url(../../img/ico_service_corporate.svg);
    width: 22rem;
    height: 26rem;
  }
  #page_service .user.personal {
    margin-top: 70rem;
  }
  #page_service .user.personal h2::before {
    background-image: url(../../img/ico_service_personal.svg);
    width: 26rem;
    height: 26rem;
  }
  #page_service .flow {
    margin-top: 80rem;
  }
  #page_service .flow ul {
    flex-direction: column;
    margin-top: 60rem;
  }
  #page_service .flow ul li {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  #page_service .flow ul li .tit .number {
    font-size: 16rem;
    letter-spacing: 0.1em;
  }
  #page_service .flow ul li .tit .number span {
    font-size: 27rem;
    margin-left: 0.1em;
  }
  #page_service .flow ul li .tit .ico {
    margin-left: auto;
    margin-right: auto;
    width: 80rem;
  }
  #page_service .flow ul li .tit h3 {
    font-size: 15rem;
    line-height: 1.3;
    margin-top: 1em;
  }
  #page_service .flow ul li .desc {
    margin-left: 2em;
    /*width: 185.5rem;*/
    width: 200rem;
  }
  #page_service .flow ul li .desc h3 {
    font-size: 15rem;
    text-align: left;
    margin-top: 1em;
  }
  #page_service .flow ul li .desc .txt {
    font-size: 13rem;
    line-height: 1.4;
  }
  #page_service .flow ul li + li {
    margin-top: 4.5em;
  }
  #page_service .flow ul li + li::after {
    top: -35rem;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border-width: 17rem 11.5rem 0 11.5rem;
    border-color: #0D417E transparent transparent transparent;
  }
  #page_service .flow ul li:nth-child(2), #page_service .flow ul li:nth-child(3), #page_service .flow ul li:nth-child(4) {
    transition-delay: unset;
  }
  #page_service .industry {
    margin-top: 90rem;
    padding-top: 30rem;
    padding-bottom: 80rem;
  }
  #page_service .industry h2 {
    font-size: 21rem;
  }
  #page_service .industry .swiper_outer {
    position: relative;
    z-index: 0;
  }
  #page_service .industry .swiper_outer .swiper-button-prev,
  #page_service .industry .swiper_outer .swiper-button-next {
    top: auto;
    bottom: -40rem;
    width: 9.5rem;
    height: 11rem;
    background-size: 100%;
  }
  #page_service .industry .swiper_outer .swiper-button-prev::after,
  #page_service .industry .swiper_outer .swiper-button-next::after {
    display: none;
  }
  #page_service .industry .swiper_outer .swiper-button-next {
    background-image: url(../../img/arrow_service_next.svg);
    right: 40rem;
  }
  #page_service .industry .swiper_outer .swiper-button-prev {
    background-image: url(../../img/arrow_service_prev.svg);
    left: 40rem;
  }
  #page_service .industry .swiper_outer .photo-cont ul {
    margin-top: 25rem;
  }
  #page_service .industry .swiper_outer .photo-cont ul li {
    text-align: center;
    margin: auto;
  }
  #page_service .industry .swiper_outer .photo-cont ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dotted #fff;
    font-size: 15rem;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    height: 150rem;
    width: 150rem;
  }
  #page_service .industry .swiper_outer .swiper-pagination {
    /*display: flex;*/
    bottom: -43rem;
    left: 0;
    right: 0;
    margin-top: 0.5em;
    margin-left: auto;
    margin-right: auto;
    width: -moz-fit-content;
    width: fit-content;
  }
  #page_service .industry .swiper_outer .swiper-pagination span + span {
    margin-left: 1em;
  }
  #page_service .industry .swiper_outer .swiper-pagination .swiper-pagination-bullet {
    width: 4rem;
    height: 4rem;
    background: #717171 !important;
    opacity: 1;
  }
  #page_service .industry .swiper_outer .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff !important;
  }
  #page_service .expert {
    padding-top: 50rem;
    padding-bottom: 50rem;
  }
  #page_service .expert .col2 {
    margin-top: 30rem;
    padding: 30rem 0 30rem;
  }
  #page_service .expert .col2 .box {
    flex-direction: column;
  }
  #page_service .expert .col2 .box + .box {
    margin-top: 30rem;
  }
  #page_service .expert .col2 .box .pic {
    margin-left: auto;
    margin-right: auto;
    width: 260rem;
  }
  #page_service .expert .col2 .box .desc {
    margin-left: auto;
    margin-right: auto;
    width: 260rem;
  }
  #page_service .expert .col2 .box .desc h3 {
    font-size: 16rem;
    margin-top: 0.8em;
  }
  #page_service .expert .col2 .box .desc h3 span {
    /*font-size: 14rem;*/
    font-size: 13rem;
  }
  #page_service .expert .col2 .box .desc p {
    font-size: 13rem;
    margin-top: 0.8em;
  }
}/*# sourceMappingURL=service.css.map */