@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  margin: 0;
  font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", YakuHanJP, "Hiragino Sans",   Meiryo, sans-serif !important; }

*:focus {
  outline: none; }

.is-pc {
  display: block; }
  @media (max-width: 640px) {
    .is-pc {
      display: none; } }

.is-sp {
  display: none; }
  @media (max-width: 640px) {
    .is-sp {
      display: block; } }

.lg-breadcrumb {
  position: relative;
  z-index: 101; }
  @media (max-width: 1000px) {
    .lg-breadcrumb {
      display: none; } }

.g-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(12, 13, 106, 0.03);
  padding: .5em 20px;
  text-align: left;
  line-height: 1.1;
  font-size: 87.5%; }
  @media (max-width: 1000px) {
    .g-breadcrumb {
      display: none; } }

.g-breadcrumb-btn {
  white-space: nowrap;
  color: #0c0d6a;
  text-decoration: none; }

.g-breadcrumb-btn:after {
  position: relative;
  top: -.1em;
  display: inline-block;
  content: '/';
  color: #01012c;
  margin-left: .5em;
  vertical-align: middle; }

.g-breadcrumb-btn, .g-breadcrumb-label, .g-breadcrumb-word {
  display: block;
  padding: .5em .25em; }

.g-breadcrumb-label {
  white-space: nowrap; }

.l-container {
  max-width: 1000px;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1; }
  @media (max-width: 1200px) {
    .l-container {
      padding: 0 2.77778vw; } }
  @media (max-width: 1000px) {
    .l-container {
      padding: 0 2.77778vw; } }
  @media (max-width: 640px) {
    .l-container {
      padding: 0 5.33333vw; } }

.carousel__img {
  width: 100%;
  aspect-ratio: 1.62162;
  border-radius: 10px;
  -o-object-fit: cover;
  object-fit: cover; }
  @media (max-width: 640px) {
    .carousel__img {
      border-radius: 1.33333vw; } }

.carousel__item {
  color: #000; }

.carousel__name {
  font-size: 1.375rem;
  font-weight: 600;
  color: #203244;
  line-height: 1.4;
  margin-top: 17px; }
  @media (max-width: 1440px) {
    .carousel__name {
      font-size: 22px;
      font-size: 1.52778vw; } }
  @media (max-width: 1200px) {
    .carousel__name {
      font-size: 18px;
      font-size: 1.8vw; } }
  @media (max-width: 640px) {
    .carousel__name {
      font-size: 40px;
      font-size: 10.66667vw;
      margin-top: 1.86667vw; } }

.carousel__des {
  font-size: 1rem;
  color: #333333;
  margin-top: 10px;
  line-height: 1.75;
  font-weight: 300; }
  @media (max-width: 1440px) {
    .carousel__des {
      font-size: 16px;
      font-size: 1.11111vw; } }
  @media (max-width: 1200px) {
    .carousel__des {
      font-size: 14px;
      font-size: 1.4vw; } }
  @media (max-width: 640px) {
    .carousel__des {
      font-size: 28px;
      font-size: 7.46667vw;
      margin-top: 0.8vw;
      line-height: 1.71; } }

.carousel__wrapper {
  margin-top: 38px; }
  @media (max-width: 1200px) {
    .carousel__wrapper {
      margin-top: 2.63889vw; } }
  @media (max-width: 1000px) {
    .carousel__wrapper {
      margin-top: 3.16667vw; } }
  .carousel__wrapper a {
    text-decoration: unset;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .carousel__wrapper a:hover {
      -webkit-opacity: 0.7;
      opacity: 0.7; }

.carousel__icon {
  width: 67px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .carousel__icon:hover {
    -webkit-opacity: 0.7;
    opacity: 0.7; }
  @media (max-width: 1200px) {
    .carousel__icon {
      width: 4.65278vw;
      height: 4.16667vw; } }
  @media (max-width: 1000px) {
    .carousel__icon {
      width: 5.58333vw;
      height: 5vw; } }
  @media (max-width: 640px) {
    .carousel__icon {
      width: 11.73333vw;
      height: 10.66667vw; } }

.carousel__iconprev, .carousel__iconnext {
  width: 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 1200px) {
    .carousel__iconprev, .carousel__iconnext {
      width: 0.83333vw; } }
  @media (max-width: 1000px) {
    .carousel__iconprev, .carousel__iconnext {
      width: 1vw; } }
  @media (max-width: 640px) {
    .carousel__iconprev, .carousel__iconnext {
      width: 2.13333vw; } }
  .carousel__iconprev:hover, .carousel__iconnext:hover {
    -webkit-opacity: 0.7;
    opacity: 0.7; }

.carousel__center {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 30px; }
  .carousel__center .carousel__icon:first-child {
    border-right: 1px solid #CAD3CA; }
  .carousel__center .carousel__icon:last-child {
    border-left: 1px solid #CAD3CA; }

.carousel__tool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 24px; }
  @media (max-width: 1440px) {
    .carousel__tool {
      margin-top: 1.66667vw; } }
  @media (max-width: 1200px) {
    .carousel__tool {
      margin-top: 2vw; } }
  @media (max-width: 640px) {
    .carousel__tool {
      margin-top: 0.8vw; } }

@media (max-width: 640px) {
  .js-swiper-01,
  .js-swiper-02,
  .js-swiper-03,
  .js-swiper-04 {
    margin-top: 1.6vw; } }

.swiper-pagination-01,
.swiper-pagination-02,
.swiper-pagination-03,
.swiper-pagination-04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 13px; }
  @media (max-width: 1200px) {
    .swiper-pagination-01,
    .swiper-pagination-02,
    .swiper-pagination-03,
    .swiper-pagination-04 {
      padding: 0 0.90278vw; } }
  @media (max-width: 1000px) {
    .swiper-pagination-01,
    .swiper-pagination-02,
    .swiper-pagination-03,
    .swiper-pagination-04 {
      padding: 0 1.08333vw; } }
  @media (max-width: 640px) {
    .swiper-pagination-01,
    .swiper-pagination-02,
    .swiper-pagination-03,
    .swiper-pagination-04 {
      gap: 1.33333vw;
      padding: 0 4vw; } }

.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: #D2D6DA;
  opacity: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .swiper-pagination-bullet:hover {
    -webkit-opacity: 0.7;
    opacity: 0.7; }
  @media (max-width: 1200px) {
    .swiper-pagination-bullet {
      width: 1.04167vw;
      height: 1.04167vw; } }
  @media (max-width: 1000px) {
    .swiper-pagination-bullet {
      width: 1.25vw;
      height: 1.25vw; } }
  @media (max-width: 640px) {
    .swiper-pagination-bullet {
      width: 2.66667vw;
      height: 2.66667vw; } }

.swiper-pagination-bullet-active {
  background-color: #203244; }

@media (max-width: 640px) {
  .lg-footer-spot-right {
    padding-bottom: 25px; } }

/*
.g-footer-pagetop {
  display: block;
  width: 90px;
  height: 98px;
  padding: 0;
  border-radius: unset;
  background: url(/product/feature/pbx/assets/img/faq/icon_top01.png?25030501) right bottom no-repeat;
  background-size: 100% auto;
  opacity: 0.9;
  @include mq('mc') {
    width: 5em;
    height: 5.5em;
  }
  &:hover {
    background-image: url(/product/feature/pbx/assets/img/faq/icon_top02.png?25030501);
    background-color: unset;
    opacity: 1;
  }
  .g-ico {
    display: none;
  }
}


*/
.bcp-guide_hd {
  width: 100%;
  height: 577px;
  max-height: 577px;
  background-color: #202337;
  position: relative;
  z-index: 1; }
  @media (max-width: 1440px) {
    .bcp-guide_hd {
      height: 40.06944vw; } }
  @media (max-width: 640px) {
    .bcp-guide_hd {
      max-height: 100%;
      height: auto;
      padding-bottom: 6.25vw; } }
  .bcp-guide_hd::before, .bcp-guide_hd::after {
    position: absolute;
    content: '';
    background-image: url(/product/feature/bcp-guide/assets/img/hd/line.png);
    width: 100%;
    height: 7px;
    background-repeat: repeat-x;
    z-index: -1;
    left: 0; }
    @media (max-width: 1440px) {
      .bcp-guide_hd::before, .bcp-guide_hd::after {
        height: 0.48611vw; } }
    @media (max-width: 640px) {
      .bcp-guide_hd::before, .bcp-guide_hd::after {
        height: 1.5625vw; } }
  .bcp-guide_hd::before {
    top: 0; }
  .bcp-guide_hd::after {
    bottom: 0; }
  .bcp-guide_hd img {
    width: 100%; }
  .bcp-guide_hd-inr {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    text-align: center; }
    @media (max-width: 1440px) {
      .bcp-guide_hd-inr {
        max-width: 83.33333vw; } }
    @media (max-width: 640px) {
      .bcp-guide_hd-inr {
        max-width: 100%; } }
  .bcp-guide_hd_img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 577px;
    width: 1392px; }
    @media (max-width: 1440px) {
      .bcp-guide_hd_img {
        width: 96.66667vw;
        height: 40.06944vw; } }
    @media (max-width: 640px) {
      .bcp-guide_hd_img {
        position: static;
        width: 100%;
        height: auto;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset; } }
  .bcp-guide_hd_title {
    padding-top: 3.2em; }
    @media (max-width: 1440px) {
      .bcp-guide_hd_title {
        padding-top: 2.77778vw; } }
    @media (max-width: 640px) {
      .bcp-guide_hd_title {
        padding-top: 6.25vw; } }
    .bcp-guide_hd_title .ttl {
      margin-top: 15px;
      color: #fff;
      font-size: 3.75rem;
      line-height: 1.2;
      font-weight: 900;
      font-family: 'Noto Sans JP', sans-serif; }
      @media (max-width: 1440px) {
        .bcp-guide_hd_title .ttl {
          font-size: 60px;
          font-size: 4.16667vw;
          margin-top: 0.5vw; } }
      @media (max-width: 640px) {
        .bcp-guide_hd_title .ttl {
          font-size: 60px;
          font-size: 16vw; } }
      .bcp-guide_hd_title .ttl span {
        color: #fffd57; }
    .bcp-guide_hd_title .sub_ttl {
      position: relative;
      color: #fffd57;
      display: inline-block;
      padding-left: 50px;
      font-size: 1.21875rem;
      font-weight: 700;
      line-height: 1.19077; }
      @media (max-width: 1440px) {
        .bcp-guide_hd_title .sub_ttl {
          font-size: 19.5px;
          font-size: 1.35417vw;
          padding-left: 4.16667vw; } }
      @media (max-width: 640px) {
        .bcp-guide_hd_title .sub_ttl {
          font-size: 21.45px;
          font-size: 5.72vw;
          padding-left: 8.59375vw; } }
      .bcp-guide_hd_title .sub_ttl::before {
        content: "";
        position: absolute;
        width: 537px;
        height: 68px;
        background-image: url(/product/feature/bcp-guide/assets/img/hd/bg_sub.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        @media (max-width: 1440px) {
          .bcp-guide_hd_title .sub_ttl::before {
            width: 37.29167vw;
            height: 4.72222vw; } }
        @media (max-width: 640px) {
          .bcp-guide_hd_title .sub_ttl::before {
            background-image: url(/product/feature/bcp-guide/assets/img/hd/bg_sub_sp.png);
            width: 92.34375vw;
            height: 11.875vw; } }
  .bcp-guide_hd_lead {
    width: 100%;
    margin: auto;
    padding: 1.6em 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75;
    color: #fff; }
    @media (max-width: 1440px) {
      .bcp-guide_hd_lead {
        font-size: 16px;
        font-size: 1.11111vw;
        padding: 1.04167vw 0; } }
    @media (max-width: 640px) {
      .bcp-guide_hd_lead {
        font-size: 19.4px;
        font-size: 5.17333vw;
        padding: 2.34375vw 7.03125vw 0;
        text-align: left; } }
  @media (max-width: 640px) {
    .bcp-guide_hd .bcp-guide_section {
      padding: 0; } }
  .bcp-guide_hd-sub {
    height: 314px;
    max-height: 314px;
    overflow: hidden; }
    @media (max-width: 1440px) {
      .bcp-guide_hd-sub {
        height: 21.80556vw; } }
    @media (max-width: 640px) {
      .bcp-guide_hd-sub {
        height: 76.5625vw;
        max-height: 100%;
        padding-top: 4.6875vw; } }
    .bcp-guide_hd-sub .bcp-guide_hd_title {
      padding-top: 2.5em; }
      @media (max-width: 1440px) {
        .bcp-guide_hd-sub .bcp-guide_hd_title {
          padding-top: 2.77778vw; } }
      @media (max-width: 1200px) {
        .bcp-guide_hd-sub .bcp-guide_hd_title {
          padding-top: 2.5vw; } }
      @media (max-width: 1000px) {
        .bcp-guide_hd-sub .bcp-guide_hd_title {
          padding-top: 1.66667vw; } }
      .bcp-guide_hd-sub .bcp-guide_hd_title .ttl {
        font-size: 3.47rem;
        line-height: 1.19993; }
        @media (max-width: 1440px) {
          .bcp-guide_hd-sub .bcp-guide_hd_title .ttl {
            font-size: 55.52px;
            font-size: 3.85556vw; } }
        @media (max-width: 640px) {
          .bcp-guide_hd-sub .bcp-guide_hd_title .ttl {
            font-size: 54px;
            font-size: 14.4vw; } }
    .bcp-guide_hd-sub .bcp-guide_btn_nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 10px; }
      @media (max-width: 1440px) {
        .bcp-guide_hd-sub .bcp-guide_btn_nav {
          margin-top: 0.69444vw; } }
      @media (max-width: 640px) {
        .bcp-guide_hd-sub .bcp-guide_btn_nav {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-top: 3.125vw; } }
      @media (max-width: 640px) {
        .bcp-guide_hd-sub .bcp-guide_btn_nav-single {
          margin-top: 7.8125vw; } }
      .bcp-guide_hd-sub .bcp-guide_btn_nav .bcp-guide_btn {
        margin-top: 0;
        margin-left: 10px;
        margin-right: 10px; }
        @media (max-width: 1440px) {
          .bcp-guide_hd-sub .bcp-guide_btn_nav .bcp-guide_btn {
            margin-left: 0.69444vw;
            margin-right: 0.69444vw; } }
        .bcp-guide_hd-sub .bcp-guide_btn_nav .bcp-guide_btn a {
          height: 57px; }
          @media (max-width: 1440px) {
            .bcp-guide_hd-sub .bcp-guide_btn_nav .bcp-guide_btn a {
              height: 3.95833vw; } }
          @media (max-width: 640px) {
            .bcp-guide_hd-sub .bcp-guide_btn_nav .bcp-guide_btn a {
              height: 10vw; } }
        @media (max-width: 640px) {
          .bcp-guide_hd-sub .bcp-guide_btn_nav .bcp-guide_btn:not(:first-child) {
            margin-top: 1.5625vw; } }
    .bcp-guide_hd-sub .bcp-guide_hd_img {
      height: 296px;
      width: 1237px;
      bottom: -7%;
      top: unset;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      left: 50%; }
      @media (max-width: 1440px) {
        .bcp-guide_hd-sub .bcp-guide_hd_img {
          width: 85.90278vw;
          height: 20.55556vw; } }
      @media (max-width: 640px) {
        .bcp-guide_hd-sub .bcp-guide_hd_img {
          position: absolute;
          height: auto;
          width: 100%;
          bottom: -75%; } }

.btn {
  width: 450px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -webkit-gradient(linear, left top, right top, from(#670300), to(#002d6c));
  background: -webkit-linear-gradient(left, #670300 0%, #002d6c 100%);
  background: -o-linear-gradient(left, #670300 0%, #002d6c 100%);
  background: linear-gradient(left, #670300 0%, #002d6c 100%);
  margin: 0 auto;
  color: #fff;
  text-decoration: unset;
  border-radius: 50px;
  font-weight: 700;
  position: relative;
  letter-spacing: 0.01em;
  -webkit-box-shadow: 0px 0px 17px rgba(23, 16, 160, 0.25);
  box-shadow: 0px 0px 17px rgba(23, 16, 160, 0.25);
  gap: 21px;
  font-family: inherit;
  font-size: 1.125rem;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /*
  &__box{
    display: block;
    background-color: #fff;
    color: #27bfc0;
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 15px;
  }*/ }
  .btn:hover {
    -webkit-opacity: 0.7;
    opacity: 0.7; }
  @media (max-width: 1440px) {
    .btn {
      font-size: 18px;
      font-size: 1.8vw;
      width: 31.25vw;
      height: 5.55556vw;
      gap: 1.45833vw; } }
  @media (max-width: 640px) {
    .btn {
      font-size: 14px;
      font-size: 3.73333vw;
      width: 84vw;
      height: 13.86667vw;
      gap: 2.66667vw;
      border-radius: 13.86667vw; } }
  .btn span.btn_icon {
    background-color: #FCFFB2;
    color: #F73E3E;
    border-radius: 50px;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5px;
    font-size: 1.125rem;
    padding: 0 !important; }
    .btn span.btn_icon span {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      left: 50%;
      white-space: nowrap; }
    @media (max-width: 1440px) {
      .btn span.btn_icon {
        width: 4.86111vw;
        height: 4.86111vw;
        font-size: 14px;
        font-size: 1.4vw; } }
    @media (max-width: 640px) {
      .btn span.btn_icon {
        width: 12.26667vw;
        height: 12.26667vw;
        font-size: 14px;
        font-size: 3.73333vw;
        left: 0.8vw; } }
  .btn span.btn_note {
    display: block;
    margin-bottom: 0.5em;
    font-size: 1rem; }
    @media (max-width: 1200px) {
      .btn span.btn_note {
        font-size: 16px;
        font-size: 1.6vw; } }
    @media (max-width: 640px) {
      .btn span.btn_note {
        font-size: 32px;
        font-size: 8.53333vw; } }
  .btn__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-top: 28px; }
    @media (max-width: 1440px) {
      .btn__box {
        margin-top: 1.94444vw;
        gap: 1.38889vw; } }
    @media (max-width: 640px) {
      .btn__box {
        gap: 2.66667vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 8.53333vw; } }
  .btn__img {
    display: block;
    position: absolute;
    right: 35px;
    width: 158px;
    height: 109px; }
    @media (max-width: 1440px) {
      .btn__img {
        right: 2.43056vw;
        width: 10.97222vw;
        height: 7.56944vw; } }
    @media (max-width: 1200px) {
      .btn__img {
        right: 1.25vw;
        width: 11.25vw;
        height: 6.83333vw; } }
    @media (max-width: 1000px) {
      .btn__img {
        right: 1.66667vw;
        width: 8.11111vw;
        height: 5.55556vw; } }
    @media (max-width: 640px) {
      .btn__img {
        right: -0.8vw;
        width: 17.06667vw;
        height: 14.4vw; } }
    .btn__img img {
      width: 100%;
      height: 100%; }
  .btn__mail {
    width: 28px;
    height: 20px;
    padding-left: 17px; }
    @media (max-width: 1440px) {
      .btn__mail {
        width: 1.94444vw;
        height: 1.38889vw;
        padding-left: 1.18056vw; } }
    @media (max-width: 1200px) {
      .btn__mail {
        width: 2.33333vw;
        height: 1.66667vw;
        padding-left: 1.41667vw; } }
    @media (max-width: 640px) {
      .btn__mail {
        width: 4.93333vw;
        height: 3.73333vw; } }
  .btn--wrap {
    position: relative; }
    .btn--wrap .fukidashi {
      position: absolute !important;
      right: -113px;
      top: -77px;
      z-index: 2;
      width: 150px; }
      @media (max-width: 1440px) {
        .btn--wrap .fukidashi {
          right: -7.84722vw;
          top: -5.34722vw;
          width: 10.41667vw; } }
      @media (max-width: 640px) {
        .btn--wrap .fukidashi {
          width: 25.33333vw;
          height: 20.53333vw;
          right: 0;
          top: auto;
          bottom: 0;
          -webkit-transform: translate(20%, 80%);
          -ms-transform: translate(20%, 80%);
          transform: translate(20%, 80%); } }
  .btn--type01 {
    background: #BE4401; }
    .btn--type01::after {
      content: "";
      background: url(../../assets/img/ic_mail.svg) no-repeat center;
      position: absolute;
      top: 50%;
      right: 30px;
      width: 27px;
      height: 20px;
      background-size: 100%;
      z-index: 100;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media (max-width: 1440px) {
        .btn--type01::after {
          width: 1.875vw;
          height: 1.38889vw;
          right: 2.08333vw; } }
      @media (max-width: 640px) {
        .btn--type01::after {
          position: static;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          font-size: 14px;
          font-size: 3.73333vw;
          width: 4.53333vw;
          height: 3.2vw;
          right: 8vw; } }
    .btn--type01 span.btn_icon span {
      color: #BE4401; }
  .btn--type02 {
    background: #028283; }
    .btn--type02::after {
      content: "";
      background: url(../../assets/img/ic_dl.svg) no-repeat center;
      position: absolute;
      top: 50%;
      right: 30px;
      width: 30px;
      height: 21px;
      background-size: 100%;
      z-index: 100;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media (max-width: 1440px) {
        .btn--type02::after {
          width: 2.08333vw;
          height: 1.38889vw;
          right: 2.08333vw; } }
      @media (max-width: 640px) {
        .btn--type02::after {
          position: static;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          font-size: 14px;
          font-size: 3.73333vw;
          width: 5.33333vw;
          height: 3.73333vw; } }
    .btn--type02 .btn__img {
      position: unset;
      margin-left: 14px; }
    .btn--type02 span.btn_icon span {
      color: #028283; }
  .btn--type03::after {
    content: "";
    background: url(../../assets/img/ic_more.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 24px;
    height: 32px;
    z-index: 100;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 1440px) {
      .btn--type03::after {
        width: 1.66667vw;
        height: 2.22222vw;
        right: 2.08333vw; } }
    @media (max-width: 640px) {
      .btn--type03::after {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        font-size: 14px;
        font-size: 3.73333vw;
        width: 5.06667vw;
        height: 6.93333vw; } }
  .btn--type03 .btn__img {
    position: unset;
    margin-left: 14px; }
  .btn--type03 span.btn_icon span {
    color: #028283; }

.btn1 {
  width: 400px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -webkit-gradient(linear, left top, right top, from(#483B8C), color-stop(50%, #044295), color-stop(75%, #135F93), to(#217B91));
  background: -webkit-linear-gradient(left, #483B8C 0%, #044295 50%, #135F93 75%, #217B91 100%);
  background: -o-linear-gradient(left, #483B8C 0%, #044295 50%, #135F93 75%, #217B91 100%);
  background: linear-gradient(to right, #483B8C 0%, #044295 50%, #135F93 75%, #217B91 100%);
  color: #fff;
  text-decoration: unset;
  border-radius: 50px;
  font-weight: 700;
  position: relative;
  border: 0;
  outline: 0;
  gap: 7px;
  -webkit-box-shadow: 0px 0px 17px rgba(23, 16, 160, 0.25);
  box-shadow: 0px 0px 17px rgba(23, 16, 160, 0.25);
  font-family: inherit;
  letter-spacing: 0.1em;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 1.25rem; }
  .btn1:hover {
    -webkit-opacity: 0.7;
    opacity: 0.7; }
  @media (max-width: 1440px) {
    .btn1 {
      font-size: 20px;
      font-size: 1.38889vw;
      width: 27.77778vw;
      height: 5.55556vw; } }
  @media (max-width: 1200px) {
    .btn1 {
      font-size: 18px;
      font-size: 1.8vw;
      width: 31.66667vw;
      height: 5vw; } }
  @media (max-width: 640px) {
    .btn1 {
      font-size: 40px;
      font-size: 10.66667vw;
      width: 85.33333vw;
      height: 21.33333vw;
      gap: 2.4vw;
      border-radius: 13.33333vw; } }
  .btn1__plus {
    width: 22px;
    height: 22px; }
    @media (max-width: 1440px) {
      .btn1__plus {
        width: 1.52778vw;
        height: 1.52778vw; } }
    @media (max-width: 1200px) {
      .btn1__plus {
        width: 1.5vw;
        height: 1.5vw; } }
    @media (max-width: 640px) {
      .btn1__plus {
        width: 4.8vw;
        height: 4.8vw; } }
  .btn1__arrow {
    position: absolute;
    right: 37px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
    height: 16px; }
    @media (max-width: 1440px) {
      .btn1__arrow {
        right: 2.56944vw;
        width: 1.04167vw;
        height: 1.11111vw; } }
    @media (max-width: 1200px) {
      .btn1__arrow {
        right: 3.08333vw;
        width: 1.25vw;
        height: 1.33333vw; } }
    @media (max-width: 640px) {
      .btn1__arrow {
        right: 4.26667vw;
        width: 4vw;
        height: 2.4vw; } }

.btn2 {
  width: 352px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #0c0d6a;
  color: #fff;
  text-decoration: unset;
  border-radius: 30px;
  font-weight: 700;
  position: relative;
  border: 2px solid #0c0d6a;
  -webkit-transition: color .25s, background-color .25s;
  -o-transition: color .25s, background-color .25s;
  transition: color .25s, background-color .25s;
  font-size: 0.875rem; }
  @media (max-width: 1440px) {
    .btn2 {
      font-size: 14px;
      font-size: 0.97222vw;
      width: 24.44444vw;
      height: 3.47222vw; } }
  @media (max-width: 1200px) {
    .btn2 {
      font-size: 14px;
      font-size: 1.4vw;
      width: 29.33333vw;
      height: 4.16667vw; } }
  .btn2--type01 {
    background-color: #fff;
    color: #0c0d6a;
    border-color: #fff; }

.title {
  text-align: center;
  font-weight: 900;
  padding-bottom: 28px;
  border-bottom: 2px dashed #203244;
  color: #1A1A1A;
  position: relative;
  font-size: 1.875rem;
  letter-spacing: 0.1em;
  line-height: 1.6; }
  @media (max-width: 1440px) {
    .title {
      padding-bottom: 1.94444vw;
      font-size: 30px;
      font-size: 2.08333vw; } }
  @media (max-width: 1200px) {
    .title {
      font-size: 40px;
      font-size: 4vw;
      padding-bottom: 2.33333vw; } }
  @media (max-width: 640px) {
    .title {
      font-size: 26px;
      font-size: 6.93333vw;
      padding-bottom: 5.86667vw;
      border-width: 1px;
      color: #203244; } }
  .title::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #203244; }
    @media (max-width: 1440px) {
      .title::before {
        bottom: -0.34722vw;
        width: 0.55556vw;
        height: 0.55556vw;
        left: -0.27778vw; } }
    @media (max-width: 1200px) {
      .title::before {
        bottom: -0.41667vw;
        width: 0.66667vw;
        height: 0.66667vw;
        left: -0.33333vw; } }
    @media (max-width: 1000px) {
      .title::before {
        bottom: -0.55556vw;
        width: 0.88889vw;
        height: 0.88889vw;
        left: -0.44444vw; } }
    @media (max-width: 640px) {
      .title::before {
        bottom: -0.8vw;
        width: 1.6vw;
        height: 1.6vw;
        left: -0.8vw; } }
  .title::after {
    content: '';
    position: absolute;
    bottom: -5px;
    right: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #203244; }
    @media (max-width: 1440px) {
      .title::after {
        bottom: -0.34722vw;
        width: 0.55556vw;
        height: 0.55556vw;
        right: -0.27778vw; } }
    @media (max-width: 1200px) {
      .title::after {
        bottom: -0.41667vw;
        width: 0.66667vw;
        height: 0.66667vw;
        right: -0.33333vw; } }
    @media (max-width: 1000px) {
      .title::after {
        bottom: -0.55556vw;
        width: 0.88889vw;
        height: 0.88889vw;
        right: -0.44444vw; } }
    @media (max-width: 640px) {
      .title::after {
        bottom: -0.8vw;
        width: 1.6vw;
        height: 1.6vw;
        right: -0.8vw; } }
  .title--type01 {
    padding-bottom: 0;
    border: 0; }
    @media (max-width: 640px) {
      .title--type01 {
        font-size: 26px;
        font-size: 6.93333vw; } }
    .title--type01::before {
      position: unset; }
    .title--type01::after {
      position: unset; }

#starlink .content_inr {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #starlink .content_inr.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  @media (max-width: 1440px) {
    #starlink .content_inr {
      padding: 0 1.38889vw;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
  @media (max-width: 640px) {
    #starlink .content_inr {
      display: block;
      padding: 0; } }
  #starlink .content_inr h2.ti {
    position: relative; }
  #starlink .content_inr .kirakira {
    position: absolute;
    width: 70px;
    top: 0;
    right: 0;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%); }
    @media (max-width: 1000px) {
      #starlink .content_inr .kirakira {
        width: 7vw; } }
    @media (max-width: 640px) {
      #starlink .content_inr .kirakira {
        display: none; } }
  #starlink .content_inr p {
    color: #FFF; }

#starlink img {
  width: 100%;
  height: auto; }

#starlink .fixed {
  position: fixed !important;
  top: 90px;
  left: 0;
  width: 100%;
  z-index: 100; }
  @media (max-width: 855px) {
    #starlink .fixed {
      top: 80px; } }

#starlink .mainvisual {
  position: relative; }
  @media (max-width: 640px) {
    #starlink .mainvisual {
      background: url(../../assets/img/bg_main_sp.jpg);
      background-position: center top;
      background-size: auto 100%; }
      #starlink .mainvisual::before {
        background: url(../../assets/img/bg_main_sp.jpg) no-repeat center -2.66667vw;
        position: absolute;
        top: 0;
        width: 100%;
        height: 252.63158vw;
        background-size: 100%;
        left: 0;
        z-index: 100; } }
  #starlink .mainvisual .mainvisual__container {
    overflow: hidden;
    position: relative;
    z-index: 100;
    color: #FFF; }
  #starlink .mainvisual h1 {
    width: 938px;
    margin-bottom: 8px;
    position: relative; }
    @media (max-width: 1440px) {
      #starlink .mainvisual h1 {
        width: 65.13889vw;
        margin-bottom: 0.55556vw; } }
    @media (max-width: 640px) {
      #starlink .mainvisual h1 {
        width: 100%;
        margin-bottom: 2.66667vw; } }
  #starlink .mainvisual .lead {
    font-size: 1.125rem;
    color: #FFF;
    position: relative;
    line-height: 1.7; }
    @media (max-width: 1440px) {
      #starlink .mainvisual .lead {
        font-size: 1rem; } }
    @media (max-width: 640px) {
      #starlink .mainvisual .lead {
        font-size: 16px;
        font-size: 4.26667vw;
        margin-bottom: 2.66667vw; } }
  #starlink .mainvisual .main_bnr {
    width: 318px;
    position: absolute;
    right: 30px;
    bottom: 33px; }
    @media (max-width: 1440px) {
      #starlink .mainvisual .main_bnr {
        width: 22.08333vw;
        right: 2.08333vw;
        bottom: 3.68056vw; } }
    @media (max-width: 640px) {
      #starlink .mainvisual .main_bnr {
        width: 53.33333vw;
        position: static; } }
    #starlink .mainvisual .main_bnr img {
      cursor: pointer;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    #starlink .mainvisual .main_bnr a:hover img {
      opacity: 0.7; }
  #starlink .mainvisual .mainvisual__content {
    max-width: 1440px;
    margin: 0 auto;
    padding: 30px 30px 16px;
    position: relative; }
    #starlink .mainvisual .mainvisual__content img {
      width: 100%;
      height: auto; }
    @media (max-width: 1440px) {
      #starlink .mainvisual .mainvisual__content {
        padding: 40px 2.08333vw 1.11111vw; } }
    @media (max-width: 640px) {
      #starlink .mainvisual .mainvisual__content {
        padding: 5.33333vw 5.33333vw; } }
  #starlink .mainvisual .mainvisual__img {
    width: 100%;
    height: auto;
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    top: 0; }
    @media (max-width: 1440px) {
      #starlink .mainvisual .mainvisual__img {
        width: auto;
        height: 100%;
        right: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }
    @media (max-width: 640px) {
      #starlink .mainvisual .mainvisual__img {
        display: none; } }
  #starlink .mainvisual .mainvisual__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-top: 28px;
    margin-bottom: 55px; }
    @media (max-width: 1440px) {
      #starlink .mainvisual .mainvisual__box {
        margin-top: 1.94444vw;
        margin-bottom: 3.81944vw;
        gap: 1.38889vw; } }
    @media (max-width: 640px) {
      #starlink .mainvisual .mainvisual__box {
        gap: 4vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: -2.66667vw; } }
  #starlink .mainvisual .note {
    font-size: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px; }
    #starlink .mainvisual .note > li {
      line-height: 1.7; }
      @media (max-width: 640px) {
        #starlink .mainvisual .note > li:first-child {
          width: 64vw; }
        #starlink .mainvisual .note > li ul li {
          text-indent: -1.25em;
          padding-left: 1.25em; } }
    @media (max-width: 1440px) {
      #starlink .mainvisual .note {
        gap: 0; } }
    #starlink .mainvisual .note-r {
      font-size: 0.625rem;
      text-align: right; }

#starlink .nav {
  background: -webkit-gradient(linear, left top, right top, from(#670300), to(#002d6c));
  background: -webkit-linear-gradient(left, #670300 0%, #002d6c 100%);
  background: -o-linear-gradient(left, #670300 0%, #002d6c 100%);
  background: linear-gradient(left, #670300 0%, #002d6c 100%);
  position: relative; }
  #starlink .nav .l-container {
    position: unset; }
  #starlink .nav .nav__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    padding: 14px 0;
    color: #fff;
    font-weight: 700;
    gap: 3px;
    text-decoration: unset;
    line-height: 1.3;
    text-align: center;
    font-size: 1rem;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    #starlink .nav .nav__item:hover {
      -webkit-opacity: 0.7;
      opacity: 0.7; }
    @media (max-width: 1440px) {
      #starlink .nav .nav__item {
        font-size: 16px;
        font-size: 1.11111vw;
        padding: 0.625vw 0 0.76389vw; } }
    @media (max-width: 640px) {
      #starlink .nav .nav__item {
        font-size: 14px;
        font-size: 3.73333vw;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0;
        text-align: left;
        line-height: 1.4;
        gap: 2.66667vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    #starlink .nav .nav__item span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      white-space: nowrap;
      min-height: 45px;
      letter-spacing: 0.1em; }
      @media (max-width: 1440px) {
        #starlink .nav .nav__item span {
          min-height: 3.125vw; } }
      @media (max-width: 640px) {
        #starlink .nav .nav__item span {
          min-height: 14.66667vw;
          white-space: wrap;
          width: 100%;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
      #starlink .nav .nav__item span:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        border-top: 2px solid #FFF;
        border-right: 2px solid #FFF;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        top: 50%;
        margin-top: -5px;
        margin-left: 10px; }
        @media (max-width: 640px) {
          #starlink .nav .nav__item span:after {
            width: 2.93333vw;
            height: 2.93333vw;
            border-top: 1px solid #FFF;
            border-right: 1px solid #FFF;
            margin-left: 0; } }
  #starlink .nav__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 38px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative; }
    @media (max-width: 1440px) {
      #starlink .nav__box {
        gap: 2.63889vw;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly; } }
    @media (max-width: 640px) {
      #starlink .nav__box {
        display: -ms-grid;
        display: grid;
        gap: 2.66667vw 4vw;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr); } }

#starlink .about {
  background: url(../../assets/img/about/bg.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 92px 0 75px; }
  @media (max-width: 1440px) {
    #starlink .about {
      padding: 6.38889vw 0 5.20833vw; } }
  @media (max-width: 640px) {
    #starlink .about {
      padding: 11.2vw 5.33333vw; } }
  #starlink .about .content_inr {
    gap: 25px;
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit; }
    @media (max-width: 1000px) {
      #starlink .about .content_inr {
        gap: 1.73611vw; } }
  #starlink .about h2 {
    width: 252px; }
    @media (max-width: 1000px) {
      #starlink .about h2 {
        width: 25.2vw; } }
    @media (max-width: 640px) {
      #starlink .about h2 {
        width: 89.33333vw;
        margin: 0 auto 4vw; } }
  #starlink .about .txt {
    width: 578px; }
    @media (max-width: 1000px) {
      #starlink .about .txt {
        width: 57.8vw; } }
    @media (max-width: 640px) {
      #starlink .about .txt {
        width: 100%; } }
    #starlink .about .txt p {
      font-size: 1.125rem;
      color: #FFF;
      line-height: 1.7; }
      #starlink .about .txt p + p {
        margin-top: 2em; }
      @media (max-width: 1200px) {
        #starlink .about .txt p {
          font-size: 18px;
          font-size: 1.8vw; } }
      @media (max-width: 640px) {
        #starlink .about .txt p {
          font-size: 16px;
          font-size: 4.26667vw; } }
  #starlink .about .img {
    position: absolute; }
    @media (max-width: 640px) {
      #starlink .about .img {
        position: static; } }
    #starlink .about .img01 {
      width: 393px;
      bottom: 47px;
      left: 0; }
      @media (max-width: 1000px) {
        #starlink .about .img01 {
          width: 39.3vw;
          bottom: 0;
          left: 1.38889vw; } }
      @media (max-width: 640px) {
        #starlink .about .img01 {
          width: 84.8vw;
          margin: -10.66667vw auto 0; } }
    #starlink .about .img02 {
      width: 236px;
      bottom: 0;
      right: -40px; }
      @media (max-width: 1440px) {
        #starlink .about .img02 {
          right: 0; } }
      @media (max-width: 640px) {
        #starlink .about .img02 {
          width: 61.33333vw;
          margin: 6.66667vw auto 0; } }

#starlink .service {
  background: url(../../assets/img/service/bg.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 134px 0 120px; }
  @media (max-width: 1440px) {
    #starlink .service {
      padding: 9.30556vw 0 8.33333vw; } }
  @media (max-width: 640px) {
    #starlink .service {
      padding: 11.2vw 4vw; } }
  #starlink .service .content_inr {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 18px; }
    #starlink .service .content_inr.center {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    @media (max-width: 1000px) {
      #starlink .service .content_inr {
        gap: 1.25vw; } }
    #starlink .service .content_inr h2.ti {
      margin: 0 auto 40px;
      width: 647px; }
      @media (max-width: 1000px) {
        #starlink .service .content_inr h2.ti {
          margin-bottom: 4vw;
          width: 64.7vw; } }
      @media (max-width: 640px) {
        #starlink .service .content_inr h2.ti {
          margin: 0 0 9.33333vw;
          width: 66.4vw; } }
    #starlink .service .content_inr .content {
      background: #FFF;
      padding: 80px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: relative; }
      @media (max-width: 1200px) {
        #starlink .service .content_inr .content {
          padding: 5.55556vw; } }
      @media (max-width: 640px) {
        #starlink .service .content_inr .content {
          padding: 5.33333vw 8vw 12vw; } }
      #starlink .service .content_inr .content_wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px; }
        @media (max-width: 1000px) {
          #starlink .service .content_inr .content_wrap {
            gap: 1.38889vw; } }
        @media (max-width: 640px) {
          #starlink .service .content_inr .content_wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 5.33333vw; } }
      #starlink .service .content_inr .content .lead {
        color: #080C1C;
        font-size: 0.875rem;
        line-height: 1.7; }
        @media (max-width: 1000px) {
          #starlink .service .content_inr .content .lead {
            font-size: 14px;
            font-size: 1.4vw; } }
        @media (max-width: 640px) {
          #starlink .service .content_inr .content .lead {
            font-size: 15px;
            font-size: 4vw; } }
      #starlink .service .content_inr .content h3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        #starlink .service .content_inr .content h3 sup {
          font-size: 60%;
          vertical-align: super; }
      #starlink .service .content_inr .content ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 40px 0; }
        @media (max-width: 1000px) {
          #starlink .service .content_inr .content ul {
            margin: 2.77778vw 0; } }
        @media (max-width: 640px) {
          #starlink .service .content_inr .content ul {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 5.33333vw 0; } }
        #starlink .service .content_inr .content ul li {
          text-align: center; }
          #starlink .service .content_inr .content ul li div {
            border-radius: 50%;
            overflow: hidden;
            margin-bottom: 15px; }
            @media (max-width: 1000px) {
              #starlink .service .content_inr .content ul li div {
                margin-bottom: 1.04167vw; } }
          #starlink .service .content_inr .content ul li h4 {
            line-height: 1.5; }
      #starlink .service .content_inr .content_all h3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px;
        margin-bottom: 28px; }
        @media (max-width: 1000px) {
          #starlink .service .content_inr .content_all h3 {
            gap: 2.08333vw;
            margin-bottom: 1.94444vw; } }
        @media (max-width: 640px) {
          #starlink .service .content_inr .content_all h3 {
            display: block;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-bottom: 4vw; } }
        #starlink .service .content_inr .content_all h3 .new {
          width: 80px; }
          @media (max-width: 1000px) {
            #starlink .service .content_inr .content_all h3 .new {
              width: 8vw; } }
          @media (max-width: 640px) {
            #starlink .service .content_inr .content_all h3 .new {
              width: 16.8vw;
              float: left;
              margin-right: 2.66667vw;
              left: 1.33333vw;
              top: 5.33333vw; } }
        #starlink .service .content_inr .content_all h3 em {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          white-space: nowrap;
          gap: 30px;
          font-family: 'Roboto';
          font-size: 2.875rem; }
          @media (max-width: 1000px) {
            #starlink .service .content_inr .content_all h3 em {
              gap: 2.08333vw;
              font-size: 46px;
              font-size: 4.6vw; } }
          @media (max-width: 640px) {
            #starlink .service .content_inr .content_all h3 em {
              font-size: 30px;
              font-size: 8vw; } }
        #starlink .service .content_inr .content_all h3 span {
          font-size: 1.1875rem;
          line-height: 150%;
          padding-left: 30px;
          border-left: 2px solid #E7E7E9; }
          @media (max-width: 1000px) {
            #starlink .service .content_inr .content_all h3 span {
              padding-left: 2.08333vw;
              font-size: 19px;
              font-size: 1.9vw; } }
          @media (max-width: 640px) {
            #starlink .service .content_inr .content_all h3 span {
              width: 100%;
              display: block;
              padding: 0;
              border: 0;
              font-size: 20px;
              font-size: 5.33333vw;
              text-align: left;
              font-weight: bold; }
              #starlink .service .content_inr .content_all h3 span:before {
                content: '';
                display: block;
                margin: 4vw auto;
                width: 100%;
                height: 1px;
                border-top: 1px solid #E7E7E9; } }
      #starlink .service .content_inr .content_all .btn {
        width: 400px; }
        @media (max-width: 1000px) {
          #starlink .service .content_inr .content_all .btn {
            width: 40vw;
            height: 8vw; } }
        @media (max-width: 640px) {
          #starlink .service .content_inr .content_all .btn {
            width: 76vw;
            height: 15.2vw; } }
      #starlink .service .content_inr .content_all ul {
        gap: 13px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media (max-width: 1440px) {
          #starlink .service .content_inr .content_all ul {
            gap: 0.90278vw; } }
        @media (max-width: 1000px) {
          #starlink .service .content_inr .content_all ul {
            gap: 1.11111vw; } }
        @media (max-width: 640px) {
          #starlink .service .content_inr .content_all ul {
            gap: 5.33333vw; } }
        #starlink .service .content_inr .content_all ul li {
          width: 149px;
          text-align: center; }
          #starlink .service .content_inr .content_all ul li div {
            background: none; }
          @media (max-width: 1440px) {
            #starlink .service .content_inr .content_all ul li {
              width: calc(20% - 0.90278vw); } }
          @media (max-width: 1000px) {
            #starlink .service .content_inr .content_all ul li {
              width: 15.5vw; } }
          @media (max-width: 640px) {
            #starlink .service .content_inr .content_all ul li {
              width: 34.66667vw; } }
          #starlink .service .content_inr .content_all ul li h4 {
            font-size: 0.875rem;
            line-height: 1.5; }
            @media (max-width: 1000px) {
              #starlink .service .content_inr .content_all ul li h4 {
                font-size: 14px;
                font-size: 1.4vw; } }
            @media (max-width: 640px) {
              #starlink .service .content_inr .content_all ul li h4 {
                font-size: 14px;
                font-size: 3.73333vw; } }
      #starlink .service .content_inr .content_half {
        width: calc(50% - 10px); }
        @media (max-width: 1000px) {
          #starlink .service .content_inr .content_half {
            width: calc(50% - (1.38889vw / 2)); } }
        @media (max-width: 640px) {
          #starlink .service .content_inr .content_half {
            width: 100%;
            padding-top: 10.66667vw; } }
        #starlink .service .content_inr .content_half h3 {
          gap: 10px;
          margin-bottom: 18px; }
          @media (max-width: 1000px) {
            #starlink .service .content_inr .content_half h3 {
              gap: 0.69444vw;
              margin-bottom: 1.25vw; } }
          @media (max-width: 640px) {
            #starlink .service .content_inr .content_half h3 {
              gap: 2.66667vw;
              margin-bottom: 4vw;
              font-size: 24px;
              font-size: 6.4vw; } }
          #starlink .service .content_inr .content_half h3 em {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-family: 'Roboto';
            font-size: 1.875rem; }
            @media (max-width: 1000px) {
              #starlink .service .content_inr .content_half h3 em {
                font-size: 30px;
                font-size: 3vw; } }
            @media (max-width: 640px) {
              #starlink .service .content_inr .content_half h3 em {
                font-size: 23px;
                font-size: 6.13333vw; } }
          #starlink .service .content_inr .content_half h3:before {
            content: '';
            display: block;
            width: 12px;
            height: 12px;
            border-radius: 12px;
            background: #E7E7E9; }
        #starlink .service .content_inr .content_half .btn {
          max-width: 300px; }
          @media (max-width: 640px) {
            #starlink .service .content_inr .content_half .btn {
              width: 76vw;
              height: 15.2vw; } }
          #starlink .service .content_inr .content_half .btn + p {
            font-size: 0.875rem;
            color: #080C1C;
            margin-top: 0.69444vw;
            text-align: center; }
            @media (max-width: 640px) {
              #starlink .service .content_inr .content_half .btn + p {
                font-size: 12px;
                font-size: 3.2vw;
                margin-top: 4vw; } }
        #starlink .service .content_inr .content_half ul {
          gap: 26px; }
          @media (max-width: 1000px) {
            #starlink .service .content_inr .content_half ul {
              gap: 1.80556vw; } }
          @media (max-width: 640px) {
            #starlink .service .content_inr .content_half ul {
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              gap: 4vw; } }
          #starlink .service .content_inr .content_half ul li {
            width: 100px;
            text-align: center; }
            @media (max-width: 1000px) {
              #starlink .service .content_inr .content_half ul li {
                width: auto; } }
            @media (max-width: 640px) {
              #starlink .service .content_inr .content_half ul li {
                width: 22.66667vw; } }
            #starlink .service .content_inr .content_half ul li h4 {
              font-size: 0.9375rem;
              line-height: 1.5; }
              @media (max-width: 1000px) {
                #starlink .service .content_inr .content_half ul li h4 {
                  font-size: 15px;
                  font-size: 1.5vw; } }
              @media (max-width: 640px) {
                #starlink .service .content_inr .content_half ul li h4 {
                  font-size: 12px;
                  font-size: 3.2vw; } }
  #starlink .service .note {
    font-size: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px; }
    @media (max-width: 1000px) {
      #starlink .service .note {
        margin-top: 1.38889vw; } }
    @media (max-width: 640px) {
      #starlink .service .note {
        font-size: 10px;
        font-size: 2.66667vw; } }
    #starlink .service .note li {
      line-height: 1.7;
      color: #FFF; }

#starlink .contact {
  background: url(../../assets/img/bg_btn.jpg) center no-repeat;
  background-position: center;
  background-size: cover;
  padding: 120px 0; }
  @media (max-width: 1000px) {
    #starlink .contact {
      padding: 8.33333vw 0; } }
  @media (max-width: 640px) {
    #starlink .contact {
      padding: 8vw 6.66667vw; } }
  #starlink .contact .ti {
    position: relative;
    margin: 0 auto 22px;
    width: 910px; }
    @media (max-width: 1440px) {
      #starlink .contact .ti {
        width: 63.19444vw;
        margin-bottom: 1.38889vw; } }
    @media (max-width: 640px) {
      #starlink .contact .ti {
        width: 85.06667vw;
        margin-bottom: 5.33333vw; } }
    #starlink .contact .ti .kirakira {
      right: 150px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media (max-width: 1200px) {
        #starlink .contact .ti .kirakira {
          right: 8.33333vw;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); } }
      @media (max-width: 640px) {
        #starlink .contact .ti .kirakira {
          display: none; } }
  #starlink .contact .btn__box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0; }

#starlink .scene {
  background: url(../../assets/img/scene/bg.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 120px 0; }
  @media (max-width: 1440px) {
    #starlink .scene {
      padding: 8.33333vw 0; } }
  @media (max-width: 640px) {
    #starlink .scene {
      padding: 13.33333vw 4vw 12vw; } }
  #starlink .scene .content_inr {
    gap: 25px; }
    @media (max-width: 1000px) {
      #starlink .scene .content_inr {
        gap: 1.73611vw; } }
  #starlink .scene h2 {
    width: 427px;
    margin: 0 auto 40px; }
    @media (max-width: 1000px) {
      #starlink .scene h2 {
        width: 42.7vw;
        margin-bottom: 4vw; } }
    @media (max-width: 640px) {
      #starlink .scene h2 {
        width: 89.33333vw;
        margin-bottom: 8vw; } }
  #starlink .scene dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #FFF; }
    #starlink .scene dl:last-child {
      border-bottom: none;
      padding-bottom: 0; }
    @media (max-width: 1200px) {
      #starlink .scene dl {
        gap: 2.08333vw;
        margin-top: 3.47222vw;
        padding-bottom: 3.47222vw; } }
    @media (max-width: 640px) {
      #starlink .scene dl {
        gap: 6.66667vw;
        margin-top: 9.33333vw;
        padding-bottom: 9.33333vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    #starlink .scene dl dt, #starlink .scene dl dd {
      width: calc((100% - 60px)/3);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media (max-width: 1200px) {
        #starlink .scene dl dt, #starlink .scene dl dd {
          width: calc((100% - (2.08333vw*2))/3); } }
      @media (max-width: 640px) {
        #starlink .scene dl dt, #starlink .scene dl dd {
          width: 100%; } }
    #starlink .scene dl dt {
      gap: 14px; }
      @media (max-width: 640px) {
        #starlink .scene dl dt {
          display: block; } }
      #starlink .scene dl dt .icon {
        width: 38px; }
        @media (max-width: 640px) {
          #starlink .scene dl dt .icon {
            width: 10.13333vw;
            margin-bottom: 4vw; } }
      #starlink .scene dl dt h3 {
        font-size: 1.875rem;
        color: #FFF;
        font-weight: bold;
        line-height: 1.5; }
        @media (max-width: 1200px) {
          #starlink .scene dl dt h3 {
            font-size: 30px;
            font-size: 3vw; } }
        @media (max-width: 640px) {
          #starlink .scene dl dt h3 {
            font-size: 24px;
            font-size: 6.4vw;
            margin-bottom: 4vw; } }
      #starlink .scene dl dt p {
        font-size: 1.125rem;
        line-height: 1.7; }
        @media (max-width: 1200px) {
          #starlink .scene dl dt p {
            font-size: 18px;
            font-size: 1.8vw; } }
        @media (max-width: 640px) {
          #starlink .scene dl dt p {
            width: 100%;
            font-size: 16px;
            font-size: 4.26667vw; } }
    #starlink .scene dl dd {
      gap: 7px; }
      @media (max-width: 640px) {
        #starlink .scene dl dd {
          gap: 2.66667vw; } }
      #starlink .scene dl dd p {
        font-size: 0.875rem;
        line-height: 1.7; }
        @media (max-width: 1200px) {
          #starlink .scene dl dd p {
            font-size: 14px;
            font-size: 1.4vw; } }
        @media (max-width: 640px) {
          #starlink .scene dl dd p {
            font-size: 16px;
            font-size: 4.26667vw; } }

#starlink .start {
  background: url(../../assets/img/start/bg.jpg) no-repeat;
  background-position: center top;
  background-size: 100% 105%;
  padding: 120px 0; }
  @media (max-width: 1440px) {
    #starlink .start {
      padding: 8.33333vw 0; } }
  @media (max-width: 640px) {
    #starlink .start {
      background: url(../../assets/img/start/bg_sp.jpg) no-repeat;
      background-position: center top;
      background-size: 100% 105%;
      padding: 11.2vw 4vw; } }
  #starlink .start .content_inr {
    gap: 40px; }
    @media (max-width: 1000px) {
      #starlink .start .content_inr {
        gap: 2.77778vw; } }
    @media (max-width: 600px) {
      #starlink .start .content_inr {
        gap: 6.66667vw; } }
  #starlink .start .ti {
    width: 645px; }
    @media (max-width: 1000px) {
      #starlink .start .ti {
        width: 64.5vw; } }
    @media (max-width: 600px) {
      #starlink .start .ti {
        width: 91.73333vw;
        margin-bottom: 4vw; } }
    #starlink .start .ti .kirakira {
      right: 70px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media (max-width: 1200px) {
        #starlink .start .ti .kirakira {
          right: 4.86111vw;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); } }
    #starlink .start .ti_wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media (max-width: 600px) {
        #starlink .start .ti_wrap {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: start; } }
      #starlink .start .ti_wrap p {
        font-size: 1rem;
        line-height: 170%;
        padding-left: 30px;
        border-left: 1px solid #E7E7E9; }
        @media (max-width: 1000px) {
          #starlink .start .ti_wrap p {
            padding-left: 2.08333vw;
            font-size: 16px;
            font-size: 1.6vw; } }
        @media (max-width: 600px) {
          #starlink .start .ti_wrap p {
            font-size: 16px;
            font-size: 4.26667vw;
            padding-left: 0;
            border: none;
            margin-bottom: 8vw; } }
  #starlink .start .content {
    background: #FFF;
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    #starlink .start .content-inr {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 15px;
      padding: 20px 80px 80px;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      position: relative; }
      @media (max-width: 1000px) {
        #starlink .start .content-inr {
          padding: 1.38889vw 5.55556vw 6.94444vw;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
      @media (max-width: 750px) {
        #starlink .start .content-inr {
          padding: 1.38889vw 5.55556vw calc(6.94444vw + 30px);
          -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
          justify-content: space-evenly; } }
      @media (max-width: 600px) {
        #starlink .start .content-inr {
          padding: 5.33333vw 8vw 12vw; } }
      @media (max-width: 600px) {
        #starlink .start .content-inr {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 2.66667vw; } }
      #starlink .start .content-inr .g-list-ja {
        color: #F00;
        position: absolute;
        right: 20px;
        left: 20px;
        bottom: 20px; }
        @media (max-width: 1000px) {
          #starlink .start .content-inr .g-list-ja {
            bottom: 5px; } }
        @media (max-width: 600px) {
          #starlink .start .content-inr .g-list-ja {
            position: static; } }
    @media (max-width: 1000px) {
      #starlink .start .content {
        width: calc(50% - (1.38889vw / 2)); } }
    @media (max-width: 600px) {
      #starlink .start .content {
        width: 100%;
        margin: 0; } }
    #starlink .start .content-ti {
      font-size: 1.5rem;
      color: #FFF;
      line-height: 150%;
      padding: 10px;
      text-align: center; }
      @media (max-width: 600px) {
        #starlink .start .content-ti {
          font-size: 18px;
          font-size: 4.8vw; } }
      #starlink .start .content-ti.ti01 {
        background: #670300; }
      #starlink .start .content-ti.ti02 {
        background: #002D6C; }
    #starlink .start .content_wrap {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media (max-width: 1000px) {
        #starlink .start .content_wrap {
          gap: 1.38889vw; } }
      @media (max-width: 600px) {
        #starlink .start .content_wrap {
          gap: 5.33333vw;
          margin-bottom: 10.66667vw; } }
    #starlink .start .content .icon {
      width: 100px;
      margin: 0 auto; }
      @media (max-width: 1000px) {
        #starlink .start .content .icon {
          width: 10vw; } }
      @media (max-width: 1000px) {
        #starlink .start .content .icon {
          width: 20.26667vw; } }
    #starlink .start .content h3 {
      font-size: 1.875rem;
      line-height: 1.5;
      font-weight: bold; }
      @media (max-width: 1000px) {
        #starlink .start .content h3 {
          font-size: 30px;
          font-size: 3vw; } }
      @media (max-width: 600px) {
        #starlink .start .content h3 {
          font-size: 21px;
          font-size: 5.6vw;
          white-space: nowrap; } }
      #starlink .start .content h3 span {
        font-size: 1rem;
        display: block; }
        @media (max-width: 1000px) {
          #starlink .start .content h3 span {
            font-size: 16px;
            font-size: 1.6vw; } }
        @media (max-width: 600px) {
          #starlink .start .content h3 span {
            font-size: 16px;
            font-size: 4.26667vw; } }
    #starlink .start .content p {
      color: #080C1C;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      font-size: 0.875rem;
      line-height: 1.7; }
      @media (max-width: 1000px) {
        #starlink .start .content p {
          font-size: 14px;
          font-size: 1.4vw; } }
      @media (max-width: 750px) {
        #starlink .start .content p {
          -webkit-box-flex: initial;
          -ms-flex-positive: initial;
          flex-grow: initial; } }
      @media (max-width: 600px) {
        #starlink .start .content p {
          font-size: 16px;
          font-size: 4.26667vw; } }
    #starlink .start .content .btn--wrap {
      width: 100%; }
      #starlink .start .content .btn--wrap a {
        width: 100%; }
  #starlink .start .note {
    font-size: 0.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #starlink .start .note li {
      line-height: 1.7;
      color: #FFF; }
  #starlink .start .points {
    background: rgba(0, 0, 0, 0.7);
    line-height: 1.7;
    color: #FFF;
    padding: 80px;
    font-size: 0.75rem; }
    @media (max-width: 1000px) {
      #starlink .start .points {
        padding: 5.55556vw; } }
    @media (max-width: 600px) {
      #starlink .start .points {
        padding: 10.66667vw 5.33333vw 12vw;
        margin-top: 10.66667vw; } }
    #starlink .start .points a {
      color: #FFF; }
      #starlink .start .points a:after {
        content: '';
        display: inline-block;
        background: url(../../assets/img/blank.svg) no-repeat;
        background-size: cover;
        width: 12px;
        height: 11px;
        margin-left: 10px; }
    #starlink .start .points ul {
      margin-top: 20px; }
      #starlink .start .points ul li {
        text-indent: -1em;
        padding-left: 1em; }
  #starlink .start .bnr img {
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  #starlink .start .bnr a:hover img {
    opacity: 0.7; }

#starlink .survey {
  background: url(../../assets/img/survey/bg.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 120px 0; }
  @media (max-width: 1440px) {
    #starlink .survey {
      padding: 8.33333vw 0; } }
  @media (max-width: 640px) {
    #starlink .survey {
      padding: 13.33333vw 4vw 12vw; } }
  #starlink .survey .content_inr {
    gap: 25px; }
    @media (max-width: 1000px) {
      #starlink .survey .content_inr {
        gap: 1.73611vw; } }
  #starlink .survey h2 {
    width: 733px;
    margin: 0 auto; }
    @media (max-width: 1000px) {
      #starlink .survey h2 {
        width: 73.3vw; } }
    @media (max-width: 640px) {
      #starlink .survey h2 {
        width: 89.33333vw;
        margin-bottom: 8vw; } }
  #starlink .survey .lead {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.7;
    margin-bottom: 40px; }
    @media (max-width: 1000px) {
      #starlink .survey .lead {
        margin-bottom: 4vw; } }
    @media (max-width: 640px) {
      #starlink .survey .lead {
        text-align: left;
        font-size: 16px;
        font-size: 4.26667vw;
        margin-bottom: 9.33333vw; } }
  #starlink .survey .content {
    background: #FFF;
    padding: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media (max-width: 1200px) {
      #starlink .survey .content {
        padding: 5.55556vw; } }
    @media (max-width: 1200px) {
      #starlink .survey .content {
        padding: 10.66667vw 8vw 12vw; } }
    #starlink .survey .content h3 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
      gap: 10px;
      margin-bottom: 18px;
      line-height: 1.5;
      font-weight: bold; }
      @media (max-width: 1000px) {
        #starlink .survey .content h3 {
          gap: 0.69444vw;
          margin-bottom: 1.25vw; } }
      @media (max-width: 640px) {
        #starlink .survey .content h3 {
          gap: 2.66667vw;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-bottom: 5.33333vw; } }
      #starlink .survey .content h3 em {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: 'Roboto';
        font-size: 1.875rem; }
        @media (max-width: 1000px) {
          #starlink .survey .content h3 em {
            font-size: 30px;
            font-size: 3vw; } }
        @media (max-width: 640px) {
          #starlink .survey .content h3 em {
            font-size: 23px;
            font-size: 6.13333vw; } }
      #starlink .survey .content h3:before {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 12px;
        background: #E7E7E9; }
    #starlink .survey .content .col {
      width: calc((100% - 30px)/2); }
      @media (max-width: 1000px) {
        #starlink .survey .content .col {
          width: calc((100% - 2.08333vw)/2); } }
      @media (max-width: 640px) {
        #starlink .survey .content .col {
          width: 100%; } }
      #starlink .survey .content .col_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 30px;
        position: relative; }
        @media (max-width: 1000px) {
          #starlink .survey .content .col_wrap {
            gap: 2.08333vw; } }
        @media (max-width: 640px) {
          #starlink .survey .content .col_wrap {
            gap: 0; } }
        #starlink .survey .content .col_wrap::before {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 30%;
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
          background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
          background: -o-linear-gradient(rgba(255, 255, 255, 0), white);
          background: linear-gradient(rgba(255, 255, 255, 0), white);
          z-index: 98; }
      #starlink .survey .content .col.graph-pc {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: right; }
        #starlink .survey .content .col.graph-pc img {
          width: 93.75%; }
        @media (max-width: 640px) {
          #starlink .survey .content .col.graph-pc {
            display: none; } }
      #starlink .survey .content .col .graph-sp {
        display: none; }
        @media (max-width: 640px) {
          #starlink .survey .content .col .graph-sp {
            display: block;
            margin-bottom: 5.33333vw; }
            #starlink .survey .content .col .graph-sp img {
              width: 100%; } }
      #starlink .survey .content .col.no1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
        @media (max-width: 640px) {
          #starlink .survey .content .col.no1 {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2; } }
      #starlink .survey .content .col.no2 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3; }
      #starlink .survey .content .col.no3 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4; }
      #starlink .survey .content .col h4 {
        margin-bottom: 0.76389vw; }
        @media (max-width: 640px) {
          #starlink .survey .content .col h4 {
            margin-bottom: 2.66667vw; } }
      #starlink .survey .content .col p {
        color: #080C1C;
        font-size: 0.875rem;
        line-height: 1.7; }
        @media (max-width: 1000px) {
          #starlink .survey .content .col p {
            font-size: 14px;
            font-size: 1.4vw; } }
        @media (max-width: 640px) {
          #starlink .survey .content .col p {
            font-size: 14px;
            font-size: 3.73333vw;
            margin-bottom: 5.33333vw; } }
    #starlink .survey .content .btn__box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 15px;
      margin-top: 40px; }
      @media (max-width: 1440px) {
        #starlink .survey .content .btn__box {
          margin-top: 2.77778vw;
          gap: 1.04167vw; } }
      @media (max-width: 640px) {
        #starlink .survey .content .btn__box {
          margin-top: 10.66667vw;
          gap: 4.53333vw; } }
      #starlink .survey .content .btn__box p {
        color: #080C1C;
        text-align: center;
        font-size: 1.125rem;
        line-height: 1.7; }
        @media (max-width: 1000px) {
          #starlink .survey .content .btn__box p {
            font-size: 18px;
            font-size: 1.8vw; } }
        @media (max-width: 640px) {
          #starlink .survey .content .btn__box p {
            font-size: 16px;
            font-size: 4.26667vw; } }
        #starlink .survey .content .btn__box p em {
          font-weight: bold;
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          font-size: 1.25rem; }
          #starlink .survey .content .btn__box p em .is-pc {
            display: inline-block; }
          @media (max-width: 1000px) {
            #starlink .survey .content .btn__box p em {
              font-size: 20px;
              font-size: 2vw; } }
          @media (max-width: 640px) {
            #starlink .survey .content .btn__box p em {
              font-size: 16px;
              font-size: 4.26667vw;
              white-space: nowrap; } }
          #starlink .survey .content .btn__box p em:before, #starlink .survey .content .btn__box p em:after {
            position: relative;
            display: inline-block;
            content: "";
            background: #080C1C;
            width: 1px;
            height: 1.2em;
            margin: 0 1em;
            vertical-align: middle; }
            @media (max-width: 640px) {
              #starlink .survey .content .btn__box p em:before, #starlink .survey .content .btn__box p em:after {
                height: 2.2em; } }
          #starlink .survey .content .btn__box p em:before {
            -webkit-transform: rotate(-35deg);
            -ms-transform: rotate(-35deg);
            transform: rotate(-35deg); }
          #starlink .survey .content .btn__box p em:after {
            -webkit-transform: rotate(35deg);
            -ms-transform: rotate(35deg);
            transform: rotate(35deg); }

#starlink .osusume {
  background: url(../../assets/img/osusume/bg.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 120px 0; }
  @media (max-width: 1440px) {
    #starlink .osusume {
      padding: 8.33333vw 0; } }
  @media (max-width: 640px) {
    #starlink .osusume {
      padding: 13.33333vw 4vw 12vw; } }
  #starlink .osusume .content_inr {
    gap: 25px; }
    @media (max-width: 1000px) {
      #starlink .osusume .content_inr {
        gap: 1.73611vw; } }
  #starlink .osusume h2 {
    margin: 0 auto;
    width: 819px; }
    @media (max-width: 1000px) {
      #starlink .osusume h2 {
        width: 81.9vw; } }
    @media (max-width: 640px) {
      #starlink .osusume h2 {
        width: 89.06667vw;
        margin-bottom: 8vw; } }
    #starlink .osusume h2 .kirakira {
      right: 0x;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  #starlink .osusume .lead {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.7;
    margin-bottom: 40px; }
    @media (max-width: 1000px) {
      #starlink .osusume .lead {
        margin-bottom: 4vw; } }
    @media (max-width: 640px) {
      #starlink .osusume .lead {
        text-align: left;
        font-size: 16px;
        font-size: 4.26667vw;
        margin-bottom: 10.66667vw; } }
  #starlink .osusume .result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 27px; }
    @media (max-width: 640px) {
      #starlink .osusume .result {
        gap: 4vw; } }
    #starlink .osusume .result li {
      width: calc((100% - 27px * 3)/4);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 12px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media (max-width: 640px) {
        #starlink .osusume .result li {
          width: calc((100% - 2vw * 3)/4);
          gap: 2.66667vw; } }
    #starlink .osusume .result h3 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      color: #FFF;
      font-weight: bold;
      font-size: 1.25rem; }
      @media (max-width: 1000px) {
        #starlink .osusume .result h3 {
          font-size: 20px;
          font-size: 2vw; } }
      @media (max-width: 640px) {
        #starlink .osusume .result h3 {
          gap: 2.66667vw;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          font-size: 20px;
          font-size: 5.33333vw;
          line-height: 1.7;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: start; } }
      #starlink .osusume .result h3:before {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 12px;
        background: #E7E7E9; }
    #starlink .osusume .result p {
      font-size: 0.875rem;
      line-height: 1.7; }
      @media (max-width: 1000px) {
        #starlink .osusume .result p {
          font-size: 14px;
          font-size: 1.4vw; } }
      @media (max-width: 640px) {
        #starlink .osusume .result p {
          font-size: 14px;
          font-size: 3.73333vw; } }
  @media (max-width: 640px) {
    #starlink .osusume .scroll {
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch; }
      #starlink .osusume .scroll .chart,
      #starlink .osusume .scroll ul {
        width: 200%; } }

#starlink .import,
#starlink .seminar {
  padding: 124px 0 55px; }
  @media (max-width: 1440px) {
    #starlink .import,
    #starlink .seminar {
      padding: 8.61111vw 0 3.81944vw; } }
  @media (max-width: 1200px) {
    #starlink .import,
    #starlink .seminar {
      padding: 8.41667vw 0 2.77778vw; } }
  @media (max-width: 640px) {
    #starlink .import,
    #starlink .seminar {
      padding: 23.46667vw 0; } }
  @media (max-width: 640px) {
    #starlink .import--post__open,
    #starlink .seminar--post__open {
      padding: 24.26667vw 0 6.66667vw; } }
  #starlink .import__img,
  #starlink .seminar__img {
    width: 100%;
    display: block;
    aspect-ratio: 1.6129;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover; }
    @media (max-width: 640px) {
      #starlink .import__img,
      #starlink .seminar__img {
        border-radius: 2.66667vw;
        height: 24.8vw; } }
  #starlink .import .lead,
  #starlink .seminar .lead {
    text-align: center;
    line-height: 1.7;
    margin: 20px 0; }
    @media (max-width: 640px) {
      #starlink .import .lead,
      #starlink .seminar .lead {
        font-size: 14px;
        font-size: 3.73333vw; } }
  #starlink .import .import__name,
  #starlink .seminar .import__name {
    font-size: 1.25rem;
    padding-top: 25px;
    font-weight: 600;
    color: #203244;
    font-family: "Hiragino Kaku Gothic ProN",  "Noto Sans JP", "游ゴシック体",
 YuGothic, "游ゴシック", "Yu Gothic", YakuHanJP, "Hiragino Sans", Meiryo,
 sans-serif !important; }
    @media (max-width: 1440px) {
      #starlink .import .import__name,
      #starlink .seminar .import__name {
        font-size: 20px;
        font-size: 1.38889vw; } }
    @media (max-width: 1200px) {
      #starlink .import .import__name,
      #starlink .seminar .import__name {
        font-size: 20px;
        font-size: 2vw; } }
    @media (max-width: 640px) {
      #starlink .import .import__name,
      #starlink .seminar .import__name {
        font-size: 14px;
        font-size: 3.73333vw;
        padding-top: 3.46667vw;
        line-height: 1.38;
        letter-spacing: 0.1em; } }
  #starlink .import__des,
  #starlink .seminar__des {
    font-size: 1rem;
    line-height: 1.8;
    margin-bottom: 10px;
    padding-top: 14px;
    color: #333;
    font-weight: 300;
    font-family: "Hiragino Kaku Gothic ProN",  "Noto Sans JP", "游ゴシック体",
 YuGothic, "游ゴシック", "Yu Gothic", YakuHanJP, "Hiragino Sans", Meiryo,
 sans-serif !important; }
    @media (max-width: 1440px) {
      #starlink .import__des,
      #starlink .seminar__des {
        font-size: 16px;
        font-size: 1.11111vw; } }
    @media (max-width: 1200px) {
      #starlink .import__des,
      #starlink .seminar__des {
        font-size: 16px;
        font-size: 1.6vw; } }
    @media (max-width: 640px) {
      #starlink .import__des,
      #starlink .seminar__des {
        font-size: 12px;
        font-size: 3.2vw;
        margin-bottom: 1.33333vw;
        padding-top: 2.93333vw;
        line-height: 1.43;
        letter-spacing: 0.1em;
        font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN", "游ゴシック体",
 YuGothic, "游ゴシック", "Yu Gothic", YakuHanJP, "Hiragino Sans", Meiryo,
 sans-serif !important;
        font-weight: 500; } }
  #starlink .import__label,
  #starlink .seminar__label {
    font-size: 0.875rem;
    padding: 0;
    color: #333;
    font-weight: 600;
    font-family: "Hiragino Kaku Gothic ProN",  "Noto Sans JP", "游ゴシック体",
 YuGothic, "游ゴシック", "Yu Gothic", YakuHanJP, "Hiragino Sans", Meiryo,
 sans-serif !important; }
    @media (max-width: 1440px) {
      #starlink .import__label,
      #starlink .seminar__label {
        font-size: 14px;
        font-size: 0.97222vw; } }
    @media (max-width: 1200px) {
      #starlink .import__label,
      #starlink .seminar__label {
        font-size: 14px;
        font-size: 1.4vw; } }
    @media (max-width: 640px) {
      #starlink .import__label,
      #starlink .seminar__label {
        font-size: 12px;
        font-size: 3.2vw;
        padding-top: 4vw;
        font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN", "游ゴシック体",
 YuGothic, "游ゴシック", "Yu Gothic", YakuHanJP, "Hiragino Sans", Meiryo,
 sans-serif !important;
        font-weight: 500;
        letter-spacing: 0.1em; } }
  #starlink .import__link,
  #starlink .seminar__link {
    font-size: 0.875rem;
    padding: 7px 0 0;
    display: block;
    color: #203244;
    line-height: 1.8;
    font-weight: 300;
    font-family: "Hiragino Kaku Gothic ProN",  "Noto Sans JP", "游ゴシック体",
 YuGothic, "游ゴシック", "Yu Gothic", YakuHanJP, "Hiragino Sans", Meiryo,
 sans-serif !important; }
    @media (max-width: 1440px) {
      #starlink .import__link,
      #starlink .seminar__link {
        font-size: 14px;
        font-size: 0.97222vw; } }
    @media (max-width: 1200px) {
      #starlink .import__link,
      #starlink .seminar__link {
        font-size: 14px;
        font-size: 1.4vw; } }
    @media (max-width: 640px) {
      #starlink .import__link,
      #starlink .seminar__link {
        font-size: 12px;
        font-size: 3.2vw;
        padding-top: 0.53333vw;
        line-height: 1.43;
        text-decoration: unset;
        font-weight: 500;
        font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN", "游ゴシック体",
 YuGothic, "游ゴシック", "Yu Gothic", YakuHanJP, "Hiragino Sans", Meiryo,
 sans-serif !important;
        letter-spacing: 0.1em; } }
  #starlink .import .import__row,
  #starlink .seminar .import__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    margin-top: 33px; }
    @media (max-width: 1440px) {
      #starlink .import .import__row,
      #starlink .seminar .import__row {
        gap: 3.47222vw;
        margin-top: 2.29167vw; } }
    @media (max-width: 1200px) {
      #starlink .import .import__row,
      #starlink .seminar .import__row {
        gap: 4.16667vw;
        margin-top: 2.75vw; } }
    @media (max-width: 640px) {
      #starlink .import .import__row,
      #starlink .seminar .import__row {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        margin-top: 2.66667vw;
        gap: 4vw 5.33333vw; } }
  #starlink .import__col,
  #starlink .seminar__col {
    display: none; }
  #starlink .import__content,
  #starlink .seminar__content {
    display: block;
    text-decoration: unset;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    #starlink .import__content:hover,
    #starlink .seminar__content:hover {
      -webkit-opacity: 0.7;
      opacity: 0.7; }
  #starlink .import-skeleton,
  #starlink .seminar-skeleton {
    position: relative; }
    #starlink .import-skeleton::before,
    #starlink .seminar-skeleton::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 230px;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
      background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
      background: -o-linear-gradient(rgba(255, 255, 255, 0), white);
      background: linear-gradient(rgba(255, 255, 255, 0), white);
      z-index: 98; }
      @media (max-width: 1440px) {
        #starlink .import-skeleton::before,
        #starlink .seminar-skeleton::before {
          height: 15.97222vw; } }
      @media (max-width: 1200px) {
        #starlink .import-skeleton::before,
        #starlink .seminar-skeleton::before {
          height: 19.16667vw; } }
      @media (max-width: 640px) {
        #starlink .import-skeleton::before,
        #starlink .seminar-skeleton::before {
          height: 29.33333vw;
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(white));
          background: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), white);
          background: -o-linear-gradient(rgba(255, 255, 255, 0.9), white);
          background: linear-gradient(rgba(255, 255, 255, 0.9), white); } }
    #starlink .import-skeleton__box,
    #starlink .seminar-skeleton__box {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
      gap: 50px;
      margin-top: 40px;
      position: relative;
      z-index: 97; }
      @media (max-width: 1440px) {
        #starlink .import-skeleton__box,
        #starlink .seminar-skeleton__box {
          gap: 3.47222vw;
          margin-top: 2.77778vw; } }
      @media (max-width: 1200px) {
        #starlink .import-skeleton__box,
        #starlink .seminar-skeleton__box {
          gap: 4.16667vw;
          margin-top: 3.41667vw; } }
      @media (max-width: 640px) {
        #starlink .import-skeleton__box,
        #starlink .seminar-skeleton__box {
          display: none; } }
    #starlink .import-skeleton__btn,
    #starlink .seminar-skeleton__btn {
      position: absolute;
      z-index: 99;
      bottom: -8px;
      left: 0;
      right: 0;
      margin: auto;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
      @media (max-width: 640px) {
        #starlink .import-skeleton__btn,
        #starlink .seminar-skeleton__btn {
          bottom: -23.46667vw; } }
    #starlink .import-skeleton__item,
    #starlink .seminar-skeleton__item {
      height: 202px;
      background-color: #ededed;
      border-radius: 10px;
      position: relative;
      overflow: hidden; }
      @media (max-width: 1440px) {
        #starlink .import-skeleton__item,
        #starlink .seminar-skeleton__item {
          height: 14.02778vw; } }
      @media (max-width: 1200px) {
        #starlink .import-skeleton__item,
        #starlink .seminar-skeleton__item {
          height: 16.83333vw; } }
      @media (max-width: 640px) {
        #starlink .import-skeleton__item,
        #starlink .seminar-skeleton__item {
          border-radius: 1.33333vw; } }
      #starlink .import-skeleton__item::before,
      #starlink .seminar-skeleton__item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: -webkit-gradient(linear, left top, right top, from(#f3f2f1), color-stop(50%, #edebe9), to(#f3f2f1)) 0px 0px/90% 100% no-repeat #f3f2f1;
        background: -webkit-linear-gradient(left, #f3f2f1 0%, #edebe9 50%, #f3f2f1 100%) 0px 0px/90% 100% no-repeat #f3f2f1;
        background: -o-linear-gradient(left, #f3f2f1 0%, #edebe9 50%, #f3f2f1 100%) 0px 0px/90% 100% no-repeat #f3f2f1;
        background: linear-gradient(to right, #f3f2f1 0%, #edebe9 50%, #f3f2f1 100%) 0px 0px/90% 100% no-repeat #f3f2f1;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-animation-name: skeleton-animation;
        animation-name: skeleton-animation;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite; }
  #starlink .import .faq1__note,
  #starlink .seminar .faq1__note {
    text-align: center;
    margin: 40px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700; }
    @media (max-width: 640px) {
      #starlink .import .faq1__note,
      #starlink .seminar .faq1__note {
        margin: 10.66667vw auto 0; } }
    #starlink .import .faq1__note a,
    #starlink .seminar .faq1__note a {
      margin-top: 7px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 7px;
      border-bottom: 1px solid #093bab;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding-bottom: 5px;
      text-decoration: unset;
      font-weight: 900;
      cursor: pointer;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      #starlink .import .faq1__note a:hover,
      #starlink .seminar .faq1__note a:hover {
        -webkit-opacity: 0.7;
        opacity: 0.7; }
      @media (max-width: 640px) {
        #starlink .import .faq1__note a,
        #starlink .seminar .faq1__note a {
          margin-top: 2.93333vw;
          gap: 3.2vw; } }
    #starlink .import .faq1__note p,
    #starlink .seminar .faq1__note p {
      font-size: 1.25rem;
      line-height: 1.2;
      letter-spacing: 0.1em;
      color: #000; }
      @media (max-width: 1200px) {
        #starlink .import .faq1__note p,
        #starlink .seminar .faq1__note p {
          font-size: 18px;
          font-size: 1.8vw; } }
      @media (max-width: 640px) {
        #starlink .import .faq1__note p,
        #starlink .seminar .faq1__note p {
          font-size: 16px;
          font-size: 4.26667vw; } }
    #starlink .import .faq1__note span,
    #starlink .seminar .faq1__note span {
      font-size: 1.25rem;
      line-height: 1.2;
      letter-spacing: 0.1em;
      color: #093bab; }
      @media (max-width: 1200px) {
        #starlink .import .faq1__note span,
        #starlink .seminar .faq1__note span {
          font-size: 18px;
          font-size: 1.8vw; } }
      @media (max-width: 640px) {
        #starlink .import .faq1__note span,
        #starlink .seminar .faq1__note span {
          font-size: 14px;
          font-size: 3.73333vw; } }

#starlink .seminar {
  padding: 37px 0 97px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 1440px) {
    #starlink .seminar {
      padding: 2.56944vw 0 6.73611vw; } }
  @media (max-width: 1200px) {
    #starlink .seminar {
      padding: 3.08333vw 0 5vw; } }
  @media (max-width: 640px) {
    #starlink .seminar {
      padding: 24.26667vw 0 16.8vw; } }
  #starlink .seminar .import__name {
    line-height: 1.5; }

#starlink .posts {
  padding: 37px 0 97px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 1440px) {
    #starlink .posts {
      padding: 2.56944vw 0 6.73611vw; } }
  @media (max-width: 1200px) {
    #starlink .posts {
      padding: 3.08333vw 0 5vw; } }
  @media (max-width: 640px) {
    #starlink .posts {
      padding: 24.26667vw 0 16.8vw; } }
  #starlink .posts__item {
    text-decoration: unset;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block; }
    #starlink .posts__item:hover {
      -webkit-opacity: 0.7;
      opacity: 0.7; }
  #starlink .posts__box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
    margin-top: 34px;
    position: relative;
    z-index: 20; }
    @media (max-width: 1440px) {
      #starlink .posts__box {
        gap: 1.80556vw;
        margin-top: 2.36111vw; } }
    @media (max-width: 1200px) {
      #starlink .posts__box {
        gap: 2.16667vw; } }
    @media (max-width: 640px) {
      #starlink .posts__box {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        margin-top: 2.66667vw;
        gap: 8.26667vw 4.8vw; } }
  #starlink .posts__img {
    width: 100%;
    aspect-ratio: 1.61972;
    display: block;
    border-radius: 5px; }
    @media (max-width: 640px) {
      #starlink .posts__img {
        border-radius: 0.8vw;
        height: 25.6vw; } }
  #starlink .posts__name {
    color: #1a1a1a;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 700;
    margin-top: 19px;
    letter-spacing: 0.1em; }
    @media (max-width: 1440px) {
      #starlink .posts__name {
        font-size: 18px;
        font-size: 1.25vw; } }
    @media (max-width: 1200px) {
      #starlink .posts__name {
        font-size: 16px;
        font-size: 1.6vw; } }
    @media (max-width: 640px) {
      #starlink .posts__name {
        font-size: 14px;
        font-size: 3.73333vw;
        margin-top: 3.2vw;
        line-height: 1.5; } }
  #starlink .posts__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 65px; }
    @media (max-width: 1440px) {
      #starlink .posts__btn {
        margin-top: 4.51389vw; } }
    @media (max-width: 1200px) {
      #starlink .posts__btn {
        margin-top: 3.75vw; } }
    @media (max-width: 640px) {
      #starlink .posts__btn {
        margin-top: 13.06667vw; } }
  #starlink .posts .lead {
    text-align: center;
    line-height: 1.7;
    margin: 20px 0; }
    @media (max-width: 640px) {
      #starlink .posts .lead {
        font-size: 14px;
        font-size: 3.73333vw; } }
  #starlink .posts .posts__ic {
    display: block;
    position: absolute;
    top: -12px;
    right: -220px;
    width: 322px;
    height: 430px; }
    @media (max-width: 1440px) {
      #starlink .posts .posts__ic {
        width: 22.36111vw;
        height: 29.86111vw;
        top: -0.83333vw;
        right: -15.27778vw; } }
    @media (max-width: 640px) {
      #starlink .posts .posts__ic {
        display: none; } }

#starlink .banner {
  padding: 0; }
  #starlink .banner__img {
    display: block;
    width: 100%;
    height: 100%; }

#starlink .newsletter picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

#starlink .newsletter__img {
  display: block;
  width: 100%;
  position: relative;
  z-index: 5;
  height: 715px;
  max-width: 1440px;
  transition: transform 0.5s ease-out, opacity 0.5s,
 -webkit-transform 0.5s ease-out; }
  @media (max-width: 1440px) {
    #starlink .newsletter__img {
      height: 49.65278vw; } }
  @media (max-width: 1200px) {
    #starlink .newsletter__img {
      height: 59.58333vw; } }

@-webkit-keyframes skeleton-animation {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes skeleton-animation {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

#starlink .merit {
  margin: 20px 0 90px; }
  @media (max-width: 1440px) {
    #starlink .merit {
      margin: 1.38889vw 0 6.25vw; } }
  #starlink .merit .u-bgc-bk {
    background: #000 !important; }
  #starlink .merit .lg-col {
    padding: 20px 0; }

/* banner-popup */
.lg-photo-second-network {
  display: block;
  content: ' ';
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 18%; }

@media (max-width: 767px) {
  .lg-photo-second-network {
    padding-bottom: 68.4%; } }

.g-product-second-network-banner-popup {
  display: none;
  position: fixed;
  z-index: 10000;
  top: 50%;
  left: 50%;
  width: calc(100% - 40px);
  max-width: 1100px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.g-product-second-network-banner-popup-content {
  background: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.6); }

.g-product-second-network-banner-popup-body {
  padding: 5px;
  background: #000; }

.g-product-second-network-banner-popup-img {
  margin: 0 auto;
  width: 100%; }

.g-product-second-network-banner-popup-img img {
  max-width: 100%;
  width: auto;
  height: 100%;
  left: 0; }

.g-product-second-network-banner-popup-btn-close {
  position: absolute;
  right: 12px;
  top: 12px;
  background-color: #666;
  border-radius: 50%;
  width: 54px;
  height: 54px;
  -webkit-transition: opacity .12s;
  -o-transition: opacity .12s;
  transition: opacity .12s;
  z-index: 10001;
  color: #fff; }

.g-product-second-network-banner-popup-btn-close span {
  position: absolute;
  font-size: 12px;
  display: inline-block;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -90%);
  -ms-transform: translate(-50%, -90%);
  transform: translate(-50%, -90%); }

.g-product-second-network-banner-popup-btn-close:before, .g-product-second-network-banner-popup-btn-close:after {
  position: absolute;
  content: '';
  display: block;
  top: 70%;
  left: 50%;
  height: 2px;
  width: 18px;
  background: #fff; }

.g-product-second-network-banner-popup-btn-close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg); }

.g-product-second-network-banner-popup-btn-close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg); }

.g-product-second-network-banner-popup-btn-close:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

@media (min-width: 1000px) {
  .g-btn-cover:hover .lg-photo,
  .g-btn-cover:hover .lg-photo-cover {
    opacity: 1; } }

@media (max-width: 999px) {
  .g-product-second-network-banner-popup-btn-close {
    top: calc(5px + 0.2vw);
    right: calc(5px + 0.8vw); } }

@media (max-width: 767px) {
  .g-product-second-network-banner-popup-btn-close {
    top: calc(15px + 0.2vw);
    right: calc(15px + 0.8vw);
    width: 10vw;
    height: 10vw; }
  .g-product-second-network-banner-popup-btn-close:before, .g-product-second-network-banner-popup-btn-close:after {
    width: 3.2vw; }
  .g-product-second-network-banner-popup-btn-close span {
    font-size: 2.2vw; } }

@media all and (min-width: 414px) and (max-width: 599px) {
  .g-product-second-network-banner-popup-content {
    border-radius: 15px;
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.4); }
  .g-product-second-network-banner-popup-body {
    padding: 15px; }
  .g-product-second-network-banner-popup-img {
    width: 100%;
    margin: 0 auto; }
  .g-product-second-network-banner-popup-btn-close:before, .g-product-second-network-banner-popup-btn-close:after {
    height: 2px;
    width: 18px; } }

@media all and (max-width: 413px) {
  .g-product-second-network-banner-popup-content {
    border-radius: 15px;
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.4); }
  .g-product-second-network-banner-popup-body {
    padding: 15px; }
  .g-product-second-network-banner-popup-img {
    width: 100%;
    margin: 0 auto; } }