/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 29 2025 | 07:49:38 */
#loader{
  position: fixed;
    width: 500vw;
    height: 200vh;
  z-index: 3;
  background: linear-gradient(rgba(97, 102, 113, 1), rgba(18, 38, 55, 1));
  /* visibility: hidden; */
  transition: all ease-in-out 1s;
}


.load-circle {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 10px solid rgba(255, 255, 255, 0.5);
  border-top-color: rgba(255, 255, 255, 1);
  animation: rotate 1s linear infinite;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

/* SP */
/* @media screen and (min-width: 786px) {*/
@media screen and (min-width: 500px) {
  .screen.spu12498u12441u12517u12540u38283u30330u29992-1 {
    display: none;
  }

  .FVVideo {
    display: none;
  }

  .modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100dvw;
    height: 100%;
    z-index: 3;
    /* background-color: rgba(0, 0, 0, 0.4); */
  }

  .v830_3 {
    width: 786px;
    height: 1412px;
    background: linear-gradient(rgba(255, 255, 255), rgb(216 216 216));
    opacity: 1;
    position: relative;
    top: 0px;
    margin: 0 auto;
  }
}


.container-center-horizontal {
  display: flex;
  /* width: 100%; */
  justify-content: space-around;
}

#ALLVIEW {
  display: flex;
  /*  background: #3d3d3d;*/
  background: #000000;
  justify-content: center;
  overflow: auto;
}

#SPVIEW {
  scroll-behavior: smooth;
  z-index: 1;
  overflow-x: hidden;
  /* width: 50dvw; */
}

#PCVIEW {
  overscroll-behavior-y: contain;
  /* width: calc(100dvw - 786px); */
  /* PC Viewを浮かすための設定 */
  position: sticky;
  top: 0px;
  width: 100%
}

#compact_bunner {
  display: none;
  opacity: 0;
  position: sticky;
  top: 90dvh;
  z-index: 2;
  left: 98dvw;
  transition: all ease-in-out 1s;
}

/* screen - spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints */
/* スマホ用のハンバーガーメニュー */
.hambergarMenu {
  background: linear-gradient(rgb(76, 82, 91) , rgba(18, 38, 55, 1));
  height: 100%;
  color: #FFFF;
  font-size: 1.5rem;
}

.hambergarMenuIndex {
  width: 100%;
  margin: 0 auto;
}

.hambergarMenueIndex .li {
  margin: 10px 0;
}

.hambergarMenuList {
  font-size: 2.0rem;
  padding: 2dvh 20%;
  list-style: "";
}


.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints {
  align-items: flex-start;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(240.38, 240.38, 240.38) 100%);
  /* background-color: rgba(255, 255, 255, 1.0); */
  display: flex;
  flex-direction: column;
  width: 786px;
}


.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .header-1 {
  min-width: 100%;
  width: auto;
  TOP: 0;
  z-index: 2;
  position: sticky;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group1-7 {
  align-items: center;
  background-color: var(--masala);
  display: flex;
  height: 98px;
  justify-content: space-around;
  min-width: 786px;
  padding: 0 16px;
  position: sticky;
}

/* 会社ロゴの上にマウスが乗った時*/
.vision-logo2-2-1:hover {
  opacity: 0.5;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .vision-logo2-2-1 {
  height: 51px;
  margin-bottom: 1.0px;
  object-fit: cover;
  width: 139px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-133 {
  height: 42px;
  letter-spacing: 3.36px;
  line-height: normal;
  margin-left: 98px;
  text-align: center;
  width: 221px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group-18 {
  align-items: flex-start;
  background-color: var(--blue-jeans);
  border-radius: 119px;
  display: flex;
  height: 62px;
  margin-left: 23px;
  min-width: 159px;
  padding: 15px 29px;
  cursor: pointer;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-134 {
  height: 30px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 100px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .btn_img-hambergar-1 {
  height: 54px;
  margin-left: 20px;
  object-fit: cover;
  width: 65px;
  cursor: pointer;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .top-view-1 {
  align-items: flex-start;
  display: flex;
  min-width: 789px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group2-3 {
  /* height: 1422px; */
  height: 1100px;
  position: relative;
  width: 787px;
  overflow: hidden;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .topbg-1 {
  width: 160%;
  height: 100%;
  position: relative;
  top: 45%;
  transform: translate(-18%, -50%);
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .vinet-mask-1 {
  /* background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 15.86, 63.44, 0.3) 100%); */
  /* background: radial-gradient(ellipse at top, rgba(255, 255, 255, 0.3) 80%, rgb(76, 82, 91) 20%); */
  height: 300%;
  width: 100%;
  position: absolute;
  top: 0%;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .image-2 {
  height: 119px;
  width: 100%;
  position: absolute;
  top: 27px;
  left: 0px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .banner-img-1-1 {
  height: 341px;
  left: 228px;
  object-fit: cover;
  position: absolute;
  top: 580px;
  width: 560px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group13-1 {
  position: relative;
  width: 792px;
  background: linear-gradient(180deg,#fff 0%,#e8f4ff 42.5%,#e3f2ff 99.99%,#fff 100%);
}


/* デスクトップビュー のエントリーボタン */
.btn_entry_dv {
  z-index: 1;
  cursor: pointer;
  width: 50%;
  height: auto;
  /* 中央寄せの設定 */
  /* text-align: center;*/
  margin: auto;
}

/* デスクトップビュー のエントリーボタン にマウスが乗った時*/
.btn_entry_dv:hover {
  opacity: 0.5
}

/* デスクトップビュー のカジュアル面談ボタン */
.btn_easy_entry_dv {
  z-index: 1;
  cursor: pointer;
  width: 90%;
  height: auto;
  /* 中央寄せの設定 */
  /* text-align: center;*/
  margin: auto;
}

/* デスクトップビュー のカジュアル面談ボタン にマウスが乗った時*/
.btn_easy_entry_dv:hover {
  opacity: 0.5
}


/* スマホビュー のエントリーボタン */
.btn_entry {
  /* position: absolute; */
  /* margin-top: 6999px; */
  /* left: 10%; */
  z-index: 1;
  cursor: pointer;
  width: 80%;
  /* 中央寄せの設定 */
  display: flex;
  text-align: center;
  margin: auto;
}

/* スマホビュー のカジュアル面談ボタン */
.btn_easy_entry {
  /* position: absolute; */
  /* margin-top: 7251px; */
  /* left: 10%; */
  width: 80%;
  z-index: 1;
  /* 中央寄せの設定 */
  display: flex;
  text-align: center;
  margin: auto;
  cursor: pointer;
}

/* エントリー、カジュアル面談の中間マージン */
.btn_easy_entry_margin {
  margin-top: 50px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .bgimg-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  left: 0;
  min-height: 35518px;
  position: absolute;
  top: 0;
  width: 786px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .bg1-1 {
  /* background: linear-gradient(180deg, rgb(76, 82, 91) 0%, rgb(149, 153, 156) 48.5%, rgb(18, 38, 55) 100%); */
  background-color: rgb(76, 82, 91);
  /* height: 9072px; */
  height: 8072px;
  width: 786px;
}

/* 2ndViewの全体設定 */
.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-2nd-export {
  align-items: center;
  align-self: center;
  text-align: center;
  display: flex;
  flex-direction: column;
  position: relative;
  top: 0px;
  width: 100%;
  margin: 0 0 2dvw 0;
}

/* 2ndViewの白抜き文字 */
.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .x2nd-view1-title {
  height: 100%;
  width: 100%;
  letter-spacing: 0;
  line-height: normal;
  margin: 50px 0 0 0;
  color: #FFF;
  font-family: var(--font-family-noto_sans_jp);
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
}

/* 2ndViewの白背景 (全体) */
.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .x2nd-view1-text-body {
  height: 110%;
  width: 100%;
  letter-spacing: 0;
  line-height: normal;
  background-color: #FFF;
  color: #000;
}

/* 2ndViewの画像表示 */
.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .x2nd-view1-img {
  height: auto;
  margin: auto;
  position: relative;
  width: 100%;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-18 {
  align-items: center;
  background-image: url("https://guidance-recruit.visioncon-global.com/wp-content/images/picture/signing_bg.webp");
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 2267px;
  padding: 46px 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .group-1206-1 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin: 40px 1% 0px 1%;
  min-height: 397px;
  width: 96%;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group-19 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  height: 58px;
  min-width: 736px;
  padding: 12px 129px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-154 {
  height: 30px;
  letter-spacing: 10.20px;
  line-height: normal;
  text-align: center;
  width: 100%;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-container-10 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-height: 338px;
  padding: 30px 47px;
  width: 736px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-156 {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 7.0px;
  min-height: 141px;
  width: 627px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-155 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 88px;
  width: 627px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group3-3 {
  align-items: center;
  background-color: var(--firefly);
  display: flex;
  height: 55px;
  min-width: 736px;
  padding: 0 307px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group4-4 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-height: 943px;
  padding: 49px 38px;
  width: 736px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .q-7 {
  margin-left: 2px;
  min-height: 31px;
  width: 603px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-150 {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 8px;
  margin-top: 11px;
  min-height: 71px;
  width: 620px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group-20 {
  align-self: center;
  height: 150px;
  margin-top: 46px;
  position: relative;
  width: 656px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-149 {
  left: 24px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 37px;
  width: 632px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .q-100-1 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 445px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .q-8 {
  margin-left: 2px;
  margin-top: 33px;
  min-height: 38px;

}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-153 {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin: 20px 20px;
  min-height: 102px;
  width: 619px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .q-9 {
  margin-left: 3px;
  margin-top: 44px;
  min-height: 38px;
  width: 462px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-152 {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 9.0px;
  margin-top: 4px;
  min-height: 93px;
  width: 619px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .q-10 {
  margin-top: 45px;
  min-height: 38px;
  width: 334px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-151 {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 3.0px;
  min-height: 72px;
  width: 611px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .btn_-3 {
  margin-left: 1.0px;
  margin-top: 110px;
  width: 642px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .btn_-1-2 {
  height: 98px;
  margin-left: 1.0px;
  margin-top: 63px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-19 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 25px;
  min-height: 1184px;
  position: relative;
  top: 0px;
  width: 93%;
  margin: 10dvh 0 5dvh;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group-21 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  height: 90px;
  min-width: 736px;
  padding: 12px 279px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-158 {
  height: 65px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 157px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-row-6 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  gap: 37px;
  height: 100%;
  justify-content: flex-end;
  min-width: 736px;
  padding-bottom: 5dvh;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-container-11 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 73px;
  min-height: 781px;
  width: 170px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-167 {
  height: 39px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1px;
  width: 121px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-168 {
  height: 40px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 33px;
  width: 87px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-169 {
  height: 40px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1px;
  margin-top: 41px;
  width: 114px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-159 {
  height: 39px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1.67px;
  margin-top: 46px;
  transform: rotate(1.00deg);
  width: 83px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-164 {
  height: 39px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1.67px;
  margin-top: 113px;
  transform: rotate(1.00deg);
  width: 109px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-166 {
  height: 42px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 2px;
  margin-top: 92px;
  width: 111px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-165 {
  height: 39px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1.59px;
  margin-top: 164px;
  width: 234px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col-16 {
  margin-top: 74px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-170 {
  height: 38px;
  letter-spacing: 0;
  line-height: normal;
  width: 209px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-container-12 {
  height: 118px;
  margin-top: 40px;
  position: relative;
  width: 482px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-171 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 81px;
  width: 482px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-172 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 482px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-160 {
  height: 79px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 42px;
  width: 456px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-container-13 {
  height: 62px;
  margin-top: 58px;
  position: relative;
  width: 422px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-162 {
  color: var(--abbey);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-weight: 400;
  left: 1px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 33px;
  width: 421px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-163 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 367px;
  margin-top: 18px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .x2-1 {
  line-height: normal;
  margin-top: 89px;
  width: 418px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-161 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 28px;
  min-height: 210px;
  width: 90%;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-20 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 117px;
  position: relative;
  top: 0;
  width: 577px;
  margin: 200px 0;

}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-21 {
  align-items: center;
  display: flex;
  gap: 21px;
  margin-left: 2.0px;
  min-width: 323px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .vision-logo-3-1 {
  height: 63px;
  object-fit: cover;
  width: 44px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-179 {
  height: 47px;
  letter-spacing: 0;
  line-height: normal;
  width: 256px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-3 {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 76px;
  min-height: 407px;
  width: 589px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-173 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 35px;
  width: 550px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-17-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 26px;
  min-height: 70px;
  width: 577px;
}

/*デザイン調整 20250314
.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-176 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 26px;
  min-height: 33px;
  width: 577px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-177 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 26px;
  min-height: 34px;
  width: 577px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-178 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 27px;
  min-height: 34px;
  width: 577px;
}
*/

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-member {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  left: 0;
  position: relative;
  top: 0px;
  width: 786px;
  margin: 10dvw 0;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-23 {
  align-items: center;
  align-self: center;
  display: flex;
  gap: 20px;
  padding: 20px;
  margin-left: 1.0px;
  min-width: 205px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-186 {
  height: 46px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 1.0px;
  width: 139px;
}

.member_describe {
  padding: 1.5rem;
}
/* summaryエリアの既存マーカーを削除 */
summary::-webkit-details-marker {
  display: none;
}

/*デザイン調整20250314
details[open] {
  padding-bottom: 20px;
}
*/

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .it-4 {
  margin-right: 77px;
  margin-top: 10px;
  min-height: 84px;
  width: 273px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-184 {
  height: 56px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 40px;
  margin-top: 36px;
  width: 307px;
}

.btn-minus-1{
  align-self: flex-end;
  margin-right: 27px;
  margin-top: 12px;
  display: none;
}
/* アコーディオン表示の +と-の切り替え */
details[open]{
  .btn-minus-1 {
    display: block;
  }
  .btn-plus-1-5 {
    display: none;
  }
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .group-1193-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-right: 9px;
  margin-top: 80px;
  min-height: 1474px;
  width: 747px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-180 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 4px;
  min-height: 34px;
  width: 100%;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text_label-7 {
  align-self: center;
  margin-left: 24.0px;
  margin-top: 3px;
  min-height: 298px;
  width: 677px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .q-11 {
  margin-left: 5px;
  margin-top: 5dvw;
  width: 100%;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-181 {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 16px;
  margin-top: 21px;
  min-height: 254px;
  width: 676px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .q-12 {
  margin-left: 5px;
  margin-top: 92px;
  min-height: 34px;
  width: 559px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-182 {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 16px;
  margin-top: 21px;
  min-height: 198px;
  width: 676px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .q-13 {
  margin-top: 160px;
  min-height: 34px;
  width: 533px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-183 {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 29.0px;
  margin-top: 21px;
  min-height: 249px;
  width: 676px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .vc-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 98px;
  left: 0;
  min-height: 3295px;
  position: relative;
  top: 0;
  width: 786px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group8-1 {
  height: 995px;
  position: relative;
  width: 786px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .bg_bgi-1-1 {
  height: 785px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 786px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .vc-4 {
  height: 350px;
  left: 142px;
  position: absolute;
  top: 115px;
  width: 506px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .vc_img_-1 {
  height: 478px;
  left: 25px;
  object-fit: cover;
  position: absolute;
  top: 517px;
  width: 736px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .x3-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-right: 2.0px;
  min-height: 210px;
  width: 736px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group4-6 {
  height: 99px;
  left: 50px;
  position: relative;
  width: 625px;
}
.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-191 {
  align-self: center;
  height: 60px;
  left: 50px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 7px;
  width: 580px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group4-5 {
  height: 40px;
  left: 10px;
  position: relative;
  width: 546px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-192 {
  height: 92px;
  left: 23px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 7px;
  width: 523px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .vision-logo-2-2 {
  left: 0;
  position: absolute;
  top: 0;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-24 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 4px;
  margin-top: 90px;
  min-height: 597px;
  width: 740px;
}

/* 事業領域の画像設定 */
.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .img-business-area {
  height: 100%;
  width: 100%;
  object-fit: cover;
  margin-right: 0 4.0px;
}

/* コンサルティング事業の本文 */
.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .itdxsiai-1 {
  height: 105px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 10.0px;
  margin-top: 7px;
  width: 616px;
}

/* 新規事業推進の本文 */
.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text_label-8 {
  height: 140px;
  margin-right: 4.0px;
  margin-top: 14px;
  width: 618px;
}

/* グローバルの本文 */
.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-188 {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  margin-top: 32px;
  min-height: 140px;
  width: 618px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group-23 {
  align-items: center;
  background-image: url(../img/rectangle-10@2x.png);
  background-size: 100% 100%;
  display: flex;
  gap: 15px;
  height: 55px;
  justify-content: flex-end;
  margin-left: 35.0px;
  margin-top: 74px;
  min-width: 369px;
  padding: 0 12px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-187 {
  height: 29px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 280px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-calture {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 23px;
  min-height: 2574px;
  position: relative;
  top: 0px;
  width: 741px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-193 {
  height: 46px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 2.0px;
  text-align: center;
  width: 171px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group3-5 {
  height: 870px;
  margin-top: 25px;
  position: relative;
  width: 737px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .bg-5 {
  background-color: var(--white);
  height: 870px;
  left: 0;
  position: absolute;
  top: 0;
  width: 736px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .rectangle-10-1 {
  background-color: var(--firefly);
  height: 55px;
  left: 0;
  position: absolute;
  top: 0;
  width: 736px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-196 {
  height: 35px;
  letter-spacing: 0;
  line-height: normal;
  position: inherit;
  text-align: center;
  top: 9px;
  width: 100%;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-197 {
  left: 69px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 707px;
  width: 600px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .x1-5 {
  height: 608px;
  left: 1px;
  object-fit: fill;
  position: absolute;
  top: 81px;
  width: 736px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-28 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 1.0px;
  margin-top: 12px;
  min-height: 707px;
  width: 738px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group-24 {
  align-items: center;
  background-color: var(--firefly);
  display: flex;
  height: 55px;
  min-width: 736px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group2-5 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 652px;
  padding: 34px 25px;
  width: 733px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .image-3 {
  height: 426px;
  margin-top: 16px;
  object-fit: cover;
  width: 680px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-195 {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 1.0px;
  min-height: 130px;
  width: 544px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .all-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-right: 3.0px;
  margin-top: 21px;
  min-height: 1003px;
  width: 738px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group1-9 {
  background-color: var(--white);
  height: 928px;
  position: relative;
  width: 736px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .or-1 {
  left: 68px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 730px;
  width: 600px;
  display: flex;
  margin: 40px auto;
  height: auto
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .img_all-up-1-1 {
  height: 80%;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  display: flex;
  /* margin: -7px auto; */
  background-color: white;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-career {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 30px;
  left: 25px;
  min-height: 2772px;
  position: relative;
  top: 0px;
  width: 735px;
  margin: 5dvw 0;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group1-10 {
  height: 61px;
  margin-right: 23.0px;
  position: relative;
  width: 210px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-201 {
  height: 39px;
  left: 21px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 11px;
  width: 189px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .vision-logo-4 {
  height: 61px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 43px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .group-1133-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 4.0px;
  min-height: 2681px;
  width: 739px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group-26 {
  align-items: flex-end;
  background-color: var(--firefly);
  display: flex;
  height: 90px;
  justify-content: flex-end;
  min-width: 735px;
  padding: 13px 281px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-198 {
  height: 57px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 172px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group2-6 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 26px;
  min-height: 1000px;
  padding: 26px 40px;
  width: 735px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .it-5 {
  margin-left: 10px;
  min-height: 36px;
  width: 591px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text_label-9 {
  align-self: flex-end;
  min-height: 774px;
  width: 645px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text_label-container-1 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  min-height: 731px;
  padding: 34px 43px;
  width: 735px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text_label-10 {
  min-height: 83px;
  width: 645px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text_label-11 {
  align-self: center;
  margin-right: 14.0px;
  min-height: 503px;
  width: 619px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-container-14 {
  background-color: var(--white);
  height: 1520px;
  margin-top: 21px;
  position: relative;
  width: 735px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-199 {
  left: 49px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 83px;
  width: 642px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-200 {
  left: 47px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 30px;
  width: 644px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-30 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 2400px;
  position: relative;
  padding: 46px 0px;
  top: 0px;
  width: 96%;
  left: 1.5%;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group1-11 {
  align-items: center;
  background-color: var(--firefly);
  display: flex;
  height: 55px;
  min-width: 736px;
  padding: 3px 61px;
  justify-content: center;
  width: 100%;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-202 {
  align-self: flex-end;
  height: 46px;
  letter-spacing: 0;
  line-height: normal;
  width: 100%;
  text-align: center;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-31 {
  align-items: flex-start;
  display: block;
  position: relative;
  left: 20px;
  /* flex-direction: column; */
  /* margin-right: 3.0px; */
  /* margin-top: 21px; */
  min-height: 1003px;
  width: 738px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-230 {
  height: 46px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 6px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-export {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 30px;
  left: 26px;
  min-height: 1041px;
  position: relative;
  top: 0px;
  width: 743px;
  margin: 40px 0;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-239 {
  height: 46px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 6.0px;
  width: 210px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-row-8 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  gap: 11px;
  height: 965px;
  margin-right: 8.0px;
  min-width: 735px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col-18 {
  align-items: flex-start;
  min-height: 857px;
  width: 350px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .screenshot-2024-12-16-at-22013-1-1 {
  height: 318px;
  width: 330px;
  object-fit: cover;
  /* margin: 0px 0; */
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .ibm-1 {
  height: 280px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 150px;
  width: 359px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .screenshot-2024-12-16-at-22019-1-1 {
  height: 172px;
  margin-top: 103px;
  object-fit: cover;
  width: 350px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col-19 {
  align-items: flex-end;
  min-height: 965px;
  width: 359px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .mc-kinsey-1 {
  letter-spacing: 0;
  line-height: normal;
  width: 329px;
  margin-top: 40px;
  margin-bottom: 91px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .mc-kinsey-2 {
  letter-spacing: 0;
  line-height: normal;
  width: 329px;
  margin-top: 0;
  margin-bottom: 121px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .mc-kinsey-3 {
  letter-spacing: 0;
  line-height: normal;
  width: 329px;
  margin-top: 40px;
  margin-bottom: 141px
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .screenshot-2024-12-16-at-22205-1-1 {
  letter-spacing: 0;
  line-height: normal;
  width: 329px;
  margin-bottom: 145px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .microso-1 {
  align-self: center;
  height: 136px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 100px;
  width: 158px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-33 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 25px;
  /* min-height: 1184px; */
  position: relative;
  top: 0px;
  width: 736px;
  margin: 5dvw 0;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group-27 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  height: 104px;
  justify-content: flex-end;
  min-width: 736px;
  padding: 23px 222px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-245 {
  height: 57px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 256px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group10-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 47px;
  height: 536px;
  justify-content: flex-end;
  min-width: 736px;
  padding: 48px 122px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .img_-entry-f-low-1-1 {
  align-self: flex-end;
  height: 396px;
  object-fit: cover;
  width: 129px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col-20 {
  align-items: flex-start;
  margin-top: 11.0px;
  min-height: 361px;
  width: 294px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-240 {
  height: 65px;
  letter-spacing: 0;
  line-height: normal;
  width: 178px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-241 {
  height: 65px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 34px;
  width: 143px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-container-16 {
  height: 65px;
  margin-top: 33px;
  position: relative;
  width: 294px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-243 {
  height: 65px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 71px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-244 {
  height: 54px;
  left: 61px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 5px;
  width: 233px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-242 {
  height: 65px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 34px;
  width: 71px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .btn_-4 {
  position: relative;
  display: flex;
  margin: 50px 50px;
  width: 621px;
  z-index: 1;
  cursor: pointer;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group1-12 {
  align-items: flex-end;
  background-color: var(--blue-jeans);
  border-radius: 81px;
  box-shadow: 0px 4px 4px #00000040;
  display: flex;
  height: 141px;
  justify-content: flex-end;
  padding: 48px 200px;
}

.overlap-group1-12 {
  align-items: flex-end;
  background-color: var(--blue-jeans);
  border-radius: 81px;
  box-shadow: 0px 4px 4px #00000040;
  display: flex;
  height: 89px;
  justify-content: flex-end;
  padding: 1dvw 5dvw;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-246 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-projects {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 31px;
  left: 27px;
  /* min-height: 3436px; */
  position: relative;
  top: 0px;
  width: 749px;
  margin: 5dvw 0;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col-21 {
  align-items: center;
  min-height: 2352px;
  width: 733px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col-22 {
  align-items: center;
  margin-left: 2.0px;
  min-height: 1290px;
  width: 729px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group6-2 {
  height: 61px;
  margin-right: 5.0px;
  position: relative;
  width: 386px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-255 {
  height: 46px;
  left: 43px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 343px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-254 {
  height: 46px;
  left: 43px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 420px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-row-9 {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  margin-top: 46px;
  min-width: 729px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col-23 {
  align-items: flex-start;
  min-height: 785px;
  width: 357px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .x-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 455px;
  width: 356px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .x8aa09ea6d7822fbb10331635d428d488-1-1 {
  object-fit: cover;
  width: 357px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group1-13 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  gap: 26px;
  height: 58px;
  justify-content: flex-end;
  margin-top: 9px;
  min-width: 356px;
  padding: 12px 16px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-2-1 {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 1.0px;
  min-height: 29px;

}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col-24 {
  align-items: flex-start;
  align-self: flex-end;
  min-height: 1048px;
  width: 356px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .img_6994-1-scaled-e1690366203549-1-1 {
  object-fit: cover;
  width: 356px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group-16 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  gap: 26px;
  height: 58px;
  justify-content: flex-end;
  margin-top: 10px;
  min-width: 356px;
  padding: 12px 16px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .x-dx-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 160px;
  min-height: 630px;
  width: 356px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-247 {
  height: 46px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 2.0px;
  margin-top: 61px;
  text-align: center;
  width: 285px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-row-10 {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  margin-top: 31px;
  min-width: 733px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col-25 {
  align-items: flex-start;
  min-height: 802px;
  width: 356px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .x-ai-ai-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 455px;
  width: 356px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .casestudy_009_kv-1-1 {
  margin-top: 50px;
  object-fit: cover;
  width: 356px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group-17 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  gap: 26px;
  height: 58px;
  justify-content: flex-end;
  margin-top: 11px;
  min-width: 356px;
  padding: 12px 16px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col-26 {
  align-items: flex-start;
  align-self: flex-end;
  min-height: 874px;
  width: 357px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .casestudy_005_kv-1-1 {
  margin-left: 1px;
  object-fit: cover;
  width: 356px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .x-sier-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 229px;
  min-height: 455px;
  width: 356px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-248 {
  height: 46px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 1.0px;
  margin-top: 68px;
  width: 330px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-row-11 {
  align-items: flex-start;
  display: flex;
  gap: 6px;
  min-width: 730px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col-27 {
  align-items: flex-start;
  align-self: flex-end;
  min-height: 975px;
  width: 368px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .img_vcd-1 {
  width: 356px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .hr-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 240px;
  min-height: 490px;
  width: 356px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col-28 {
  align-items: flex-start;
  min-height: 886px;
  width: 356px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text_label-13 {
  min-height: 525px;
  width: 356px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .imgvcc-1 {
  object-fit: cover;
  width: 356px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group5 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  gap: 26px;
  height: 58px;
  justify-content: flex-end;
  margin-top: 13px;
  min-width: 356px;
  padding: 12px 16px;
}

/*社員紹介 */
.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group11-1 {
  align-items: center;
  background-color: var(--firefly);
  display: flex;
  gap: 31px;
  height: 316px;
  justify-content: flex-end;
  left: 0;
  min-width: 786px;
  padding: 11px 15px;
  position: relative;
  margin: 1dvh 0;
  cursor: pointer;
}

/*エキスパート */
.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group11-2 {
  align-items: center;
  background-color: var(--firefly);
  display: flex;
  gap: 31px;
  height: 318px;
  justify-content: flex-end;
  left: 0;
  min-width: 743px;
  padding: 11px 15px;
  position: relative;
  margin: 1dvh 0;
}

/*デザイン調整20250314
.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .pc-1-1-1 {
  height: 225px;
  margin-top: 3.0px;
  object-fit: cover;
  width: 321px;
}*/

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col-29 {
  align-items: flex-start;
  align-self: flex-end;
  min-height: 265px;
  width: 351px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-25-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 46px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .it-6 {
  margin-top: 8px;
  min-height: 87px;
  width: 351px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-256 {
  height: 29px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 36px;
  width: 307px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group12-1 {
  align-items: center;
  background-color: var(--firefly);
  display: flex;
  gap: 38px;
  height: 316px;
  justify-content: flex-end;
  left: 0;
  min-width: 786px;
  padding: 11px 15px;
  position: relative;
  /* top: 2099px; */
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .pc-3-1-1 {
  height: 226px;
  object-fit: cover;
  width: 322px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col-30 {
  align-items: flex-start;
  align-self: flex-end;
  min-height: 277px;
  width: 351px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .it-7 {
  margin-top: 20px;
  min-height: 87px;
  width: 351px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .it-8 {
  margin-top: 20px;
  min-height: 87px;
  width: 303px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-258 {
  height: 58px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 21px;
  width: 307px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .view-picture {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 2309px;
  position: relative;
  top: 0px;
  width: 786px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .no2-dsc09447-1 {
  height: 377px;
  object-fit: cover;
  width: 624px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .no3-20240918_183304775-1 {
  align-self: flex-end;
  height: 373px;
  object-fit: cover;
  width: 551px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .no4-20240421_090144470-1 {
  height: 422px;
  object-fit: cover;
  width: 622px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .x20240913_180051189-1-1 {
  align-self: flex-end;
  height: 375px;
  object-fit: cover;
  width: 564px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .no2-idsc09297-1 {
  height: 375px;
  object-fit: cover;
  width: 553px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .no1-img_2056-1-1 {
  align-self: flex-end;
  height: 387px;
  object-fit: cover;
  width: 645px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .footer-1 {
  align-items: flex-start;
  /* background-color: transparent; */
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  justify-content: flex-start;
  min-width: 784px;
  width: auto;
  position: absolute;
  /* bottom: 0px; */
  /*   margin-top: 10dvh; */
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .vision-logo2-1-1 {
  height: 79px;
  object-fit: cover;
  width: 216px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-142 {
  color: var(--gallery);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  min-height: 46px;
  min-width: 224px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .group-container-5 {
  height: 532px;
  position: relative;
  width: 787px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group-28 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 532px;
  padding: 72px 157px;
  position: absolute;
  top: 0;
  width: 787px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-row-12 {
  align-items: flex-end;
  align-self: flex-end;
  display: flex;
  gap: 21px;
  min-width: 461px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .menue_anker-1 {
  align-items: flex-start;
  display: flex;
  gap: 31px;
  height: 155px;
  margin-left: 12px;
  margin-top: 43px;
  min-width: 389px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col-31 {
  align-items: flex-start;
  gap: 5px;
  min-height: 155px;
  height:155px;
  width: 149px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-container-17 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-height: 155px;
  width: 193px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-143 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 30px;
  margin-top: 37px;
  min-height: 35px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .group-1225-1 {
  align-items: center;
  display: flex;
  gap: 20px;
  height: 29px;
/*  left: 170px;*/
  margin-left: 30px;
  min-width: 374px;
  position: absolute;
  top: 450px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-131 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 35px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-135 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 35px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-136 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 35px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-137 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 35px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .vc-5 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 35px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-1-4 {
  margin-left: 1px;
  min-height: 35px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-140 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 35px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .overlap-group-29 {
  height: 18px;
  margin-top: 5.0px;
  position: relative;
  width: 25px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .rectangle-157-1 {
  background-color: var(--boston-blue);
  border: 3px solid;
  border-color: var(--blue-jeans);
  height: 15px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 22px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .rectangle-158-1 {
  background-color: var(--firefly);
  border: 3px solid;
  border-color: var(--boston-blue);
  height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  width: 22px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-144 {
  color: var(--gallery);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  min-width: 339px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .btn_-1 {
  object-fit: cover;
  width: 600px;
  margin: 70px;
  cursor: pointer;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .btn-plus-1 {
  height: 33px;
  object-fit: cover;
  width: 33px;
}
.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .btn-plus-1-5 {
  align-self: flex-end;
  margin-right: 27px;
  margin-top: 12px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .external-button-1 {
  height: 33px;
  object-fit: cover;
  width: 33px;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .flex-col {
  display: flex;
  flex-direction: column;
  padding: 0px 1dvw;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .it {
  letter-spacing: 0;
  line-height: normal;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .q {
  letter-spacing: 0;
  line-height: normal;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text-1 {
  letter-spacing: 0;
  line-height: normal;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .text_label {
  letter-spacing: 0;
  line-height: normal;
}

.spu12498u12441u12517u12540u38283u30330u29992-2-all-breakpoints .vision-logo-2 {
  object-fit: cover;
  width: 50px;
}


/* --------------------- */
/* PC */
/* --------------------- */
/* screen - u12486u12441u12473u12463u12488u12483u12501u12442-view */


.container-center-horizontal {
  /* display: flex; */
  /* flex-direction: row;
  justify-content: center;
  pointer-events: none; */
  /* width: 100%; */

}


/*  */
/* Modal CSS */
/*  */

.v830_3 {
  width: 786px;
  height: 1412px;
  background: linear-gradient(rgba(255, 255, 255), rgb(216 216 216));
  opacity: 1;
  position: relative;
  top: 0px;
  margin: 0px 5dvw;
}

.v830_35 {
  width: 393px;
  height: 105px;
  background: url("../img/v830_35.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 1159px;
  left: 196px;
  /* overflow: hidden; */
}

.v830_53 {
  width: 476px;
  height: 38px;
  background: url("../images/v830_53.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 1056px;
  left: 102px;
  /* overflow: hidden; */
}

.v830_43 {
  width: 432px;
  color: rgba(0, 0, 0, 1);
  position: absolute;
  top: -7px;
  left: 44px;
  font-family: Noto Sans JP;
  font-weight: Medium;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

.v830_52 {
  width: 404px;
  height: 38px;
  background: url("../images/v830_52.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 975px;
  left: 102px;
  /* overflow: hidden; */
}

.v830_41 {
  width: 360px;
  color: rgba(0, 0, 0, 1);
  position: absolute;
  top: 0px;
  left: 44px;
  font-family: Noto Sans JP;
  font-weight: Medium;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

.v830_17 {
  position: absolute;
  top: 0px;
  left: 0px;
}

.v830_51 {
  width: 522px;
  height: 38px;
  background: url("../images/v830_51.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 900px;
  left: 102px;
  /* overflow: hidden; */
}

.v830_39 {
  width: 478px;
  color: rgba(0, 0, 0, 1);
  position: absolute;
  top: 0px;
  left: 44px;
  font-family: Noto Sans JP;
  font-weight: Medium;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

.v830_15 {

  position: absolute;
  top: 8px;
  left: 0px;

}

.v830_6 {
  width: 549px;
  color: rgba(0, 0, 0, 1);
  position: absolute;
  top: 848px;
  left: 64px;
  font-family: Noto Sans JP;
  font-weight: Bold;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

.v830_50 {
  width: 626px;
  height: 105px;
  background: url("../images/v830_50.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 650px;
  left: 100px;
  /* overflow: hidden; */
}

.v830_9 {
  width: 582px;
  color: rgba(0, 0, 0, 1);
  position: absolute;
  top: 0px;
  left: 44px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

.v830_20 {
  position: absolute;
  top: 7px;
  left: 0px;

}

.v830_49 {
  width: 374px;
  height: 35px;
  background: url("../images/v830_49.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 570px;
  left: 100px;
  overflow: hidden;
}

.v830_8 {
  width: 329px;
  color: rgba(0, 0, 0, 1);
  position: absolute;
  top: 0px;
  left: 45px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

.v830_18 {
  position: absolute;
  top: 5px;
  left: 0px;

}

.v830_48 {
  width: 285px;
  height: 35px;
  background: url("../images/v830_48.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 500px;
  left: 100px;
  /* overflow: hidden; */
}

.v830_7 {
  width: 241px;
  color: rgba(0, 0, 0, 1);
  position: absolute;
  top: 0px;
  left: 44px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

.v830_16 {
  /* width: 25px;
height: 25px; */
  /* background: rgba(255,255,255,1); */
  /* opacity: 1; */
  position: absolute;
  top: 5px;
  left: 0px;
  /* border: 1px solid rgba(0,0,0,1);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
overflow: hidden; */
}

.v830_34 {
  width: 375px;
  color: rgba(0, 0, 0, 1);
  position: absolute;
  top: 440px;
  left: 64px;
  font-family: Noto Sans JP;
  font-weight: Bold;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

.v830_47 {
  width: 571px;
  height: 115px;
  background: url("../images/v830_47.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 213px;
  left: 62px;
  /* overflow: hidden; */
}

.v830_12 {
  width: 60%;
  height: 50px;
  background: url("../images/v830_12.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 63px;
  left: 92px;
  border: 1px solid rgba(0, 0, 0, 1);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  overflow: hidden;
}

.v830_10 {
  width: 356px;
  color: rgba(58, 58, 58, 1);
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: Noto Sans JP;
  font-weight: Bold;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

.v830_46 {
  width: 786px;
  height: 103px;
  background: url("../img/v793_7.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  /* overflow: hidden; */
}

.v830_4 {
  width: 786px;
  height: 103px;
  background: rgba(18, 38, 55, 1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

.v830_5 {
  width: 255px;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  top: 25px;
  left: 262px;
  font-family: Noto Sans JP;
  font-weight: Bold;
  font-size: 32px;
  opacity: 1;
  text-align: left;
}

.v830_45 {
  width: 3dvh;
  height: 3dvh;
  background: url("https://guidance-recruit.visioncon-global.com/wp-content/images/picture/v830_45-1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  right: 4dvh;
  top: 20px;
}

input[type="checkbox"] {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  vertical-align: -5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="checkbox"]:checked:before {
  position: absolute;
  top: 1px;
  left: 7px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  content: '';
}


.input_select {
  width: 26%;
  height: 100%;
}

a {
  text-decoration: none;
  color: inherit;

}

/* フォーム関連 */
.form-container {
  background: #f1f1f1;
  height: 100dvh;
  font-family: "Noto Sans JP";
  font-weight: bold;
  font-size: 2dvh;
}

/*  */
.form_header {
  text-align: center;
  background: #122637;
  padding: 3dvh;
}

.form_title {
  color: #FFF;
  font-family: var(--font-family-noto_sans_jp);
  font-size: 2.0rem;
  font-weight: bold;
}

.submit-btn {
  font-family: var(--font-family-noto_sans_jp);
  display: block;
  width: 28dvw;
  padding: 20px;
  color: white;
  border: none;
  border-radius: 50px;
  font-size: 2rem;
  cursor: pointer;
  background: #59C3EF;
  margin: 0 auto;
}

.submit-btn:hover {
  background-color: #0056b3;
}

.form_body {
  color: #3B3B3B;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /* padding: 2% 15%; */
}



/* modal　ここまで */


.u12486u12441u12473u12463u12488u12483u12501u12442-view {
  align-items: flex-start;
  background: transparent;
  display: flex;
  height: 100dvh;
  width: 58dvw;
  /* position: sticky; */
  /* top: 0px; */
}

.u12486u12441u12473u12463u12488u12483u12501u12442-view .overlap-group1 {
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  width: 100%;
  /* position: sticky; */
}

/*デザイン調整20250314
.u12486u12441u12473u12463u12488u12483u12501u12442-view .banner_-img-1 {
  position: relative;
  object-fit: cover;
  width: 50%;
  margin: 25% 10% 5%;
  z-index: 1;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}*/

.u12486u12441u12473u12463u12488u12483u12501u12442-view .btn_ {
  height: 49px;
  margin-left: 200px;
  margin-top: 34px;
  width: 184px;
  z-index: 1;
}

.u12486u12441u12473u12463u12488u12483u12501u12442-view .btn_-1 {
  position: relative;
  width: 200px;
  z-index: 1;
}

.u12486u12441u12473u12463u12488u12483u12501u12442-view .group-1248 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  margin-left: 12.59px;
  margin-top: 10px;
  width: 550px;
}

.u12486u12441u12473u12463u12488u12483u12501u12442-view .text-261 {
  height: 21px;
  letter-spacing: 0;
  width: 29px;
}

.u12486u12441u12473u12463u12488u12483u12501u12442-view .text-260 {
  height: 21px;
  letter-spacing: 0;
  margin-top: 0;
  width: 64px;
}

.u12486u12441u12473u12463u12488u12483u12501u12442-view .text-262 {
  height: 21px;
  letter-spacing: 0;
  margin-top: 0;
  width: 57px;
}

.u12486u12441u12473u12463u12488u12483u12501u12442-view .text-263 {
  height: 21px;
  letter-spacing: 0;
  margin-top: 0;
  width: 42px;
}

.u12486u12441u12473u12463u12488u12483u12501u12442-view .vc {
  height: 21px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 0;
  text-align: center;
  width: 58px;
}

.u12486u12441u12473u12463u12488u12483u12501u12442-view .text-26 {
  height: 21px;
  letter-spacing: 0;
  margin-top: 0;
  width: 41px;
}

.u12486u12441u12473u12463u12488u12483u12501u12442-view .text-266 {
  height: 21px;
  letter-spacing: 0;
  margin-top: 0;
  width: 48px;
}

.u12486u12441u12473u12463u12488u12483u12501u12442-view .text-267 {
  height: 21px;
  letter-spacing: 0;
  margin-top: 0;
  width: 60px;
}

/* .u12486u12441u12473u12463u12488u12483u12501u12442-view .menue_bar {
height: 38px;
margin-left: 12.59px;
margin-top: 10px;
width: 550px;
} */

.u12486u12441u12473u12463u12488u12483u12501u12442-view .overlap-group {
  background-color: #d9d9d9;
  background-image: url(../img/sp-------1.png);
  background-size: 100% 100%;
  height: 827px;
  width: 582px;
}

.u12486u12441u12473u12463u12488u12483u12501u12442-view .text {
  line-height: normal;
  text-align: center;
}

/*デザイン調整2025
.menu_bar {
  position: relative;
  scale: .9;
  transform-origin: left;
  display: flex;
  width: 85%;
  margin: auto;
}

.yoko {
  /* 中央寄せ */
  display: flex;
  text-align: center;
  margin: auto;
}*/

#PCVIEW .btn_-4 {
  position: relative;
  z-index: 1;
  width: 200px;
  margin: 0 10%;
}

.pc_v230_473 {
  width: 743px;
  height: 51px;
  background: url(../images/v230_473.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  top: 28px;

  /* left: 108px; */
  /* overflow: hidden; */
}

/*デザイン調整20250314
.pc_v230_474 {
  width: 48dvw;
  height: 10px;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 24px;
  margin-top: 4%;
}

.pc_v230_475 {
  width: 5dvw;
  height: 5dvw;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 6dvw;
  border-radius: 50%;
}

.pc_v230_476 {
  width: 5dvw;
  height: 5dvw;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 12dvw;
  border-radius: 50%;
}

.pc_v230_477 {
  width: 5dvw;
  height: 5dvw;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 24dvw;
  border-radius: 50%;
}

.pc_v480_697 {
  width: 5dvw;
  height: 5dvw;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 18dvw;
  border-radius: 50%;
}

.pc_v230_478 {
  width: 5dvw;
  height: 5dvw;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 30dvw;
  border-radius: 50%;
}

.pc_v230_479 {
  width: 5dvw;
  height: 5dvw;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 36dvw;
  border-radius: 50%;
}

.pc_v230_733 {
  width: 5dvw;
  height: 5dvw;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 48dvw;
  border-radius: 50%;
}

.pc_v480_696 {
  width: 5dvw;
  height: 5dvw;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 42dvw;
  border-radius: 50%;
}

.pc_v230_480 {
  width: 5dvw;
  height: 5dvw;
  background: #59C3EF;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 50%;
}*/

.pc_v230_481 {
  width: 100%;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  top: -35px;
  left: 0;
  font-family: Noto Sans JP;
  font-weight: Bold;
  font-size: 0.9dvw;
  opacity: 1;
  text-align: center;
}

.pc_v230_482 {
  width: 39px;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: Noto Sans JP;
  font-weight: Bold;
  font-size: 12px;
  opacity: 1;
  text-align: center;
}

.pc_v230_483 {
  width: 78px;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  top: 0px;
  left: 422px;
  font-family: Noto Sans JP;
  font-weight: Bold;
  font-size: 12px;
  opacity: 1;
  text-align: center;
}

.pc_v230_484 {
  width: 77px;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  top: 0px;
  left: 155px;
  font-family: Noto Sans JP;
  font-weight: Bold;
  font-size: 12px;
  opacity: 1;
  text-align: center;
}

.pc_v230_485 {
  width: 57px;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  top: 0px;
  left: 343px;
  font-family: Noto Sans JP;
  font-weight: Bold;
  font-size: 12px;
  opacity: 1;
  text-align: center;
}

.pc_v230_486 {
  width: 57px;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  top: 0px;
  left: 258px;
  font-family: Noto Sans JP;
  font-weight: Bold;
  font-size: 12px;
  opacity: 1;
  text-align: center;
}

.pc_v480_693 {
  width: 56px;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  top: -18px;
  left: 516px;
  font-family: Noto Sans JP;
  font-weight: Bold;
  font-size: 12px;
  opacity: 1;
  text-align: center;
}

.pc_v480_694 {
  width: 65px;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  top: 0px;
  left: 604px;
  font-family: Noto Sans JP;
  font-weight: Bold;
  font-size: 12px;
  opacity: 1;
  text-align: center;
}

.pc_v480_695 {
  width: 100px;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  top: 0px;
  left: 685px;
  font-family: Noto Sans JP;
  font-weight: Bold;
  font-size: 12px;
  opacity: 1;
  text-align: center;
}

.pc_v472_670 {
  width: 240px;
  height: 58px;
  background: url("../images/v472_670.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 703px;
  left: 360px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  /* overflow: hidden; */
}

.pc_v472_671 {
  width: 240px;
  height: 58px;
  background: rgba(89, 195, 239, 1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 81px;
  border-top-right-radius: 81px;
  border-bottom-left-radius: 81px;
  border-bottom-right-radius: 81px;
  /* overflow: hidden; */
}

.pc_v472_672 {
  width: 184px;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  top: 10px;
  left: 28px;
  font-family: Noto Sans JP;
  font-weight: Bold;
  font-size: 20px;
  opacity: 1;
  text-align: center;
}

/*  global */
/*  */
/*  */

@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:500,700,400");
/* The following line is used to measure usage of this code. You can remove it if you want. */
@import url("https://px.animaapp.com/6762e823315a42798e3eec15.6762e824315a42798e3eec18.yAKYGe0.hcp.png");



.screen a {
  display: contents;
  text-decoration: none;
}



/* .container-center-horizontal > * {
flex-shrink: 0;
pointer-events: auto;
} */

/* .align-self-flex-center {
align-self: flex-center;
} */

.valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.valign-text-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

* {
  box-sizing: border-box;
}

.header {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  justify-content: flex-start;
  margin-left: 0;
  min-width: 395px;
  width: auto;
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  position: sticky;
  top: 0;
  z-index: 1;
}

.overlap-group-3 {
  align-items: flex-start;
  background-color: var(--blue-jeans);
  border-radius: 59.5px;
  display: flex;
  height: 31px;
  margin-left: 12px;
  min-width: 80px;
  padding: 7.5px 14.5px;
}

.btn_img-hambergar {
  height: 27px;
  margin-left: 10px;
  object-fit: cover;
  width: 32px;
}

.top-view {
  align-items: flex-start;
  display: flex;
  min-width: 396px;
}

.topbg {
  height: 711px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 393px;
}

.vinet-mask {
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 15.86, 63.44, 0.3) 100%);
  height: 711px;
  left: 0;
  position: absolute;
  top: 0;
  width: 393px;
}

.bg {
  background-color: var(--onyx);
  height: 711px;
  left: 0;
  position: absolute;
  top: 0;
  width: 394px;
}

.image {
  height: 66px;
  left: 138px;
  position: absolute;
  top: 306px;
  width: 233px;
}

.vector-3 {
  height: 98px;
  left: 195px;
  position: absolute;
  top: 614px;
  width: 1px;
}

.overlap-group13 {
  height: 17759px;
  position: relative;
  width: 399px;
}

.bgimg {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
  left: 0;
  min-height: 17759px;
  position: absolute;
  top: 0;
  width: 393px;
}

.bg1 {
  background: linear-gradient(180deg, rgb(76, 82, 91) 0%, rgb(149, 153, 156) 48.5%, rgb(18, 38, 55) 100%);
  height: 3639px;
  width: 393px;
}

.bg-1 {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(232.92, 244.57, 255) 42.5%, rgb(227.72, 242.12, 255) 99.99%, rgb(255, 255, 255) 100%);
  height: 14118px;
  width: 393px;
}

.x2nd-view1 {
  height: 1547px;
  top: 14px;
}

.x2nd-view2 {
  height: 2033px;
  top: 1574px;
}

.view {
  align-items: center;
  background-image: url(../img/bg-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 1134px;
  padding: 23.0px 8.5px;
  position: absolute;
  top: 13519px;
  width: 393px;
}

.group-1247 {
  align-items: center;
  display: flex;
  gap: 4px;
  margin-right: 38.0px;
  min-width: 272px;
}

.overlap-group1-1 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 39.75px;
  display: flex;
  height: 80px;
  justify-content: flex-end;
  min-width: 80px;
  padding: 25.5px 6.0px;
}

.span1 {
  color: var(--blaze-orange);
}

.overlap-group2-1 {
  height: 75px;
  margin-top: 0.5px;
  position: relative;
  width: 182px;
}

.text-container {
  height: 52px;
  left: 163px;
  position: absolute;
  top: 23px;
  width: 16px;
}

.number {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 64px;
  font-weight: 700;
  height: 69px;
  left: 0;
  letter-spacing: 21.12px;
  line-height: normal;
  position: absolute;
  top: 6px;
  white-space: nowrap;
  width: 170px;
}

.group-1197 {
  align-items: flex-start;
  display: flex;
  gap: 2px;
  margin-left: 2.0px;
  margin-top: 18px;
  min-width: 199px;
}

.group-1206 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-top: 20px;
  min-height: 199px;
  width: 372px;
}

.overlap-group-4 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  height: 29px;
  min-width: 368px;
  padding: 6px 64.5px;
}

.text-container-1 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 169px;
  padding: 15.0px 23.5px;
  width: 368px;
}

.faq {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  margin-right: 0.5px;
  margin-top: 19px;
  min-height: 499px;
  width: 370px;
}

.faq-1 {
  height: 14px;
  letter-spacing: 5.10px;
  line-height: normal;
  text-align: center;
  width: 48px;
}

.overlap-group-5 {
  align-self: center;
  height: 75px;
  margin-top: 23px;
  position: relative;
  width: 328px;
}

.q-100 {
  left: 0;
  position: absolute;
  top: 0;
  width: 222px;
}

.q-1 {
  margin-left: 1px;
  margin-top: 16px;
  min-height: 19px;
  width: 231px;
}

.q-2 {
  margin-left: 1.5px;
  margin-top: 22px;
  min-height: 19px;
  width: 231px;
}

.q-3 {
  margin-top: 22px;
  min-height: 19px;
  width: 167px;
}

.view-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 12px;
  min-height: 592px;
  position: absolute;
  top: 16176px;
  width: 368px;
}

.overlap-group-6 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  height: 45px;
  min-width: 368px;
  padding: 6px 139.5px;
}

.overlap-group6 {
  height: 547px;
  position: relative;
  width: 371px;
}

.rectangle-35 {
  background-color: var(--white);
  height: 547px;
  left: 0;
  position: absolute;
  top: 0;
  width: 368px;
}

.group-1162 {
  align-items: flex-start;
  display: flex;
  gap: 6px;
  height: 474px;
  left: 28px;
  min-width: 342px;
  position: absolute;
  top: 36px;
}

.text-container-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 391px;
  width: 66px;
}

.text-container-3 {
  height: 59px;
  margin-top: 20px;
  position: relative;
  width: 241px;
}

.text-container-4 {
  height: 31px;
  margin-top: 40px;
  position: relative;
  width: 211px;
}

.x2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 34px;
  min-height: 84px;
  width: 209px;
}

.view-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 58px;
  min-height: 360px;
  position: absolute;
  top: 17318px;
  width: 288px;
}

.view-3 {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-left: 2.0px;
  min-width: 162px;
}

.vision-logo-3 {
  height: 32px;
}

.btn_-1-1 {
  height: 50px;
  margin-right: 20.0px;
  margin-top: 37px;
  object-fit: cover;
  width: 196px;
}

.view-4 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 952px;
  position: absolute;
  top: 10313px;
  width: 393px;
}

.view-5 {
  align-items: center;
  align-self: center;
  display: flex;
  gap: 10px;
  margin-left: 1.5px;
  min-width: 104px;
}

.overlap-group7 {
  height: 154px;
  margin-top: 18px;
  position: relative;
  width: 393px;
}

.overlap-group-7 {
  align-items: flex-end;
  background-color: var(--firefly);
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 154px;
  padding: 5.5px 7.5px;
  position: absolute;
  top: 0;
  width: 393px;
}

.btn_-minus-1 {
  height: 16px;
  margin-top: 4px;
  object-fit: cover;
  width: 16px;
}

.group-1193 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-right: -3.5px;
  margin-top: 12px;
  min-height: 737px;
  width: 382px;
}

.q-4 {
  margin-left: 2.5px;
  margin-top: 10px;
  min-height: 17px;
  width: 280px;
}

.q-5 {
  margin-left: 2.5px;
  margin-top: 46px;
  min-height: 17px;
  width: 280px;
}

.q-6 {
  margin-top: 80px;
  min-height: 17px;
  width: 266px;
}

.overlap-group8 {
  height: 498px;
  position: relative;
  width: 393px;
}

.bg_bgi-1 {
  height: 392px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 393px;
}

.vc-1 {
  height: 175px;
  left: 71px;
  position: absolute;
  top: 58px;
  width: 253px;
}

.vc_img_ {
  height: 239px;
  left: 12px;
  object-fit: cover;
  position: absolute;
  top: 258px;
  width: 368px;
}

.x3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-right: 1.0px;
  min-height: 1101px;
  width: 368px;
}

.overlap-group4-1 {
  height: 50px;
  margin-left: 3.0px;
  position: relative;
  width: 273px;
}

.view-6 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 4.0px;
  margin-top: 28px;
  min-height: 298px;
  width: 372px;
}

.overlap-group3-1 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  height: 38px;
  margin-right: 4.0px;
  min-width: 368px;
  padding: 10px 73.5px;
}

.x1 {
  height: 184px;
  margin-right: 4.0px;
  margin-top: 21px;
  object-fit: cover;
  width: 310px;
}

.itdxsiai {
  height: 52px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 7.0px;
  margin-top: 4px;
  width: 308px;
}

.view-7 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 4.0px;
  margin-top: 42px;
  min-height: 270px;
  width: 372px;
}

.x1-1 {
  height: 130px;
  margin-right: 8.0px;
  margin-top: 24px;
  object-fit: cover;
  width: 309px;
}

.text_label-1 {
  height: 70px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 4.0px;
  margin-top: 7px;
  width: 309px;
}

.view-8 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 4.0px;
  margin-top: 10px;
  min-height: 338px;
  width: 372px;
}

.map-1 {
  height: 214px;
  margin-right: 4.5px;
  object-fit: cover;
  width: 368px;
}

/* 画像ファイルが存在しないかつ利用していないので、ノイズ
.overlap-group-8 {
  align-items: center;
  background-image: url(../img/rectangle-10@2x.png);
  background-size: 100% 100%;
  display: flex;
  gap: 8px;
  height: 28px;
  justify-content: flex-end;
  margin-left: 17.5px;
  margin-top: 37px;
  min-width: 184px;
  padding: 0 6.0px;
}
*/

.view-9 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 12px;
  min-height: 1342px;
  position: absolute;
  top: 5888px;
  width: 372px;
}

.overlap-group3-2 {
  height: 435px;
  margin-right: 1.0px;
  margin-top: 12px;
  position: relative;
  width: 368px;
}

.bg-2 {
  background-color: var(--white);
  height: 435px;
  left: 0;
  position: absolute;
  top: 0;
  width: 368px;
}

.rectangle-10 {
  background-color: var(--firefly);
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 368px;
}

.x1-2 {
  height: 304px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 40px;
  width: 368px;
}

.view-10 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 0.5px;
  margin-top: 6px;
  min-height: 354px;
  width: 370px;
}

.overlap-group-9 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  height: 28px;
  min-width: 368px;
  padding: 6.5px 154px;
}

.overlap-group2-2 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 326px;
  padding: 17.0px 12.5px;
  width: 366px;
}

.image-1 {
  height: 213px;
  margin-top: 8px;
  object-fit: cover;
  width: 340px;
}

.all {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-right: 1.5px;
  margin-top: 10px;
  min-height: 502px;
  width: 370px;
}

.overlap-group-10 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  height: 28px;
  min-width: 368px;
  padding: 6.5px 136.5px;
}

.all-1 {
  height: 14px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 94px;
}

.overlap-group1-2 {
  background-color: var(--white);
  height: 474px;
  position: relative;
  width: 368px;
}

.or {
  left: 50px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 314px;
  width: 280px;
}

.img_all-up-1 {
  height: 352px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 366px;
}

.view-11 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  left: 12px;
  min-height: 1386px;
  position: absolute;
  top: 14720px;
  width: 368px;
}

.overlap-group1-3 {
  height: 30px;
  margin-right: 11.5px;
  position: relative;
  width: 105px;
}

.group-1133 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 4.0px;
  min-height: 1341px;
  width: 372px;
}

.overlap-group-11 {
  align-items: flex-end;
  background-color: var(--firefly);
  display: flex;
  height: 45px;
  justify-content: flex-end;
  min-width: 368px;
  padding: 6.5px 140.5px;
}

.it-1 {
  margin-left: 5.0px;
  min-height: 18px;
  width: 296px;
}

.text_label-2 {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: normal;
  min-height: 387px;
  width: 322px;
}

.text_label-container {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 23px;
  margin-top: 12px;
  min-height: 366px;
  padding: 17.0px 21.5px;
  width: 368px;
}

.text_label-3 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 42px;
  width: 322px;
}

.text_label-4 {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 7.0px;
  min-height: 252px;
  width: 310px;
}

.text-container-5 {
  background-color: var(--white);
  height: 408px;
  margin-top: 10px;
  position: relative;
  width: 368px;
}

.view-container {
  height: 1746px;
  left: 12px;
  position: absolute;
  top: 11690px;
  width: 434px;
}

.view-12 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 1746px;
  position: absolute;
  top: 0;
  width: 434px;
}

.overlap-group1-4 {
  align-items: center;
  background-color: var(--firefly);
  display: flex;
  gap: 140px;
  height: 28px;
  justify-content: flex-end;
  min-width: 368px;
  padding: 2.0px 8.5px;
}

.text-container-6 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 1122px;
  width: 108px;
}

.tel-03-6555-4414 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1.0px;
  margin-top: 122px;
  min-height: 69px;
  width: 204px;
}

.text_label-5 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1.0px;
  margin-top: 12px;
  min-height: 85px;
  width: 209px;
}

.nasdaq {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1.0px;
  margin-top: 14px;
  min-height: 34px;
  width: 209px;
}

.ufj {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1.0px;
  margin-top: 30px;
  min-height: 34px;
  width: 177px;
}

.view-13 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 32px;
  min-height: 474px;
  position: absolute;
  top: 1232px;
  width: 302px;
}

.group-container {
  align-items: flex-start;
  display: flex;
  gap: 33px;
  height: 184px;
  margin-top: 37px;
  min-width: 306px;
}

.group-1172 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 160px;
  width: 144px;
}

.img_tyuto-1 {
  align-self: center;
  height: 68px;
  margin-right: 1.5px;
  object-fit: cover;
  width: 108px;
}

.group-1179 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 184px;
  width: 129px;
}

.img_yukyu-1 {
  align-self: center;
  height: 58px;
  margin-right: 4.0px;
  object-fit: cover;
  width: 80px;
}

.group-container-1 {
  align-items: flex-start;
  display: flex;
  gap: 40px;
  height: 187px;
  margin-top: 42px;
  min-width: 304px;
}

.group-1177 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 178px;
  width: 133px;
}

.img_zangyo-1 {
  align-self: center;
  height: 59px;
  margin-right: 6.0px;
  margin-top: 10px;
  object-fit: cover;
  width: 91px;
}

.group-1186 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 187px;
  width: 130px;
}

.img_jugyoin-1 {
  align-self: center;
  height: 77px;
  margin-right: 6.0px;
  object-fit: cover;
  width: 97px;
}

.view-14 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  left: 13px;
  min-height: 516px;
  position: absolute;
  top: 5322px;
  width: 376px;
}

.screenshot-2024-12-16-at-22013-1 {
  height: 85px;
  object-fit: cover;
  width: 182px;
}

.ibm {
  height: 136px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 66px;
  width: 180px;
}

.screenshot-2024-12-16-at-22019-1 {
  height: 86px;
  margin-top: 56px;
  object-fit: cover;
  width: 182px;
}

.mc-kinsey {
  /* height: 245px; */
  letter-spacing: 0;
  line-height: normal;
  width: 329px;
  margin-bottom: 150px;
}

.screenshot-2024-12-16-at-22205-1 {
  height: 91px;
  margin-top: 32px;
  object-fit: cover;
  width: 180px;
}

.microso {
  align-self: center;
  height: 136px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 100px;
  width: 158px;
}

.view-15 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 8px;
  min-height: 394px;
  position: absolute;
  top: 16857px;
  width: 378px;
}

.overlap-group-12 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  height: 52px;
  justify-content: flex-end;
  min-width: 368px;
  padding: 11.5px 111px;
}

.overlap-group10 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 24px;
  height: 268px;
  justify-content: flex-end;
  min-width: 368px;
  padding: 24.0px 61.0px;
}

.img_-entry-f-low-1 {
  align-self: flex-end;
  height: 198px;
  object-fit: cover;
  width: 64px;
}

.flex-col-4 {
  align-items: flex-start;
  margin-top: 5.5px;
  min-height: 180px;
  width: 147px;
}

.text-container-7 {
  height: 32px;
  margin-top: 16px;
  position: relative;
  width: 147px;
}

.btn_-2 {
  align-items: flex-start;
  align-self: center;
  cursor: pointer;
  display: flex;
  margin-right: 8.5px;
  margin-top: 25px;
  min-width: 194px;
}

.overlap-group1-5 {
  align-items: flex-end;
  background-color: var(--blue-jeans);
  border-radius: 40.5px;
  box-shadow: 0px 2px 2px #00000040;
  display: flex;
  height: 48px;
  justify-content: flex-end;
  min-width: 192px;
  padding: 12.5px 56.0px;
}

.view-16 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  left: 14px;
  min-height: 1711px;
  position: absolute;
  top: 7268px;
  width: 382px;
}

.flex-col-5 {
  align-items: center;
  min-height: 1176px;
  width: 366px;
}

.flex-col-6 {
  align-items: center;
  margin-left: 1.0px;
  min-height: 645px;
  width: 364px;
}

.overlap-group6-1 {
  height: 30px;
  margin-right: 2.5px;
  position: relative;
  width: 193px;
}

.flex-col-7 {
  align-items: flex-start;
  min-height: 392px;
  width: 178px;
}

.x8aa09ea6d7822fbb10331635d428d488-1 {
  height: 113px;
  margin-top: 25px;
  object-fit: cover;
  width: 178px;
}

.overlap-group1-6 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  gap: 13px;
  height: 29px;
  justify-content: flex-end;
  margin-top: 4px;
  min-width: 178px;
  padding: 6px 8.0px;
}

.flex-col-8 {
  align-items: flex-start;
  align-self: flex-end;
  min-height: 515px;
  width: 178px;
}

.img_6994-1-scaled-e1690366203549-1 {
  height: 114px;
  object-fit: cover;
  width: 178px;
}

.overlap-group-1 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  gap: 13px;
  height: 29px;
  justify-content: flex-end;
  margin-top: 5px;
  min-width: 178px;
  padding: 6px 8.0px;
}

.x-dx {
  margin-top: 61px;
  min-height: 306px;
  width: 164px;
}

.flex-col-9 {
  align-items: flex-start;
  min-height: 401px;
  width: 178px;
}

.x-ai-ai {
  letter-spacing: 0;
  line-height: normal;
  min-height: 221px;
  width: 178px;
}

.casestudy_009_kv-1 {
  height: 114px;
  margin-top: 32px;
  object-fit: cover;
  width: 178px;
}

.overlap-group-2 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  gap: 13px;
  height: 29px;
  justify-content: flex-end;
  margin-top: 6px;
  min-width: 178px;
  padding: 6px 8.0px;
}

.flex-col-10 {
  align-items: flex-start;
  align-self: flex-end;
  min-height: 430px;
  width: 178px;
}

.casestudy_005_kv-1 {
  height: 108px;
  margin-left: 0.5px;
  object-fit: cover;
  width: 178px;
}

.x-sier {
  margin-top: 68px;
  min-height: 221px;
  width: 178px;
}

.flex-col-11 {
  align-items: center;
  align-self: flex-end;
  min-height: 480px;
  width: 184px;
}

.img_vcd {
  height: 108px;
  margin-right: 6.0px;
  width: 178px;
}

.hr {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 6.0px;
  margin-top: 100px;
  min-height: 238px;
  width: 178px;
}

.flex-col-12 {
  align-items: flex-start;
  min-height: 443px;
  width: 178px;
}

.text_label-6 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 255px;
  width: 178px;
}

.imgvcc {
  height: 104px;
  margin-top: 48px;
  object-fit: cover;
  width: 178px;
}

.overlap-group11 {
  align-items: center;
  background-color: var(--firefly);
  display: flex;
  gap: 16px;
  height: 158px;
  justify-content: flex-end;
  left: 0;
  min-width: 393px;
  padding: 5.5px 7.5px;
  position: absolute;
  top: 11306px;
}

.pc-1-1 {
  height: 112px;
  margin-top: 1.5px;
  object-fit: cover;
  width: 160px;
}

.flex-col-13 {
  align-items: flex-start;
  align-self: flex-end;
  min-height: 132px;
  width: 176px;
}

.it-2 {
  margin-top: 4px;
  min-height: 42px;
  width: 176px;
}

.overlap-group12 {
  align-items: center;
  background-color: var(--firefly);
  display: flex;
  gap: 19px;
  height: 158px;
  justify-content: flex-end;
  left: 0;
  min-width: 393px;
  padding: 5.5px 7.5px;
  position: absolute;
  top: 11464px;
}

.pc-3-1 {
  height: 113px;
  object-fit: cover;
  width: 161px;
}

.flex-col-14 {
  align-items: flex-start;
  align-self: flex-end;
  min-height: 138px;
  width: 176px;
}

.it-3 {
  margin-top: 10px;
  min-height: 42px;
  width: 176px;
}

.view-17 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 1154px;
  position: absolute;
  top: 9100px;
  width: 393px;
}

.no2-dsc09447 {
  width: 312px;
}

.no3-20240918_183304775 {
  align-self: flex-end;
  height: 186px;
  margin-right: 8.0px;
  object-fit: cover;
  width: 268px;
}

.no4-20240421_090144470 {
  height: 211px;
  object-fit: cover;
  width: 311px;
}

.x20240913_180051189-1 {
  align-self: flex-end;
  height: 188px;
  object-fit: cover;
  width: 282px;
}

.no2-idsc09297 {
  width: 276px;
}

.no1-img_2056-1 {
  align-self: flex-end;
  height: 194px;
  object-fit: cover;
  width: 322px;
}

.footer {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  justify-content: flex-start;
  min-width: 394px;
  width: auto;
}

.group-container-2 {
  height: 266px;
  position: relative;
  width: 394px;
}

.overlap-group-13 {
  align-items: flex-start;
  background-color: var(--firefly);
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 266px;
  padding: 36px 78.5px;
  position: absolute;
  top: 0;
  width: 394px;
}

.flex-row-5 {
  align-items: flex-end;
  align-self: flex-end;
  display: flex;
  gap: 10px;
  min-width: 230px;
}

.vision-logo2-1 {
  height: 40px;
  object-fit: cover;
  width: 108px;
}

.menue_anker {
  align-items: flex-start;
  display: flex;
  gap: 15px;
  height: 77px;
  margin-left: 6.0px;
  margin-top: 21px;
  min-width: 202px;
}

.flex-col-15 {
  align-items: flex-start;
  gap: 3px;
  min-height: 77px;
  width: 75px;
}

.vc-2 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 17px;
}

.text-container-8 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 77px;
  width: 96px;
}

.group-1225 {
  align-items: flex-end;
  display: flex;
  gap: 4px;
  height: 14px;
  left: 85px;
  min-width: 188px;
  position: absolute;
  top: 216px;
}

.overlap-group-14 {
  height: 9px;
  margin-bottom: 1.0px;
  position: relative;
  width: 12px;
}

.rectangle-157 {
  background-color: var(--boston-blue);
  border: 1.5px solid;
  border-color: var(--blue-jeans);
  height: 8px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 11px;
}

.rectangle-158 {
  background-color: var(--firefly);
  border: 1.5px solid;
  border-color: var(--boston-blue);
  height: 8px;
  left: 0;
  position: absolute;
  top: 0;
  width: 11px;
}

.external-button-1-7 {
  height: 16px;
  object-fit: cover;
  width: 16px;
}

.flex {
  align-items: flex-start;
  display: flex;
}

.no2 {
  height: 188px;
  object-fit: cover;
}

.vision-logo-1 {
  object-fit: cover;
  width: 22px;
}

.x2nd {
  left: 12px;
  position: absolute;
  width: 368px;
}

/* Style Guide */
:root {
  --abbey: #4e4e4e;
  --black: #000000;
  --blaze-orange: #ff6a00;
  --blue-jeans: #59c3ef;
  --boston-blue: #438dcb;
  --firefly: #122637;
  --gallery: #f0f0f0;
  --masala: #3d3d3d;
  --onyx: #3a3a3a69;
  --white: #ffffff;

  --font-size-l: 16px;
  --font-size-m: 12px;
  --font-size-s: 10px;
  --font-size-xl: 20px;
  --font-size-xs: 8.9px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 32px;

  --font-family-noto_sans_jp: "Noto Sans JP", Helvetica;
}

.notosansjp-normal-abbey-12px {
  color: var(--abbey);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-bold-abbey-12px {
  color: var(--abbey);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-normal-abbey-24px {
  color: var(--abbey);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-bold-abbey-24px {
  color: var(--abbey);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-normal-abbey-10px {
  color: var(--abbey);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-bold-abbey-16px {
  color: var(--abbey);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-normal-white-10px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-normal-abbey-20px {
  color: var(--abbey);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-normal-gallery-12px {
  color: var(--gallery);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-bold-white-10px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-white-12px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-bold-abbey-32px {
  color: var(--abbey);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-normal-gallery-24px {
  color: var(--gallery);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-bold-white-8-9px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-white-32px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-white-24px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-normal-white-32px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-normal-black-24px {
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-bold-abbey-10px {
  color: var(--abbey);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-normal-abbey-8px {
  color: var(--abbey);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
}


/*  Wordpress上のゴミファイル削除 */
.entry-footer {
  display: none;
}

.nav-links {
  display: none;
}

#sidebar {
  display: none;
}

#footer {
  display: none;
}

#header {
  display: none;
}

.entry-title {
  display: none;
}

.entry-meta {
  display: none;
}

.post-edit-link {
  display: none;
}

.FVVideo {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}

.pc_left_bg {
  position: fixed;
  opacity: 0.2;
  width: 60%;
  height: 100dvh;
  overflow: hidden;
  top: 0;
  left: 0;
}

.pc_left_mov {
  position: absolute;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  /* transform: translate(0%, -60%); */
}

.goto-top {
  position: sticky;
  left: 1dvw;
  top: 90dvh;
  display: none;
  z-index: 1;
}

.export_name {
  margin: 5dvw 0;
}

/* チェックボックスでチェックON時を上書き */
input[type=checkbox]:checked:before {
  position: absolute;
  top: -15px;
  left: 9px;
  transform: rotate(50deg);
  width: 9px;
  height: 30px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  content: ''
}

/* テーブル表示の設定 */
.table_white {
  background-color: #FFF;
  width: 100%;
}

/* テーブルの1列目の設定 */
.table_col_1 {
  text-align: end;
  padding: 10px 15px;
  width: 35%;
}

/* テーブルの2列目の設定 */
.table_col_2 {
  text-align: start;
  padding: 10px 15px;
  width: 65%;
  line-height: normal;
}

/* 「数字で見るビジョン・コンサルティング」テーブル設定 */
/* テーブル表示の設定 */
.number_table_white {
  background-color: #FFF;
  width: 100%;
  color: var(--abbey);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
  margin: 2dvh 0 2dvh auto;
}
/* タイトルセル設定 */
.number_table_title_col {
  text-align: start;
  padding: 0 0 0 2%;
  width: 50%;
}
/* 通常セル設定 */
.number_table_col {
  text-align: start;
  padding: 0 1% 2% 1%;
  width: 50%;
  line-height: normal;
}
/* 画像セル設定 */
.number_table_col_img {
  width: 40%;
  height: 40%;
  align-self: center;
  object-fit: cover;
  padding: 0 10px 10px;
}
/* 画像本体の設定 */
.number_table_col_img_body {
  width: 100%;
  height: auto;
  align-self: center;
  object-fit: cover;
  max-width: fit-content;
}

/* ファーストビューの設定 */
.first_view {
  height: 100dvh;
  width: 100%;
  position: sticky;
  background: #000000;
}

/* ファーストビューのビデオ設定 */
/*デザイン調整20250314
.first_view_video {
  width: 100%;
  position: fixed;
  z-index: -1;
  overflow-y: scroll;
}*/

/* ファーストビューのオーバーレイ */
.first_view_video_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  /* 透明度5%の黒（グレー） */
  background: rgba(0, 0, 0, 0.4);
}

/* 会社ロゴ、メッセージ */
.overlap-group2 {
  align-self: flex-start;
  height: 39px;
  position: relative;
  width: 258px;
  /* 位置調整 */
  top: 29px;
  left: 29px;
}

/* 会社ロゴの上にマウスが乗った時*/
.vision-logo2-2:hover {
  opacity: 0.5;
}

.text-269 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 17.8px;
  font-weight: 700;
  height: 31px;
  letter-spacing: 2.49px;
  /* position: absolute; */
  position: fixed;
  top: 29px;
  left: 140px;
  width: 164px;
}

.vision-logo2-2 {
  height: 38px;
  left: 0;
  object-fit: cover;
  /* position: absolute; */
  width: 103px;
  position: fixed;
  top: 29px;
  left: 29px;
}

.text-268 {
  align-self: flex-start;
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 38px;
  font-weight: 740;
  min-width: 800px;
  z-index: 1;
  margin: 39px 3dvw;
  /*width: 35dvw; */
  /* position: relative; */
  position: fixed;
  top: 58px;
}

/* 初期画面として、最初はグレーアウトとして表示する */
/* ローディング画面の全体を覆う */
#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  /* 最前面に表示 */
}

/* スピナーのスタイル */
.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #ccc;
  border-top: 5px solid #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 10px;
}

/* お祝い金画像 */
.oiwai_header {
  padding: 49px 38px;
  width: 100%;
}

/* TODO:レスポンシブ対応  */
/* アンケートフォームの設定 (ブラウザサイズによって、サイズを変更) */
/* スマホ向け (~ 600px) */
@media (max-width: 600px) {
  .form-group {
    margin: auto 0% auto 10%;
    width: 90%
  }

  /* フォーム内のラベル */
  .form-group label {
    display: flex;
    margin: 2dvh 5px;
    color: #000;
    font-family: var(--font-family-noto_sans_jp);
    font-size: 1dvh;
    font-style: normal;
    font-weight: 100;
    line-height: normal
  }

  /* フォーム内の選択肢 */
  .form-group select {
    margin: 0 0 0 10dvw;
    width: 10dvh;
    height: 5dvh;
    flex-shrink: 0;
    font-family: var(--font-family-noto_sans_jp);
    font-size: 1dvh;
  }

  /* フォーム内のチェックボックス */
  .form-group input[type="checkbox"] {
    margin: 1dvh 1.5rem;
    width: 2dvh;
    height: 2dvh;
    flex-shrink: 0;
  }

  /* チェックボックスでチェックON時を上書き */
  input[type=checkbox]:checked:before {
    position: absolute;
    top: -2dvh;
    left: 1dvh;
    transform: rotate(50deg);
    width: 1.5dvh;
    height: 2.5dvh;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    content: ''
  }

  /* フォーム内のラジオボタン */
  .form-group input[type="radio"] {
    margin: 1dvh 1.5rem;
    width: 2dvh;
    height: 2dvh;
  }

  /* フォームのフッターロゴ */
  .form-logo {
    width: 50%;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: absolute;
    bottom: 5dvh;
    margin-left: 25%;
  }

  .v830_27 {
    width: 40rem;
    color: rgba(71, 71, 71, 1);
    position: absolute;
    left: 40px;
    font-family: var(--font-family-noto_sans_jp);
    font-size: 1.5rem;
    opacity: 1;
    text-align: left;
  }

  .v830_54 {
    width: 29px;
    height: 36px;
    background: url("https://guidance-recruit.visioncon-global.com/wp-content/images/picture/visionlogo@2x-1.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0px;
  }


  /* 2ndViewの白背景、黒文字 (1行目) */
  .x2nd-view1-text-title {
    height: 100%;
    width: 98%;
    letter-spacing: 0;
    line-height: normal;
    margin-left: 1%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    color: #000;
    font-family: var(--font-family-noto_sans_jp);
    /* 20px */
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 700;
    text-align: center;
  }

  /* 2ndViewの白背景、黒文字 (3行目) */
  .x2nd-view1-text-slim {
    height: 100%;
    width: 95%;
    letter-spacing: 0;
    line-height: normal;
    margin-left: 1%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    color: #000;
    font-family: var(--font-family-noto_sans_jp);
    /* 16px */
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 500;
    text-align: center;
  }
}

/* タブレット向け (601px ~ 1024px) */
@media (min-width: 601px) and (max-width: 1024px) {
  .form-group {
    margin: 1dvh 0% 1dvh auto;
    width: 85%
  }
  /* フォーム内のラベル */
  .form-group label {
    display: flex;
    margin: 3dvh 2px;
    color: #000;
    font-family: var(--font-family-noto_sans_jp);
    font-size: 2dvh;
    font-style: normal;
    font-weight: 200;
    line-height: normal
  }
  /* フォーム内の選択肢 */
  .form-group select {
    margin: 0 0 0 9dvw;
    width: 10dvh;
    height: 5dvh;
    flex-shrink: 0;
    font-family: var(--font-family-noto_sans_jp);
    font-size: 2dvh;
  }

  /* フォーム内のチェックボックス */
  .form-group input[type="checkbox"] {
    margin: 1dvh 1.5rem;
    width: 2dvh;
    height: 2dvh;
    flex-shrink: 0;
  }

  /* チェックボックスでチェックON時を上書き */
  input[type=checkbox]:checked:before {
    position: absolute;
    top: -2dvh;
    left: 1dvh;
    transform: rotate(50deg);
    width: 1.5dvh;
    height: 3dvh;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    content: ''
  }

  /* フォーム内のラジオボタン */
  .form-group input[type="radio"] {
    margin: 1dvh 1.5rem;
    width: 2dvh;
    height: 2dvh;
  }

  /* フォームのフッターロゴ */
  .form-logo {
    width: 50%;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: absolute;
    bottom: 5dvh;
    margin-left: 25%;
  }

  .v830_27 {
    width: 40rem;
    color: rgba(71, 71, 71, 1);
    position: absolute;
    left: 40px;
    font-family: var(--font-family-noto_sans_jp);
    font-size: 1.5rem;
    opacity: 1;
    text-align: left;
  }

  .v830_54 {
    width: 29px;
    height: 36px;
    background: url("https://guidance-recruit.visioncon-global.com/wp-content/images/picture/visionlogo@2x-1.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    /* overflow: hidden; */
  }


  /* 2ndViewの白背景、黒文字 (1行目) */
  .x2nd-view1-text-title {
    height: 100%;
    width: 98%;
    letter-spacing: 0;
    line-height: normal;
    margin-left: 1%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    color: #000;
    font-family: var(--font-family-noto_sans_jp);
    /* 32px */
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 700;
    text-align: center;
  }

  /* 2ndViewの白背景、黒文字 (3行目) */
  .x2nd-view1-text-slim {
    height: 100%;
    width: 95%;
    letter-spacing: 0;
    line-height: normal;
    margin-left: 1%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    color: #000;
    font-family: var(--font-family-noto_sans_jp);
    /* 20px */
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 500;
    text-align: center;
  }
}

/* PC向け (1025px ~) */
@media (min-width: 1025px) {
  .form-group {
    margin: 1dvh 0% 1dvh auto;
    width: 75%
  }

  /* フォーム内のラベル */
  .form-group label {
    display: flex;
    margin: 2dvh 2px;
    color: #000;
    font-family: var(--font-family-noto_sans_jp);
    font-size: 3dvh;
    font-style: normal;
    font-weight: 400;
    line-height: normal
  }

  /* フォーム内の選択肢 */
  .form-group select {
    margin: 0 0 0 3dvw;
    width: 10dvh;
    height: 5dvh;
    flex-shrink: 0;
    font-family: var(--font-family-noto_sans_jp);
    font-size: 2.5dvh;
  }

  /* フォーム内のチェックボックス */
  .form-group input[type="checkbox"] {
    margin: 1.5dvh 1.5rem;
    width: 2dvh;
    height: 2dvh;
    flex-shrink: 0;
  }

  /* チェックボックスでチェックON時を上書き */
  input[type=checkbox]:checked:before {
    position: absolute;
    top: -1.5dvh;
    left: 1dvh;
    transform: rotate(50deg);
    width: 1dvh;
    height: 3dvh;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    content: ''
  }

  /* フォーム内のラジオボタン */
  .form-group input[type="radio"] {
    margin: 1.5dvh 1.5rem;
    width: 2dvh;
    height: 2dvh;
  }

  /* フォームのフッターロゴ */
  .form-logo {
    width: 50%;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: absolute;
    bottom: 5dvh;
    margin-left: 30%;
  }

  .v830_27 {
    width: 40rem;
    color: rgba(71, 71, 71, 1);
    position: absolute;
    left: 40px;
    font-family: var(--font-family-noto_sans_jp);
    font-size: 1.5rem;
    opacity: 1;
    text-align: left;
  }

  .v830_54 {
    width: 29px;
    height: 36px;
    background: url("https://guidance-recruit.visioncon-global.com/wp-content/images/picture/visionlogo@2x-1.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0px;
  }

  /* 2ndViewの白背景、黒文字 (1行目) */
  .x2nd-view1-text-title {
    height: 100%;
    width: 98%;
    letter-spacing: 0;
    line-height: normal;
    margin-left: 1%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    color: #000;
    font-family: var(--font-family-noto_sans_jp);
    /* 42px */
    font-size: var(--wp--preset--font-size--x-large);
    font-style: normal;
    font-weight: 700;
    text-align: center;
  }

  /* 2ndViewの白背景、黒文字 (3行目) */
  .x2nd-view1-text-slim {
    height: 100%;
    width: 95%;
    letter-spacing: 0;
    line-height: normal;
    margin-left: 1%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    color: #000;
    font-family: var(--font-family-noto_sans_jp);
    /* 24px */
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 500;
    text-align: center;
  }
}

/* PCビューの設定 (ブラウザサイズによって、サイズを変更) */
/* 画面中サイズ向け (1201px ~ 1024px) */
@media (min-width: 1201px) and (max-width: 1700px) {
  /* ファーストビューのビデオ設定 */
  .first_view_video {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    overflow-y: scroll;
  }
  /* PCビューのバナー設定 */
  .banner_-img-1 {
    position: relative;
    object-fit: cover;
    width: 50%;
    margin: 25% 10% 5% 10%;
    z-index: 1;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  /* エントリー、カジュアル面談の全体設定 */
  .yoko {
    /* 中央寄せ */
    display: flex;
    text-align: center;
    margin: 0 5% 0 0;
    width: 70%;
  }
  /* トップ～カジュ面 のサイドメニュー全体設定 */
  .menu_bar {
    position: relative;
    scale: .9;
    transform-origin: left;
    display: flex;
    width: 60%;
    margin: 7% auto 7% 2%;
  }
  /* メニューバーの横棒線 */
  .pc_v230_474 {
    width: 36dvw;
    height: 9px;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 24px;
    margin-top: 4%;
  }
  /* TOP の〇 */
  .pc_v230_480 {
    width: 4dvw;
    height: 4dvw;
    background: #59C3EF;
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 50%;
  }
  /* 特徴 の〇 */
  .pc_v230_475 {
    width: 4dvw;
    height: 4dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 6dvw;
    border-radius: 50%;
  }
  /* 会社紹介 の〇 */
  .pc_v230_476 {
    width: 4dvw;
    height: 4dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 12dvw;
    border-radius: 50%;
  }
  /* 事例紹介 の〇 */
  .pc_v480_697 {
    width: 4dvw;
    height: 4dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 18dvw;
    border-radius: 50%;
  }
  /* 社員紹介 の〇 */
  .pc_v230_477 {
    width: 4dvw;
    height: 4dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 24dvw;
    border-radius: 50%;
  }
  /* 会社概要 の〇 */
  .pc_v230_478 {
    width: 4dvw;
    height: 4dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 27dvw;
    border-radius: 50%;
  }
  /* お祝金 の〇 */
  .pc_v230_479 {
    width: 4dvw;
    height: 4dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 30dvw;
    border-radius: 50%;
  }
  /* 募集要項 の〇 */
  .pc_v480_696 {
    width: 4dvw;
    height: 4dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 33dvw;
    border-radius: 50%;
  }
  /* カジュ面 の〇 */
  .pc_v230_733 {
    width: 4dvw;
    height: 4dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 36dvw;
    border-radius: 50%;
  }

}

@media (min-width: 1450px) and (max-width: 1700px) {
  /* PCビューのバナー設定 */
  .banner_-img-1 {
    position: relative;
    object-fit: cover;
    width: 50%;
    margin: 25% 10% 5% 18%;
    z-index: 1;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  /* エントリー、カジュアル面談の全体設定 */
  .yoko {
    /* 中央寄せ */
    display: flex;
    text-align: center;
    margin: 0 5% 0 0;
    width: 80%;
  }
  /* トップ～カジュ面 のサイドメニュー全体設定 */
  .menu_bar {
    position: relative;
    scale: 1.1;
    transform-origin: left;
    display: flex;
    width: 60%;
    margin: 7% auto 7% 2%;
  }
}

/* 画面大サイズ向け (1700px ~) */
@media (min-width: 1700px) {
  /* ファーストビューのビデオ設定 */
  .first_view_video {
    width: 100%;
    position: fixed;
    z-index: -1;
    overflow-y: scroll;
  }
  /* PCビューのバナー設定 */
  .banner_-img-1 {
    position: relative;
    object-fit: contain; /*cover;*/
    width: 50%;
    margin: 25% 10% 5% 18%;
    z-index: 1;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }

  /* PCビューのバナーの上にマウスが乗った時 */
  .banner_-img-1:hover{
  opacity: 0.5;
  }
  
  /* エントリー、カジュアル面談の全体設定 */
  .yoko {
    /* 中央寄せ */
    display: flex;
    text-align: center;
    margin: 0 3% 0 0;
  }
  /* トップ～カジュ面 のサイドメニュー全体設定 */
  .menu_bar {
    position: relative;
    scale: .9;
    transform-origin: left;
    display: flex;
    width: 85%;
    margin: 7% auto;
  }
  /* メニューバーの横棒線 */
  .pc_v230_474 {
    width: 48dvw;
    height: 10px;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 24px;
    margin-top: 4%;
  }
  /* TOP の〇 */
  .pc_v230_480 {
    width: 5dvw;
    height: 5dvw;
    background: #59C3EF;
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 50%;
  }
  /* 特徴 の〇 */
  .pc_v230_475 {
    width: 5dvw;
    height: 5dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 6dvw;
    border-radius: 50%;
  }
  /* 会社紹介 の〇 */
  .pc_v230_476 {
    width: 5dvw;
    height: 5dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 12dvw;
    border-radius: 50%;
  }
  
  /* 事例紹介 の〇 */
  .pc_v480_697 {
    width: 5dvw;
    height: 5dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 18dvw;
    border-radius: 50%;
  }
  /* 社員紹介 の〇 */
  .pc_v230_477 {
    width: 5dvw;
    height: 5dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 24dvw;
    border-radius: 50%;
  }
  /* 会社概要 の〇 */
  .pc_v230_478 {
    width: 5dvw;
    height: 5dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 30dvw;
    border-radius: 50%;
  }
  /* お祝金 の〇 */
  .pc_v230_479 {
    width: 5dvw;
    height: 5dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 36dvw;
    border-radius: 50%;
  }
  /* 募集要項 の〇 */
  .pc_v480_696 {
    width: 5dvw;
    height: 5dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 42dvw;
    border-radius: 50%;
  }
  /* カジュ面 の〇 */
  .pc_v230_733 {
    width: 5dvw;
    height: 5dvw;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 48dvw;
    border-radius: 50%;
  }
}

  /*PC目次アンカーの文字列にマウスが乗った時*/
  .pc_v230_481:hover{
  text-decoration: underline; /*ホバー後、アンダーラインを引く*/
  }
  /*”エントリー”のバナーの上にマウスが乗った時 */
  .btn_entry:hover{
  opacity: 0.5;
  }
  /*”カジュアル面談”のバナーの上にマウスが乗った時 */
  .btn_easy_entry:hover{
  opacity: 0.5;
  }
  /*”エントリー”のバナーの上にマウスが乗った時 */
  .btn_-4:hover{
  opacity: 0.5;
  }
  /*”カジュアル面談”のバナーの上にマウスが乗った時 */
  .btn_-1:hover{
  opacity: 0.5;
  }
  /*支援事例、プロジェクト紹介、社員紹介の上にマウスが乗った時 */
  .overlap-group1-13:hover{
  opacity: 0.5;
  }
  .overlap-group-16:hover{
  opacity: 0.5;
  }
  .overlap-group-17:hover{
  opacity: 0.5;
  }
  .overlap-group5:hover{
  opacity: 0.5;
  }
  .overlap-group11-1:hover{
  opacity: 0.5;
  }
  
  /*リンクの文字列の上にマウスが乗った時 */
  /*トップ*/
  .text-135:hover{
  text-decoration: underline; /*ホバー後、アンダーラインを引く*/
  }
  /*特徴*/
  .text-131:hover{
  text-decoration: underline; /*ホバー後、アンダーラインを引く*/
  }
  /*会社紹介*/
  .text-136:hover{
  text-decoration: underline; /*ホバー後、アンダーラインを引く*/
  }
  /*事例紹介*/
  .text-137:hover{
  text-decoration: underline; /*ホバー後、アンダーラインを引く*/
  }
  /*会社概要*/
  .vc-5:hover{
  text-decoration: underline; /*ホバー後、アンダーラインを引く*/
  }
  /*社員紹介、お祝い金について、採用情報*/
  .text-1-4:hover{
  text-decoration: underline; /*ホバー後、アンダーラインを引く*/
  }
  /*カジュアル面談*/
  .text-140:hover{
  text-decoration: underline; /*ホバー後、アンダーラインを引く*/
  }
  /*公式サイト*/
  .text-144:hover{
  text-decoration: underline; /*ホバー後、アンダーラインを引く*/
  }