@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
.top p {
  font-size: clamp(1.5rem, 1.55vw, 1.8rem);
}

.top-mv {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  background: url(/assets/img/top/mv_bg_sp.jpg) no-repeat;
  background-size: cover;
  padding: 86px 20px 46px;
  position: relative;
}
@media screen and (min-width: 769px) {
  .top-mv {
    padding: 215px 20px 100px;
    background: url(/assets/img/top/mv_bg_pc.jpg) no-repeat center center;
    background-size: cover;
  }
}
.top-mv__inner {
  position: relative;
  max-width: 1480px;
  width: 100%;
  margin: 0 auto;
  z-index: 1;
}
.top-mv__inner::before {
  display: none;
}
@media screen and (min-width: 769px) {
  .top-mv__inner::before {
    content: "";
    position: absolute;
    right: 0;
    top: -20%;
    width: 45.54%;
    height: 180px;
    max-width: 675px;
    background: url(/assets/img/top/bnr_level2.png) no-repeat;
    background-size: contain;
    display: block;
  }
}
.top-mv__inner--pcimg {
  width: 80%;
  max-width: 558px;
  margin: 0 auto 25px;
}
@media screen and (min-width: 769px) {
  .top-mv__inner--pcimg {
    display: none;
  }
}
.top-mv__ttl {
  font-size: clamp(1.8rem, 5.2vw, 7rem);
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.5em;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 769px) {
  .top-mv__ttl {
    text-align: left;
    letter-spacing: 0.05em;
    margin-bottom: 60px;
  }
}
.top-mv__no1 {
  max-width: 855px;
  margin-bottom: 46px;
}
@media screen and (min-width: 769px) {
  .top-mv__no1 {
    display: none;
  }
}
.top-mv__service-list {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .top-mv__service-list {
    display: flex;
  }
}
.top-mv__service-list li {
  list-style-type: none;
  position: relative;
  background: none;
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
  .top-mv__service-list li {
    max-width: 304px;
    margin-right: 10px;
    margin-bottom: 0;
  }
}
.top-mv__service-list li .service-type {
  width: 100%;
}
.top-mv__service-list li .service-link {
  position: absolute;
  z-index: 1;
  right: 2.4%;
  bottom: 17.1%;
  width: 52.2%;
  max-width: 342px;
}
@media screen and (min-width: 769px) {
  .top-mv__service-list li .service-link {
    left: 50%;
    right: auto;
    bottom: 9.2%;
    transform: translateX(-50%);
    width: 78.9%;
    max-width: 240px;
  }
}
.top-mv__service-list li .service-link img {
  transition: all 0.3s;
}
@media screen and (min-width: 769px) {
  .top-mv__service-list li .service-link:hover img {
    transform: scale(1.08);
  }
}
.top-mv__line {
  position: absolute;
  left: 0;
  top: 10vw;
  width: 100%;
  height: auto;
  max-width: 850px;
}
@media screen and (min-width: 769px) {
  .top-mv__line {
    top: 0;
    width: 64%;
  }
}
.top p.top-mv__attention {
  font-size: clamp(.8rem, 1vw, 1.2rem);
  width: 100%;
  max-width: 932px;
  padding-top: 10px;
}
@media screen and (min-width: 769px) {
  .top p.top-mv__attention {
    padding-top: 20px;
  }
}

.sec-pickup {
  margin-top: -20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
  .sec-pickup {
    margin-top: -50px;
    margin-bottom: 40px;
  }
}
.sec-pickup .bnr {
  width: 100%;
  max-width: 92vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .sec-pickup .bnr {
    width: 90%;
    max-width: 1200px;
  }
  .sec-pickup .bnr a img {
    transition: all 0.3s;
    transform: scale(0.96);
  }
  .sec-pickup .bnr a:hover img {
    transform: scale(1);
  }
}

.sec-merit {
  margin-bottom: 90px;
}
@media screen and (min-width: 769px) {
  .sec-merit {
    margin-bottom: 140px;
  }
}
.sec-merit__ttl {
  text-align: center;
  font-weight: 700;
  font-size: clamp(1.7rem, 2.4vw, 2.5rem);
  letter-spacing: 0.1em;
}
.sec-merit__ttl span {
  color: #003E92;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(3rem, 4.45vw, 5rem);
  font-weight: 400;
  filter: brightness(98%) contrast(120%) saturate(100%);
}

/* slider-loop */
.loop-slider {
  width: auto;
  height: 30px;
  margin: 1em 0 2.5em;
}
@media screen and (min-width: 769px) {
  .loop-slider {
    height: 70px;
  }
}
.loop-slider li span {
  padding: 0 5px;
  display: block;
}

/* slick */
.slick-slider div {
  transition: none;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.sec-question {
  margin-bottom: 150px;
}
.sec-question__ttl {
  text-align: center;
  font-weight: 700;
  font-size: clamp(1.8rem, 3.8vw, 4.2rem);
  color: #3B4043;
  position: relative;
  margin-bottom: 20px;
}
.sec-question__ttl span {
  color: #003E92;
  font-size: clamp(2.4rem, 4.5vw, 5rem);
  font-weight: 700;
  filter: brightness(98%) contrast(120%) saturate(100%);
}
.sec-question__ttl::before {
  content: url(/assets/img/top/icon_kadai.svg);
  top: -2.4em;
  left: 50%;
  transform: scale(0.5) translateX(-100%);
  transform-origin: center top;
  position: absolute;
}
@media screen and (min-width: 420px) {
  .sec-question__ttl::before {
    top: -1.4em;
  }
}
@media screen and (min-width: 769px) {
  .sec-question__ttl::before {
    top: -1.9em;
    transform: translateX(-50%);
  }
}
.sec-question__list {
  display: grid;
  gap: 20px;
  justify-items: center;
}
@media screen and (min-width: 769px) {
  .sec-question__list {
    display: flex;
    justify-content: space-between;
  }
}
.sec-question__list li {
  position: relative;
  width: 100%;
  max-width: 352px;
  border-radius: 50%;
  padding: 16px;
  background: #ECECEC;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.sec-question__list li::before {
  display: block;
  content: "";
  padding-top: 100%;
}
@media screen and (min-width: 769px) {
  .sec-question__list li {
    width: 30%;
  }
}
.sec-question__list li .sec-question__list-num {
  position: absolute;
  left: -2%;
  top: 14%;
  width: 30%;
}
.sec-question__list li .sec-question__list-img {
  margin-top: -100px;
  width: 25.5%;
}
.sec-question__list li .sec-question__list-ttl {
  position: absolute;
  top: 60%;
  text-align: center;
  color: #003E92;
  font-size: clamp(1.6rem, 1.7vw, 1.9rem);
  font-weight: 700;
  margin-bottom: 0.5em;
  width: 100%;
  filter: brightness(98%) contrast(120%) saturate(100%);
}
.sec-question__list li p {
  position: absolute;
  top: 72%;
  text-align: center;
  font-size: clamp(1.5rem, 1.55vw, 1.8rem);
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .sec-question__list li p {
    top: 75%;
  }
}

.sec-solution {
  width: 100%;
  background: #CDE8FE;
  padding-bottom: 40px;
}
@media screen and (min-width: 769px) {
  .sec-solution {
    padding-bottom: 70px;
  }
}
.sec-solution__ttl {
  width: 100%;
  background: #CDE8FE;
  position: relative;
  top: -45px;
  border-radius: 20px;
  text-align: center;
  padding: 24px 0.5em 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .sec-solution__ttl {
    border-radius: 35px;
    padding: 57px 20px 20px;
    top: -70px;
  }
}
.sec-solution__ttl img {
  height: 18vw;
}
@media screen and (min-width: 769px) {
  .sec-solution__ttl img {
    height: 73px;
  }
}
.sec-solution__list {
  display: grid;
  gap: 45px;
  justify-items: center;
  margin-bottom: 45px;
}
@media screen and (min-width: 769px) {
  .sec-solution__list {
    display: flex;
    justify-content: space-between;
    gap: unset;
    margin-bottom: 50px;
  }
}
.sec-solution__list li {
  position: relative;
  background: #fff;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  border-radius: 10px;
  padding: 44px 20px 20px;
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 769px) {
  .sec-solution__list li {
    padding: 64px 30px 30px;
    width: 31%;
    transform: inherit;
  }
}
.sec-solution__list li::before {
  content: "";
  background: url(/assets/img/top/sol_icon.svg) no-repeat top center;
  background-size: 100%;
  width: 16%;
  max-width: 44px;
  height: 100%;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}
@media screen and (min-width: 769px) {
  .sec-solution__list li::before {
    top: -50px;
    width: 19.2%;
    max-width: 66px;
  }
}
.sec-solution__list li .sec-solution__list-img {
  width: 51.4%;
  max-width: 144px;
  margin: 0 auto 10px;
}
.sec-solution__list li .sec-solution__list-ttl {
  text-align: center;
  color: #003E92;
  font-size: clamp(1.6rem, 1.82vw, 2.4rem);
  font-weight: 700;
  margin-bottom: 0.5em;
  width: 100%;
  filter: brightness(98%) contrast(120%) saturate(100%);
}
.sec-solution__list li p {
  text-align: center;
  font-size: clamp(1.4rem, 1.36vw, 1.6rem);
  font-weight: 700;
}

.sec-cv {
  width: 100%;
  background: url(/assets/img/top/bg_cta_sp.jpg);
  background-size: cover;
  padding: 44px 0;
}
@media screen and (min-width: 769px) {
  .sec-cv {
    background: url(/assets/img/top/bg_cta.jpg);
    background-size: cover;
  }
}
.sec-cv__ttl {
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: 700;
  margin-bottom: 1em;
  font-size: clamp(1.7rem, 2vw, 2.8rem);
}
.sec-cv__link {
  display: block;
  width: 94%;
  margin: auto;
}
@media screen and (min-width: 769px) {
  .sec-cv__link {
    display: flex;
    justify-content: space-between;
  }
}
.sec-cv__link li {
  width: 100%;
  margin-bottom: 12px;
}
@media screen and (min-width: 769px) {
  .sec-cv__link li {
    width: 46%;
    margin-bottom: 0;
  }
}
.sec-cv__link li a {
  display: block;
  border-radius: 50px;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  font-size: clamp(1.7rem, 2.36vw, 3rem);
  padding: 0.9em;
}
.sec-cv__link li.btn-dl a {
  background-color: #FFF;
  border: solid 2px #F12656;
  color: #F12656;
  filter: brightness(98%) contrast(120%) saturate(100%);
}
.sec-cv__link li.btn-trial a {
  background-color: #F12656;
  color: #fff;
  border: solid 2px #F12656;
  filter: brightness(98%) contrast(120%) saturate(100%);
}
.sec-cv__link li a:hover {
  background: #092244;
  border: solid 2px #092244;
  color: #fff;
}

.sec-about {
  background: #F2F8FE;
  padding: 40px 0;
}
@media screen and (min-width: 769px) {
  .sec-about {
    padding: 90px 0;
  }
}
.sec-about__lead {
  background: url(/assets/img/top/bg_about_sp.png) no-repeat center bottom;
  background-size: cover;
  border-radius: 20px;
  padding: 50px 8%;
  margin-bottom: 40px;
}
@media screen and (min-width: 769px) {
  .sec-about__lead {
    background: url(/assets/img/top/bg_about.png) no-repeat center center;
    background-size: cover;
    padding: 80px 11.6%;
    margin-bottom: 80px;
    border-radius: 40px;
  }
}
.sec-about__lead-sttl {
  color: #fff;
  font-weight: 700;
  font-size: clamp(1.8rem, 2.55vw, 3.8rem);
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  .sec-about__lead-sttl {
    text-align: center;
  }
}
.sec-about__lead p {
  color: #fff;
  font-weight: 700;
  line-height: 2.1;
  font-size: clamp(1.5rem, 1.55vw, 1.8rem);
}
.sec-about__point-sttl {
  font-size: clamp(1.8rem, 2.55vw, 3.2rem);
  color: #003E92;
  text-align: center;
  margin-bottom: 30px;
  filter: brightness(98%) contrast(120%) saturate(100%);
}
.sec-about__point-sttl span {
  position: relative;
}
.sec-about__point-sttl span::before {
  content: url(/assets/img/top/icon_ttl01.svg);
  position: absolute;
  top: -1.2em;
  left: -3em;
  transform: scale(0.8);
}
@media screen and (min-width: 769px) {
  .sec-about__point-sttl span::before {
    transform: scale(1);
    top: -0.6em;
  }
}
.sec-about__point p {
  margin: 0 auto 30px;
}
@media screen and (min-width: 769px) {
  .sec-about__point p {
    width: 90%;
    margin: 0 auto 50px;
    text-align: center;
  }
}
.sec-about__point-table-wrap {
  width: 100%;
  overflow-x: scroll;
  margin-bottom: 40px;
}
@media screen and (min-width: 769px) {
  .sec-about__point-table-wrap {
    overflow-x: inherit;
    margin-bottom: 90px;
  }
}
.sec-about__point-table {
  width: 100%;
  min-width: 800px;
}

.sec-service {
  position: relative;
}
.sec-service__ttl-wrap {
  margin-bottom: 40px;
}
@media screen and (min-width: 769px) {
  .sec-service__ttl-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 90px;
  }
}
.sec-service__ttl-wrap p {
  font-size: clamp(1.5rem, 1.7vw, 2.2rem);
}
@media screen and (min-width: 769px) {
  .sec-service__ttl-wrap p {
    width: 70%;
  }
}
.sec-service__ttl {
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}
@media screen and (min-width: 769px) {
  .sec-service__ttl {
    width: 30%;
    margin-bottom: 0;
  }
}
.sec-service__ttl .en {
  font-size: clamp(2.4rem, 5.2vw, 6rem);
  font-weight: 400;
  color: #003E92;
  display: block;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  filter: brightness(98%) contrast(120%) saturate(100%);
}
@media screen and (min-width: 769px) {
  .sec-service__ttl .en {
    text-align: left;
  }
}
.sec-service__ttl .ja {
  font-weight: 700;
  line-height: 1;
  font-size: clamp(1.8rem, 1.82vw, 2.6rem);
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .sec-service__ttl .ja {
    text-align: left;
    display: block;
  }
}
.sec-service__ttl::before {
  content: url(/assets/img/top/icon_ttl_service_sp.svg);
  transform-origin: top left;
  position: absolute;
  z-index: -1;
  top: -0.5em;
  left: -1em;
  transform: scale(0.33);
}
@media screen and (min-width: 769px) {
  .sec-service__ttl::before {
    content: url(/assets/img/top/icon_ttl_service.svg);
    transform: scale(1);
    top: -50px;
    left: -200px;
  }
}
.sec-service__list {
  display: grid;
  gap: 45px;
  justify-items: center;
  width: 80.2%;
  margin: 0 auto 40px;
}
@media screen and (min-width: 769px) {
  .sec-service__list {
    width: 96.8%;
    display: flex;
    justify-content: space-between;
    gap: unset;
    margin: 0 auto 46px;
  }
}
.sec-service__list li {
  position: relative;
}
@media screen and (min-width: 769px) {
  .sec-service__list li {
    width: 28.4%;
  }
}
.sec-service__list li .sec-service__list-img {
  text-align: center;
  margin: 0 auto 12px;
}
.sec-service__list li .sec-service__list-txtarea {
  background: #fff;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.16));
  transform: translateZ(0);
  border-radius: 10px;
  padding: 15px;
}
@media screen and (min-width: 769px) {
  .sec-service__list li .sec-service__list-txtarea {
    padding: 20px;
    transform: inherit;
  }
}
.sec-service__list li .sec-service__list-sttl {
  text-align: center;
  color: #003E92;
  letter-spacing: 0.05em;
  font-size: clamp(1.8rem, 1.8vw, 2.4rem);
  line-height: 1.5;
  margin-bottom: 20px;
  filter: brightness(98%) contrast(120%) saturate(100%);
}
.sec-service__list li .sec-service__list-sttl span {
  display: block;
}
.sec-service__list li .sec-service__list-sttl .en {
  font-size: clamp(1.6rem, 1.7vw, 2rem);
}
.sec-service__list li p {
  font-size: clamp(1.4rem, 1.36vw, 1.6rem);
  font-weight: 700;
  text-align: center;
}
.sec-service-gigacc {
  margin: 50px 0;
  position: relative;
  padding: 0 20px 30px;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc {
    margin: 100px 0;
    padding: 0 70px 60px;
  }
}
.sec-service-gigacc::before {
  content: "";
  width: 100%;
  height: 92%;
  border-radius: 15px;
  border: solid 3px #003E92;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 80px;
  display: block;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc::before {
    border-radius: 35px;
    top: 246px;
    height: 74%;
  }
}
.sec-service-gigacc .sec-bg-wt {
  background: #fff;
  text-align: center;
  font-weight: 700;
  width: 94%;
  max-width: 780px;
  padding: 0 10px;
  margin: 0 auto 30px;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc .sec-bg-wt {
    margin: 0 auto 50px;
    padding: 0 20px;
  }
}
.sec-service-gigacc__icon {
  text-align: center;
  margin: 0 auto 20px;
}
.sec-service-gigacc__icon img {
  height: 52px;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc__icon img {
    height: 105px;
  }
}
.sec-service-gigacc__sttl {
  text-align: center;
  color: #003E92;
  font-size: clamp(1.7rem, 2.36vw, 3rem);
  line-height: 1.5;
  filter: brightness(98%) contrast(120%) saturate(100%);
}
.sec-service-gigacc__sttl span {
  font-size: clamp(1.6rem, 1.82vw, 2.4rem);
  display: block;
}
.sec-service-gigacc__icon-asp {
  text-align: center;
  margin: 18px auto 23px;
}
.sec-service-gigacc__icon-asp img {
  height: 24px;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc__icon-asp img {
    height: 45px;
  }
}
.sec-service-gigacc__btn-link-wrap {
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc__btn-link-wrap {
    gap: 34px;
  }
}
.sec-service-gigacc__btn-link-wrap > li {
  margin: 0;
  width: 50%;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc__btn-link-wrap > li {
    width: 39.7%;
  }
}
.sec-service-gigacc__btn-link-wrap > li a {
  display: block;
  text-align: center;
  font-weight: 700;
  color: #003E92;
  line-height: 1;
  padding: 0.8em 0.4em;
  font-size: clamp(1.5rem, 1.7vw, 2.2rem);
  border-radius: 50px;
  border: solid 2px #003E92;
  transition: all 0.5s;
  filter: brightness(98%) contrast(120%) saturate(100%);
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc__btn-link-wrap > li a {
    letter-spacing: 0.1em;
  }
}
.sec-service-gigacc__btn-link-wrap > li a:hover {
  background: #003E92;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc__cat {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
  }
}
.sec-service-gigacc__cat-box {
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16) inset;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc__cat-box {
    border-radius: 35px;
    padding: 40px;
    flex-grow: 1;
    margin-bottom: auto;
  }
}
.sec-service-gigacc__cat-box > h4 {
  text-align: center;
  font-size: clamp(1.7rem, 2.36vw, 3rem);
  line-height: 1.8;
  margin-bottom: 20px;
}
.sec-service-gigacc__cat-box > h4 span {
  font-size: clamp(1.5rem, 1.7vw, 2.2rem);
  display: block;
}
.sec-service-gigacc__cat-box > p {
  margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc__cat-box > p {
    margin-bottom: 30px;
  }
}
.sec-service-gigacc__cat-box > p img {
  height: 25px;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc__cat-box > p img {
    height: 50px;
  }
}
.sec-service-gigacc__cat-box > .sec-service-gigacc__btn-link-wrap {
  gap: 10px;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc__cat-box > .sec-service-gigacc__btn-link-wrap {
    gap: 10px;
  }
}
.sec-service-gigacc__cat-box > .sec-service-gigacc__btn-link-wrap li {
  width: 50%;
  margin: 0;
}
.sec-service-gigacc__cat-box > .sec-service-gigacc__btn-link-wrap li a {
  font-size: clamp(1.4rem, 0.73vw, 1.8rem);
  padding: 1.2em 0.4em;
}
.sec-service-gigacc__cat-box.cat-okurn {
  background: #ECEBF3;
  color: #092244;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc__cat-box.cat-okurn {
    width: calc(50% - 9px);
  }
}
.sec-service-gigacc__cat-box.cat-okurn > .sec-service-gigacc__btn-link-wrap a {
  color: #092244;
  border: solid 2px #092244;
  transition: all 0.5s;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc__cat-box.cat-okurn > .sec-service-gigacc__btn-link-wrap a {
    letter-spacing: 0.1em;
  }
}
.sec-service-gigacc__cat-box.cat-okurn > .sec-service-gigacc__btn-link-wrap a:hover {
  background: #092244;
  color: #fff;
}
.sec-service-gigacc__cat-box.cat-sharern {
  background: #FBEFE5;
  color: #D5530E;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc__cat-box.cat-sharern {
    width: calc(50% - 9px);
  }
}
.sec-service-gigacc__cat-box.cat-sharern > .sec-service-gigacc__btn-link-wrap a {
  color: #D5530E;
  border: solid 2px #D5530E;
  transition: all 0.5s;
}
@media screen and (min-width: 769px) {
  .sec-service-gigacc__cat-box.cat-sharern > .sec-service-gigacc__btn-link-wrap a {
    letter-spacing: 0.1em;
  }
}
.sec-service-gigacc__cat-box.cat-sharern > .sec-service-gigacc__btn-link-wrap a:hover {
  background: #D5530E;
  color: #fff;
}
.sec-service-gigacc__cat-box.cat-note {
  width: 100%;
  background: #DEF0FE;
  color: #003E92;
}
.sec-service::before { /*スペースを作る*/
  content: "";
  top: 0;
  left: 0;
  width: 100%; /*指定したい幅*/
  padding-top: 100%; /*画像の幅に対する高さ比率*/
  display: block;
  position: absolute;
  z-index: -1;
}
.sec-service::after {
  content: "";
  background: url(/assets/img/common/bg_circle01.svg) no-repeat;
  position: absolute;
  background-size: 100%;
  width: 16.5%;
  height: 30.5vw;
  max-width: 317px;
  max-height: 590px;
  bottom: 110px;
  right: 0;
  display: block;
}
@media screen and (min-width: 769px) {
  .sec-service::after {
    bottom: 90px;
  }
}

.sec-case {
  background: #CDE8FE;
  padding: 60px 0;
}
@media screen and (min-width: 769px) {
  .sec-case {
    padding: 110px 0;
  }
}

.sec-info {
  padding: 60px 0;
}
@media screen and (min-width: 769px) {
  .sec-info {
    padding: 110px 0;
  }
}

.sec-doc {
  padding: 60px 0;
}
@media screen and (min-width: 769px) {
  .sec-doc {
    padding: 110px 0;
  }
}

.sec-news {
  padding: 60px 0;
  position: relative;
}
@media screen and (min-width: 769px) {
  .sec-news {
    padding: 110px 0;
  }
}
@media screen and (min-width: 769px) {
  .sec-news-wrap {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  .sec-news-wrap .sec-top__ttl {
    text-align: left;
  }
}
.sec-news__list {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .sec-news__list {
    width: 79.25%;
  }
}
.sec-news__list > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
  .sec-news__list > li {
    margin-bottom: 50px;
    gap: 28px;
  }
}
.sec-news__list > li .news-date {
  font-family: "Bebas Neue", sans-serif;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #3B4043;
  font-size: clamp(1.8rem, 3.27vw, 3.6rem);
}
@media screen and (min-width: 769px) {
  .sec-news__list > li .news-date {
    margin-top: -0.5em;
  }
}
.sec-news__list > li .news-date > .year {
  display: block;
  font-size: clamp(1.6rem, 1.82vw, 2.4rem);
}
.sec-news__list > li .news-date > .week {
  font-size: clamp(1.7rem, 2vw, 2.8rem);
  padding-left: 0.6em;
}
.sec-news__list > li .news-tag {
  color: #fff;
  background: #F12656;
  border-radius: 10px;
  font-weight: 700;
  padding: 0.2em 0.6em;
  white-space: nowrap;
}
.sec-news__list > li .news-ttl {
  font-size: clamp(1.5rem, 1.7vw, 2.2rem);
  font-weight: 700;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .sec-news__list > li .news-ttl {
    width: auto;
  }
}
.sec-news > .sec__inner {
  position: relative;
}
.sec-news::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 10%;
  display: block;
  position: absolute;
}
.sec-news::after {
  content: "";
  background: url(/assets/img/common/bg_circle02_sp.svg) no-repeat;
  position: absolute;
  background-size: 100%;
  width: 70%;
  height: 24%;
  bottom: 0;
  left: -20px;
  display: block;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .sec-news::after {
    background: url(/assets/img/common/bg_circle02.svg) no-repeat;
    background-size: 100%;
    left: 14vw;
    width: 53.9%;
    height: 20.5vw;
    max-width: 637px;
    max-height: 263px;
  }
}

.sec-top__ttl {
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 70px;
}
@media screen and (min-width: 769px) {
  .sec-top__ttl {
    margin-bottom: 110px;
  }
}
.sec-top__ttl .en {
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2.4rem, 5.2vw, 6rem);
  font-weight: 400;
  color: #003E92;
  display: block;
  line-height: 1.5;
  letter-spacing: 0.05em;
  position: relative;
  filter: brightness(98%) contrast(120%) saturate(100%);
}
.sec-top__ttl .ja {
  font-weight: 700;
  line-height: 1;
  font-size: clamp(1.8rem, 1.82vw, 2.6rem);
  letter-spacing: 0.1em;
  position: relative;
}
.sec-top__ttl.t-about::before {
  content: url(/assets/img/top/icon_ttl_about.svg);
  position: absolute;
  z-index: -1;
  top: -1em;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(0.7);
}
@media screen and (min-width: 769px) {
  .sec-top__ttl.t-about::before {
    transform: scale(1);
    top: -20px;
  }
}
.sec-top__ttl.t-case .ja::before {
  content: url(/assets/img/top/icon_ttl_case.svg);
  position: absolute;
  z-index: -1;
  top: -5em;
  right: -4.5em;
  transform: scale(0.7);
}
@media screen and (min-width: 769px) {
  .sec-top__ttl.t-case .ja::before {
    transform: scale(1);
    top: -110px;
  }
}
.sec-top__ttl.t-info .ja::before {
  content: url(/assets/img/top/icon_ttl_info.svg);
  position: absolute;
  z-index: -1;
  top: -4em;
  left: -7.5em;
  transform: scale(0.6);
}
@media screen and (min-width: 769px) {
  .sec-top__ttl.t-info .ja::before {
    transform: scale(1);
    top: -137px;
    left: -110px;
  }
}
.sec-top__ttl.t-doc .ja::before {
  content: url(/assets/img/top/icon_ttl_doc.svg);
  position: absolute;
  z-index: -1;
  top: -4em;
  left: -5.5em;
  transform: scale(0.9);
}
@media screen and (min-width: 769px) {
  .sec-top__ttl.t-doc .ja::before {
    transform: scale(1);
    top: -92px;
    left: -50px;
  }
}
.sec-top__ttl.t-news::before {
  content: url(/assets/img/top/icon_ttl_news.svg);
  position: absolute;
  z-index: -1;
  top: 0;
  left: -3em;
  transform: scale(0.6) rotate(25deg);
  transform-origin: center top;
}
@media screen and (min-width: 769px) {
  .sec-top__ttl.t-news::before {
    transform: scale(1);
    top: -30px;
    left: -200px;
  }
}

.flexBox {
  display: flex;
  flex-wrap: wrap;
}