@charset "UTF-8";
#top_main .fv {
  position: relative;
  width: 100%;
  height: 56.9444444444vw;
}
@media screen and (max-width: 768px) {
  #top_main .fv {
    height: 176vw;
  }
}
#top_main .fv .bg_transparent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
}
#top_main .fv .bg_transparent img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#top_main .fv .swiper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 70;
}
#top_main .fv .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
#top_main .fv .swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}
#top_main .fv .swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#top_main .fv .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 90;
  padding: 9.7222222222vw 10.7638888889vw 0;
}
@media screen and (max-width: 768px) {
  #top_main .fv .content {
    padding: 37.3333333333vw 5.3333333333vw 0;
  }
}
#top_main .fv .content .inner {
  width: 39.9305555556vw;
}
@media screen and (max-width: 768px) {
  #top_main .fv .content .inner {
    width: 100%;
  }
}
#top_main .fv .content .inner .ttl {
  position: relative;
}
#top_main .fv .content .inner .ttl h2 {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
  margin-bottom: 5.2083333333vw;
  background: linear-gradient(to right, #ffffff, #ffb200, #fff);
  background-size: 200% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: none;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  #top_main .fv .content .inner .ttl h2 {
    margin-bottom: 5.3333333333vw;
  }
}
#top_main .fv .content .inner .ttl h2.on {
  animation: textGradientMove 3s ease forwards;
}
#top_main .fv .content .inner .ttl h2 span:nth-child(1) {
  font-family: "Roboto", sans-serif;
  font-size: 7.5vw;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #top_main .fv .content .inner .ttl h2 span:nth-child(1) {
    font-size: 17.0666666667vw;
  }
}
#top_main .fv .content .inner .ttl h2 span:nth-child(2) {
  font-size: 4.3055555556vw;
  letter-spacing: -0.02em;
  line-height: 1.6;
  font-weight: 700;
  margin-left: 0.3472222222vw;
}
@media screen and (max-width: 768px) {
  #top_main .fv .content .inner .ttl h2 span:nth-child(2) {
    font-size: 8.5333333333vw;
    margin-left: 2.6666666667vw;
  }
}
@keyframes textGradientMove {
  from {
    background-position: 120% 50%;
  }
  to {
    background-position: 0% 10%;
  }
}
#top_main .fv .content .inner .ttl svg {
  position: absolute;
  top: -5.5555555556vw;
  left: -5.5555555556vw;
  width: 15.0694444444vw;
  height: auto;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #top_main .fv .content .inner .ttl svg {
    top: -10.6666666667vw;
    left: -4vw;
    width: 29.3333333333vw;
  }
}
#top_main .fv .content .inner p {
  font-size: 1.1111111111vw;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.95;
  color: #fff;
  margin-bottom: 3.8194444444vw;
}
@media screen and (max-width: 768px) {
  #top_main .fv .content .inner p {
    font-size: 3.4666666667vw;
    margin-bottom: 8vw;
    text-align: justify;
  }
}
#top_main .fv .content .inner .border_gradient_btn {
  margin-left: auto;
}
#top_main .fv .achievements_content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.7361111111vw 0;
  background-color: rgba(30, 28, 46, 0.6);
  z-index: 90;
}
@media screen and (max-width: 768px) {
  #top_main .fv .achievements_content {
    overflow: hidden;
    padding: 6.6666666667vw 0;
  }
}
#top_main .fv .achievements_content .achievements_swiper .swiper-wrapper {
  transition-timing-function: linear;
}
#top_main .fv .achievements_content ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #top_main .fv .achievements_content ul {
    width: 100%;
  }
}
#top_main .fv .achievements_content ul li {
  padding: 0 3.8194444444vw;
  border-right: 0.0694444444vw solid #fff;
}
@media screen and (max-width: 768px) {
  #top_main .fv .achievements_content ul li {
    padding: 0 6.6666666667vw;
    border: none;
  }
}
#top_main .fv .achievements_content ul li:first-child {
  padding-left: 2.4305555556vw;
}
@media screen and (max-width: 768px) {
  #top_main .fv .achievements_content ul li:first-child {
    padding-left: 6.6666666667vw;
  }
}
#top_main .fv .achievements_content ul li:last-child {
  border: none;
}
#top_main .fv .achievements_content ul li p {
  font-size: 1.3888888889vw;
  letter-spacing: 0.02em;
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #top_main .fv .achievements_content ul li p {
    white-space: nowrap;
    font-size: 4vw;
  }
}
#top_main .fv .achievements_content ul li p:last-child span {
  font-size: 4.7222222222vw;
  letter-spacing: 0.02em;
  line-height: 1;
  margin-right: 0.3472222222vw;
}
@media screen and (max-width: 768px) {
  #top_main .fv .achievements_content ul li p:last-child span {
    font-size: 16vw;
  }
}
#top_main .solve_problems_sec {
  position: relative;
  overflow: hidden;
  padding: 10.4166666667vw 1.3888888889vw 22.9166666667vw;
  background: linear-gradient(to bottom, #024d83, #261f56);
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec {
    padding: 21.3333333333vw 0vw 33.3333333333vw;
  }
}
#top_main .solve_problems_sec .bg_text {
  position: absolute;
  right: 0vw;
  top: 11.4583333333vw;
  font-size: 12.8472222222vw;
  letter-spacing: 0.02em;
  line-height: 1;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.2);
  font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .bg_text {
    top: 13.3333333333vw;
    left: 0;
    font-size: 17.0666666667vw;
    writing-mode: initial;
    -ms-writing-mode: initial;
  }
}
#top_main .solve_problems_sec .bg_circle {
  position: absolute;
  top: 0vw;
  right: -5.5555555556vw;
  width: 24.3055555556vw;
  height: auto;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .bg_circle {
    top: 0vw;
    right: 0vw;
    width: 37.3333333333vw;
  }
}
#top_main .solve_problems_sec .bg_circle svg {
  width: 100%;
  height: auto;
}
#top_main .solve_problems_sec .bottom_line {
  position: absolute;
  left: -3px;
  bottom: 0;
  width: 102%;
  height: auto;
  z-index: 10;
}
#top_main .solve_problems_sec .bottom_line img {
  width: 100%;
  height: auto;
}
#top_main .solve_problems_sec .inner {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner {
    width: 100%;
  }
}
#top_main .solve_problems_sec .inner h2 {
  display: flex;
  flex-direction: column;
  margin-bottom: 10.4166666667vw;
  margin-left: 5.3472222222vw;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner h2 {
    margin: 0 auto 10.6666666667vw 5.3333333333vw;
  }
}
#top_main .solve_problems_sec .inner h2 span:first-child {
  font-size: 3.8888888889vw;
  letter-spacing: 0;
  line-height: 1.65;
  font-weight: 500;
  background: linear-gradient(to right, #fff, #ffd980, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner h2 span:first-child {
    font-size: 6.4vw;
    line-height: 1.4;
    margin-bottom: 1.3333333333vw;
    font-weight: 700;
  }
}
#top_main .solve_problems_sec .inner h2 span:last-child {
  font-size: 5.4166666667vw;
  letter-spacing: 0;
  line-height: 1.15;
  font-weight: 500;
  background: linear-gradient(to right, #fff, #ffd980, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner h2 span:last-child {
    font-size: 6.4vw;
    font-weight: 700;
    line-height: 1.4;
  }
}
#top_main .solve_problems_sec .inner .worries_list {
  width: 100%;
  padding-left: 12.5vw;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list {
    padding-left: 4vw;
  }
}
#top_main .solve_problems_sec .inner .worries_list ol {
  display: flex;
  flex-wrap: wrap;
  gap: 4.8611111111vw 12.8472222222vw;
  width: 100%;
  list-style: none;
  counter-reset: num;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol {
    gap: 8vw;
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li {
  position: relative;
  counter-increment: num;
  width: 40%;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li {
    padding-bottom: 6.6666666667vw;
    width: 100%;
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li::before {
  content: counter(num, decimal-leading-zero);
  position: absolute;
  top: -2.0138888889vw;
  right: calc(100% + 1.3888888889vw);
  font-size: 4.3055555556vw;
  letter-spacing: 0.02em;
  line-height: 1;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li::before {
    top: 4vw;
    right: 3.4666666667vw;
    left: unset;
    font-size: 6.9333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li::after {
    content: "";
    display: block;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    height: 0.2666666667vw;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: -2.1333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li.last::after {
    display: none;
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li .circle {
  position: absolute;
  top: -5.9722222222vw;
  left: -9.5833333333vw;
  width: 11.3194444444vw;
  height: auto;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li .circle {
    top: -6.4vw;
    left: unset;
    right: -4.5333333333vw;
    width: 23.2vw;
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li .circle svg {
  width: 100%;
  height: auto;
}
#top_main .solve_problems_sec .inner .worries_list ol li .sub_ttl_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.125vw;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li .sub_ttl_box {
    margin-bottom: 8vw;
    margin-top: 1.3333333333vw;
    margin-left: 24.5333333333vw;
    width: 77%;
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li .sub_ttl_box .border_gradient_btn {
  white-space: nowrap;
}
#top_main .solve_problems_sec .inner .worries_list ol li .contents {
  width: 100%;
  display: flex;
  gap: 1.3888888889vw;
  color: #fff;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li .contents {
    flex-direction: column;
    gap: 4vw;
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li .contents h3 {
  width: calc(100% - 13.1944444444vw);
  position: relative;
  display: flex;
  align-items: center;
  gap: 2.0833333333vw;
  font-size: 1.5277777778vw;
  letter-spacing: 0.01em;
  line-height: 1.85;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li .contents h3 {
    width: initial;
    max-width: 73.3333333333vw;
    font-size: 5.3333333333vw;
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li .contents h3::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.0694444444vw;
  background: linear-gradient(to right, #00d4ff, #2b279e);
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li .contents h3::after {
    display: none;
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li .contents h3 span {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li .contents h3 span {
    white-space: wrap;
    line-height: 1.5;
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li .contents h4 {
  font-size: 1.25vw;
  letter-spacing: 0.01em;
  line-height: 1.85;
  font-weight: 700;
  margin-bottom: 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li .contents h4 {
    font-size: 4vw;
    letter-spacing: 0.08em;
    line-height: 1.6;
    font-weight: 700;
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li .contents p {
  font-size: 1.1111111111vw;
  letter-spacing: 0.01em;
  line-height: 1.85;
  font-weight: 400;
  text-align: justify;
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 4; /* 行数を制限 */
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li .contents p {
    font-size: 3.4666666667vw;
    -webkit-line-clamp: 3; /* 行数を制限 */
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li .contents p strong {
  display: block;
  font-size: 1.25vw;
  margin-bottom: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li .contents p strong {
    font-size: 4.8vw;
    margin-bottom: 5.3333333333vw;
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li .contents .before {
  width: calc(50% - 3.2291666667vw);
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li .contents .before {
    width: 100%;
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li .contents .after {
  width: 100%;
  display: block;
  pointer-events: none;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li .contents .after {
    pointer-events: auto;
    width: 100%;
    padding-right: 17.8666666667vw;
    position: relative;
    color: #fff;
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li .contents .after .btn_arrow_w {
  display: none;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li .contents .after .btn_arrow_w {
    display: block;
    position: absolute;
    top: 43%;
    right: 3.2vw;
    z-index: 5;
    width: 9.8666666667vw;
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li .contents .after h4 {
  color: #ffd117;
}
#top_main .solve_problems_sec .inner .worries_list ol li .contents .border_gradient_btn {
  margin: 0.6944444444vw 0 0 auto;
  width: 18.0555555556vw;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li .contents .border_gradient_btn {
    position: relative;
    margin-left: auto;
    margin-top: 0vw;
    width: 53.3333333333vw;
  }
  #top_main .solve_problems_sec .inner .worries_list ol li .contents .border_gradient_btn::before {
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 100%;
    height: 0.2666666667vw;
    background: linear-gradient(to right, #00d4ff, #2b279e);
  }
}
#top_main .solve_problems_sec .inner .worries_list ol li .contents .border_gradient_btn .box {
  padding-left: 2.7777777778vw;
}
@media screen and (max-width: 768px) {
  #top_main .solve_problems_sec .inner .worries_list ol li .contents .border_gradient_btn .box {
    padding-left: 5.8666666667vw;
  }
}
#top_main .reason_sec {
  position: relative;
  width: 100%;
  padding: 6.5972222222vw 5.5555555556vw 6.9444444444vw;
  background-color: #efefef;
}
@media screen and (max-width: 768px) {
  #top_main .reason_sec {
    padding: 10.6666666667vw 5.3333333333vw 16vw;
  }
}
#top_main .reason_sec .bottom_line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}
#top_main .reason_sec .bottom_line img {
  width: 100%;
  height: auto;
}
#top_main .reason_sec .inner {
  width: 100%;
}
#top_main .reason_sec .inner .ttl_box {
  display: flex;
  align-items: center;
  gap: 6.9444444444vw;
  margin-bottom: 5.9027777778vw;
}
@media screen and (max-width: 768px) {
  #top_main .reason_sec .inner .ttl_box {
    flex-direction: column;
    align-items: flex-start;
    gap: 8vw;
  }
}
#top_main .reason_sec .inner .ttl_box .ttl h2 {
  font-size: 6.6666666667vw;
  letter-spacing: 0.08em;
  line-height: 1.25;
  font-weight: 400;
  color: #03103e;
  letter-spacing: -0.1rem;
}
@media screen and (max-width: 768px) {
  #top_main .reason_sec .inner .ttl_box .ttl h2 {
    font-size: 10.6666666667vw;
    margin-bottom: 4vw;
  }
}
#top_main .reason_sec .inner .ttl_box .ttl span {
  font-size: 0.9027777778vw;
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: 500;
  color: #3a3a3a;
}
@media screen and (max-width: 768px) {
  #top_main .reason_sec .inner .ttl_box .ttl span {
    font-size: 3.4666666667vw;
    line-height: 1;
  }
}
#top_main .reason_sec .inner .ttl_box .arrow {
  width: 5.1388888889vw;
  height: auto;
}
@media screen and (max-width: 768px) {
  #top_main .reason_sec .inner .ttl_box .arrow {
    width: 7.7333333333vw;
    transform: rotate(90deg);
  }
}
#top_main .reason_sec .inner .ttl_box .arrow img {
  width: 100%;
  height: auto;
}
#top_main .reason_sec .inner .ttl_box .text p {
  font-size: 1.1111111111vw;
  letter-spacing: 0.01em;
  line-height: 1.95;
  font-weight: 700;
  color: #3a3a3a;
}
@media screen and (max-width: 768px) {
  #top_main .reason_sec .inner .ttl_box .text p {
    font-size: 3.7333333333vw;
    font-weight: 400;
  }
}
#top_main .reason_sec .inner .reason_list {
  width: 100%;
  overflow: auto;
  padding-bottom: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #top_main .reason_sec .inner .reason_list {
    padding-bottom: 2.6666666667vw;
  }
}
#top_main .reason_sec .inner .reason_list ol {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 3.4722222222vw;
  list-style: none;
  counter-reset: reasonnum;
}
@media screen and (max-width: 768px) {
  #top_main .reason_sec .inner .reason_list ol {
    gap: 2.6666666667vw;
  }
}
#top_main .reason_sec .inner .reason_list ol li {
  position: relative;
  max-width: 27.5vw;
  width: 100%;
  height: auto;
  aspect-ratio: 396/485;
  padding: 0.2777777778vw;
  border-radius: 0.2083333333vw;
  background: linear-gradient(to bottom, #024d83, #261f56);
  counter-increment: reasonnum;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  #top_main .reason_sec .inner .reason_list ol li {
    max-width: initial;
    width: 84.8vw;
    padding: 1.0666666667vw;
    border-radius: 0.8vw;
  }
}
#top_main .reason_sec .inner .reason_list ol li::before {
  content: counter(reasonnum, decimal-leading-zero);
  position: absolute;
  top: 0.6944444444vw;
  left: 0.6944444444vw;
  font-size: 3.4722222222vw;
  letter-spacing: 0.02em;
  line-height: 1;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  color: #fff;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #top_main .reason_sec .inner .reason_list ol li::before {
    top: 3.2vw;
    left: 4.8vw;
    font-size: 8vw;
  }
}
#top_main .reason_sec .inner .reason_list ol li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 7.5vw;
  height: 4.6527777778vw;
  background-color: #303979;
  clip-path: polygon(0 2%, 100% 0%, 65% 100%, 0% 100%);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #top_main .reason_sec .inner .reason_list ol li::after {
    width: 23.2vw;
    height: 14.4vw;
  }
}
#top_main .reason_sec .inner .reason_list ol li .reason_bg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 0.6944444444vw 3.125vw 3.125vw;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #top_main .reason_sec .inner .reason_list ol li .reason_bg {
    height: auto;
    justify-content: flex-start;
    padding: 18.6666666667vw 8vw 5.3333333333vw;
  }
}
#top_main .reason_sec .inner .reason_list ol li .reason_bg .img {
  width: 7.3611111111vw;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #top_main .reason_sec .inner .reason_list ol li .reason_bg .img {
    width: 22.6666666667vw;
  }
}
#top_main .reason_sec .inner .reason_list ol li .reason_bg .img img {
  width: 100%;
  height: auto;
}
#top_main .reason_sec .inner .reason_list ol li .reason_bg .reason_ttl {
  font-size: 2.7777777778vw;
  letter-spacing: -0.02em;
  font-weight: 700;
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  text-align: center;
  background: linear-gradient(to left, #0066ff, #010028);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #top_main .reason_sec .inner .reason_list ol li .reason_bg .reason_ttl {
    font-size: 8.5333333333vw;
    margin-top: 5.3333333333vw;
  }
}
#top_main .reason_sec .inner .reason_list ol li .reason_bg .text {
  height: 10.5em;
  font-size: 1.1111111111vw;
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: 700;
  color: #444444;
  margin-top: 1.7361111111vw;
}
@media screen and (max-width: 768px) {
  #top_main .reason_sec .inner .reason_list ol li .reason_bg .text {
    font-size: 3.7333333333vw;
    margin-top: 5.3333333333vw;
  }
}
#top_main .insight_sec {
  width: 100%;
  padding: 8.3333333333vw 5.5555555556vw 15.2777777778vw;
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec {
    padding: 21.3333333333vw 4vw 32vw;
  }
}
#top_main .insight_sec .inner {
  width: 100%;
}
#top_main .insight_sec .inner .ttl_box {
  width: 80.5555555556vw;
  margin: 0 auto 5.5555555556vw;
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .ttl_box {
    width: 100%;
    margin-bottom: 13.3333333333vw;
  }
}
#top_main .insight_sec .inner .ttl_box .ttl_article_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#top_main .insight_sec .inner .ttl_box .ttl_article_link h2 {
  font-size: 6.6666666667vw;
  letter-spacing: 0.08em;
  line-height: 1.25;
  font-weight: 400;
  color: #0e0b2c;
  font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .ttl_box .ttl_article_link h2 {
    font-size: 10.6666666667vw;
  }
}
#top_main .insight_sec .inner .ttl_box .sub_ttl {
  font-size: 0.9027777778vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 400;
  color: #0e0b2c;
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .ttl_box .sub_ttl {
    font-size: 3.4666666667vw;
  }
}
#top_main .insight_sec .inner .insight_article_contents {
  display: flex;
  align-items: flex-start;
  gap: 2.7777777778vw;
  width: 100%;
  padding: 5.5555555556vw 4.1666666667vw;
  border: 0.0694444444vw solid #3a3737;
  background-color: #ededed;
  border-radius: 2.7777777778vw;
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .insight_article_contents {
    flex-direction: column;
    align-items: initial;
    gap: 8vw;
    padding: 16vw 4vw;
    border: 0.2666666667vw solid #3a3737;
    border-radius: 10.6666666667vw;
  }
}
#top_main .insight_sec .inner .insight_article_contents {
  /*
          .tag_list {
              width: calc(200 / $pc_width * 100vw);
              padding: calc(30 / $pc_width * 100vw);
              background-color: $color_white;
              @media screen and (max-width: 768px) {
                  width: 100%;
                  padding: calc(15 / $sp_width * 100vw);
              }
              ul {
                  display: flex;
                  flex-direction: column;
                  gap: calc(6 / $pc_width * 100vw);
                  @media screen and (max-width: 768px) {
                      flex-direction: row;
                      align-items: center;
                      flex-wrap: wrap;
                      gap: calc(3 / $sp_width * 100vw) calc(15 / $sp_width * 100vw);
                  }
                  li {
                      &.on {
                          a {
                              position: relative;
                              padding-left: calc(22 / $pc_width * 100vw);
                              @media screen and (max-width: 768px) {
                                  padding-left: calc(18 / $sp_width * 100vw);
                              }
                              &::before {
                                  position: absolute;
                                  top: 0.95em;
                                  left: 0;
                                  transform: translateY(-50%);
                                  content: "";
                                  display: block;
                                  width: calc(10 / $pc_width * 100vw);
                                  height: calc(10 / $pc_width * 100vw);
                                  background: $bg_gradient01;
                                  border-radius: 100%;
                                  @media screen and (max-width: 768px) {
                                      top: 0.87em;
                                      width: calc(10 / $sp_width * 100vw);
                                      height: calc(10 / $sp_width * 100vw);
                                  }
                              }
                          }
                      }
                      a {
                          display: block;
                          font-size: calc(15 / $pc_width * 100vw);
                          letter-spacing: 0.08em;
                          line-height: 1.85;
                          font-weight: 700;
                          color: $font_color_dark_blue;
                          @media screen and (max-width: 768px) {
                              padding-left: calc(18 / $sp_width * 100vw);
                              font-size: calc(14 / $sp_width * 100vw);
                          }
                      }
                  }
              }
          }
          */
}
#top_main .insight_sec .inner .insight_article_contents .article_list {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .insight_article_contents .article_list {
    width: 100%;
  }
}
#top_main .insight_sec .inner .insight_article_contents .article_list ul {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.7777777778vw 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .insight_article_contents .article_list ul {
    gap: 5.3333333333vw;
  }
}
#top_main .insight_sec .inner .insight_article_contents .article_list ul li {
  width: calc(33.33% - 0.4625vw);
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .insight_article_contents .article_list ul li {
    width: 100%;
  }
}
#top_main .insight_sec .inner .insight_article_contents .article_list ul li a {
  display: block;
  width: 100%;
}
#top_main .insight_sec .inner .insight_article_contents .article_list ul li a .img {
  width: 100%;
  height: auto;
  aspect-ratio: 300/175;
  margin-bottom: 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .insight_article_contents .article_list ul li a .img {
    margin-bottom: 2.6666666667vw;
  }
}
#top_main .insight_sec .inner .insight_article_contents .article_list ul li a .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.2083333333vw;
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .insight_article_contents .article_list ul li a .img img {
    border-radius: 0.8vw;
  }
}
#top_main .insight_sec .inner .insight_article_contents .article_list ul li a .content .article_ttl {
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 700;
  color: #0e0b2c;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .insight_article_contents .article_list ul li a .content .article_ttl {
    font-size: 3.7333333333vw;
  }
}
#top_main .insight_sec .inner .insight_article_contents .article_list ul li a .content .line {
  display: block;
  width: 2.5694444444vw;
  height: 0.4166666667vw;
  margin: 1.3888888889vw 0;
  background: linear-gradient(to right, #00d4ff, #2b279e);
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .insight_article_contents .article_list ul li a .content .line {
    width: 9.8666666667vw;
    height: 1.6vw;
    margin: 2.6666666667vw 0;
  }
}
#top_main .insight_sec .inner .insight_article_contents .article_list ul li a .content .tag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .insight_article_contents .article_list ul li a .content .tag {
    gap: 4vw;
  }
}
#top_main .insight_sec .inner .insight_article_contents .article_list ul li a .content .tag span {
  display: inline-block;
  font-size: 0.9027777778vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 700;
  color: #8e8e8e;
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .insight_article_contents .article_list ul li a .content .tag span {
    font-size: 3.4666666667vw;
  }
}
#top_main .insight_sec .inner .link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 21.25vw;
  height: 4.5833333333vw;
  padding: 1.1111111111vw 0.6944444444vw 1.1111111111vw 2.0833333333vw;
  border-radius: 4.8611111111vw;
  background: linear-gradient(to right, #00d4ff, #2b279e);
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .link {
    width: 61.3333333333vw;
    height: 13.3333333333vw;
    padding: 0 2.6666666667vw 0 8vw;
    border-radius: 18.6666666667vw;
    margin: 16vw auto 0;
  }
  #top_main .insight_sec .inner .link.sp {
    display: flex !important;
  }
}
@media screen and (min-width: 769px) {
  #top_main .insight_sec .inner .link.sp {
    display: none;
  }
}
#top_main .insight_sec .inner .link span {
  font-size: 1.25vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .link span {
    font-size: 4vw;
  }
}
#top_main .insight_sec .inner .link img {
  width: 3.1944444444vw;
  height: auto;
}
@media screen and (max-width: 768px) {
  #top_main .insight_sec .inner .link img {
    width: 8vw;
  }
}

#service_main .number_common_sec.number_common_bule .inner .main_contents .content_list ul li .content_ttl {
  color: #ffd117;
}
#service_main .number_common_sec.number_common_bule .inner .main_contents .content_list ul li .content_text {
  color: #fff;
}
#service_main .number_common_sec.number_common_white .right_number p {
  color: rgba(0, 0, 0, 0.23);
}
#service_main .number_common_sec.number_common_white .inner .section_list ul li {
  color: #000;
}
#service_main .number_common_sec.number_common_white .inner .main_contents h2 {
  color: #000;
}
#service_main .number_common_sec.number_common_white .inner .main_contents .content_list ul li .img {
  background: linear-gradient(to bottom, #024d83, #261f56);
  padding: 0.0694444444vw;
  border-radius: 0.2083333333vw;
}
#service_main .number_common_sec.number_common_white .inner .main_contents .content_list ul li .img .inner {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 0.1388888889vw;
}
#service_main .number_common_sec.number_common_white .inner .main_contents .content_list ul li .content_ttl {
  color: #000;
}
#service_main .number_common_sec.number_common_white .inner .main_contents .content_list ul li .content_text {
  color: #000;
}
#service_main .number_common_sec .inner .main_contents .content_list ul {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.7777777778vw 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #service_main .number_common_sec .inner .main_contents .content_list ul {
    gap: 5.3333333333vw;
  }
}
#service_main .number_common_sec .inner .main_contents .content_list ul li {
  width: calc(48.33% - 0.4625vw);
}
@media screen and (max-width: 768px) {
  #service_main .number_common_sec .inner .main_contents .content_list ul li {
    width: 100%;
  }
}
#service_main .number_common_sec .inner .main_contents .content_list ul li a {
  display: block;
  width: 100%;
}
#service_main .number_common_sec .inner .main_contents .content_list ul li a .img {
  width: 100%;
  height: auto;
  aspect-ratio: 278/160;
  margin-bottom: 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #service_main .number_common_sec .inner .main_contents .content_list ul li a .img {
    margin-bottom: 2.6666666667vw;
  }
}
#service_main .number_common_sec .inner .main_contents .content_list ul li a .img .inner {
  width: 100%;
  height: 100%;
  background-color: #ededed;
}
#service_main .number_common_sec .inner .main_contents .content_list ul li a .img .inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#service_main .number_common_sec .inner .main_contents .content_list ul li a .content_ttl {
  font-size: 1.25vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 700;
  padding: 0 0.6944444444vw;
  margin-bottom: 0.6944444444vw;
  color: #000;
}
@media screen and (max-width: 768px) {
  #service_main .number_common_sec .inner .main_contents .content_list ul li a .content_ttl {
    font-size: 4.2666666667vw;
    padding: 0 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
#service_main .number_common_sec .inner .main_contents .content_list ul li a .content_text {
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 400;
  padding: 0 0.6944444444vw;
  color: #000;
}
@media screen and (max-width: 768px) {
  #service_main .number_common_sec .inner .main_contents .content_list ul li a .content_text {
    font-size: 3.7333333333vw;
    padding: 0 2.6666666667vw;
  }
}

#service_single_main .fv .inner .ttl_box h2 {
  letter-spacing: -0.1rem;
}
#service_single_main .number_common_sec .inner .main_contents .solution_content__list ul {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.2777777778vw;
  padding-left: 3.4722222222vw;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .solution_content__list ul {
    gap: 2.6666666667vw;
    padding-left: 8vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .solution_content__list ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.2430555556vw;
  display: block;
  width: 0.2083333333vw;
  height: calc(100% - 3.4722222222vw);
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .solution_content__list ul::before {
    left: 0.5333333333vw;
    width: 0.5333333333vw;
    height: calc(100% - 6.6666666667vw);
  }
}
#service_single_main .number_common_sec .inner .main_contents .solution_content__list ul li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.3888888889vw;
  padding: 1.7361111111vw 2.0833333333vw;
  background-color: #fff;
  border-radius: 0.9027777778vw;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .solution_content__list ul li {
    gap: 4vw;
    padding: 1.3333333333vw 2.6666666667vw;
    border-radius: 3.4666666667vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .solution_content__list ul li .arrow {
  position: absolute;
  top: 50%;
  left: -3.4722222222vw;
  transform: translateY(-50%);
  width: 2.4305555556vw;
  height: auto;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .solution_content__list ul li .arrow {
    width: 5.8666666667vw;
    top: calc(50% - 1.3333333333vw);
    left: -8vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .solution_content__list ul li .arrow img {
  width: 100%;
  height: auto;
}
#service_single_main .number_common_sec .inner .main_contents .solution_content__list ul li .speech_bubble {
  width: 2.2222222222vw;
  height: auto;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .solution_content__list ul li .speech_bubble {
    width: 6.6666666667vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .solution_content__list ul li .speech_bubble img {
  width: 100%;
  height: auto;
}
#service_single_main .number_common_sec .inner .main_contents .solution_content__list ul li p {
  color: #232423;
  font-size: 1.25vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .solution_content__list ul li p {
    width: calc(100% - 10.6666666667vw);
    font-size: 3.2vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .solution_content__list ul li p span {
  font-weight: 700;
}
#service_single_main .number_common_sec .inner .main_contents .solution_content__list .yellow_arrow {
  width: 11.875vw;
  height: auto;
  margin: 2.0833333333vw auto;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .solution_content__list .yellow_arrow {
    width: 21.3333333333vw;
    margin: 5.3333333333vw auto;
  }
}
#service_single_main .number_common_sec .inner .main_contents .solution_content__list .yellow_arrow img {
  width: 100%;
  height: auto;
}
#service_single_main .number_common_sec .inner .main_contents .solution_content__list .text_box {
  width: 100%;
  height: auto;
  padding: 1.7361111111vw 2.0833333333vw;
  background-color: rgba(255, 255, 255, 0.23);
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .solution_content__list .text_box {
    padding: 4vw 5.3333333333vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .solution_content__list .text_box p {
  text-align: center;
  font-size: 1.4583333333vw;
  letter-spacing: 0.08em;
  line-height: 1.65;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .solution_content__list .text_box p {
    text-align: start;
    font-size: 3.2vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .strengths_list {
  padding: 5.5555555556vw 4.1666666667vw 6.9444444444vw;
  background: linear-gradient(to bottom, #fff, #f7f7f7);
  margin-bottom: 5.5555555556vw;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .strengths_list {
    padding: 10.6666666667vw 5.3333333333vw;
    margin-bottom: 10.6666666667vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .strengths_list ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4.1666666667vw;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .strengths_list ul {
    gap: 5.3333333333vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .strengths_list ul li {
  display: flex;
  align-items: flex-start;
  gap: 3.4722222222vw;
  padding-bottom: 4.1666666667vw;
  border-bottom: 0.0694444444vw dashed #595963;
  color: #03103e;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .strengths_list ul li {
    flex-direction: column-reverse;
    gap: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
    border-bottom: 0.2666666667vw dashed #595963;
  }
}
#service_single_main .number_common_sec .inner .main_contents .strengths_list ul li:last-child {
  padding-bottom: 0;
  border: none;
}
#service_single_main .number_common_sec .inner .main_contents .strengths_list ul li .content {
  width: calc(100% - 20.9722222222vw);
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .strengths_list ul li .content {
    width: 100%;
  }
}
#service_single_main .number_common_sec .inner .main_contents .strengths_list ul li .content span {
  font-size: 1.0416666667vw;
  letter-spacing: -0.02em;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .strengths_list ul li .content span {
    font-size: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .strengths_list ul li .content h3 {
  font-size: 1.9444444444vw;
  letter-spacing: 0;
  line-height: 1.65;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .strengths_list ul li .content h3 {
    font-size: 5.3333333333vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .strengths_list ul li .content .border {
  display: block;
  width: 2.5694444444vw;
  height: 0.4166666667vw;
  background: linear-gradient(to right, #00d4ff, #2b279e);
  margin: 0.6944444444vw 0;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .strengths_list ul li .content .border {
    width: 6.6666666667vw;
    height: 1.3333333333vw;
    margin: 2.6666666667vw 0;
  }
}
#service_single_main .number_common_sec .inner .main_contents .strengths_list ul li .content p {
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .strengths_list ul li .content p {
    font-size: 3.7333333333vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .strengths_list ul li .img {
  display: block;
  width: 17.5vw;
  height: auto;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .strengths_list ul li .img {
    width: 100%;
  }
}
#service_single_main .number_common_sec .inner .main_contents .strengths_list ul li .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#service_single_main .number_common_sec .inner .main_contents .technology_list {
  padding: 5.5555555556vw 4.1666666667vw 6.9444444444vw;
  background: linear-gradient(to bottom, #fff, #f7f7f7);
  margin-bottom: 5.5555555556vw;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .technology_list {
    padding: 10.6666666667vw 5.3333333333vw;
    margin-bottom: 10.6666666667vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .technology_list ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .technology_list ul {
    gap: 2.6666666667vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .technology_list ul li {
  position: relative;
  color: #03103e;
  font-size: 1.1111111111vw;
  padding-left: 2.0833333333vw;
}
#service_single_main .number_common_sec .inner .main_contents .technology_list ul li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  background-color: #00d4ff;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .technology_list ul li {
    font-size: 3.7333333333vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .flow_list {
  padding: 5.5555555556vw 4.1666666667vw 6.9444444444vw;
  border: 0.0694444444vw solid #fff;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .flow_list {
    padding: 10.6666666667vw 5.3333333333vw;
    border: 0.2666666667vw solid #fff;
  }
}
#service_single_main .number_common_sec .inner .main_contents .flow_list.bg_transparent {
  background-color: rgba(255, 255, 255, 0.23);
  border: none;
}
#service_single_main .number_common_sec .inner .main_contents .flow_list .bg_text {
  font-size: 0.9027777778vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 400;
  padding: 2.0833333333vw;
  background-color: rgba(255, 255, 255, 0.23);
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .flow_list .bg_text {
    font-size: 3.2vw;
    padding: 4vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .flow_list ul {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .flow_list ul {
    gap: 5.3333333333vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .flow_list ul::before {
  content: "";
  position: absolute;
  top: 1.3888888889vw;
  left: 9.1666666667vw;
  display: block;
  width: 0.0694444444vw;
  height: calc(100% - 6.9444444444vw);
  background-color: #868686;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .flow_list ul::before {
    display: none;
  }
}
#service_single_main .number_common_sec .inner .main_contents .flow_list ul li {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .flow_list ul li {
    flex-direction: column;
  }
}
#service_single_main .number_common_sec .inner .main_contents .flow_list ul li .step {
  display: inline-block;
  order: 1;
  font-size: 1.6666666667vw;
  letter-spacing: 0.08em;
  line-height: 1.75;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  padding-top: 0.4166666667vw;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .flow_list ul li .step {
    font-size: 5.3333333333vw;
    padding-top: initial;
  }
}
#service_single_main .number_common_sec .inner .main_contents .flow_list ul li .step.yellow {
  color: #ffd117;
}
#service_single_main .number_common_sec .inner .main_contents .flow_list ul li .content {
  width: 40.2777777778vw;
  padding: 0.6944444444vw;
  order: 3;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .flow_list ul li .content {
    width: 100%;
    padding: 0;
  }
}
#service_single_main .number_common_sec .inner .main_contents .flow_list ul li .content .flow_ttl {
  position: relative;
  font-size: 1.25vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 700;
  color: #ffd117;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .flow_list ul li .content .flow_ttl {
    font-size: 4.8vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .flow_list ul li .content .flow_ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -2.7777777778vw;
  transform: translateY(-50%);
  display: block;
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 100%;
  background-color: #fff;
  white-space: nowrap;
  order: 2;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .flow_list ul li .content .flow_ttl::before {
    display: none;
  }
}
#service_single_main .number_common_sec .inner .main_contents .flow_list ul li .content .text {
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .flow_list ul li .content .text {
    font-size: 3.7333333333vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .arrow {
  width: 11.875vw;
  height: auto;
  margin: 1.3888888889vw auto;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .arrow {
    width: 21.3333333333vw;
    margin: 5.3333333333vw auto;
  }
}
#service_single_main .number_common_sec .inner .main_contents .arrow img {
  width: 100%;
  height: auto;
}
#service_single_main .number_common_sec .inner .main_contents .operation_and_maintenance h3 {
  display: flex;
  align-items: center;
  gap: 1.3888888889vw;
  font-size: 1.4583333333vw;
  letter-spacing: 0.08em;
  line-height: 1.65;
  font-weight: 700;
  margin-bottom: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .operation_and_maintenance h3 {
    gap: 5.3333333333vw;
    font-size: 5.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .operation_and_maintenance h3::before {
  content: "";
  display: block;
  width: 0.4166666667vw;
  height: 2.2222222222vw;
  background: linear-gradient(to bottom, #00d4ff, #0900ff);
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .operation_and_maintenance h3::before {
    width: 1.6vw;
    height: 8.5333333333vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .operation_and_maintenance .text {
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 400;
  margin-bottom: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .operation_and_maintenance .text {
    font-size: 3.7333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
#service_single_main .number_common_sec .inner .main_contents .operation_and_maintenance .bg_text {
  font-size: 0.9027777778vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 400;
  padding: 2.0833333333vw;
  background-color: rgba(255, 255, 255, 0.23);
}
@media screen and (max-width: 768px) {
  #service_single_main .number_common_sec .inner .main_contents .operation_and_maintenance .bg_text {
    font-size: 3.2vw;
    padding: 4vw;
  }
}

#works_main .works_category {
  position: relative;
  padding: 0 5.2083333333vw;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  #works_main .works_category {
    padding: 0 5.3333333333vw;
  }
}
#works_main .works_category .inner {
  border-radius: 1.25vw;
  padding: 2.7777777778vw 4.1666666667vw;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #works_main .works_category .inner {
    border-radius: 5.3333333333vw;
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
#works_main .works_category .inner ul {
  display: flex;
  align-items: center;
  gap: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #works_main .works_category .inner ul {
    flex-direction: column;
    gap: 2.6666666667vw;
  }
}
#works_main .works_category .inner ul li {
  width: calc(33.33% - 0.9256944444vw);
}
@media screen and (max-width: 768px) {
  #works_main .works_category .inner ul li {
    width: 100%;
  }
}
#works_main .works_category .inner ul li.on a {
  background: linear-gradient(to right, #00d4ff, #2b279e);
  border: none;
  color: #fff;
}
#works_main .works_category .inner ul li a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.3888888889vw;
  font-size: 1.25vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 700;
  border-radius: 4.8611111111vw;
  color: #6f6f6f;
  border: 0.0694444444vw solid #6f6f6f;
}
@media screen and (max-width: 768px) {
  #works_main .works_category .inner ul li a {
    padding: 2.6666666667vw 5.3333333333vw;
    font-size: 4.2666666667vw;
    border-radius: 18.6666666667vw;
  }
}
#works_main .works_tags {
  position: relative;
  z-index: 10;
  margin: 1.3888888889vw 0 0;
  padding: 0 5.2083333333vw;
}
@media screen and (max-width: 768px) {
  #works_main .works_tags {
    margin-top: 5.3333333333vw;
    padding: 0 5.3333333333vw;
  }
}
#works_main .works_tags .inner {
  width: 100%;
  padding: 2.7777777778vw 4.1666666667vw;
  background-color: #3c567c;
  border-radius: 1.25vw;
}
@media screen and (max-width: 768px) {
  #works_main .works_tags .inner {
    padding: 10.6666666667vw 5.3333333333vw;
    border-radius: 5.3333333333vw;
  }
}
#works_main .works_tags .inner ul {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8333333333vw;
}
@media screen and (max-width: 768px) {
  #works_main .works_tags .inner ul {
    gap: 1.3333333333vw 2.6666666667vw;
  }
}
#works_main .works_tags .inner ul li a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5555555556vw 2.0833333333vw;
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 700;
  color: #6f6f6f;
  background-color: #fff;
  border-radius: 4.8611111111vw;
}
@media screen and (max-width: 768px) {
  #works_main .works_tags .inner ul li a {
    padding: 1.0666666667vw 2.6666666667vw;
    font-size: 3.2vw;
    border-radius: 18.6666666667vw;
  }
}
#works_main .works_sec {
  padding: 0 5.2083333333vw 13.8888888889vw;
  margin-top: 5.5555555556vw;
}
@media screen and (max-width: 768px) {
  #works_main .works_sec {
    padding: 0 5.3333333333vw 21.3333333333vw;
  }
}
#works_main .works_sec .inner ul {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.7777777778vw 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #works_main .works_sec .inner ul {
    gap: 2.6666666667vw;
  }
}
#works_main .works_sec .inner ul li {
  width: calc(33.33% - 0.9256944444vw);
}
@media screen and (max-width: 768px) {
  #works_main .works_sec .inner ul li {
    width: 100%;
  }
}
#works_main .works_sec .inner ul li a {
  display: block;
  width: 100%;
  padding: 2.0833333333vw 1.3888888889vw;
  border-radius: 1.25vw;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #works_main .works_sec .inner ul li a {
    padding: 4vw;
    border-radius: 2.6666666667vw;
  }
}
#works_main .works_sec .inner ul li a .img {
  width: 100%;
  height: auto;
  aspect-ratio: 376/208;
  background-color: #d9d9d9;
}
#works_main .works_sec .inner ul li a .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#works_main .works_sec .inner ul li a .article_ttl {
  font-size: 1.3888888889vw;
  letter-spacing: -0.02em;
  line-height: 1.65;
  font-weight: 700;
  color: #444;
  margin: 1.7361111111vw 0;
}
@media screen and (max-width: 768px) {
  #works_main .works_sec .inner ul li a .article_ttl {
    font-size: 3.7333333333vw;
    margin: 2.6666666667vw 0;
  }
}
#works_main .works_sec .inner ul li a .definition_list {
  display: flex;
  align-items: center;
  gap: 1.3888888889vw;
  padding: 0 0.6944444444vw;
  margin-top: 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #works_main .works_sec .inner ul li a .definition_list {
    gap: 2.6666666667vw;
    padding: 0;
    margin-top: 2.6666666667vw;
  }
}
#works_main .works_sec .inner ul li a .definition_list .definition_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #00d4ff, #2b279e);
  border-radius: 9.3055555556vw;
  padding: 0.1388888889vw;
}
@media screen and (max-width: 768px) {
  #works_main .works_sec .inner ul li a .definition_list .definition_ttl {
    border-radius: 36vw;
    padding: 0.2666666667vw;
  }
}
#works_main .works_sec .inner ul li a .definition_list .definition_ttl span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9722222222vw;
  letter-spacing: 0.01em;
  line-height: 1.85;
  font-weight: 700;
  color: #0e0b2c;
  background-color: #fff;
  border-radius: 9.1666666667vw;
  padding: 0.2083333333vw 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #works_main .works_sec .inner ul li a .definition_list .definition_ttl span {
    font-size: 3.2vw;
    border-radius: 36vw;
    padding: 0.5333333333vw 4vw;
  }
}
#works_main .works_sec .inner ul li a .definition_list p {
  font-size: 1.1805555556vw;
  letter-spacing: -0.02em;
  line-height: 1.65;
  font-weight: 700;
  color: #444;
}
@media screen and (max-width: 768px) {
  #works_main .works_sec .inner ul li a .definition_list p {
    font-size: 3.7333333333vw;
  }
}

#result_single_main .fv .inner {
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 2.7777777778vw;
}
@media screen and (max-width: 768px) {
  #result_single_main .fv .inner {
    gap: 2.6666666667vw;
  }
}
#result_single_main .fv .inner .ttl_box h2 {
  font-size: 3.3333333333vw;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #result_single_main .fv .inner .ttl_box h2 {
    font-size: 6.4vw;
  }
}
#result_single_main .fv .inner .breadcrumbs_list {
  margin-left: auto;
}
#result_single_main .section_box .section_list .number_common_sec.number_common_white .inner .main_contents .content {
  color: #000;
}
#result_single_main .section_box .section_list .number_common_sec .inner .main_contents .content *:first-child {
  margin-top: 0;
}
#result_single_main .section_box .section_list .number_common_sec .inner .main_contents .content h3 {
  position: relative;
  font-size: 1.4583333333vw;
  letter-spacing: 0em;
  line-height: 1.65;
  font-weight: 700;
  padding-left: 1.8055555556vw;
  margin-top: 4.1666666667vw;
}
@media screen and (max-width: 768px) {
  #result_single_main .section_box .section_list .number_common_sec .inner .main_contents .content h3 {
    font-size: 4.8vw;
    padding-left: 5.3333333333vw;
    margin-top: 10.6666666667vw;
  }
}
#result_single_main .section_box .section_list .number_common_sec .inner .main_contents .content h3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 0.4166666667vw;
  height: 2.2222222222vw;
  background: linear-gradient(to bottom, #00d4ff, #2b279e);
}
@media screen and (max-width: 768px) {
  #result_single_main .section_box .section_list .number_common_sec .inner .main_contents .content h3::before {
    width: 1.0666666667vw;
    height: 100%;
  }
}
#result_single_main .section_box .section_list .number_common_sec .inner .main_contents .content p {
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 400;
  margin-top: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  #result_single_main .section_box .section_list .number_common_sec .inner .main_contents .content p {
    font-size: 3.7333333333vw;
    margin-top: 5.3333333333vw;
  }
}
#result_single_main .section_box .section_list .number_common_sec .inner .main_contents .content p strong {
  display: block;
  font-size: 1.25vw;
  margin-top: 2.0833333333vw;
  margin-bottom: 1.0416666667vw;
  background: linear-gradient(to left, #0066ff, #010028);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
  #result_single_main .section_box .section_list .number_common_sec .inner .main_contents .content p strong {
    font-size: 4.8vw;
    margin-top: 8vw;
    margin-bottom: 4vw;
  }
}
#result_single_main .section_box .section_list .basic_information_sec.number_common_white .inner .main_contents .basic_information_list {
  color: #03103e;
}
#result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .thumbnail {
  width: 100%;
  height: auto;
  margin-bottom: 2.7777777778vw;
}
@media screen and (max-width: 768px) {
  #result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .thumbnail {
    margin-bottom: 10.6666666667vw;
  }
}
#result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .thumbnail img {
  width: 100%;
  height: 31.25vw;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  #result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .thumbnail img {
    height: 66.6666666667vw;
  }
}
#result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .basic_information_list {
  padding: 5.5555555556vw 4.1666666667vw;
  background-color: rgba(255, 255, 255, 0.23);
  color: #fff;
}
@media screen and (max-width: 768px) {
  #result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .basic_information_list {
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
#result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .basic_information_list ul {
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .basic_information_list ul {
    gap: 2.6666666667vw;
  }
}
#result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .basic_information_list ul li {
  display: flex;
  align-items: center;
  gap: 1.3888888889vw;
  padding-bottom: 1.3888888889vw;
  border-bottom: 0.0694444444vw solid #868686;
}
@media screen and (max-width: 768px) {
  #result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .basic_information_list ul li {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.3333333333vw;
    padding-bottom: 2.6666666667vw;
    border-bottom: 0.2666666667vw solid #868686;
  }
}
#result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .basic_information_list ul li p {
  position: relative;
  width: 12.5vw;
  padding-left: 2.0833333333vw;
  font-size: 1.4583333333vw;
  letter-spacing: 0.08em;
  line-height: 1.65;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .basic_information_list ul li p {
    width: initial;
    padding-left: 4vw;
    font-size: 4.2666666667vw;
  }
}
#result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .basic_information_list ul li p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 0.4166666667vw;
  height: 2.2222222222vw;
  background: linear-gradient(to bottom, #00d4ff, #2b279e);
}
@media screen and (max-width: 768px) {
  #result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .basic_information_list ul li p::before {
    width: 1.0666666667vw;
    height: calc(100% - 1.0666666667vw);
  }
}
#result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .basic_information_list ul li span {
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 400;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #result_single_main .section_box .section_list .basic_information_sec .inner .main_contents .basic_information_list ul li span {
    padding-left: 4vw;
    font-size: 3.7333333333vw;
  }
}

#company_main {
  padding-bottom: 13.8888888889vw;
}
@media screen and (max-width: 768px) {
  #company_main {
    padding-bottom: 26.6666666667vw;
  }
}
#company_main #section_box .section_list .number_common_sec.number_common_white .inner .main_contents .company_common_content {
  color: #000;
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content {
  color: #fff;
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content *:first-child {
  margin-top: 0;
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content h3 {
  position: relative;
  padding-left: 1.7361111111vw;
  font-size: 1.3888888889vw;
  letter-spacing: 0.08em;
  line-height: 1.65;
  font-weight: 700;
  margin-top: 4.1666666667vw;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content h3 {
    padding-left: 4vw;
    font-size: 4.2666666667vw;
    letter-spacing: 0;
    margin-top: 10.6666666667vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content h3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0.4166666667vw;
  height: 100%;
  background: linear-gradient(to bottom, #00d4ff, #2b279e);
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content h3::before {
    width: 1.0666666667vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .text {
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 400;
  margin-top: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .text {
    font-size: 3.7333333333vw;
    margin-top: 5.3333333333vw;
    text-align: justify;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .left_position {
  text-align: end;
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 400;
  margin-top: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .left_position {
    font-size: 3.2vw;
    margin-top: 5.3333333333vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .img_right {
  width: 46.6666666667vw;
  height: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .img_right {
    margin-top: 5.3333333333vw;
    width: 100%;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .img_right img {
  width: 100%;
  height: auto;
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy {
  display: flex;
  flex-direction: column;
  gap: 4.1666666667vw;
  margin-top: 3.4722222222vw;
  padding: 5.5555555556vw 4.1666666667vw;
  background: linear-gradient(to bottom, #fff, #f7f7f7);
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy {
    gap: 5.3333333333vw;
    margin-top: 10.6666666667vw;
    padding: 8vw 4vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box {
  display: flex;
  align-items: flex-start;
  gap: 3.4722222222vw;
  padding-bottom: 4.1666666667vw;
  border-bottom: 0.0694444444vw dashed #595963;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box {
    flex-direction: column-reverse;
    gap: 5.3333333333vw;
    padding-bottom: 10.6666666667vw;
    border-bottom: 0.2666666667vw dashed #595963;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box:last-child {
  padding-bottom: 0;
  border: none;
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box {
  display: block;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box {
    margin-top: 5.3333333333vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content {
  width: 100%;
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content .border {
  margin: 2.0833333333vw 0;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content .border {
    border: 2.6666666667vw 0;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul {
  display: flex;
  flex-direction: column;
  gap: 0.6944444444vw;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul {
    margin-top: 8vw;
    gap: 5.3333333333vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul li {
  width: 100%;
  height: 8.3333333333vw;
  display: flex;
  gap: 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul li {
    flex-direction: column;
    height: auto;
    gap: 1.3333333333vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul li:nth-child(2) {
  height: 10.4166666667vw;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul li:nth-child(2) {
    height: auto;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul li .left {
  display: flex;
  align-items: center;
  width: 16.6666666667vw;
  height: 100%;
  padding-left: 2.0833333333vw;
  border-radius: 0.2083333333vw;
  background-color: #03103e;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul li .left {
    width: 100%;
    padding: 4vw;
    border-radius: 0.8vw;
    line-height: 1;
    letter-spacing: 0.2rem;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul li .left p {
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul li .left p {
    margin-top: 0;
    font-size: 4.2666666667vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul li .right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.3472222222vw;
  width: calc(100% - 17.3611111111vw);
  height: 100%;
  padding: 0 2.0833333333vw;
  background-color: #ededed;
  border-radius: 0.2083333333vw;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul li .right {
    width: 100%;
    height: auto;
    padding: 5.3333333333vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul li .right h5 {
  font-size: 1.25vw;
  letter-spacing: 0.08em;
  line-height: 1.65;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul li .right h5 {
    font-size: 4.2666666667vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul li .right p {
  font-size: 0.9027777778vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box.value_box .content ul li .right p {
    font-size: 3.2vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box .content {
  width: calc(100% - 20.9722222222vw);
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box .content {
    width: 100%;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box .content span {
  font-size: 1.0416666667vw;
  letter-spacing: -0.02em;
  line-height: 1;
  font-weight: 400;
  color: #03103e;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box .content span {
    font-size: 7.4666666667vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box .content h4 {
  font-size: 1.9444444444vw;
  letter-spacing: 0em;
  line-height: 1.65;
  font-weight: 700;
  margin-top: 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box .content h4 {
    font-size: 4.8vw;
    margin-top: 2.6666666667vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box .content .border {
  display: block;
  width: 2.5694444444vw;
  height: 0.4166666667vw;
  background: linear-gradient(to right, #00d4ff, #2b279e);
  margin: 0.6944444444vw 0;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box .content .border {
    width: 6.6666666667vw;
    height: 1.0666666667vw;
    margin: 2.6666666667vw 0;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box .content p {
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box .content p {
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box .content_img {
  width: 17.5vw;
  height: auto;
  aspect-ratio: 252/182;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box .content_img {
    width: 100%;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_common_content .corporate_philosophy .common_box .content_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list {
  width: 100%;
  margin-bottom: 5.2083333333vw;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list {
    margin-bottom: 10.6666666667vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list ul {
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list ul {
    gap: 2.6666666667vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list ul li {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding-bottom: 1.3888888889vw;
  border-bottom: 0.0694444444vw solid #868686;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list ul li {
    flex-direction: column;
    gap: 2.6666666667vw;
    padding-bottom: 5.3333333333vw;
    margin-bottom: 5.3333333333vw;
    border-bottom: 0.2666666667vw solid #868686;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list ul li .profile_ttl {
  position: relative;
  width: 13.8888888889vw;
  padding-left: 2.0833333333vw;
  font-size: 1.4583333333vw;
  letter-spacing: 0.08em;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list ul li .profile_ttl {
    width: auto;
    padding-left: 4vw;
    font-size: 4.8vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list ul li .profile_ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 0.4166666667vw;
  height: 2.2222222222vw;
  font-size: 1.4583333333vw;
  letter-spacing: 0.08em;
  line-height: 1.65;
  font-weight: 700;
  background: linear-gradient(to bottom, #00d4ff, #2b279e);
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list ul li .profile_ttl::before {
    width: 1.0666666667vw;
    height: 6.6666666667vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list ul li .profile_content p {
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 2.24;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list ul li .profile_content p {
    font-size: 4.2666666667vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list ul li .profile_content a {
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 2.24;
  font-weight: 400;
  color: #fff;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list ul li .profile_content a {
    font-size: 3.7333333333vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list ul li span {
  display: inline-block;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  font-weight: 700;
  margin-left: auto;
  color: #797c87;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .profile_list ul li span {
    margin: 0;
    font-size: 3.7333333333vw;
    color: #fff;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .history_list ul {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw;
  margin-top: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .history_list ul {
    gap: 5.3333333333vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .history_list ul::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12.3611111111vw;
  display: block;
  width: 0.0694444444vw;
  height: calc(100% - 2.0833333333vw);
  background-color: #868686;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .history_list ul::before {
    display: none;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .history_list ul li {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .history_list ul li {
    flex-wrap: wrap;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .history_list ul li .year {
  display: block;
  width: 5.625vw;
  font-size: 1.6666666667vw;
  letter-spacing: 0.08em;
  line-height: 1.75;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .history_list ul li .year {
    width: 13.3333333333vw;
    font-size: 5.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .history_list ul li .year .year-pc {
    display: none !important;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .history_list ul li .month {
  display: block;
  width: 2em;
  font-size: 1.4583333333vw;
  letter-spacing: 0.08em;
  line-height: 1.75;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  margin-left: 1.7361111111vw;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .history_list ul li .month {
    width: auto;
    font-size: 4.2666666667vw;
    margin-left: 2.6666666667vw;
    vertical-align: top;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .history_list ul li p {
  position: relative;
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 700;
  padding-left: 5vw;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .history_list ul li p {
    width: 100%;
    font-size: 3.7333333333vw;
    padding-left: initial;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .history_list ul li p::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.5277777778vw;
  display: block;
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 100%;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .company_profile_content .history_list ul li p::before {
    display: none;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content h3 {
  position: relative;
  font-size: 1.4583333333vw;
  letter-spacing: 0.08em;
  line-height: 1.65;
  font-weight: 700;
  padding-left: 1.7361111111vw;
  margin-top: 3.4722222222vw;
  color: #03103e;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content h3 {
    font-size: 4.8vw;
    padding-left: 5.3333333333vw;
    margin-top: 10.6666666667vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content h3:first-child {
  margin-top: 0;
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content h3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 0.4166666667vw;
  height: 2.2222222222vw;
  background: linear-gradient(to bottom, #00d4ff, #2b279e);
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content h3::before {
    width: 1.0666666667vw;
    height: 6.6666666667vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content p {
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 400;
  margin-top: 2.0833333333vw;
  color: #03103e;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content p {
    font-size: 3.7333333333vw;
    margin-top: 5.3333333333vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content .map {
  width: 100%;
  height: auto;
  aspect-ratio: 832/308;
  margin-top: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content .map {
    margin-top: 5.3333333333vw;
    aspect-ratio: 3/2;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content .map iframe {
  width: 100%;
  height: 100%;
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content .map_link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.1111111111vw;
  margin-top: 2.7777777778vw;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content .map_link {
    gap: 2.6666666667vw;
    margin-top: 10.6666666667vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content .map_link span {
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 700;
  color: #03103e;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content .map_link span {
    font-size: 3.7333333333vw;
  }
}
#company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content .map_link img {
  width: 2.4305555556vw;
  height: auto;
}
@media screen and (max-width: 768px) {
  #company_main #section_box .section_list .number_common_sec .inner .main_contents .access_content .map_link img {
    width: 8vw;
  }
}

#contact_main.confirm_page .fv_bg_img::before {
  height: 55.5555555556vw;
}
@media screen and (max-width: 768px) {
  #contact_main.confirm_page .fv_bg_img::before {
    height: 213.3333333333vw;
  }
}
#contact_main .contact_flow {
  position: relative;
  padding: 0 5.2083333333vw;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_flow {
    padding: 0 5.3333333333vw;
  }
}
#contact_main .contact_flow .inner {
  border-radius: 1.25vw;
  padding: 2.7777777778vw 4.1666666667vw;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_flow .inner {
    border-radius: 5.3333333333vw;
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
#contact_main .contact_flow .inner ul {
  display: flex;
  align-items: center;
  gap: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_flow .inner ul {
    flex-direction: column;
    gap: 2.6666666667vw;
  }
}
#contact_main .contact_flow .inner ul li {
  width: calc(33.33% - 0.9256944444vw);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.3888888889vw;
  font-size: 1.25vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 700;
  border-radius: 4.8611111111vw;
  color: #6f6f6f;
  border: 0.0694444444vw solid #6f6f6f;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_flow .inner ul li {
    padding: 2.6666666667vw 5.3333333333vw;
    font-size: 4.2666666667vw;
    border-radius: 18.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #contact_main .contact_flow .inner ul li {
    width: 100%;
  }
}
#contact_main .contact_flow .inner ul li.on {
  background: linear-gradient(to right, #00d4ff, #2b279e);
  border: none;
  color: #fff;
}
#contact_main .contact_sec {
  width: 89.3055555556vw;
  padding: 4.1666666667vw 0 6.25vw;
  margin: 6.9444444444vw auto 6.9444444444vw;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec {
    width: calc(100% - 10.6666666667vw);
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
#contact_main .contact_sec .inner {
  width: 50.2777777778vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner {
    width: 100%;
  }
}
#contact_main .contact_sec .inner .top_text {
  font-size: 1.1111111111vw;
  letter-spacing: 0;
  line-height: 1.8;
  font-weight: 400;
  color: #000;
  margin-bottom: 3.4722222222vw;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner .top_text {
    font-size: 3.2vw;
    margin-bottom: 10.6666666667vw;
  }
}
#contact_main .contact_sec .inner form {
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form {
    gap: 5.3333333333vw;
  }
}
#contact_main .contact_sec .inner form .box {
  display: flex;
  align-items: flex-start;
  gap: 4.1666666667vw;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .box {
    flex-direction: column;
    gap: 2.6666666667vw;
  }
}
#contact_main .contact_sec .inner form .box .input_ttl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 35.4166666667vw);
  height: 3.8194444444vw;
  font-size: 1.25vw;
  line-height: 1.8;
  font-weight: 400;
  color: #313131;
  gap: 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .box .input_ttl {
    width: 100%;
    justify-content: flex-start;
    gap: 4vw;
    height: auto;
    font-size: 4.2666666667vw;
  }
}
#contact_main .contact_sec .inner form .box .input_ttl span {
  display: block;
  font-size: 0.9722222222vw;
  letter-spacing: 0.1em;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  padding: 0.5555555556vw 0.8333333333vw;
  background-color: #ff6666;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .box .input_ttl span {
    font-size: 3.2vw;
    padding: 1.6vw 2.6666666667vw;
  }
}
#contact_main .contact_sec .inner form .box .input {
  width: 31.25vw;
  height: auto;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .box .input {
    width: 100%;
  }
}
#contact_main .contact_sec .inner form .box .input .text_input {
  width: 100%;
  height: 3.8194444444vw;
  border: 0.0694444444vw solid #b0afaf;
  padding: 0.6944444444vw 1.3888888889vw;
  font-size: 1.25vw;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .box .input .text_input {
    height: auto;
    border: 0.2666666667vw solid #b0afaf;
    padding: 2.1333333333vw 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
#contact_main .contact_sec .inner form .box .input .caveat {
  text-align: start;
}
#contact_main .contact_sec .inner form .box .input textarea {
  width: 100%;
  height: auto;
  padding: 0.6944444444vw 1.3888888889vw;
  font-size: 1.25vw;
  line-height: 1.8;
  font-weight: 400;
  color: #aaaaaa;
  border: 0.0694444444vw solid #b0afaf;
  aspect-ratio: 45/28;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .box .input textarea {
    padding: 2.1333333333vw 2.6666666667vw;
    font-size: 4.2666666667vw;
    border: 0.2666666667vw solid #b0afaf;
  }
}
#contact_main .contact_sec .inner form .box .contact_types {
  width: 31.25vw;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6944444444vw 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .box .contact_types {
    width: 100%;
    gap: 2.6666666667vw;
  }
}
#contact_main .contact_sec .inner form .box .contact_types label {
  display: flex;
  align-items: center;
  gap: 0.4861111111vw;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .box .contact_types label {
    gap: 1.8666666667vw;
  }
}
#contact_main .contact_sec .inner form .box .contact_types label input {
  width: 1.5277777778vw;
  height: auto;
  aspect-ratio: 1;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .box .contact_types label input {
    width: 4.8vw;
  }
}
#contact_main .contact_sec .inner form .box .contact_types label span {
  font-size: 1.1111111111vw;
  line-height: 1.8;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .box .contact_types label span {
    font-size: 3.7333333333vw;
  }
}
#contact_main .contact_sec .inner form .privacy_policy_check {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25vw;
  padding-top: 2.7777777778vw;
  border-top: 0.0694444444vw solid #b0afaf;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .privacy_policy_check {
    gap: 4.2666666667vw;
    padding-top: 5.3333333333vw;
    border-top: 0.2666666667vw solid #b0afaf;
  }
}
#contact_main .contact_sec .inner form .privacy_policy_check input {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  border-radius: 50%;
  border: 0.0694444444vw solid #666;
  background: #fff;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .privacy_policy_check input {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    border: 0.2666666667vw solid #666;
  }
}
#contact_main .contact_sec .inner form .privacy_policy_check input::after {
  content: "";
  position: absolute;
  width: 60%;
  height: 60%;
  background: #ccc;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.3s ease;
}
#contact_main .contact_sec .inner form .privacy_policy_check input:checked::after {
  transform: translate(-50%, -50%) scale(1);
}
#contact_main .contact_sec .inner form .privacy_policy_check p {
  font-size: 1.25vw;
  line-height: 1.8;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .privacy_policy_check p {
    font-size: 3.2vw;
  }
}
#contact_main .contact_sec .inner form .privacy_policy_check p a {
  color: #ff6666;
  text-decoration: underline;
}
#contact_main .contact_sec .inner form .btn_box {
  display: flex;
  align-items: center;
  justify-content: center;
}
#contact_main .contact_sec .inner form .btn_box .submit {
  position: relative;
  width: 29.8611111111vw;
  box-shadow: 0.1388888889vw 0.1388888889vw 0.2777777778vw 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .btn_box .submit {
    width: 100%;
  }
}
#contact_main .contact_sec .inner form .btn_box .submit::before {
  position: absolute;
  top: 50%;
  right: 1.2152777778vw;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 3.0902777778vw;
  height: 1.0416666667vw;
  background-image: url("/assets/images/contact_btn_arrow.svg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .btn_box .submit::before {
    right: 4vw;
    width: 8vw;
    height: auto;
    aspect-ratio: 44.5/15;
  }
}
#contact_main .contact_sec .inner form .btn_box .submit input {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5.6944444444vw;
  font-size: 1.25vw;
  letter-spacing: 0.25em;
  line-height: 1.8;
  font-weight: 700;
  color: #fff;
  background-color: #03103e;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .btn_box .submit input {
    height: 13.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
#contact_main .contact_sec .inner form .caveat {
  text-align: center;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  font-weight: 500;
  color: #ff6666;
  margin-top: 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #contact_main .contact_sec .inner form .caveat {
    font-size: 3.2vw;
    margin-top: 2.6666666667vw;
  }
}
#contact_main .confirm_sec {
  width: 89.3055555556vw;
  padding: 4.1666666667vw 0 6.25vw;
  margin: 6.9444444444vw auto 6.9444444444vw;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #contact_main .confirm_sec {
    width: calc(100% - 10.6666666667vw);
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
#contact_main .confirm_sec .inner {
  width: 50.2777777778vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #contact_main .confirm_sec .inner {
    width: 100%;
  }
}
#contact_main .confirm_sec .inner form {
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw;
  color: #313131;
}
@media screen and (max-width: 768px) {
  #contact_main .confirm_sec .inner form {
    gap: 5.3333333333vw;
  }
}
#contact_main .confirm_sec .inner form .box {
  display: flex;
  align-items: center;
  gap: 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #contact_main .confirm_sec .inner form .box {
    flex-direction: column;
    gap: 2.6666666667vw;
  }
}
#contact_main .confirm_sec .inner form .box .input_ttl {
  width: 13.8888888889vw;
  font-size: 1.25vw;
  letter-spacing: 0;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #contact_main .confirm_sec .inner form .box .input_ttl {
    width: 100%;
    font-size: 3.7333333333vw;
  }
}
#contact_main .confirm_sec .inner form .box .input {
  width: calc(100% - 14.5833333333vw);
  padding-bottom: 0.3472222222vw;
  border-bottom: 0.0694444444vw solid #313131;
}
@media screen and (max-width: 768px) {
  #contact_main .confirm_sec .inner form .box .input {
    width: 100%;
    padding-bottom: 1.3333333333vw;
    border-bottom: 0.2666666667vw solid #313131;
  }
}
#contact_main .confirm_sec .inner form .box .input p {
  font-size: 1.25vw;
  line-height: 1.8;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #contact_main .confirm_sec .inner form .box .input p {
    font-size: 3.2vw;
  }
}
#contact_main .confirm_sec .inner .btn_box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.7777777778vw;
  margin-top: 2.7777777778vw;
}
@media screen and (max-width: 768px) {
  #contact_main .confirm_sec .inner .btn_box {
    flex-direction: column;
    gap: 5.3333333333vw;
    margin-top: 10.6666666667vw;
  }
}
#contact_main .confirm_sec .inner .btn_box .back {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 1.3888888889vw);
  height: 5.6944444444vw;
  font-size: 1.25vw;
  letter-spacing: 0.25em;
  line-height: 1.8;
  font-weight: 700;
  color: #fff;
  background-color: #03103e;
  box-shadow: 0.1388888889vw 0.1388888889vw 0.2777777778vw 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  #contact_main .confirm_sec .inner .btn_box .back {
    width: 100%;
    height: 13.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
#contact_main .confirm_sec .inner .btn_box .back::before {
  position: absolute;
  top: 50%;
  left: 1.2152777778vw;
  transform: translateY(-50%) scale(-1, 1);
  content: "";
  display: block;
  width: 3.0902777778vw;
  height: 1.0416666667vw;
  background-image: url("/assets/images/contact_btn_arrow.svg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  #contact_main .confirm_sec .inner .btn_box .back::before {
    left: 4vw;
    width: 8vw;
    height: auto;
    aspect-ratio: 44.5/15;
  }
}
#contact_main .confirm_sec .inner .btn_box .submit {
  position: relative;
  width: calc(50% - 1.3888888889vw);
  box-shadow: 0.1388888889vw 0.1388888889vw 0.2777777778vw 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  #contact_main .confirm_sec .inner .btn_box .submit {
    width: 100%;
  }
}
#contact_main .confirm_sec .inner .btn_box .submit::before {
  position: absolute;
  top: 50%;
  right: 1.2152777778vw;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 3.0902777778vw;
  height: 1.0416666667vw;
  background-image: url("/assets/images/contact_btn_arrow.svg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  #contact_main .confirm_sec .inner .btn_box .submit::before {
    right: 4vw;
    width: 8vw;
    height: auto;
    aspect-ratio: 44.5/15;
  }
}
#contact_main .confirm_sec .inner .btn_box .submit input {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5.6944444444vw;
  font-size: 1.25vw;
  letter-spacing: 0.25em;
  line-height: 1.8;
  font-weight: 700;
  color: #fff;
  background-color: #03103e;
}
@media screen and (max-width: 768px) {
  #contact_main .confirm_sec .inner .btn_box .submit input {
    height: 13.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
#contact_main .thanks_sec {
  width: 89.3055555556vw;
  padding: 4.1666666667vw 0 6.25vw;
  margin: 6.9444444444vw auto 6.9444444444vw;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #contact_main .thanks_sec {
    width: calc(100% - 10.6666666667vw);
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
#contact_main .thanks_sec .inner {
  width: 50.2777777778vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #contact_main .thanks_sec .inner {
    width: 100%;
  }
}
#contact_main .thanks_sec .inner h2 {
  font-size: 2.2222222222vw;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #contact_main .thanks_sec .inner h2 {
    font-size: 6.4vw;
  }
}
#contact_main .thanks_sec .inner p {
  font-size: 1.1111111111vw;
  margin-top: 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #contact_main .thanks_sec .inner p {
    font-size: 3.7333333333vw;
    margin-top: 2.6666666667vw;
  }
}
#contact_main .thanks_sec .inner a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 1.3888888889vw);
  height: 5.6944444444vw;
  font-size: 1.25vw;
  letter-spacing: 0.25em;
  line-height: 1.8;
  font-weight: 700;
  color: #fff;
  background-color: #03103e;
  box-shadow: 0.1388888889vw 0.1388888889vw 0.2777777778vw 0px rgba(0, 0, 0, 0.25);
  margin: 2.7777777778vw auto 0;
}
@media screen and (max-width: 768px) {
  #contact_main .thanks_sec .inner a {
    width: 100%;
    height: 13.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
#contact_main .thanks_sec .inner a::before {
  position: absolute;
  top: 50%;
  left: 1.2152777778vw;
  transform: translateY(-50%) scale(-1, 1);
  content: "";
  display: block;
  width: 3.0902777778vw;
  height: 1.0416666667vw;
  background-image: url("/assets/images/contact_btn_arrow.svg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  #contact_main .thanks_sec .inner a::before {
    left: 4vw;
    width: 8vw;
    height: auto;
    aspect-ratio: 44.5/15;
  }
}

#privacy_main .privacy_sec {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 11.1111111111vw;
}
@media screen and (max-width: 768px) {
  #privacy_main .privacy_sec {
    padding: 0 5.3333333333vw 21.3333333333vw;
  }
}
#privacy_main .privacy_sec .inner {
  width: 79.1666666667vw;
  padding: 9.0277777778vw 14.4444444444vw;
  margin: 0 auto;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #privacy_main .privacy_sec .inner {
    width: 100%;
    padding: 16vw 5.3333333333vw;
  }
}
#privacy_main .privacy_sec .inner .text:first-child {
  margin-bottom: 3.8194444444vw;
}
@media screen and (max-width: 768px) {
  #privacy_main .privacy_sec .inner .text:first-child {
    margin-bottom: 10.6666666667vw;
  }
}
#privacy_main .privacy_sec .inner h3 {
  font-size: 1.1111111111vw;
  line-height: 1.8;
  font-weight: 700;
  margin: 2.0833333333vw 0 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #privacy_main .privacy_sec .inner h3 {
    font-size: 3.7333333333vw;
  }
}
#privacy_main .privacy_sec .inner p {
  font-size: 1.1111111111vw;
  line-height: 1.8;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #privacy_main .privacy_sec .inner p {
    font-size: 3.7333333333vw;
  }
}
#privacy_main .privacy_sec .inner ol {
  padding-left: 1.5em;
}
#privacy_main .privacy_sec .inner ol li {
  font-size: 1.1111111111vw;
  line-height: 1.8;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #privacy_main .privacy_sec .inner ol li {
    font-size: 3.7333333333vw;
  }
}
#privacy_main .privacy_sec .inner .text_bg {
  padding: 1.7361111111vw 2.7777777778vw;
  background-color: #03103e;
  color: #fff;
  margin: 2.7777777778vw 0;
}
#privacy_main .privacy_sec .inner .text_bg a {
  color: #fff;
  text-decoration: underline;
}

#solution_main .solution_sec {
  padding: 10.4166666667vw 0 13.8888888889vw;
  background-image: linear-gradient(#03103c 90%, #efefef);
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec {
    padding: 16vw 5.3333333333vw 21.3333333333vw;
  }
}
#solution_main .solution_sec .inner {
  width: 87.8472222222vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner {
    width: 100%;
  }
}
#solution_main .solution_sec .inner .solution_list {
  display: flex;
  flex-direction: column;
  gap: 6.9444444444vw;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list {
    gap: 10.6666666667vw;
  }
}
#solution_main .solution_sec .inner .solution_list li {
  display: flex;
  align-items: center;
  gap: 5.5555555556vw;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li {
    flex-direction: column;
    gap: 5.3333333333vw;
  }
}
#solution_main .solution_sec .inner .solution_list li:nth-child(2n) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li:nth-child(2n) {
    flex-direction: column;
  }
}
#solution_main .solution_sec .inner .solution_list li .img {
  width: 34.7222222222vw;
  height: auto;
  aspect-ratio: 500/650;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li .img {
    width: 100%;
    aspect-ratio: 2/1;
  }
}
#solution_main .solution_sec .inner .solution_list li .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#solution_main .solution_sec .inner .solution_list li .content {
  width: calc(100% - 40.2777777778vw);
  color: #fff;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li .content {
    width: 100%;
  }
}
#solution_main .solution_sec .inner .solution_list li .content h3 {
  font-size: 3.1944444444vw;
  letter-spacing: -0.02em;
  line-height: 1.65;
  font-weight: 700;
  margin-bottom: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li .content h3 {
    font-size: 6.4vw;
    margin-bottom: 5.3333333333vw;
  }
}
#solution_main .solution_sec .inner .solution_list li .content .article_ttl {
  font-size: 1.3888888889vw;
  letter-spacing: -0.02em;
  line-height: 1.65;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li .content .article_ttl {
    font-size: 3.7333333333vw;
  }
}
#solution_main .solution_sec .inner .solution_list li .content .box {
  padding: 2.0833333333vw;
  background-color: #fff;
  margin-top: 2.7777777778vw;
  color: #444;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li .content .box {
    padding: 2.6666666667vw;
    margin-top: 5.3333333333vw;
  }
}
#solution_main .solution_sec .inner .solution_list li .content .box .date {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.0694444444vw 0.5555555556vw;
  background-color: #03103e;
  color: #fff;
  font-size: 1.1805555556vw;
  letter-spacing: -0.02em;
  line-height: 1.65;
  font-weight: 700;
  margin-left: auto;
  margin-bottom: 1.0416666667vw;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li .content .box .date {
    padding: 0.2666666667vw 2.1333333333vw;
    font-size: 3.2vw;
    margin-bottom: 4vw;
  }
}
#solution_main .solution_sec .inner .solution_list li .content .box .text {
  font-size: 1.3888888889vw;
  letter-spacing: -0.02em;
  line-height: 1.65;
  font-weight: 700;
  margin-bottom: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li .content .box .text {
    font-size: 3.7333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
#solution_main .solution_sec .inner .solution_list li .content .box .definition_list {
  display: flex;
  align-items: center;
  gap: 1.3888888889vw;
  padding: 0 0.6944444444vw;
  margin-top: 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li .content .box .definition_list {
    gap: 2.6666666667vw;
    padding: 0;
    margin-top: 2.6666666667vw;
  }
}
#solution_main .solution_sec .inner .solution_list li .content .box .definition_list .definition_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #00d4ff, #2b279e);
  border-radius: 9.3055555556vw;
  padding: 0.1388888889vw;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li .content .box .definition_list .definition_ttl {
    border-radius: 36vw;
    padding: 0.2666666667vw;
  }
}
#solution_main .solution_sec .inner .solution_list li .content .box .definition_list .definition_ttl span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9722222222vw;
  letter-spacing: 0.01em;
  line-height: 1.85;
  font-weight: 700;
  color: #0e0b2c;
  background-color: #fff;
  border-radius: 9.1666666667vw;
  padding: 0.2083333333vw 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li .content .box .definition_list .definition_ttl span {
    font-size: 3.2vw;
    border-radius: 36vw;
    padding: 0.5333333333vw 4vw;
  }
}
#solution_main .solution_sec .inner .solution_list li .content .box .definition_list p {
  font-size: 1.1805555556vw;
  letter-spacing: -0.02em;
  line-height: 1.65;
  font-weight: 700;
  color: #444;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li .content .box .definition_list p {
    font-size: 3.7333333333vw;
  }
}
#solution_main .solution_sec .inner .solution_list li .content .box .btn {
  display: block;
  width: 16.25vw;
  padding: 0.1388888889vw;
  border-radius: 6.9444444444vw;
  background: linear-gradient(to right, #00d4ff, #2b279e);
  margin-top: 3.125vw;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li .content .box .btn {
    width: 53.3333333333vw;
    padding: 0.5333333333vw;
    border-radius: 26.6666666667vw;
    margin-top: 9.3333333333vw;
  }
}
#solution_main .solution_sec .inner .solution_list li .content .box .btn .btn_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.3888888889vw;
  width: 100%;
  height: 3.6111111111vw;
  background-color: #fff;
  border-radius: 6.9444444444vw;
  padding-left: 3.4722222222vw;
  padding-right: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li .content .box .btn .btn_inner {
    gap: 5.3333333333vw;
    height: 12vw;
    border-radius: 26.6666666667vw;
    padding-left: 8vw;
    padding-right: 5.3333333333vw;
  }
}
#solution_main .solution_sec .inner .solution_list li .content .box .btn .btn_inner span {
  font-size: 1.1111111111vw;
  letter-spacing: 0.01em;
  line-height: 1.95;
  font-weight: 700;
  color: #03103e;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li .content .box .btn .btn_inner span {
    font-size: 3.7333333333vw;
  }
}
#solution_main .solution_sec .inner .solution_list li .content .box .btn .btn_inner img {
  width: 1.7361111111vw;
  height: auto;
}
@media screen and (max-width: 768px) {
  #solution_main .solution_sec .inner .solution_list li .content .box .btn .btn_inner img {
    width: 5.3333333333vw;
  }
}

#insight_main .insight_category {
  position: relative;
  padding: 0 5.2083333333vw;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_category {
    padding: 0 5.3333333333vw;
  }
}
#insight_main .insight_category .inner {
  border-radius: 1.25vw;
  padding: 2.7777777778vw 4.1666666667vw;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_category .inner {
    border-radius: 5.3333333333vw;
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
#insight_main .insight_category .inner ul {
  display: flex;
  align-items: center;
  gap: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_category .inner ul {
    flex-direction: column;
    gap: 2.6666666667vw;
  }
}
#insight_main .insight_category .inner ul li {
  width: calc(25% - 1.0416666667vw);
}
@media screen and (max-width: 768px) {
  #insight_main .insight_category .inner ul li {
    width: 100%;
  }
}
#insight_main .insight_category .inner ul li.on a {
  background: linear-gradient(to right, #00d4ff, #2b279e);
  border: none;
  color: #fff;
}
#insight_main .insight_category .inner ul li a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.3888888889vw;
  font-size: 1.25vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 700;
  border-radius: 4.8611111111vw;
  color: #6f6f6f;
  border: 0.0694444444vw solid #6f6f6f;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_category .inner ul li a {
    padding: 2.6666666667vw 5.3333333333vw;
    font-size: 4.2666666667vw;
    border-radius: 18.6666666667vw;
  }
}
#insight_main .insight_tags {
  position: relative;
  z-index: 10;
  margin: 1.3888888889vw 0 0;
  padding: 0 5.2083333333vw;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_tags {
    margin-top: 5.3333333333vw;
    padding: 0 5.3333333333vw;
  }
}
#insight_main .insight_tags .inner {
  width: 100%;
  padding: 2.7777777778vw 4.1666666667vw;
  background-color: #3c567c;
  border-radius: 1.25vw;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_tags .inner {
    padding: 10.6666666667vw 5.3333333333vw;
    border-radius: 5.3333333333vw;
  }
}
#insight_main .insight_tags .inner ul {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8333333333vw;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_tags .inner ul {
    gap: 1.3333333333vw 2.6666666667vw;
  }
}
#insight_main .insight_tags .inner ul li a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5555555556vw 2.0833333333vw;
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.85;
  font-weight: 700;
  color: #6f6f6f;
  background-color: #fff;
  border-radius: 4.8611111111vw;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_tags .inner ul li a {
    padding: 1.0666666667vw 2.6666666667vw;
    font-size: 3.2vw;
    border-radius: 18.6666666667vw;
  }
}
#insight_main .insight_sec {
  padding: 0 5.2083333333vw 8.3333333333vw;
  margin-top: 5.5555555556vw;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_sec {
    padding: 0 5.3333333333vw 21.3333333333vw;
    margin-top: 16vw;
  }
}
#insight_main .insight_sec .inner .insight_list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.7777777778vw 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_sec .inner .insight_list {
    gap: 2.6666666667vw;
  }
}
#insight_main .insight_sec .inner .insight_list li {
  width: calc(33.33% - 0.9256944444vw);
}
@media screen and (max-width: 768px) {
  #insight_main .insight_sec .inner .insight_list li {
    width: 100%;
  }
}
#insight_main .insight_sec .inner .insight_list li a {
  display: block;
  width: 100%;
  padding: 2.0833333333vw 1.3888888889vw;
  border-radius: 1.25vw;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_sec .inner .insight_list li a {
    padding: 4vw;
    border-radius: 2.6666666667vw;
  }
}
#insight_main .insight_sec .inner .insight_list li a .img {
  width: 100%;
  height: auto;
  aspect-ratio: 376/208;
  background-color: #d9d9d9;
}
#insight_main .insight_sec .inner .insight_list li a .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#insight_main .insight_sec .inner .insight_list li a .article_ttl {
  font-size: 1.3888888889vw;
  letter-spacing: -0.02em;
  line-height: 1.65;
  font-weight: 700;
  color: #444;
  margin: 1.7361111111vw 0;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_sec .inner .insight_list li a .article_ttl {
    font-size: 3.7333333333vw;
    margin: 2.6666666667vw 0;
  }
}
#insight_main .insight_sec .inner .insight_list li a .definition_list {
  display: flex;
  align-items: center;
  gap: 1.3888888889vw;
  padding: 0 0.6944444444vw;
  margin-top: 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_sec .inner .insight_list li a .definition_list {
    gap: 2.6666666667vw;
    padding: 0;
    margin-top: 2.6666666667vw;
  }
}
#insight_main .insight_sec .inner .insight_list li a .definition_list .definition_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #00d4ff, #2b279e);
  border-radius: 9.3055555556vw;
  padding: 0.1388888889vw;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_sec .inner .insight_list li a .definition_list .definition_ttl {
    border-radius: 36vw;
    padding: 0.2666666667vw;
  }
}
#insight_main .insight_sec .inner .insight_list li a .definition_list .definition_ttl span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9722222222vw;
  letter-spacing: 0.01em;
  line-height: 1.85;
  font-weight: 700;
  color: #0e0b2c;
  background-color: #fff;
  border-radius: 9.1666666667vw;
  padding: 0.2083333333vw 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_sec .inner .insight_list li a .definition_list .definition_ttl span {
    font-size: 3.2vw;
    border-radius: 36vw;
    padding: 0.5333333333vw 4vw;
  }
}
#insight_main .insight_sec .inner .insight_list li a .definition_list p {
  font-size: 1.1805555556vw;
  letter-spacing: -0.02em;
  line-height: 1.65;
  font-weight: 700;
  color: #444;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_sec .inner .insight_list li a .definition_list p {
    font-size: 3.7333333333vw;
  }
}
#insight_main .insight_single_ttl_box {
  position: relative;
  width: 83.3333333333vw;
  border-radius: 1.25vw;
  padding: 2.0833333333vw 1.7361111111vw;
  background-color: #fff;
  margin: 0 auto;
  color: #444;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_single_ttl_box {
    width: calc(100% - 10.6666666667vw);
    border-radius: 2.6666666667vw;
    padding: 2.6666666667vw;
  }
}
#insight_main .insight_single_ttl_box h2 {
  font-size: 3.0555555556vw;
  letter-spacing: 0.08em;
  line-height: 1.35;
  font-weight: 400;
  margin-bottom: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_single_ttl_box h2 {
    font-size: 5.3333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
#insight_main .insight_single_ttl_box .tag span:first-child {
  margin-left: 0;
}
#insight_main .insight_single_ttl_box .tag span {
  font-size: 1.1111111111vw;
  letter-spacing: 0.08em;
  line-height: 1.75;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  margin-left: 0.6944444444vw;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_single_ttl_box .tag span {
    font-size: 2.6666666667vw;
    margin-left: 2.6666666667vw;
  }
}
#insight_main .insight_single_sec {
  padding-bottom: 8.3333333333vw;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_single_sec {
    padding-bottom: 21.3333333333vw;
  }
}
#insight_main .insight_single_sec .inner {
  width: 83.3333333333vw;
  padding: 5.2083333333vw 8.6805555556vw;
  background-color: #fff;
  margin: 5.2083333333vw auto 0;
  border-radius: 1.25vw;
  color: #000;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_single_sec .inner {
    width: calc(100% - 10.6666666667vw);
    padding: 5.3333333333vw;
    margin-top: 10.6666666667vw;
    border-radius: 2.6666666667vw;
  }
}
#insight_main .insight_single_sec .inner *:first-child {
  margin-top: 0;
}
#insight_main .insight_single_sec .inner img {
  width: 100%;
  height: auto;
  margin-top: 1.3888888889vw;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_single_sec .inner img {
    margin-top: 5.3333333333vw;
  }
}
#insight_main .insight_single_sec .inner p {
  font-size: 1.0416666667vw;
  letter-spacing: 0.08em;
  line-height: 1.65;
  font-weight: 400;
  margin-top: 4.1666666667vw;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_single_sec .inner p {
    font-size: 3.2vw;
    margin-top: 10.6666666667vw;
  }
}
#insight_main .insight_single_sec .inner h2 {
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw;
  font-size: 1.9444444444vw;
  margin-top: 4.8611111111vw;
  letter-spacing: 0.08em;
  line-height: 1.65;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_single_sec .inner h2 {
    gap: 5.3333333333vw;
    font-size: 6.4vw;
    margin-top: 10.6666666667vw;
    line-height: 1.2;
  }
}
#insight_main .insight_single_sec .inner h2::after {
  content: "";
  display: block;
  width: 2.5694444444vw;
  height: 0.4166666667vw;
  background: linear-gradient(to right, #00d4ff, #2b279e);
}
@media screen and (max-width: 768px) {
  #insight_main .insight_single_sec .inner h2::after {
    width: 9.8666666667vw;
    height: 1.6vw;
  }
}
#insight_main .insight_single_sec .inner h3 {
  font-size: 1.5277777778vw;
  padding: 1.0416666667vw 1.3888888889vw;
  border-radius: 0.6944444444vw;
  margin-top: 2.7777777778vw;
  letter-spacing: 0.08em;
  line-height: 1.65;
  font-weight: 700;
  color: #fff;
  background-color: #033050;
}
@media screen and (max-width: 768px) {
  #insight_main .insight_single_sec .inner h3 {
    font-size: 4.8vw;
    padding: 2.6666666667vw;
    border-radius: 2.6666666667vw;
    margin-top: 10.6666666667vw;
  }
}

#other_main {
  padding-bottom: 13.8888888889vw;
}
@media screen and (max-width: 768px) {
  #other_main {
    padding-bottom: 26.6666666667vw;
  }
}
#other_main .fv_text .inner .border_gradient_btn {
  margin-top: 2.7777777778vw;
}
@media screen and (max-width: 768px) {
  #other_main .fv_text .inner .border_gradient_btn {
    margin-top: 5.3333333333vw;
  }
}/*# sourceMappingURL=base.css.map */