@charset "UTF-8";
/*====================================================
//// webフォント読み込み
====================================================*/
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&display=swap");
/* font-family
----------------------------------------------------*/
/* 画面サイズ
----------------------------------------------------*/
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

@media screen and (min-width: 768px) {
  html {
    font-size: 0.5050505051vw;
  }
}
/*====================================================
//// カラーコード
====================================================*/
:root {
  --main-color: #009CD3;
  --orange: #F5A200;
  --green: #76A315;
  --txt-color: #333333;
}

/*====================================================
////アニメーション設定
====================================================*/
@keyframes top-system-solution01 {
  0% {
    opacity: 0;
    transform: translateY(10rem) scale(0);
  }
  15% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  85% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(10rem) scale(0);
  }
}
@keyframes top-system-solution02 {
  0% {
    transform: translateY(0.2rem);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0.2rem);
  }
}
@keyframes top-system-solution03 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes system-development {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes top-drone01 {
  0% {
    transform: translateY(-2rem);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-2rem);
  }
}
@keyframes top-drone02 {
  0% {
    transform: translateX(1rem);
  }
  50% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(1rem);
  }
}
@keyframes top-drone03 {
  0% {
    transform: translateX(-1rem);
  }
  50% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1rem);
  }
}
@keyframes top-new-products01 {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes top-new-products02 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(0.5rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes top-pc-cars {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100vw);
  }
}
@keyframes scroll-down {
  0% {
    opacity: 0;
    transform: rotate(-45deg) translate(0, 0);
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: rotate(-45deg) translate(-2rem, 2rem);
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes title-inUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    display: none;
  }
}
@keyframes fade-out02 {
  0% {
    opacity: 0.5;
  }
  99% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    display: none;
  }
}
/*---- 発火設定 ----*/
.fadeIn {
  opacity: 0;
}
.fadeIn.active {
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.title-inUp {
  transform: translateY(100%);
}
.title-inUp.active {
  animation-name: title-inUp;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

/*====================================================
//// bg
====================================================*/
/*======================= PC =======================*/
/*====================================================
////common
====================================================*/
/* ---------- 基本設定 ----------*/
body {
  font-size: 1.4rem;
  font-family: "M PLUS 1", sans-serif;
  color: #333;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 1.6rem;
  }
}

img {
  display: block;
  width: 100%;
  height: auto;
}

a {
  display: block;
  transition: 0.3s;
}
a:hover {
  opacity: 0.8;
}

svg {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.only-sp {
  display: block !important;
}
@media screen and (min-width: 768px) {
  .only-sp {
    display: none !important;
  }
}

.only-pc {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .only-pc {
    display: block !important;
  }
}

/*====================================================
//// header
====================================================*/
.header {
  transition: 0.3s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 7rem;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.8);
}
.header.active {
  height: auto;
  min-height: 100vh;
  overflow-y: scroll;
}
.header::after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: var(--main-color);
  z-index: -1;
  top: 0;
  left: 0;
  transition: 0.3s;
  transform: translateX(100vw);
}
.header .inner {
  width: 100%;
  max-width: initial;
  padding: 1rem 2rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.header__logo {
  width: 25rem;
}
.header__logo .normal {
  opacity: 1;
  visibility: visible;
  height: auto;
  transition: 0.3s;
}
.header__logo .white {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: 0.3s;
}
.header__contact {
  display: none;
}
.header__contact a {
  background-color: var(--main-color);
  color: #fff;
  padding: 1rem 5rem;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}
.header__menuBtn {
  width: 5rem;
  background-color: var(--main-color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: relative;
  transition: 0.3s;
  aspect-ratio: 100/100;
}
.header__menuBtn span {
  display: block;
  background-color: #fff;
  width: 0.8rem;
  aspect-ratio: 100/100;
  border-radius: 50%;
  position: absolute;
  top: 2rem;
  transition: 0.3s;
  transform-origin: 50% 50%;
}
.header__menuBtn span:first-child {
  left: 0.7rem;
}
.header__menuBtn span:nth-child(2) {
  left: 2.2rem;
}
.header__menuBtn span:nth-child(3) {
  right: 0.7rem;
}
.header__menuBtn span.open, .header__menuBtn span.close {
  background-color: transparent;
  width: fit-content;
  aspect-ratio: auto;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  color: #fff;
  top: auto;
  bottom: 0.8rem;
  left: 50%;
  transform: translateX(-50%) translateY(0);
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
}
.header__menuBtn span.close {
  opacity: 0;
  visibility: hidden;
}
.header__menuBtn:hover {
  cursor: pointer;
  opacity: 0.8;
}
.header__menuBtn.active {
  background-color: #fff;
}
.header__menuBtn.active span:first-child, .header__menuBtn.active span:nth-child(3) {
  width: 2.5rem;
  height: 0.3rem;
  background-color: var(--main-color);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  top: 2rem;
}
.header__menuBtn.active span:first-child {
  transform: rotate(45deg);
  left: 1.25rem;
}
.header__menuBtn.active span:nth-child(2) {
  opacity: 0;
}
.header__menuBtn.active span:nth-child(3) {
  transform: rotate(-45deg);
  right: 1.25rem;
}
.header__menuBtn.active span.open {
  opacity: 0;
  visibility: hidden;
}
.header__menuBtn.active span.close {
  opacity: 1;
  visibility: visible;
  color: var(--main-color);
}
.header__nav {
  color: #fff;
  transform: translateX(100vw);
  transition: 0.3s;
  position: absolute;
  left: 0;
  top: 7rem;
  width: 100%;
}
.header__nav nav {
  width: 87%;
  margin: 3rem auto 0;
}
.header__nav--list .item {
  background-image: radial-gradient(circle, #ffffff 2px, transparent 2px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 14px 4px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 500;
}
.header__nav--list .item a {
  padding: 1.5rem 0;
}
.header__nav--list .item:nth-child(2) {
  padding: 1.5rem 0;
}
.header__nav--list .item.parent {
  position: relative;
  display: block;
  width: 95%;
}
.header__nav--list .item.parent::after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  right: 1rem;
  top: 2rem;
  transform: rotate(135deg);
}
.header__nav--list .item:nth-child(6), .header__nav--list .item:last-child {
  background: none;
}
.header__nav--list .item:nth-child(5) a, .header__nav--list .item:nth-child(6) a, .header__nav--list .item:last-child a {
  padding: 0;
  text-align: right;
}
.header__nav--list .item:nth-child(5) a {
  padding-top: 2rem;
}
.header__nav .header__sub_nav {
  width: 90%;
  margin: 0 0 0 auto;
}
.header__nav .header__sub_nav .sub-item {
  background: none;
}
.header__nav .header__sub_nav .sub-item a {
  padding: 1rem 0;
}
.header__sp-contact {
  width: 68%;
  margin: 3rem auto 5rem auto;
}
.header__sp-contact a {
  background-color: var(--orange);
  color: #fff;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
  text-align: center;
  padding: 1.5rem 0;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 600;
}
.header.active::after {
  transform: translateX(0);
}
.header.active .header__logo .normal {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.header.active .header__logo .white {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.header.active .header__contact a {
  background-color: #fff;
  color: var(--main-color);
}
.header.active .header__nav {
  transform: translateX(0);
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .header {
    height: 7rem;
    transition: 0.3s;
  }
  .header.close {
    transform: translateY(-10rem);
  }
  .header::after {
    height: 8rem;
    transform: translateX(0) translateY(-10rem);
  }
  .header.active {
    height: auto;
    min-height: initial;
    overflow-y: visible;
  }
  .header .inner {
    padding: 1rem 2rem 0 2rem;
    justify-content: flex-end;
    gap: 2rem;
    position: relative;
  }
  .header__logo {
    width: 30rem;
  }
  .header__contact {
    display: block;
  }
  .header__contact a {
    background-color: var(--main-color);
    color: #fff;
    padding: 1.3rem 0;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -o-border-radius: 3rem;
    width: 18rem;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 500;
    position: relative;
    border: 1px solid var(--main-color);
    overflow: hidden;
  }
  .header__contact a::after {
    content: "";
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
    z-index: -1;
  }
  .header__contact a:hover {
    color: var(--main-color);
    letter-spacing: 0.08em;
    border: 1px solid var(--main-color);
  }
  .header__contact a:hover::after {
    transform: scale(1, 1);
  }
  .header__menuBtn {
    width: 5rem;
  }
  .header__menuBtn span {
    top: 1.8rem;
  }
  .header__menuBtn span:first-child {
    left: 1rem;
  }
  .header__menuBtn span:nth-child(2) {
    left: 2.1rem;
  }
  .header__menuBtn span:nth-child(3) {
    right: 1rem;
  }
  .header__menuBtn span.close {
    opacity: 0;
    visibility: hidden;
  }
  .header__menuBtn:hover {
    cursor: pointer;
    opacity: 0.8;
  }
  .header__menuBtn.active span:first-child, .header__menuBtn.active span:nth-child(3) {
    width: 2.5rem;
    top: 1.8rem;
  }
  .header__menuBtn.active span:first-child {
    transform: rotate(45deg);
    left: 1.25rem;
  }
  .header__menuBtn.active span:nth-child(3) {
    transform: rotate(-45deg);
    right: 1.25rem;
  }
  .header__nav {
    transform: translateX(0) translateY(-10rem);
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    flex-grow: 3;
    margin-right: 3rem;
  }
  .header__nav nav {
    width: 100%;
    margin: 0 auto;
  }
  .header__nav--list {
    display: flex;
    flex-wrap: nowrap;
    gap: 3rem;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
  }
  .header__nav--list .item {
    white-space: nowrap;
    background: none;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;
  }
  .header__nav--list .item a {
    padding: 1.5rem 0;
    position: relative;
  }
  .header__nav--list .item a::after {
    content: "";
    background-color: var(--orange);
    width: 100%;
    height: 0.4rem;
    position: absolute;
    left: 0;
    bottom: 0.5rem;
    transform: scaleX(0);
    transition: 0.3s;
    transform-origin: left;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
  }
  .header__nav--list .item a:hover {
    opacity: 1;
  }
  .header__nav--list .item a:hover::after {
    transform: scaleX(1);
  }
  .header__nav--list .item:nth-child(2) {
    padding: 1.5rem 0;
  }
  .header__nav--list .item.parent {
    position: relative;
    display: block;
    width: auto;
    padding-right: 2rem;
  }
  .header__nav--list .item.parent::after {
    right: 0;
    top: 2.3rem;
  }
  .header__nav--list .item.parent span:hover {
    cursor: pointer;
  }
  .header__sub_nav {
    position: absolute;
    margin: 0 0 0 auto;
    opacity: 0;
    visibility: hidden;
    height: 0;
    background-color: #fff;
    box-shadow: 0.3rem 0.3rem 1rem rgba(0, 0, 0, 0.15);
    width: 16vw;
    min-width: 28rem;
    top: 6rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    transition: 0.3s;
    transform: scaleY(0);
    transform-origin: top;
    padding: 2rem;
  }
  .header__sub_nav::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 15px solid #ffffff;
    border-top: 0;
    position: absolute;
    left: 1.5rem;
    top: -1rem;
  }
  .header__sub_nav.active {
    opacity: 1;
    visibility: visible;
    height: auto;
    transform: scaleY(1);
  }
  .header__sub_nav .sub-item a {
    width: fit-content;
    color: var(--main-color);
    padding: 1rem 0;
  }
  .header__sp-contact {
    display: none;
  }
  .header.active {
    background-color: transparent;
  }
  .header.active::after {
    transform: translateY(0);
  }
  .header.active .header__contact a {
    background-color: var(--orange);
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  .header.active .header__contact a::after {
    content: "";
    background-color: #fff !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
    z-index: -1;
  }
  .header.active .header__contact a:hover {
    color: var(--orange) !important;
    letter-spacing: 0.08em;
    opacity: 1;
  }
  .header.active .header__contact a:hover::after {
    transform: scale(1, 1);
  }
  .header.active .header__nav {
    transform: translateX(0);
  }
}
/*====================================================
//// footer
====================================================*/
.footer {
  padding: 3rem 0 2rem 0;
  border-top: 1px solid #333333;
}
.footer__logo {
  display: flex;
  flex-wrap: nowrap;
  gap: 3rem;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin: auto;
}
.footer__logo .logo01 {
  width: 55%;
}
.footer__logo .logo02 {
  width: 20%;
  transform: translateY(-0.5rem);
}
.footer__nav {
  margin: 3rem 0;
  display: none;
  flex-direction: column;
  gap: 2rem;
}
.footer__nav--list li a {
  padding: 0.5rem 0 0.5rem 1.5rem;
  position: relative;
  font-weight: 600;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
}
.footer__nav--list li a::before {
  content: "";
  background-color: #333;
  width: 0.3rem;
  aspect-ratio: 100/100;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
}
.footer small {
  display: block;
  text-align: center;
  font-size: 1.2rem;
  line-height: 2;
  font-weight: 500;
  margin-top: 5rem;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .footer {
    padding: 7rem 0 0 0;
  }
  .footer .inner {
    display: flex;
    flex-wrap: nowrap;
    gap: 3rem;
    justify-content: center;
    align-items: flex-start;
    max-width: 110rem;
  }
  .footer__logo {
    margin: 0;
  }
  .footer__logo {
    gap: 5rem;
    align-items: flex-end;
    width: 35%;
    margin: 5rem auto 0 auto;
    max-width: 30rem;
  }
  .footer__logo .logo01 {
    max-width: 25.7rem;
    transform: translateX(-1rem);
    width: 80%;
  }
  .footer__logo .logo02 {
    width: 25%;
    transform: translateY(-2rem);
  }
  .footer__nav {
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 10rem;
  }
  .footer__nav--list {
    margin: 0;
  }
  .footer__nav--list li a {
    white-space: nowrap;
    font-size: 1.4rem;
    line-height: 1.5714285714;
  }
  .footer__nav--list li a:hover {
    color: var(--main-color);
  }
  .footer small {
    margin-top: 3rem;
  }
}
/*====================================================
//// Fixed contents
====================================================*/
.back-top {
  position: fixed;
  bottom: 5.4rem;
  right: 1.2rem;
  opacity: 0;
  transition: 0.3s;
  z-index: 9999;
  transform: translateY(20rem);
}
.back-top.active {
  opacity: 1;
  transform: translateY(0);
}
.back-top a {
  width: 6rem;
  aspect-ratio: 10/10;
  background-color: var(--main-color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268.958%22%20height%3D%2235.853%22%20viewBox%3D%220%200%2068.958%2035.853%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_186%22%20data-name%3D%22%E3%83%91%E3%82%B9%20186%22%20d%3D%22M373-581.727l28.126-25%2C28.126%2C25%22%20transform%3D%22translate(-366.647%20611.227)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%229%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: 3.5rem auto;
  background-position: center 1.2rem;
  background-repeat: no-repeat;
}
.back-top a span {
  color: #fff;
  text-align: center;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 700;
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translateX(-50%);
}

.sp-fix {
  z-index: 99999;
  display: block;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  transform: translateY(8rem);
  transition: 0.3s;
  padding-top: 1rem;
}
.sp-fix .btn {
  margin-bottom: 1rem;
}
.sp-fix .btn a {
  background-color: var(--main-color);
  color: #fff;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
  padding: 2rem 0;
  width: calc(100% - 7rem);
  text-align: center;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
}
.sp-fix.active {
  transform: translateY(0);
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .back-top {
    bottom: 5.4rem;
    right: 1.2rem;
    opacity: 0;
    transition: 0.3s;
    z-index: 999;
    transform: translateY(20rem);
  }
  .back-top.active {
    opacity: 1;
    transform: translateY(0);
  }
  .back-top a {
    width: 6rem;
    aspect-ratio: 10/10;
    background-color: var(--main-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268.958%22%20height%3D%2235.853%22%20viewBox%3D%220%200%2068.958%2035.853%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_186%22%20data-name%3D%22%E3%83%91%E3%82%B9%20186%22%20d%3D%22M373-581.727l28.126-25%2C28.126%2C25%22%20transform%3D%22translate(-366.647%20611.227)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%229%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 3.5rem auto;
    background-position: center 1.2rem;
    background-repeat: no-repeat;
  }
  .back-top a span {
    color: #fff;
    text-align: center;
    font-family: "fot-udmarugo-large-pr6n", sans-serif;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 700;
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translateX(-50%);
  }
  .sp-fix {
    display: none;
  }
}
/*====================================================
//// cta
====================================================*/
.cta-block {
  padding-bottom: 15rem;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
}
.cta-block p {
  text-align: center;
  color: var(--main-color);
  font-size: 1.8rem;
  line-height: 1.4444444444;
  font-weight: 700;
}
.cta-block .btn {
  margin-top: 1rem;
}
.cta-block .btn a {
  background-color: var(--main-color);
  color: #fff;
  text-align: center;
  width: 80%;
  margin: auto;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
  padding: 0.5rem 0;
  font-size: 2rem;
  line-height: 2;
  font-weight: 700;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .cta-block {
    padding-bottom: 15rem;
  }
  .cta-block p {
    font-size: 2.2rem;
    line-height: 1.5454545455;
  }
  .cta-block .btn {
    margin-top: 1rem;
  }
  .cta-block .btn a {
    max-width: 47rem;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -o-border-radius: 3rem;
    padding: 0rem 0;
    font-size: 2.6rem;
    line-height: 3.0769230769;
    transition: 0.3s;
    border: 3px solid var(--main-color);
    position: relative;
    overflow: hidden;
  }
  .cta-block .btn a::after {
    content: "";
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
    z-index: -1;
  }
  .cta-block .btn a:hover {
    color: var(--main-color);
    letter-spacing: 0.08em;
  }
  .cta-block .btn a:hover::after {
    transform: scale(1, 1);
  }
}
/*====================================================
//// layout
====================================================*/
.inner {
  width: 87.2%;
  margin: auto;
  max-width: 136rem;
}

.page-head {
  width: 100%;
  height: 100vh;
}
.page-head .inner {
  position: relative;
  height: 100%;
}

/*====================================================
//// button
====================================================*/
/*======================= PC =======================*/
/*====================================================
//// logo
====================================================*/
/*======================= PC =======================*/
/*====================================================
//// pager
====================================================*/
.pager {
  margin: 3rem auto;
  width: fit-content;
}
.pager__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.5rem;
  justify-content: center;
  align-items: stretch;
}
.pager__list li a {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
}
.pager__list li.current {
  color: var(--main-color);
}
.pager__list li.ellipsis {
  font-size: 2.5rem;
  transform: translateY(-1.7rem);
}
.pager__list li.prev a, .pager__list li.next a {
  position: relative;
  width: 3rem;
  height: 3rem;
  transform: translateY(-0.7rem);
}
.pager__list li.prev a::after, .pager__list li.next a::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 8px solid #000;
  border-left: 0;
  position: absolute;
  top: 0.5rem;
  left: 1rem;
}
.pager__list li.next a::after {
  transform: rotate(180deg);
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .pager__list {
    gap: 2rem;
  }
  .pager__list li a {
    font-size: 1.8rem;
    line-height: 1;
  }
  .pager__list li a:hover {
    color: var(--main-color);
  }
  .pager__list li.ellipsis {
    font-size: 3rem;
    transform: translateY(-2.3rem);
  }
  .pager__list li.prev a, .pager__list li.next a {
    position: relative;
    width: 2rem;
    height: 3rem;
  }
  .pager__list li.prev a::after, .pager__list li.next a::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 8px solid #000;
    border-left: 0;
    position: absolute;
    top: 0.7rem;
    left: 1rem;
    transition: 0.3s;
  }
  .pager__list li.prev a:hover::after, .pager__list li.next a:hover::after {
    border-right: 8px solid var(--main-color);
  }
}
/*====================================================
//// MSJについて
====================================================*/
.page-head {
  position: relative;
  background-repeat: no-repeat;
  height: 60vh;
  margin-top: 7rem;
}
.page-head .page-head__title {
  color: var(--main-color);
  position: absolute;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  line-height: 2;
  font-weight: 700;
  left: 0;
  top: 40%;
}
.page-head .page-head__title span {
  animation-delay: 0.5s;
}
.page-head.about {
  background-image: url(../img/about/head-bg.svg);
  background-size: 80% auto;
  background-position: 60% 15%;
  height: 100vh;
}
.page-head.about::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../img/common/logo-mark.svg");
  background-position: 130% 25%;
  background-repeat: no-repeat;
  background-size: 80% auto;
  opacity: 0.3;
}
.page-head.about .page-head__title {
  font-size: 3rem;
  color: var(--main-color);
  position: absolute;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  left: 0;
  top: 55%;
  overflow: hidden;
  animation-delay: 0.3s;
}
.page-head.about .page-head__title span {
  display: block;
  overflow: hidden;
}
.page-head.about .page-head__title span.effect:nth-of-type(2) {
  animation-delay: 0.3s;
}
.page-head.about .page-head__title span.effect:last-of-type {
  animation-delay: 0.6s;
  padding-left: 1em;
}
.page-head.news .page-head__title {
  font-size: 4.5rem;
  line-height: 2;
  vertical-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem;
}
.page-head.news .page-head__title::before {
  content: "";
  width: 15rem;
  aspect-ratio: 180.62/218.28;
  background-image: url("../img/common/logo-mark.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  transform: translateY(-2rem);
}
.page-head.news .page-head__title span {
  display: block;
  text-align: center;
  font-size: 2rem;
  flex-basis: 100%;
  transform: translateY(-4.5rem);
}
.page-head.news-detail {
  height: auto;
}
.page-head.drone {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221380.255%22%20height%3D%22725.677%22%20viewBox%3D%220%200%201380.255%20725.677%22%3E%0A%20%20%3Cg%20id%3D%22MSJ%E3%83%89%E3%83%AD%E3%83%BC%E3%83%B3%22%20opacity%3D%220.6%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_139%22%20data-name%3D%22%E3%83%91%E3%82%B9%20139%22%20d%3D%22M587.081%2C378.82H415.415c-80.559%2C0-146.1-65.536-146.1-146.1s65.536-146.1%2C146.1-146.1H587.081c80.559%2C0%2C146.1%2C65.536%2C146.1%2C146.1s-65.536%2C146.1-146.1%2C146.1ZM415.4%2C129.81a102.915%2C102.915%2C0%2C1%2C0%2C0%2C205.829H587.064a102.915%2C102.915%2C0%2C1%2C0%2C0-205.829H415.4Z%22%20transform%3D%22translate(188.888%2060.758)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_51%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2051%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_140%22%20data-name%3D%22%E3%83%91%E3%82%B9%20140%22%20d%3D%22M153.644%2C278.092A94.153%2C94.153%2C0%2C0%2C1%2C59.61%2C184.058V90.45A21.587%2C21.587%2C0%2C0%2C1%2C81.2%2C68.86H226.1a21.587%2C21.587%2C0%2C0%2C1%2C21.59%2C21.59v93.608a94.142%2C94.142%2C0%2C0%2C1-94.034%2C94.034ZM102.79%2C112.04v72.018a50.87%2C50.87%2C0%2C0%2C0%2C101.741%2C0V112.04H102.807Z%22%20transform%3D%22translate(41.808%2048.295)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_141%22%20data-name%3D%22%E3%83%91%E3%82%B9%20141%22%20d%3D%22M735.144%2C278.092a94.153%2C94.153%2C0%2C0%2C1-94.034-94.034V90.45A21.587%2C21.587%2C0%2C0%2C1%2C662.7%2C68.86H807.6a21.587%2C21.587%2C0%2C0%2C1%2C21.59%2C21.59v93.608a94.142%2C94.142%2C0%2C0%2C1-94.034%2C94.034ZM684.29%2C112.04v72.018a50.87%2C50.87%2C0%2C0%2C0%2C101.741%2C0V112.04H684.307Z%22%20transform%3D%22translate(449.643%2048.295)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_142%22%20data-name%3D%22%E3%83%91%E3%82%B9%20142%22%20d%3D%22M123.78%2C160.335a21.587%2C21.587%2C0%2C0%2C1-21.59-21.59V21.59a21.59%2C21.59%2C0%2C1%2C1%2C43.18%2C0V138.745a21.587%2C21.587%2C0%2C0%2C1-21.59%2C21.59Z%22%20transform%3D%22translate(71.671)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_143%22%20data-name%3D%22%E3%83%91%E3%82%B9%20143%22%20d%3D%22M369.329%2C43.18H21.59A21.59%2C21.59%2C0%2C0%2C1%2C21.59%2C0H369.329a21.59%2C21.59%2C0%2C1%2C1%2C0%2C43.18Z%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_144%22%20data-name%3D%22%E3%83%91%E3%82%B9%20144%22%20d%3D%22M705.28%2C160.335a21.587%2C21.587%2C0%2C0%2C1-21.59-21.59V21.59a21.59%2C21.59%2C0%2C1%2C1%2C43.18%2C0V138.745a21.587%2C21.587%2C0%2C0%2C1-21.59%2C21.59Z%22%20transform%3D%22translate(479.507)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_145%22%20data-name%3D%22%E3%83%91%E3%82%B9%20145%22%20d%3D%22M950.829%2C43.18H603.09a21.59%2C21.59%2C0%2C0%2C1%2C0-43.18H950.829a21.59%2C21.59%2C0%2C1%2C1%2C0%2C43.18Z%22%20transform%3D%22translate(407.836)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_52%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2052%22%20transform%3D%22translate(344.234%20396.406)%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_146%22%20data-name%3D%22%E3%83%91%E3%82%B9%20146%22%20d%3D%22M223.92%2C562.266a21.587%2C21.587%2C0%2C0%2C1-21.59-21.59V379.524a21.59%2C21.59%2C0%2C0%2C1%2C10.089-18.273L411.154%2C236.3a21.582%2C21.582%2C0%2C0%2C1%2C22.968%2C36.545l-188.646%2C118.6V540.676a21.587%2C21.587%2C0%2C0%2C1-21.59%2C21.59Z%22%20transform%3D%22translate(-202.33%20-232.995)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_147%22%20data-name%3D%22%E3%83%91%E3%82%B9%20147%22%20d%3D%22M687.08%2C562.265a21.587%2C21.587%2C0%2C0%2C1-21.59-21.59V391.449l-188.646-118.6A21.582%2C21.582%2C0%2C0%2C1%2C499.812%2C236.3L698.547%2C361.25a21.59%2C21.59%2C0%2C0%2C1%2C10.089%2C18.273V540.674a21.587%2C21.587%2C0%2C0%2C1-21.59%2C21.59Z%22%20transform%3D%22translate(-16.884%20-232.993)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_148%22%20data-name%3D%22%E3%83%91%E3%82%B9%20148%22%20d%3D%22M376.511%2C168.38H166.36a21.59%2C21.59%2C0%2C1%2C1%2C0-43.18H376.511a21.59%2C21.59%2C0%2C1%2C1%2C0%2C43.18Z%22%20transform%3D%22translate(101.535%2087.809)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_149%22%20data-name%3D%22%E3%83%91%E3%82%B9%20149%22%20d%3D%22M750.046%2C168.38H538.16a21.59%2C21.59%2C0%2C0%2C1%2C0-43.18H750.046a21.59%2C21.59%2C0%2C0%2C1%2C0%2C43.18Z%22%20transform%3D%22translate(362.297%2087.809)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-size: 80% auto;
  background-position: 100% 35%;
}
.page-head.drone .page-head__title {
  font-size: 20vw;
}
.page-head.system-solution {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22834.723%22%20height%3D%22935.083%22%20viewBox%3D%220%200%20834.723%20935.083%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_21%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2021%22%20width%3D%22167.724%22%20height%3D%22200.464%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%2215%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_108%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20108%22%20transform%3D%22translate(-1222.459%20-707.784)%22%20opacity%3D%220.5%22%3E%0A%20%20%20%20%3Cg%20id%3D%22MSJ%E3%82%B9%E3%83%9E%E3%83%9B%E3%82%92%E6%8C%81%E3%81%A4%E4%BA%BA%22%20transform%3D%22translate(1222.459%20707.784)%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_26%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2026%22%20transform%3D%22translate(480.953%20207.695)%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_76%22%20data-name%3D%22%E3%83%91%E3%82%B9%2076%22%20d%3D%22M384.677%2C505.757a56.937%2C56.937%2C0%2C0%2C1-24.046-5.359L235.8%2C442.156A57.268%2C57.268%2C0%2C0%2C1%2C208.171%2C366.2L322.783%2C120.565a57.242%2C57.242%2C0%2C0%2C1%2C75.981-27.627L523.6%2C151.181a57.268%2C57.268%2C0%2C0%2C1%2C27.627%2C75.957L436.612%2C472.771a56.761%2C56.761%2C0%2C0%2C1-32.275%2C29.5%2C57.571%2C57.571%2C0%2C0%2C1-19.659%2C3.486ZM374.622%2C114.779a29.966%2C29.966%2C0%2C0%2C0-27.177%2C17.288L232.834%2C377.7a30.065%2C30.065%2C0%2C0%2C0%2C14.489%2C39.793l124.832%2C58.242h0a30.065%2C30.065%2C0%2C0%2C0%2C39.793-14.489L526.56%2C215.612a30.065%2C30.065%2C0%2C0%2C0-14.49-39.793L387.238%2C117.577a29.831%2C29.831%2C0%2C0%2C0-12.616-2.8Z%22%20transform%3D%22translate(-202.809%20-87.581)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_77%22%20data-name%3D%22%E3%83%91%E3%82%B9%2077%22%20d%3D%22M425.392%2C316.525a13.38%2C13.38%2C0%2C0%2C1-5.739-1.281L215.9%2C220.173a13.611%2C13.611%2C0%2C1%2C1%2C11.525-24.663l203.754%2C95.071a13.612%2C13.612%2C0%2C0%2C1-5.763%2C25.944Z%22%20transform%3D%22translate(-195.62%2058.681)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027%22%20transform%3D%22translate(0%20364.297)%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_78%22%20data-name%3D%22%E3%83%91%E3%82%B9%2078%22%20d%3D%22M139.254%2C296.374a16.245%2C16.245%2C0%2C0%2C0-15.983%2C16.458l3.249%2C215.8h32.441l-3.273-216.3a16.368%2C16.368%2C0%2C0%2C0-16.458-15.983Z%22%20transform%3D%22translate(169.062%2042.13)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_79%22%20data-name%3D%22%E3%83%91%E3%82%B9%2079%22%20d%3D%22M36.666%2C724.4%2C32.445%2C286.732a99.714%2C99.714%2C0%2C0%2C1%2C99.7-100.667h3.107a150.636%2C150.636%2C0%2C0%2C1%2C102.731%2C37.184A16.171%2C16.171%2C0%2C0%2C0%2C242.388%2C226L468.5%2C405.493a16.259%2C16.259%2C0%2C0%2C0%2C17.5%2C1.731l84.376-43.4-37.208-17.359-52.717%2C27.105-221.373-175.7a15.643%2C15.643%2C0%2C0%2C0-3.32-2.039%2C182.373%2C182.373%2C0%2C0%2C0-120.9-42.164H132.14A132.142%2C132.142%2C0%2C0%2C0%2C0%2C287.04L4.225%2C724.4Z%22%20transform%3D%22translate(0.003%20-153.618)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_80%22%20data-name%3D%22%E3%83%91%E3%82%B9%2080%22%20d%3D%22M585.984%2C244.269a87.845%2C87.845%2C0%2C0%2C0-26.726-28.789L545.2%2C245.621a54.621%2C54.621%2C0%2C0%2C1%2C12.663%2C14.821%2C57.7%2C57.7%2C0%2C0%2C1-23.572%2C80.131L292.661%2C464.836%2C149.261%2C349.68a16.227%2C16.227%2C0%2C1%2C0-20.323%2C25.3L280.543%2C496.732a16.2%2C16.2%2C0%2C0%2C0%2C17.572%2C1.779L549.108%2C369.433A90.093%2C90.093%2C0%2C0%2C0%2C585.96%2C244.293Z%22%20transform%3D%22translate(168.518%20-68.777)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_81%22%20data-name%3D%22%E3%83%91%E3%82%B9%2081%22%20d%3D%22M190.031%2C336.2h1.684c47.168%2C0%2C89.617-16.292%2C119.639-45.958%2C30.283-29.928%2C47.073-72.613%2C47.263-120.208.19-47.452-16.932-90.9-48.164-122.295C279.861%2C17%2C237.863.073%2C192.189%2C0A165.533%2C165.533%2C0%2C0%2C0%2C73.31%2C49.233%2C168.558%2C168.558%2C0%2C0%2C0%2C24.031%2C169.891c.451%2C94.051%2C71.807%2C165.55%2C166%2C166.309ZM96.289%2C72.141a134.155%2C134.155%2C0%2C0%2C1%2C95.664-39.674h.19c36.994.047%2C70.835%2C13.612%2C95.284%2C38.18%2C25.113%2C25.256%2C38.868%2C60.519%2C38.726%2C99.292-.142%2C39.461-13.161%2C73.088-37.611%2C97.252-24.544%2C24.26-58.456%2C36.828-98.248%2C36.568-77.166-.64-133.464-56.986-133.82-134.01A136.27%2C136.27%2C0%2C0%2C1%2C96.289%2C72.141Z%22%20transform%3D%22translate(32.96%200.001)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_29%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2029%22%20transform%3D%22translate(1818.972%20991.232)%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_28%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2028%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_82%22%20data-name%3D%22%E3%83%91%E3%82%B9%2082%22%20d%3D%22M77.079%2C58.475c-8.038%2C17.22-29.285%2C24.306-47.456%2C15.83s-26.4-29.32-18.364-46.539S40.544%2C3.46%2C58.721%2C11.936%2C85.116%2C41.256%2C77.079%2C58.475Z%22%20transform%3D%22translate(39.565%2040.417)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2215%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_83%22%20data-name%3D%22%E3%83%91%E3%82%B9%2083%22%20d%3D%22M136.117%2C94.688c-17.949%2C41.671-74.143%2C67.874-100.358%2C78.136a14.475%2C14.475%2C0%2C0%2C1-18.766-8.756C8.167%2C137.819-7.465%2C79.471%2C11.412%2C39%2C26.338%2C7.02%2C65.493-6.376%2C99.39%2C8.661%2C133.35%2C23.726%2C150.044%2C62.35%2C136.117%2C94.688Z%22%20transform%3D%22translate(12.094%2012.096)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2215%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-size: 80% auto;
  background-position: 90% 100%;
}
.page-head.system-solution .page-head__title {
  font-size: 10vw;
  line-height: 1.3;
  top: 70%;
}
.page-head.products {
  transform: translateY(-8rem);
  height: calc(60vh + 8rem);
  padding-top: 1rem;
  overflow: hidden;
}
.page-head.products::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221055.833%22%20height%3D%221222.788%22%20viewBox%3D%220%200%201055.833%201222.788%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_109%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20109%22%20transform%3D%22translate(-1028.739%20-602.478)%22%20opacity%3D%220.4%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22MSJ%E6%89%8B%22%20d%3D%22M19.488%2C5.678C38.778-5.905%2C64.775.454%2C89.062%2C22.742c5.193%2C4.754%2C10.266%2C9.524%2C15.278%2C14.233%2C23.484%2C22.076%2C45.666%2C42.926%2C68.378%2C51.132a44.782%2C44.782%2C0%2C0%2C0%2C12.9%2C2.65%2C13.993%2C13.993%2C0%2C0%2C1-1.681%2C27.936%2C73.423%2C73.423%2C0%2C0%2C1-20.728-4.255c-28.148-10.16-52.374-32.947-78.023-57.052-4.921-4.618-9.918-9.312-15.02-13.991C52.935%2C27.587%2C40.156%2C25.967%2C33.932%2C29.707c-4.754%2C2.862-6.9%2C9.206-5.5%2C16%2C8.737%2C14.854%2C81.869%2C98.555%2C103.869%2C112.727%2C21.062%2C13.567%2C174.852%2C68.605%2C238.748%2C79.174%2C41.76%2C6.92%2C144.948-6.48%2C204.1-17.155%2C19.017-3.437%2C40.548-4.467%2C64.048-3.119a14.944%2C14.944%2C0%2C0%2C1%2C2.635.424l71.3-114.014c-24.09-14.278-58.006-34.083-75.994-38.277-31.812-7.389-59.066-11.629-88.486-8.3-14.793%2C1.681-31.176%2C4.118-47.014%2C6.48-19.82%2C2.953-38.535%2C5.739-53.464%2C6.98-16.247%2C1.348-62.715-.56-103.7-2.226-25.559-1.045-51.935-2.135-57.734-1.741-28.965%2C1.893-47%2C11.356-53.57%2C28.133a13.9%2C13.9%2C0%2C0%2C1-4.361%2C5.8%2C13.789%2C13.789%2C0%2C0%2C1%2C6.95%2C3.846c2.8%2C2.847%2C10.811%2C5.375%2C23.832%2C7.495%2C10.629%2C1.741%2C33.568%2C4.8%2C52.1%2C5.269%2C3.755.091%2C9.569.182%2C16.443.273%2C41.336.59%2C63.76%2C1.242%2C71.709%2C3.059%2C17.185%2C3.952%2C42.562%2C14.384%2C75.419%2C31.025.863.439%2C1.514.772%2C1.908.969a13.995%2C13.995%2C0%2C0%2C1-3.165%2C26.618%2C13.591%2C13.591%2C0%2C0%2C1-2.513.227c-3.255%2C0-5.723-1.242-8.888-2.847-38.413-19.457-58.748-26.346-69.044-28.723-6.738-1.5-48.149-2.089-65.85-2.347-7-.106-12.915-.182-16.746-.288-20.032-.5-44.561-3.77-55.9-5.617-14.884-2.423-29.949-6-39.292-15.52a13.992%2C13.992%2C0%2C0%2C1%2C.182-19.79%2C14.148%2C14.148%2C0%2C0%2C1%2C1.181-.954%2C13.39%2C13.39%2C0%2C0%2C1-2.12-.591%2C13.988%2C13.988%2C0%2C0%2C1-7.9-18.139c7.495-19.078%2C27.073-42.517%2C77.8-45.833%2C6.889-.469%2C26.543.318%2C60.7%2C1.7%2C38.186%2C1.56%2C85.745%2C3.5%2C100.266%2C2.3%2C14.021-1.151%2C32.3-3.876%2C51.647-6.768%2C16.065-2.392%2C32.69-4.875%2C47.983-6.6%2C33.447-3.8%2C63.351.8%2C97.964%2C8.843%2C22.3%2C5.193%2C56.341%2C25.1%2C84.488%2C41.805l3.361-5.375a27.727%2C27.727%2C0%2C0%2C1%2C38.595-8.585l16.05%2C9.993A13.993%2C13.993%2C0%2C1%2C1%2C771.177%2C99.8L755.052%2C89.455%2C637.571%2C276.874l35.415%2C20.895%2C144.8-241.322a13.985%2C13.985%2C0%2C0%2C1%2C19.82-4.406c.651.439%2C67.576%2C45.409%2C211.342%2C130.215a13.986%2C13.986%2C0%2C0%2C1-14.218%2C24.09C925.028%2C141.632%2C859.708%2C99.917%2C834.271%2C83.338L696.8%2C312.441c33.3%2C19.245%2C130.806%2C75.585%2C251.421%2C145.447a14%2C14%2C0%2C0%2C1-14.036%2C24.226c-149.641-86.669-263.7-152.534-263.7-152.534a14.112%2C14.112%2C0%2C0%2C1-5.118-5.224%2C13.77%2C13.77%2C0%2C0%2C1-5.315-1.711l-36.7-21.652a27.775%2C27.775%2C0%2C0%2C1-9.433-38.625l10.962-17.534a231.04%2C231.04%2C0%2C0%2C0-44.758%2C3.149c-42.441%2C7.661-123.81%2C19.457-179.273%2C19.457-13.218%2C0-24.968-.666-34.371-2.226-64.229-10.629-223.879-66.864-249.347-83.262C93.12%2C166.433%2C5.648%2C69.453%2C1.575%2C53.782-3.436%2C34.462%2C3.756%2C15.141%2C19.488%2C5.678Z%22%20transform%3D%22translate(1028.74%201341.274)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22MSJ%E9%96%8B%E7%99%BA%22%20d%3D%22M.005%2C446.564a31.174%2C31.174%2C0%2C0%2C0%2C61.859%2C5.517l186.781-50.053a117.092%2C117.092%2C0%2C0%2C0%2C35.079%2C47.843l-28.063%2C43.408a36.6%2C36.6%2C0%2C0%2C0-8.206-.927A36.964%2C36.964%2C0%2C1%2C0%2C277.7%2C508.083l28.387-43.9a117.225%2C117.225%2C0%2C0%2C0%2C72.908%2C9.936l24.771%2C81.16a63.068%2C63.068%2C0%2C1%2C0%2C30.473-7.866c-1.684%2C0-3.353.062-5.069.2l-24.833-81.33a116.863%2C116.863%2C0%2C0%2C0%2C47.982-38.71l70.512%2C39.606a39.817%2C39.817%2C0%2C0%2C0-.742%2C7.587A41.368%2C41.368%2C0%2C1%2C0%2C563.456%2C433.4a40.856%2C40.856%2C0%2C0%2C0-27.615%2C10.632l-70.512-39.606a116.643%2C116.643%2C0%2C0%2C0-.355-91.544l66.68-37.35a73.812%2C73.812%2C0%2C1%2C0-16.318-46.22%2C73.288%2C73.288%2C0%2C0%2C0%2C3.647%2C22.9L451.746%2C289.87a118.557%2C118.557%2C0%2C0%2C0-51.057-39.514l40.1-148.025h.108a51.329%2C51.329%2C0%2C1%2C0-25.714-7l-40.116%2C148.1a116.555%2C116.555%2C0%2C0%2C0-98.266%2C31.03L180.5%2C189.44a50.858%2C50.858%2C0%2C1%2C0-18.915%2C18.729l98.189%2C86.661a116.407%2C116.407%2C0%2C0%2C0-18%2C81.53l-186.8%2C50.053A31.165%2C31.165%2C0%2C0%2C0-.01%2C446.533ZM247.456%2C546.1a16.782%2C16.782%2C0%2C1%2C1%2C16.782-16.782A16.8%2C16.8%2C0%2C0%2C1%2C247.456%2C546.1Zm186.781%2C27.877a36.547%2C36.547%2C0%2C1%2C1-36.547%2C36.547A36.589%2C36.589%2C0%2C0%2C1%2C434.237%2C573.975ZM357.482%2C268.668a90.462%2C90.462%2C0%2C1%2C1-90.462%2C90.462A90.576%2C90.576%2C0%2C0%2C1%2C357.482%2C268.668ZM156.159%2C181.791a12.5%2C12.5%2C0%2C0%2C0-2.21%2C1.963c-.185.216-.371.448-.541.68a26.454%2C26.454%2C0%2C1%2C1%2C2.751-2.642Zm433.026.216a47.325%2C47.325%2C0%2C1%2C1-47.317%2C47.333A47.385%2C47.385%2C0%2C0%2C1%2C589.185%2C182.007Z%22%20transform%3D%22translate(1046.575%20602.508)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-size: 100% auto;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  right: -10%;
  top: 0;
}
.page-head.products .breadcrumbs {
  transform: translateY(-1.5rem);
}
.page-head.products .page-head__title {
  font-size: 12vw;
  line-height: 1.3;
  top: 65%;
}
.page-head.mobility {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221060.636%22%20height%3D%221013.759%22%20viewBox%3D%220%200%201060.636%201013.759%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_209%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20209%22%20transform%3D%22translate(-67.606%20-50.361)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22MSJ%E3%83%90%E3%82%B9%E5%81%9C%22%20transform%3D%22translate(709.42%2050.361)%22%20opacity%3D%220.4%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_37%22%20data-name%3D%22%E3%83%91%E3%82%B9%2037%22%20d%3D%22M400.172%2C725.937H18.651A18.654%2C18.654%2C0%2C0%2C1%2C0%2C707.287V100.666A100.766%2C100.766%2C0%2C0%2C1%2C100.644%2C0H318.156A100.784%2C100.784%2C0%2C0%2C1%2C418.822%2C100.666v606.62a18.654%2C18.654%2C0%2C0%2C1-18.651%2C18.651ZM37.3%2C688.636H381.521V100.666A63.435%2C63.435%2C0%2C0%2C0%2C318.156%2C37.3H100.644A63.417%2C63.417%2C0%2C0%2C0%2C37.3%2C100.666Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_38%22%20data-name%3D%22%E3%83%91%E3%82%B9%2038%22%20d%3D%22M282.8%2C468.052H53.791a18.651%2C18.651%2C0%2C0%2C1%2C0-37.3H282.8a18.651%2C18.651%2C0%2C0%2C1%2C0%2C37.3Z%22%20transform%3D%22translate(41.693%20511.082)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_39%22%20data-name%3D%22%E3%83%91%E3%82%B9%2039%22%20d%3D%22M105.891%2C605.459A18.654%2C18.654%2C0%2C0%2C1%2C87.24%2C586.808V333.591a18.651%2C18.651%2C0%2C0%2C1%2C37.3%2C0V586.808A18.654%2C18.654%2C0%2C0%2C1%2C105.891%2C605.459Z%22%20transform%3D%22translate(103.509%20373.674)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_16%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2016%22%20transform%3D%22translate(63.435%20286.277)%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_40%22%20data-name%3D%22%E3%83%91%E3%82%B9%2040%22%20d%3D%22M191.953%2C237.574a18.469%2C18.469%2C0%2C0%2C1-11.654-4.111c-24.1-19.35-64.348-19.394-87.9-.109a18.644%2C18.644%2C0%2C1%2C1-23.636-28.84c37.476-30.7%2C96.73-30.764%2C134.885-.109a18.65%2C18.65%2C0%2C0%2C1-11.7%2C33.191Z%22%20transform%3D%22translate(10.052%20-70.985)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_41%22%20data-name%3D%22%E3%83%91%E3%82%B9%2041%22%20d%3D%22M241.032%2C223.756a18.534%2C18.534%2C0%2C0%2C1-11.851-4.264c-41.871-34.5-109.193-34.547-150.124-.109a18.653%2C18.653%2C0%2C1%2C1-24.008-28.556c54.968-46.244%2C141.881-46.288%2C197.856-.109a18.642%2C18.642%2C0%2C0%2C1-11.851%2C33.038Z%22%20transform%3D%22translate(-6.011%20-101.05)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_42%22%20data-name%3D%22%E3%83%91%E3%82%B9%2042%22%20d%3D%22M47.658%2C221.6a18.651%2C18.651%2C0%2C0%2C1-13.294-31.726A196.217%2C196.217%2C0%2C0%2C1%2C174.256%2C130.93h1.028c53.088%2C0%2C103.268%2C20.859%2C141.357%2C58.817a18.654%2C18.654%2C0%2C0%2C1-26.347%2C26.413c-31.048-30.939-71.87-47.95-115.031-47.95h-.831A159.173%2C159.173%2C0%2C0%2C0%2C60.952%2C216.028%2C18.593%2C18.593%2C0%2C0%2C1%2C47.658%2C221.6Z%22%20transform%3D%22translate(-29.012%20-130.93)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20id%3D%22MSJ%E6%83%85%E5%A0%B1%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%82%BD%E3%83%AA%E3%83%A5%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%22%20transform%3D%22translate(67.606%20298.614)%22%20opacity%3D%220.4%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_18%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2018%22%20transform%3D%22translate(31.358%20612.264)%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_43%22%20data-name%3D%22%E3%83%91%E3%82%B9%2043%22%20d%3D%22M104.165%2C529.491H81.9A62.75%2C62.75%2C0%2C0%2C1%2C19.27%2C466.776v-72.56a17.965%2C17.965%2C0%2C0%2C1%2C35.93%2C0v72.56a26.783%2C26.783%2C0%2C0%2C0%2C26.72%2C26.785h22.261a26.821%2C26.821%2C0%2C0%2C0%2C26.8-26.785v-72.56a17.965%2C17.965%2C0%2C0%2C1%2C35.93%2C0v72.56A62.789%2C62.789%2C0%2C0%2C1%2C104.2%2C529.491Z%22%20transform%3D%22translate(-19.27%20-376.25)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044%22%20d%3D%22M338.556%2C529.491H316.3a62.789%2C62.789%2C0%2C0%2C1-62.715-62.715v-72.56a17.965%2C17.965%2C0%2C0%2C1%2C35.93%2C0v72.56a26.821%2C26.821%2C0%2C0%2C0%2C26.8%2C26.785h22.261a26.772%2C26.772%2C0%2C0%2C0%2C26.72-26.785v-72.56a17.965%2C17.965%2C0%2C0%2C1%2C35.93%2C0v72.56a62.75%2C62.75%2C0%2C0%2C1-62.634%2C62.715Z%22%20transform%3D%22translate(127.708%20-376.25)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_45%22%20data-name%3D%22%E3%83%91%E3%82%B9%2045%22%20d%3D%22M568.685%2C648.194H22.928A22.953%2C22.953%2C0%2C0%2C1%2C0%2C625.266V92.332A92.429%2C92.429%2C0%2C0%2C1%2C92.332%2C0h406.95a92.429%2C92.429%2C0%2C0%2C1%2C92.332%2C92.332V625.25a22.953%2C22.953%2C0%2C0%2C1-22.928%2C22.928ZM35.914%2C612.28H555.7V92.332a56.476%2C56.476%2C0%2C0%2C0-56.418-56.418H92.332A56.476%2C56.476%2C0%2C0%2C0%2C35.914%2C92.332V612.28Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046%22%20d%3D%22M573.665%2C277.68H17.965a17.965%2C17.965%2C0%2C0%2C1%2C0-35.93h555.7a17.965%2C17.965%2C0%2C1%2C1%2C0%2C35.93Z%22%20transform%3D%22translate(0%20151.645)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_47%22%20data-name%3D%22%E3%83%91%E3%82%B9%2047%22%20d%3D%22M573.665%2C141.97H17.965a17.965%2C17.965%2C0%2C0%2C1%2C0-35.93h555.7a17.965%2C17.965%2C0%2C1%2C1%2C0%2C35.93Z%22%20transform%3D%22translate(0%2066.517)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_19%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2019%22%20transform%3D%22translate(91.478%20470.555)%22%3E%0A%20%20%20%20%20%20%20%20%3Cellipse%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_7%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%207%22%20cx%3D%2243.823%22%20cy%3D%2243.823%22%20rx%3D%2243.823%22%20ry%3D%2243.823%22%20transform%3D%22translate(0%2086.519)%20rotate(-80.78)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cellipse%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_8%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%208%22%20cx%3D%2243.823%22%20cy%3D%2243.823%22%20rx%3D%2243.823%22%20ry%3D%2243.823%22%20transform%3D%22translate(308.138%2086.513)%20rotate(-80.78)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_48%22%20data-name%3D%22%E3%83%91%E3%82%B9%2048%22%20d%3D%22M188.705%2C362.809a17.959%2C17.959%2C0%2C0%2C1-17.965-17.965V124.005a17.965%2C17.965%2C0%2C1%2C1%2C35.93%2C0V344.843a17.959%2C17.959%2C0%2C0%2C1-17.965%2C17.965Z%22%20transform%3D%22translate(107.102%2066.517)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_49%22%20data-name%3D%22%E3%83%91%E3%82%B9%2049%22%20d%3D%22M381.29%2C91.25h-278a17.965%2C17.965%2C0%2C0%2C1%2C0-35.93H381.306a17.965%2C17.965%2C0%2C0%2C1%2C0%2C35.93Z%22%20transform%3D%22translate(53.519%2034.701)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-size: 90% auto;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.page-head.mobility .breadcrumbs {
  transform: translateY(-1.5rem);
}
.page-head.mobility .page-head__title {
  font-size: 12vw;
  line-height: 1.3;
  top: 15%;
}
.page-head.mobility .page-head__title span:last-child {
  animation-delay: 0.6s;
}
.page-head.company {
  background-image: url(../img/company/head-bg.jpg);
  background-position: right top;
  background-size: cover;
  transform: translateY(-8rem);
  height: calc(60vh + 8rem);
  padding-top: 1rem;
}
.page-head.company .breadcrumbs {
  transform: translateY(-1.5rem);
}
.page-head.company .page-head__title {
  position: relative;
  width: fit-content;
  font-size: 8vw;
  top: 35%;
}
.page-head.company .page-head__title::before {
  content: "";
  background-image: url(../img/common/logo-mark.svg);
  background-size: cover;
  width: 7rem;
  aspect-ratio: 179.8/164.53;
  position: absolute;
  top: -6rem;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .page-head {
    height: calc(100vh - 7rem);
  }
  .page-head.about {
    height: calc(100vh - 8rem);
    margin-top: 8rem;
    background-size: auto 85%;
    background-position: 60% 0;
  }
  .page-head.about::after {
    background-position: 90% 70%;
    background-size: auto 80%;
    opacity: 0.5;
  }
  .page-head.about .page-head__title {
    font-size: clamp(5rem, 4.0909090909vw, 8.1rem);
    top: 35%;
  }
  .page-head.about .page-head__title span:last-child {
    padding-left: 1em;
  }
  .page-head.news .page-head__title {
    font-size: 20rem;
    line-height: 2;
    vertical-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    justify-content: space-between;
    width: fit-content;
    margin: auto;
    top: 25%;
  }
  .page-head.news .page-head__title::before {
    content: "";
    width: 35rem;
    transform: translateY(3rem) translateX(15rem);
  }
  .page-head.news .page-head__title span {
    font-size: 3.6rem;
    transform: translateY(-6.5rem) translateX(6rem);
  }
  .page-head.drone {
    background-size: 65% auto;
    background-position: 100% 45%;
  }
  .page-head.drone .page-head__title {
    font-size: clamp(10rem, 15vw, 18rem);
    top: auto;
    bottom: 5rem;
  }
  .page-head.system-solution {
    background-size: 35% auto;
    background-position: 90% 100%;
  }
  .page-head.system-solution .page-head__title {
    font-size: 10vw;
    line-height: 1.3;
    top: 40%;
  }
  .page-head.products::after {
    background-size: auto 100%;
    background-position: 100% 100%;
    top: -10%;
    right: -5rem;
  }
  .page-head.products .page-head__title {
    font-size: 10vw;
    line-height: 1.3;
    top: 60%;
  }
  .page-head.company {
    background-position: right top;
    background-size: contain;
    transform: translateY(-8rem);
    height: calc(60vh + 8rem);
    padding-top: 2rem;
  }
  .page-head.company .page-head__title {
    font-size: 5vw;
    top: 35%;
  }
  .page-head.company .page-head__title::before {
    width: 15rem;
    top: -11rem;
    transform: translateX(-50%);
  }
  .page-head.mobility {
    background-size: 45% auto;
    background-position: 10% bottom;
    transform: translateY(-8rem);
    height: calc(60vh + 8rem);
    padding-top: 2rem;
  }
  .page-head.mobility .page-head__title {
    font-size: 10vw;
    top: 30%;
    left: auto;
    right: -5%;
  }
  .page-head.mobility .page-head__title span {
    display: block;
    text-align: right;
  }
  .page-head.mobility .page-head__title span:first-child {
    transform: translateY(3rem);
  }
}
/*====================================================
//// button
====================================================*/
.breadcrumbs__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 3rem;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
  margin: 8rem auto 0 3rem;
  transform: translateY(1rem);
}
.breadcrumbs__list li {
  position: relative;
}
.breadcrumbs__list li::after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-top: solid 2px var(--main-color);
  border-right: solid 2px var(--main-color);
  position: absolute;
  top: 0.4rem;
  right: -2rem;
  transform: rotate(45deg);
}
.breadcrumbs__list li:last-child::after {
  content: none;
}
.breadcrumbs__list li a:hover {
  color: var(--main-color);
}

/*====================================================
//// top
====================================================*/
.fv-catch {
  overflow: hidden;
  width: 100%;
  height: calc(100vh - 5rem);
  position: relative;
}
.fv-catch::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_50%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221150.236%22%20height%3D%221052.535%22%20viewBox%3D%220%200%201150.236%201052.535%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_136%22%20data-name%3D%22%E3%83%91%E3%82%B9%20136%22%20d%3D%22M517.973%2C161.6a41.256%2C41.256%2C0%2C1%2C0-21.241%2C79.732c44.284%2C11.781%2C80.252%2C39.64%2C101.285%2C78.484%2C21.033%2C38.809%2C24.74%2C84.167%2C10.464%2C127.688-14.588%2C44.387-46.016%2C81.5-88.5%2C104.541s-90.75%2C29.107-135.9%2C17.083C339.8%2C557.35%2C303.831%2C529.49%2C282.8%2C490.681s-24.741-84.167-10.465-127.723a41.267%2C41.267%2C0%2C0%2C0-78.415-25.746C172.469%2C402.53%2C178.256%2C471%2C210.239%2C529.976c31.948%2C58.975%2C86.142%2C101.18%2C152.6%2C118.887a262.32%2C262.32%2C0%2C0%2C0%2C67.43%2C8.8c5.406%2C0%2C10.846-.173%2C16.286-.485a269.8%2C269.8%2C0%2C0%2C0%2C112.719-32.607c61.054-33.092%2C106.378-86.835%2C127.584-151.32%2C21.449-65.317%2C15.662-133.787-16.32-192.762S584.4%2C179.274%2C517.938%2C161.6Z%22%20transform%3D%22translate(446.712%20394.872)%22%20fill%3D%22%23009cd3%22%2F%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_137%22%20data-name%3D%22%E3%83%91%E3%82%B9%20137%22%20d%3D%22M768.124%2C151.654c24.741%2C35.794%2C33.473%2C79.836%2C24.533%2C124.05a44.31%2C44.31%2C0%2C0%2C0-.728%2C6.722A270.1%2C270.1%2C0%2C0%2C0%2C691.1%2C374.944c-37.7%2C58.387-51.63%2C127.273-39.259%2C193.975%2C12.544%2C67.6%2C50.486%2C124.882%2C106.829%2C161.265a239.014%2C239.014%2C0%2C0%2C0%2C130.46%2C38.428c5.059%2C0%2C10.153-.139%2C15.281-.485a256.342%2C256.342%2C0%2C0%2C0%2C45.219-6.93%2C41.247%2C41.247%2C0%2C0%2C0%2C30.215-49.9%2C41.362%2C41.362%2C0%2C0%2C0-49.9-30.25c-44.492%2C10.915-89.4%2C3.742-126.51-20.2-37.076-23.944-62.129-61.956-70.48-107-8.524-45.912%2C1.247-93.592%2C27.443-134.168%2C26.231-40.611%2C65.629-69.094%2C111.021-80.217%2C44.526-10.915%2C89.434-3.742%2C126.51%2C20.236%2C37.076%2C23.944%2C62.094%2C61.956%2C70.445%2C107a41.267%2C41.267%2C0%2C0%2C0%2C81.152-15.039c-12.543-67.6-50.486-124.882-106.828-161.265-49-31.636-106.655-44.076-164.73-36.037%2C2.737-53.466-11.5-105.477-42-149.622-38.151-55.2-96.572-91.3-164.557-101.7C604.329-7.255%2C535.929%2C8.857%2C478.755%2C48.394c-57.174%2C39.5-96.4%2C97.819-110.5%2C164.21a252.605%2C252.605%2C0%2C0%2C0-5.336%2C55.892%2C249.059%2C249.059%2C0%2C0%2C0-54.159-14.761c-67.084-10.257-135.485%2C5.821-192.659%2C45.358C58.925%2C338.595%2C19.7%2C396.912%2C5.6%2C463.3-8.679%2C530.56%2C4.454%2C597.991%2C42.639%2C653.19c37.8%2C54.679%2C95.636%2C90.716%2C162.824%2C101.458a42.784%2C42.784%2C0%2C0%2C0%2C6.93.555c17.88%2C0%2C34.374-10.95%2C40.022-27.443a41.516%2C41.516%2C0%2C0%2C0-3.673-35%2C41.049%2C41.049%2C0%2C0%2C0-29.037-19.4c-45.289-6.93-84.063-30.77-109.15-67.084-25.122-36.314-33.681-81.014-24.186-125.817%2C9.7-45.7%2C36.938-85.969%2C76.682-113.482%2C39.745-27.478%2C87.112-38.7%2C133.232-31.671%2C33.369%2C5.094%2C63.515%2C19.508%2C87.182%2C41.685%2C16.321%2C15.281%2C40.16%2C17.395%2C57.971%2C5.094s24.29-35.344%2C15.731-56.03c-12.37-29.938-15.212-63.238-8.212-96.26%2C9.7-45.7%2C36.938-86%2C76.682-113.482S612.715%2C77.6%2C658.87%2C84.639c45.289%2C6.93%2C84.063%2C30.77%2C109.185%2C67.084Z%22%20transform%3D%22translate(0.022%20-0.005)%22%20fill%3D%22%23009cd3%22%2F%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_138%22%20data-name%3D%22%E3%83%91%E3%82%B9%20138%22%20d%3D%22M475.005%2C124.91a41.23%2C41.23%2C0%2C0%2C0-41.2%2C41.2V485.279c-2.6%2C46.64-23.355%2C90.646-58.421%2C123.877-35.1%2C33.23-80.113%2C51.6-127.134%2C51.665-45.7%2C0-87.563-17.6-117.848-49.586-30.354-32.052-45.67-74.915-43.14-120.654a41.232%2C41.232%2C0%2C0%2C0-38.913-43.487A41.477%2C41.477%2C0%2C0%2C0%2C4.9%2C486.006C1.086%2C554.65%2C24.371%2C619.273%2C70.526%2C667.992c46.016%2C48.615%2C109.15%2C75.366%2C178.175%2C75.366%2C67.846-.1%2C133.025-26.473%2C183.442-74.257%2C50.452-47.784%2C80.321-111.4%2C84.1-179.491V166.179a41.229%2C41.229%2C0%2C0%2C0-41.2-41.2Z%22%20transform%3D%22translate(11.152%20307.895)%22%20fill%3D%22%23009cd3%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-position: 50% 30%;
}
.fv-catch h1 {
  font-size: 3.8rem;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  position: absolute;
  top: 55%;
  left: 0;
  width: 100%;
  text-align: center;
}
.fv-catch .scroll {
  display: none;
}

.txt-area .top-news h2 {
  font-size: 2.4rem;
  line-height: 1.25;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  color: var(--main-color);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.txt-area .top-news ul {
  margin-top: 2rem;
}
.txt-area .top-news ul li {
  padding: 1.5rem 0;
  background-image: radial-gradient(circle, #707070 2.5px, transparent 2.5px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 15px 5px;
}
.txt-area .top-news ul li .date {
  font-size: 1.4rem;
  font-weight: 500;
}
.txt-area .top-news ul li p {
  margin-top: 0.5rem;
  font-size: 1.6rem;
  font-weight: 500;
}
.txt-area .slide-txt {
  opacity: 0;
  height: 0;
  visibility: hidden;
}

.top-fv {
  overflow-x: hidden;
}
.top-fv__list {
  margin-top: 10rem;
  padding-bottom: 3rem;
}
.top-fv__list--item {
  width: fit-content;
  margin-bottom: 10rem;
}
.top-fv__list--item a {
  color: #333;
  transition: 0.1s;
}
.top-fv__list--item a:hover {
  color: #009CD3;
}
.top-fv__list--item .icon {
  width: 70%;
  margin: 0 auto 0 auto;
}
.top-fv__list--item .txt {
  width: 100%;
  margin: 2rem auto 0 auto;
  padding: 2rem 2rem 6rem 2rem;
  position: relative;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}
.top-fv__list--item .txt a {
  color: #fff;
}
.top-fv__list--item .txt h2 {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 600;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
}
.top-fv__list--item .txt p {
  margin-top: 1rem;
  font-weight: 600;
}
.top-fv__list--item .txt .more {
  position: absolute;
  right: -0.1rem;
  bottom: -0.1rem;
  background-color: #fff;
  padding: 1rem 2rem;
  font-weight: 700;
  border-radius: 0.5rem 0 0 0;
  -webkit-border-radius: 0.5rem 0 0 0;
  -moz-border-radius: 0.5rem 0 0 0;
  -ms-border-radius: 0.5rem 0 0 0;
  -o-border-radius: 0.5rem 0 0 0;
}
.top-fv__list .about .txt {
  background-color: var(--green);
}
.top-fv__list .about .txt .more {
  color: var(--green);
}
.top-fv__list .contact .txt,
.top-fv__list .company .txt {
  background-color: var(--orange);
}
.top-fv__list .contact .txt .more,
.top-fv__list .company .txt .more {
  color: var(--orange);
}
.top-fv__list .system-development .txt,
.top-fv__list .system-solution .txt,
.top-fv__list .drone .txt,
.top-fv__list .new-products .txt {
  background-color: var(--main-color);
}
.top-fv__list .system-development .txt .more,
.top-fv__list .system-solution .txt .more,
.top-fv__list .drone .txt .more,
.top-fv__list .new-products .txt .more {
  color: var(--main-color);
}
.top-fv__list .about .icon {
  aspect-ratio: 515.21/292.78;
}
.top-fv__list .system-development .icon {
  width: 40%;
  position: relative;
  aspect-ratio: 351.99/394.31;
}
.top-fv__list .system-development__icon01, .top-fv__list .system-development__icon02 {
  position: absolute;
}
.top-fv__list .system-development__icon01 {
  width: 100%;
  bottom: 0;
  left: 0;
}
.top-fv__list .system-development__icon02 {
  width: 20.0943208614%;
  right: 8.4377397085%;
  bottom: 48.2615201238%;
  perspective: 40rem;
  transform: rotateZ(25deg) translateX(-0.3rem);
}
.top-fv__list .system-development__icon02 svg {
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
  animation: system-development 3s linear infinite;
}
.top-fv__list .system-solution .icon {
  width: 50%;
  position: relative;
  aspect-ratio: 442.59/572.66;
}
.top-fv__list .system-solution__icon01, .top-fv__list .system-solution__icon02, .top-fv__list .system-solution__icon03, .top-fv__list .system-solution__icon04 {
  position: absolute;
}
.top-fv__list .system-solution__icon01 {
  width: 43.0601685533%;
  left: 1rem;
  top: 0;
  opacity: 0;
  transform: translateY(10rem);
  animation-name: top-system-solution01;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.top-fv__list .system-solution__icon02 {
  width: 32.0657945277%;
  right: 0;
  top: 7%;
}
.top-fv__list .system-solution__icon02::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22MSJ%E4%BF%A1%E5%8F%B7%E7%82%B9%E6%BB%85%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246.945%22%20height%3D%2217.261%22%20viewBox%3D%220%200%2046.945%2017.261%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_62%22%20data-name%3D%22%E3%83%91%E3%82%B9%2062%22%20d%3D%22M154.386%2C15.586h-.04a3.239%2C3.239%2C0%2C0%2C1-3.2-3.276L151.26%2C3.2A3.238%2C3.238%2C0%2C0%2C1%2C154.5%2C0h.04a3.239%2C3.239%2C0%2C0%2C1%2C3.2%2C3.276l-.112%2C9.112a3.238%2C3.238%2C0%2C0%2C1-3.236%2C3.2Z%22%20transform%3D%22translate(-130.996%200)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_63%22%20data-name%3D%22%E3%83%91%E3%82%B9%2063%22%20d%3D%22M258.815%2C33.542a3.237%2C3.237%2C0%2C0%2C1-2.56-5.215l6.4-8.282A3.237%2C3.237%2C0%2C0%2C1%2C267.775%2C24l-6.4%2C8.284a3.233%2C3.233%2C0%2C0%2C1-2.565%2C1.259Z%22%20transform%3D%22translate(-221.504%20-16.283)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_64%22%20data-name%3D%22%E3%83%91%E3%82%B9%2064%22%20d%3D%22M9.431%2C29.958a3.228%2C3.228%2C0%2C0%2C1-2.612-1.323L.628%2C20.2a3.237%2C3.237%2C0%2C1%2C1%2C5.219-3.831l6.19%2C8.438a3.236%2C3.236%2C0%2C0%2C1-2.607%2C5.151Z%22%20transform%3D%22translate(-0.001%20-13.041)%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 33.0820180383%;
  aspect-ratio: 141.92/64.02;
  position: absolute;
  animation-name: top-system-solution03;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  position: absolute;
  left: 0;
  top: -1.5rem;
}
.top-fv__list .system-solution__icon03 {
  width: 55.7807451592%;
  bottom: 0;
  left: 0;
  animation-name: top-system-solution02;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.top-fv__list .system-solution__icon04 {
  width: 39.4880137373%;
  right: 0;
  bottom: 0;
}
.top-fv__list .drone .icon {
  width: 100%;
  position: relative;
  aspect-ratio: 549.81/187.72;
}
.top-fv__list .drone__icon01, .top-fv__list .drone__icon02, .top-fv__list .drone__icon03 {
  position: absolute;
}
.top-fv__list .drone__icon01 {
  width: 38.5624124698%;
  top: 30%;
  left: 32.61126571%;
  animation-name: top-drone01;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.top-fv__list .drone__icon02 {
  width: 24.3720558011%;
  bottom: 0;
  left: 0;
  animation-name: top-drone02;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.top-fv__list .drone__icon03 {
  width: 19.6431494516%;
  top: 0;
  right: 0;
  animation-name: top-drone03;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.top-fv__list .new-products .icon {
  width: 50%;
  position: relative;
  aspect-ratio: 381.58/441.92;
}
.top-fv__list .new-products__icon01, .top-fv__list .new-products__icon02 {
  position: absolute;
}
.top-fv__list .new-products__icon01 {
  width: 62.8020336496%;
  top: 0;
  left: 0;
  animation-name: top-new-products01;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.top-fv__list .new-products__icon02 {
  width: 100%;
  bottom: 0;
  left: 0;
  animation-name: top-new-products02;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.top-fv__list .company .icon {
  position: relative;
  aspect-ratio: 409/230.13;
  width: 70%;
}
.top-fv__list .company__icon01, .top-fv__list .company__icon02 {
  position: absolute;
}
.top-fv__list .company__icon01 {
  width: 44.4987775061%;
  bottom: 0;
  right: 37.6528117359%;
}
.top-fv__list .company__icon02 {
  width: 100%;
  bottom: 0;
  left: 0;
}
.top-fv__list .contact .icon {
  position: relative;
  aspect-ratio: 217.83/97.3;
}
.top-fv__list .contact__icon01, .top-fv__list .contact__icon02 {
  position: absolute;
}
.top-fv__list .contact__icon01 {
  width: 59.6887481063%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.top-fv__list .contact__icon02 {
  width: 100%;
  bottom: 0;
  left: 0;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .fv-catch {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    animation-name: fade-out;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    z-index: 99999;
    animation-delay: 2s;
    background-color: #fff;
  }
  .fv-catch::after {
    background-size: auto 80%;
    background-position: 100% 50%;
    animation-name: fade-out02;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-delay: 2s;
    background-color: #fff;
  }
  .fv-catch .scroll {
    display: block;
    text-align: center;
    position: absolute;
    bottom: 7rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .fv-catch .scroll span {
    color: #333;
  }
  .fv-catch .scroll::before {
    content: "";
    animation: scroll-down 2s infinite;
    border-bottom: 5px solid var(--main-color);
    border-left: 5px solid var(--main-color);
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    width: 3rem;
    height: 3rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 1rem;
  }
  .fv-catch .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .fv-catch .inner h1 {
    font-size: clamp(5rem, 4.5454545455vw, 9rem);
    line-height: 1.7;
    font-weight: 700;
    width: 70%;
    margin: auto;
    font-family: "fot-udmarugo-large-pr6n", sans-serif;
    left: 15%;
    text-align: left;
  }
  .top-wrapper {
    width: 100%;
    position: relative;
  }
  .txt-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 35vw;
    padding-top: 5rem;
  }
  .txt-area .top-news {
    margin-top: 0;
    z-index: 2;
    background-color: #fff;
    overflow: hidden;
    padding: 6rem 0;
    aspect-ratio: 737/516;
  }
  .txt-area .top-news h2 {
    font-size: clamp(1.4rem, 1.7vw, 3rem);
    font-family: "fot-udmarugo-large-pr6n", sans-serif;
    color: #333;
  }
  .txt-area .top-news ul {
    margin-top: 3vh;
  }
  .txt-area .top-news ul li {
    padding: 1vh 0;
    background-image: radial-gradient(circle, #707070 2.5px, transparent 2.5px);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 15px 5px;
  }
  .txt-area .top-news ul li .date {
    font-size: clamp(1rem, 0.7070707071vw, 1.4rem);
    font-weight: 500;
  }
  .txt-area .top-news ul li p {
    margin-top: 0.5rem;
    font-size: clamp(1.2rem, 0.8080808081vw, 1.6rem);
    font-weight: 500;
  }
  .txt-area .slide-txt {
    padding: 15rem 6rem 6rem 6rem;
    transform: translateX(-100%);
    transition: 0.3s;
    position: absolute;
    left: 0;
    top: 0;
    aspect-ratio: 737/500;
    color: #fff;
    opacity: 1;
    visibility: visible;
    height: auto;
  }
  .txt-area .slide-txt.active {
    transform: translateX(0);
  }
  .txt-area .slide-txt h2 {
    font-size: clamp(1.4rem, 1.7vw, 3rem);
    font-family: "fot-udmarugo-large-pr6n", sans-serif;
    font-weight: 700;
  }
  .txt-area .slide-txt p {
    margin-top: 2rem;
    font-size: clamp(1.2rem, 1vw, 2rem);
    font-weight: 500;
    line-height: 1.7;
  }
  .txt-area .slide-txt .more {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff;
    padding: 1rem 2rem;
    color: var(--main-color);
    font-size: clamp(1.2rem, 0.8080808081vw, 1.6rem);
    font-weight: 700;
    border-radius: 1rem 0 0 0;
    -webkit-border-radius: 1rem 0 0 0;
    -moz-border-radius: 1rem 0 0 0;
    -ms-border-radius: 1rem 0 0 0;
    -o-border-radius: 1rem 0 0 0;
  }
  .txt-area .slide-txt.about {
    background-color: var(--green);
  }
  .txt-area .slide-txt.about .more {
    color: var(--green);
  }
  .txt-area .slide-txt.contact, .txt-area .slide-txt.company {
    background-color: var(--orange);
  }
  .txt-area .slide-txt.contact .more, .txt-area .slide-txt.company .more {
    color: var(--orange);
  }
  .txt-area .slide-txt.system-development, .txt-area .slide-txt.system-solution, .txt-area .slide-txt.drone, .txt-area .slide-txt.new-products {
    background-color: var(--main-color);
  }
  .txt-area .slide-txt.system-development .more, .txt-area .slide-txt.system-solution .more, .txt-area .slide-txt.drone .more, .txt-area .slide-txt.new-products .more {
    color: var(--main-color);
  }
  .top-fv {
    aspect-ratio: 1950/1080;
    position: relative;
    max-width: 87vw;
    overflow: hidden;
    margin: 0 0 10rem auto;
    z-index: 99;
  }
  .top-fv__list {
    margin-top: 10rem;
    padding-bottom: 10rem;
  }
  .top-fv__list--item {
    width: fit-content;
    margin-bottom: 0;
    color: #333;
  }
  .top-fv__list--item a {
    color: #333;
    transition: 0.1s;
  }
  .top-fv__list--item a:hover {
    color: #009CD3;
  }
  .top-fv__list--item .icon {
    margin: 0 auto;
  }
  .top-fv__list--item .txt {
    display: none;
  }
  .top-fv__list .about,
  .top-fv__list .contact,
  .top-fv__list .company,
  .top-fv__list .system-development,
  .top-fv__list .system-solution,
  .top-fv__list .drone,
  .top-fv__list .new-products {
    position: absolute;
  }
  .top-fv__list .about {
    left: 2.8rem;
    bottom: 8.1111111111%;
    width: 26.421025641%;
  }
  .top-fv__list .about .icon {
    width: 100%;
    margin: 0;
  }
  .top-fv__list .system-development {
    width: 18.0507692308%;
    bottom: -3rem;
    right: 21.1891891892%;
  }
  .top-fv__list .system-development .icon {
    width: 100%;
  }
  .top-fv__list .system-solution {
    width: 22.6969230769%;
    right: 43.9945945946%;
    bottom: 16.212962963%;
  }
  .top-fv__list .system-solution .icon {
    width: 100%;
  }
  .top-fv__list .system-solution__icon02::after {
    top: -30%;
  }
  .top-fv__list .drone {
    width: 29.7194594595%;
    right: 5.3513513514%;
    top: 6.1666666667%;
  }
  .top-fv__list .drone .icon {
    width: 100%;
  }
  .top-fv__list .new-products {
    width: 19.5682051282%;
    right: -2.6216216216%;
    bottom: 1.9074074074%;
  }
  .top-fv__list .new-products .icon {
    width: 100%;
  }
  .top-fv__list .pc-contact {
    width: 44.5384615385%;
    position: absolute;
    right: -0.5%;
    top: 27.1666666667%;
    aspect-ratio: 849/230.13;
  }
  .top-fv__list .pc-contact .icon {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .top-fv__list .pc-contact__icon01, .top-fv__list .pc-contact__icon02, .top-fv__list .pc-contact__icon03 {
    position: absolute;
  }
  .top-fv__list .pc-contact__icon01 {
    aspect-ratio: 849/121.8;
    width: 100%;
    bottom: -0.3rem;
    left: 0;
    z-index: -1;
  }
  .top-fv__list .pc-contact__icon02 {
    aspect-ratio: 182/230.13;
    width: 21.4369846879%;
    right: 20.1389870436%;
    bottom: 0;
  }
  .top-fv__list .pc-contact__icon03 {
    aspect-ratio: 130.02/97.3;
    right: 72.7326266196%;
    bottom: 0;
    width: 15.3144876325%;
  }
  .top-fv__list .pc-contact .txt {
    background-color: var(--orange);
    position: fixed;
    top: -2rem;
    left: 0;
  }
  .top-fv__list .pc-contact .txt .more a {
    color: var(--orange);
  }
  .top-fv__list .pc-cars {
    position: absolute;
    width: 44%;
    aspect-ratio: 814/150;
    top: 49%;
    right: 0;
    z-index: -1;
    overflow: hidden;
  }
  .top-fv__list .pc-cars .icon {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .top-fv__list .pc-cars__icon01, .top-fv__list .pc-cars__icon02 {
    position: absolute;
  }
  .top-fv__list .pc-cars__icon01 {
    aspect-ratio: 168.03/82.88;
    width: 20.6425061425%;
    right: -20rem;
    bottom: 0;
    animation-name: top-pc-cars;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
  }
  .top-fv__list .pc-cars__icon02 {
    aspect-ratio: 291.02/137.73;
    width: 35.7518427518%;
    right: -30rem;
    bottom: 0;
    animation-name: top-pc-cars;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: 1s;
  }
}
/*====================================================
//// MSJについて
====================================================*/
.page-about__sec01 {
  position: relative;
  padding: 18rem 0 18rem 0;
  overflow: hidden;
}
.page-about__sec01::before, .page-about__sec01::after {
  content: "";
  position: absolute;
  width: 45vw;
  aspect-ratio: 10/10;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.page-about__sec01::before {
  background-image: url(../img/about/sec01_img01.png);
  top: 0;
  left: -20vw;
}
.page-about__sec01::after {
  background-image: url(../img/about/sec01_img02.png);
  bottom: 3rem;
  right: -20vw;
}
.page-about__sec01--title {
  color: var(--main-color);
  font-size: 2.2rem;
  line-height: 1.5454545455;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  text-align: center;
  overflow: hidden;
}
.page-about__sec01 p {
  margin-top: 2rem;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  animation-delay: 0.3s;
}
.page-about__sec01 p:last-child {
  margin-top: 1rem;
  animation-delay: 0.6s;
}
.page-about__sec02 {
  padding: 5rem 0 10rem 0;
}
.page-about__sec02 figure {
  width: 80%;
  margin: auto;
}
.page-about__sec02--txt {
  text-align: center;
  color: var(--main-color);
  margin: 3rem auto 0 auto;
  font-size: 2.2rem;
  line-height: 1.4545454545;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  animation-delay: 0.3s;
}
.page-about__sec03 {
  padding: 5rem 0 10rem 0;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
}
.page-about__sec03--title {
  background-color: var(--main-color);
  color: #fff;
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
  margin: auto;
  padding: 0.5rem 2rem;
  font-size: 1.8rem;
  line-height: 1.6666666667;
  font-weight: 700;
  text-align: center;
}
.page-about__sec03--title + p {
  margin-top: 1.5rem;
  color: var(--main-color);
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
  animation-delay: 0.3s;
}
.page-about__sec03 figure {
  animation-delay: 0.6s;
}
.page-about__sec03 .catch {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
}
.page-about__sec03 .catch span {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
}
.page-about__sec03 .catch span.green {
  color: var(--green);
}
.page-about__sec03 .catch span.blue {
  color: var(--main-color);
}
.page-about__sec03 .catch span.orange {
  color: var(--orange);
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .page-about__sec01 {
    padding: 40rem 0;
  }
  .page-about__sec01::before, .page-about__sec01::after {
    width: 45vw;
    max-width: 120.4rem;
  }
  .page-about__sec01::before {
    top: 50%;
    transform: translateY(-50%);
    left: -22vw;
  }
  .page-about__sec01::after {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    right: -22vw;
  }
  .page-about__sec01--title {
    font-size: 3.6rem;
    line-height: 1.1666666667;
  }
  .page-about__sec01 p {
    margin-top: 3rem;
    font-size: 1.8rem;
    line-height: 1.3333333333;
  }
  .page-about__sec01 p:last-child {
    margin-top: 1rem;
  }
  .page-about__sec02 {
    padding: 5rem 0 10rem 0;
  }
  .page-about__sec02 .inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    max-width: 100rem;
  }
  .page-about__sec02 figure {
    width: 45%;
    margin: auto;
  }
  .page-about__sec02--txt {
    margin: 0;
    font-size: 3.6rem;
    line-height: 2.4166666667;
  }
  .page-about__sec02--txt rt {
    font-size: 0.3em;
    padding-bottom: 0.3rem;
  }
  .page-about__sec03 {
    padding: 20rem 0 30rem 0;
    font-family: "fot-udmarugo-large-pr6n", sans-serif;
  }
  .page-about__sec03--title {
    margin: auto;
    max-width: 86.9rem;
    padding: 0rem 2rem;
    font-size: 4.5rem;
    line-height: 1.7777777778;
    text-align: center;
  }
  .page-about__sec03--title + p {
    margin-top: 1.5rem;
    font-size: 3.2rem;
    line-height: 1.5;
  }
  .page-about__sec03 figure {
    max-width: 67.5rem;
    margin: -5rem auto 0 auto;
  }
  .page-about__sec03 .catch {
    text-align: center;
    font-size: 3.6rem;
    line-height: 1.9444444444;
  }
  .page-about__sec03 .catch span {
    font-size: 5rem;
    line-height: 1.4;
  }
}
/*====================================================
//// 新着情報
====================================================*/
.page-news__list {
  padding: 0 0 10rem 0;
  max-width: 104rem;
  margin: auto;
}
.page-news__list .list li {
  background-image: radial-gradient(circle, #009cd3 2.5px, transparent 2.5px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 21px 5px;
  padding: 2.5rem 0 2rem 0;
}
.page-news__list .list li .title {
  min-width: 0;
  margin-top: 1.5rem;
}
.page-news__list .list li .title a {
  font-size: 1.8rem;
  line-height: 1.3333333333;
  font-weight: 700;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.page-news__list .pager {
  margin-top: 5rem;
}

.page-news .date,
.page-news-detail .date {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  justify-content: flex-start;
  align-items: center;
}
.page-news .date time,
.page-news-detail .date time {
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .page-news__list {
    padding: 7rem 0 13rem 0;
    max-width: 104rem;
    margin: auto;
  }
  .page-news__list .list li {
    padding: 2.5rem 0 2.5rem 0;
  }
  .page-news__list .list li .title a {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    font-weight: 700;
    margin-top: 1.5rem;
  }
  .page-news__list .list li .title a:hover {
    color: var(--main-color);
  }
  .page-news__list .pager {
    margin-top: 5rem;
  }
  .page-news .date,
  .page-news-detail .date {
    gap: 3rem;
  }
  .page-news .date time,
  .page-news-detail .date time {
    font-weight: 500;
  }
}
.page-news-detail .inner {
  max-width: 100rem;
}
.page-news-detail .page-head {
  padding-top: 0;
}
.page-news-detail .page-head .date {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-top: 5rem;
}
.page-news-detail__title {
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 700;
  margin-top: 2rem;
}
.page-news-detail .article {
  margin-top: 2rem;
  padding-bottom: 10rem;
  animation-delay: 0.3s;
}
.page-news-detail .article .main-img {
  aspect-ratio: 1134/701;
  overflow: hidden;
  margin-bottom: 3rem;
}
.page-news-detail .article .main-img img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}
.page-news-detail .article h2 {
  margin-top: 5rem;
  font-size: 1.8rem;
  line-height: 1.6666666667;
  font-weight: 700;
  background-image: radial-gradient(circle, #009cd3 2.5px, transparent 2.5px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 15px 5px;
  padding-bottom: 1.5rem;
}
.page-news-detail .article h2 + p {
  margin-top: 2rem;
}
.page-news-detail .article h3 {
  margin-top: 5rem;
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
}
.page-news-detail .article h3 + p {
  margin-top: 1rem;
}
.page-news-detail .article p {
  font-size: 1.4rem;
  line-height: 1.8571428571;
  font-weight: 500;
}
.page-news-detail .article p a {
  display: inline;
  color: var(--main-color);
  text-decoration: underline;
}
.page-news-detail .article p a:hover {
  text-decoration: none;
}
.page-news-detail .article img {
  margin: 2rem auto;
}
.page-news-detail .article .btn a {
  margin: 5rem auto;
  max-width: 27rem;
  text-align: center;
  border: 2px solid var(--main-color);
  padding: 1.5rem 0;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
  color: var(--main-color);
  font-weight: 700;
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .page-news-detail .page-head {
    padding-top: 0;
  }
  .page-news-detail .page-head .date {
    margin-top: 5rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
  }
  .page-news-detail__title {
    font-size: 3.5rem;
    line-height: 1.4285714286;
    margin-top: 3rem;
  }
  .page-news-detail .article {
    margin-top: 2rem;
    padding-bottom: 10rem;
  }
  .page-news-detail .article .main-img {
    aspect-ratio: 1134/501;
  }
  .page-news-detail .article .main-img img {
    margin: 0;
  }
  .page-news-detail .article h2 {
    margin-top: 5rem;
    font-size: 2.2rem;
    line-height: 1.3636363636;
    padding-bottom: 1.5rem;
  }
  .page-news-detail .article h2 + p {
    margin-top: 2rem;
  }
  .page-news-detail .article h3 {
    margin-top: 5rem;
    font-size: 2rem;
    line-height: 1.3;
  }
  .page-news-detail .article h3 + p {
    margin-top: 1rem;
  }
  .page-news-detail .article p {
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .page-news-detail .article p a {
    display: inline;
    color: var(--main-color);
    text-decoration: underline;
  }
  .page-news-detail .article p a:hover {
    text-decoration: none;
  }
  .page-news-detail .article img {
    display: block;
    margin: 4rem auto;
  }
  .page-news-detail .article .btn a {
    position: relative;
    transition: 0.3s;
    overflow: hidden;
  }
  .page-news-detail .article .btn a::after {
    content: "";
    width: 100%;
    height: 110%;
    background-color: var(--main-color);
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: 0.3s;
    z-index: -1;
  }
  .page-news-detail .article .btn a:hover {
    color: #fff;
  }
  .page-news-detail .article .btn a:hover::after {
    transform: scale(1, 1);
  }
}
.cat {
  display: flex;
  gap: 1.5rem;
  justify-content: flex-start;
}
.cat span {
  color: #fff;
  padding: 0.5rem 2.5rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1;
  display: block;
}
.cat .cat01,
.cat .cat04 {
  background-color: var(--green) !important;
}
.cat .cat02,
.cat .cat05 {
  background-color: var(--orange) !important;
}
.cat .cat03,
.cat .cat06 {
  background-color: var(--main-color) !important;
}

/*====================================================
//// 事業内容/ドローン
====================================================*/
.page-drone__sec01 {
  padding: 10rem 0 0 0;
  margin-bottom: 8rem;
}
.page-drone__sec01 .img-wrap {
  position: relative;
  aspect-ratio: 1920/1150;
  width: 100%;
  z-index: -1;
  max-height: calc(100% - 10rem);
  overflow: hidden;
}
.page-drone__sec01 .img01,
.page-drone__sec01 .img02 {
  position: absolute;
  overflow: hidden;
}
.page-drone__sec01 .img01__inner img,
.page-drone__sec01 .img02__inner img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}
.page-drone__sec01 .img01 {
  aspect-ratio: 100/70;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  top: 0;
  left: 0;
  width: 100%;
}
.page-drone__sec01 .img01__inner img {
  transform: translateY(-10%) translateX(-20%) scale(1.5);
}
.page-drone__sec01 .img02 {
  aspect-ratio: 1170.3/920;
  clip-path: polygon(100% 0%, 100% 100%, -30% 100%);
  top: 0;
  right: 0;
  width: 100%;
}
.page-drone__sec01 .img02__inner {
  background-color: var(--main-color);
}
.page-drone__sec01 .img02__inner img {
  transform: translateY(15%) translateX(27%) scale(0.4);
}
.page-drone__sec01 .txt {
  z-index: 10;
  width: 80%;
  margin: 2rem auto 0 auto;
  padding-bottom: 10rem;
  text-align: center;
  background-color: #fff;
  padding: 1rem 2rem;
  transform: translateY(-5rem);
  box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.16);
  animation-delay: 0.3s;
}
.page-drone__sec01 .txt h2 {
  color: var(--main-color);
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
}
.page-drone__sec01 .txt p {
  font-weight: 500;
  font-size: 1.4rem;
  margin-top: 1rem;
}
.page-drone__sec02 .inner {
  position: relative;
  padding: 10rem 0 15rem 0;
}
.page-drone__sec02 .img01,
.page-drone__sec02 .img02 {
  position: absolute;
  z-index: -1;
}
.page-drone__sec02 .img01 {
  top: 0;
  right: 0;
}
.page-drone__sec02 .img02 {
  left: 0;
  bottom: 10rem;
}
.page-drone__sec02--list li {
  width: calc(100% - 3rem);
  margin-bottom: 5rem;
  position: relative;
}
.page-drone__sec02--list li .block {
  box-shadow: 2.5rem 1rem 0 var(--main-color);
  aspect-ratio: 396/565;
  position: relative;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
  overflow: hidden;
}
.page-drone__sec02--list li .point-text {
  width: fit-content;
  transform: rotate(90deg);
  position: absolute;
  right: -4.8rem;
  bottom: 4.5rem;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
}
.page-drone__sec02--list li:nth-child(2) .point-text, .page-drone__sec02--list li:last-child .point-text {
  right: -3.6rem;
}
.page-drone__sec02--list li figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
.page-drone__sec02--list li .txt {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2rem 1.5rem;
  width: 100%;
}
.page-drone__sec02--list li .txt h2 {
  font-size: 1.8rem;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
}
.page-drone__sec02--list li .txt p {
  font-size: 1.3rem;
  margin-top: 1rem;
}
.page-drone__sec03 {
  background-color: var(--main-color);
  color: #fff;
  padding: 5rem 0 10rem 0;
  margin-bottom: 10rem;
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.page-drone__sec03::after {
  content: "";
  background-image: url(../img/business/drone/event-text.png);
  position: absolute;
  right: -5%;
  top: 1rem;
  width: 30vw;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}
.page-drone__sec03--title {
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
}
.page-drone__sec03 .swiper {
  position: relative;
  width: 100%;
}
.page-drone__sec03 .swiper-pagination {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
  position: absolute;
  top: 0;
  right: 1rem;
  width: 1rem;
  left: auto;
}
.page-drone__sec03 .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background: #fff;
  opacity: 1;
}
.page-drone__sec03 .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--orange);
}
.page-drone__sec03 .block figure {
  transform: rotate(-6deg) translateX(5%) translateY(10%);
  aspect-ratio: 100/100;
  width: 85%;
  margin: 2rem auto 0 0;
}
.page-drone__sec03 .block figure img {
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}
.page-drone__sec03 .block .txt {
  margin-top: 7rem;
}
.page-drone__sec03 .block .txt .date {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 500;
}
.page-drone__sec03 .block .txt h3 {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  margin-top: 0.5rem;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
}
.page-drone__sec03 .block .txt .body {
  margin-top: 3rem;
}

@media screen and (min-width: 768px) {
  .page-drone__sec01 {
    padding: 8rem 0 0 0;
  }
  .page-drone__sec01 .img-wrap {
    position: relative;
    aspect-ratio: 1920/1206;
    width: 100%;
    z-index: -1;
    max-height: calc(100% - 10rem);
    overflow: hidden;
  }
  .page-drone__sec01 .img01,
  .page-drone__sec01 .img02 {
    position: absolute;
    overflow: hidden;
  }
  .page-drone__sec01 .img01__inner img,
  .page-drone__sec01 .img02__inner img {
    object-fit: cover;
    object-position: 50% 50%;
    width: 110%;
    height: 110%;
  }
  .page-drone__sec01 .img01 {
    aspect-ratio: 100/90;
    clip-path: polygon(0% 0%, 100% 0%, 50% 50%);
    left: auto;
    right: 0;
    width: 100%;
    max-width: 140rem;
  }
  .page-drone__sec01 .img01__inner img {
    width: 100%;
    height: auto;
    transform: translateY(-25%) translateX(0);
  }
  .page-drone__sec01 .img02 {
    aspect-ratio: 1170.3/600;
    clip-path: polygon(100% 0%, 100% 100%, 0 100%);
    width: 100%;
  }
  .page-drone__sec01 .img02__inner img {
    transform: translateY(0) translateX(20%) scale(0.4);
  }
  .page-drone__sec01 .txt {
    background-color: transparent;
    box-shadow: none;
    margin-top: 0;
    padding-bottom: 0;
    text-align: left;
    position: static;
    transform: none;
    top: auto;
    left: auto;
    padding: 0;
    width: 100%;
  }
  .page-drone__sec01 .txt .box {
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 30%;
    padding: 2.5rem;
    animation-delay: 0.5s;
  }
  .page-drone__sec01 .txt h2 {
    font-size: 3.6rem;
    white-space: nowrap;
  }
  .page-drone__sec01 .txt p {
    font-size: 2.2rem;
    margin-top: 1rem;
  }
  .page-drone__sec02 .inner {
    position: relative;
    padding: 20rem 0 50rem 0;
  }
  .page-drone__sec02 .img01,
  .page-drone__sec02 .img02 {
    position: absolute;
    z-index: -1;
    max-width: 95rem;
  }
  .page-drone__sec02 .img01 {
    top: 0;
    right: -5rem;
  }
  .page-drone__sec02 .img02 {
    left: -5rem;
    bottom: 30rem;
  }
  .page-drone__sec02--list {
    display: flex;
    flex-wrap: nowrap;
    gap: 5.6rem;
    justify-content: center;
    align-items: stretch;
  }
  .page-drone__sec02--list li {
    width: calc((100% - 11.2rem) / 3);
    margin-bottom: 0;
  }
  .page-drone__sec02--list li .point-text {
    font-size: 1.4rem;
  }
  .page-drone__sec02--list li:first-child {
    transform: translateY(-25rem);
  }
  .page-drone__sec02--list li:first-child .point-text {
    right: -5.4rem;
  }
  .page-drone__sec02--list li:nth-child(2) {
    animation-delay: 0.3s;
  }
  .page-drone__sec02--list li:nth-child(2) .point-text, .page-drone__sec02--list li:last-child .point-text {
    right: -4rem;
  }
  .page-drone__sec02--list li:last-child {
    transform: translateY(25rem);
    animation-delay: 0.6s;
  }
  .page-drone__sec02--list li .txt {
    padding: 3rem 1.5rem 2.5rem 1.5rem;
    width: 100%;
  }
  .page-drone__sec02--list li .txt h2 {
    font-size: 2.2rem;
    font-weight: 700;
    font-family: "fot-udmarugo-large-pr6n", sans-serif;
  }
  .page-drone__sec02--list li .txt p {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 1.7;
  }
  .page-drone__sec03 {
    padding: 10rem 0 20rem 0;
  }
  .page-drone__sec03::after {
    right: -8%;
    top: 1rem;
    opacity: 0.4;
    width: 25vw;
    height: 100%;
  }
  .page-drone__sec03--title {
    font-size: 5rem;
    line-height: 1;
  }
  .page-drone__sec03 .swiper {
    position: relative;
    width: 100%;
  }
  .page-drone__sec03 .swiper-pagination {
    gap: 2rem;
    top: -75%;
    right: 5rem;
    width: 1rem;
    left: auto;
  }
  .page-drone__sec03 .swiper-pagination-bullet {
    width: 1.5rem;
    height: 1.5rem;
  }
  .page-drone__sec03 .block {
    display: flex;
    flex-wrap: nowrap;
    gap: 5rem;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 9rem;
    padding-right: 10%;
  }
  .page-drone__sec03 .block figure {
    transform: rotate(-11deg) translateX(6%) translateY(10%);
    width: 43%;
    margin: 2rem auto 0 0;
  }
  .page-drone__sec03 .block figure img {
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -o-border-radius: 3rem;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
  }
  .page-drone__sec03 .block .txt {
    margin-top: 7rem;
    width: 46%;
  }
  .page-drone__sec03 .block .txt .date {
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 500;
  }
  .page-drone__sec03 .block .txt h3 {
    font-size: 3.6rem;
    line-height: 1.3333333333;
    font-weight: 700;
    margin-top: 0.5rem;
  }
  .page-drone__sec03 .block .txt .body {
    margin-top: 3rem;
    font-size: 2rem;
    line-height: 2;
    font-weight: 500;
  }
  .page-drone .cta-block {
    margin-top: 8rem;
  }
}
/*====================================================
//// 事業内容/システムソリューション
====================================================*/
.system-solution__sec01 {
  position: relative;
  min-height: 30rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  padding-top: 5rem;
}
.system-solution__sec01::before, .system-solution__sec01::after {
  content: "";
  max-width: 65.9rem;
  width: 40%;
  aspect-ratio: 659/291;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22659%22%20height%3D%22291%22%20viewBox%3D%220%200%20659%20291%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_207%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20207%22%20transform%3D%22translate(-1351%20-1164)%22%3E%0A%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_41%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2041%22%20cx%3D%22145.5%22%20cy%3D%22145.5%22%20r%3D%22145.5%22%20transform%3D%22translate(1719%201164)%22%20fill%3D%22%23009cd3%22%2F%3E%0A%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_42%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2042%22%20cx%3D%2276.5%22%20cy%3D%2276.5%22%20r%3D%2276.5%22%20transform%3D%22translate(1500%201233)%22%20fill%3D%22%23009cd3%22%2F%3E%0A%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_43%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2043%22%20cx%3D%2241.5%22%20cy%3D%2241.5%22%20r%3D%2241.5%22%20transform%3D%22translate(1351%201268)%22%20fill%3D%22%23009cd3%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-size: contain;
  position: absolute;
  top: 6.5rem;
  background-repeat: no-repeat;
}
.system-solution__sec01::after {
  right: -27%;
}
.system-solution__sec01::before {
  transform: rotate(180deg);
  left: -27%;
}
.system-solution__sec01--title {
  color: var(--main-color);
  font-size: 1.8rem;
  line-height: 1.6666666667;
  font-weight: 700;
  text-align: center;
  margin-top: 2rem;
}
.system-solution__sec01--list {
  margin-top: 10rem;
}
.system-solution__sec01--list li {
  margin-bottom: 5rem;
}
.system-solution__sec01--list li figure {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.system-solution__sec01--list li .txt .block {
  background-color: var(--main-color);
  color: #fff;
  aspect-ratio: 10/10;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  transform: translateY(-4rem);
  width: 90%;
  margin: auto;
  max-width: 40rem;
}
.system-solution__sec01--list li .txt h3 {
  font-size: 1.8rem;
  line-height: 1.6666666667;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
}
.system-solution__sec01--list li .txt p {
  font-size: 1.4rem;
  line-height: 2;
  font-weight: 500;
  margin-top: 1rem;
}
.system-solution__sec02 {
  padding-bottom: 10rem;
}
.system-solution__sec02--title {
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  color: var(--main-color);
}
.system-solution__sec02--list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 2.2rem;
  margin-top: 3rem;
}
.system-solution__sec02--list li {
  border: 3px solid var(--main-color);
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  padding: 3.5rem 3rem 5rem 3rem;
}
.system-solution__sec02--list li figure {
  margin: auto;
}
.system-solution__sec02--list li figure img {
  width: 100%;
}
.system-solution__sec02--list li .txt {
  text-align: center;
  margin: 1.5rem auto 0 auto;
}
.system-solution__sec02--list li .txt h3 {
  text-align: center;
  font-size: 2.2rem;
  line-height: 1.5454545455;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
}
.system-solution__sec02--list li .txt h3 span {
  display: block;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 600;
  color: var(--main-color);
}
.system-solution__sec02--list li .txt p {
  font-size: 1.4rem;
  line-height: 1.5714285714;
  font-weight: 500;
  margin: 1rem auto 0 auto;
}
.system-solution__sec02--list li:first-child figure {
  width: 70%;
}
.system-solution__sec02--list li:nth-child(2) figure {
  width: 75%;
}
.system-solution__sec02--list li:nth-child(3) figure {
  width: 40%;
}
.system-solution__sec02--list li:last-child figure {
  width: 55%;
}

@media screen and (min-width: 768px) {
  .system-solution__sec01 {
    padding-top: 10rem;
    min-height: initial;
    display: block;
  }
  .system-solution__sec01 .inner {
    max-width: 100%;
    width: 100%;
  }
  .system-solution__sec01::before, .system-solution__sec01::after {
    content: "";
    max-width: 40rem;
    width: 100%;
    top: 70px;
    z-index: -1;
  }
  .system-solution__sec01::after {
    right: -5%;
  }
  .system-solution__sec01::before {
    left: -5%;
  }
  .system-solution__sec01--title {
    font-size: 3.2rem;
    line-height: 1;
    margin: 0 auto 0 auto;
    background-color: rgba(255, 255, 255, 0.8);
    width: fit-content;
    padding: 5rem 3rem;
  }
  .system-solution__sec01--list {
    margin-top: 20rem;
  }
  .system-solution__sec01--list li {
    margin-bottom: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .system-solution__sec01--list li figure {
    width: 50%;
    margin: 0;
    order: 1;
  }
  .system-solution__sec01--list li .txt {
    width: 50%;
    order: 2;
    animation-delay: 0.3s;
  }
  .system-solution__sec01--list li .txt .block {
    max-width: 50rem;
    transform: translateY(0);
    width: 70%;
    margin: 0 auto 0 5rem;
  }
  .system-solution__sec01--list li .txt h3 {
    font-size: 3.2rem;
    line-height: 1.3125;
  }
  .system-solution__sec01--list li .txt p {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    margin-top: 3rem;
  }
  .system-solution__sec01--list li:nth-child(2) figure {
    order: 2;
  }
  .system-solution__sec01--list li:nth-child(2) .txt {
    order: 1;
    transform: translateY(0);
  }
  .system-solution__sec01--list li:nth-child(2) .txt .block {
    margin: 0 5rem 0 auto;
  }
  .system-solution__sec02 {
    padding: 20rem 0;
  }
  .system-solution__sec02--title {
    font-size: 3.2rem;
    line-height: 1.125;
  }
  .system-solution__sec02--list {
    flex-direction: row;
    gap: 2.2rem;
    margin-top: 7rem;
  }
  .system-solution__sec02--list li {
    aspect-ratio: 659/227;
    width: calc((100% - 2.2rem) / 2);
    border: 3px solid var(--main-color);
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    padding: 3.5rem 3rem 2rem 3rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    min-height: 22.7rem;
  }
  .system-solution__sec02--list li figure {
    width: calc(40% - 2.2rem) !important;
    margin: 0;
    text-align: center;
  }
  .system-solution__sec02--list li .txt {
    transform: translateY(-2rem);
    width: 60%;
    text-align: center;
    margin: 1.5rem auto 0 auto;
  }
  .system-solution__sec02--list li .txt h3 {
    font-size: 3.2rem;
    line-height: 1.0625;
  }
  .system-solution__sec02--list li .txt h3 span {
    font-size: 1.6rem;
    line-height: 1;
    margin-top: 0.5rem;
  }
  .system-solution__sec02--list li .txt p {
    font-size: 1.6rem;
    line-height: 1.5625;
    font-weight: 500;
    margin: 3rem auto 0 auto;
  }
  .system-solution__sec02--list li:first-child figure img {
    width: 100%;
  }
  .system-solution__sec02--list li:nth-child(2) {
    animation-delay: 0.3s;
  }
  .system-solution__sec02--list li:nth-child(2) figure img {
    width: 100%;
  }
  .system-solution__sec02--list li:nth-child(3) figure img {
    width: 70%;
    display: block;
    margin: 0 auto;
  }
  .system-solution__sec02--list li:last-child {
    animation-delay: 0.3s;
  }
  .system-solution__sec02--list li:last-child figure img {
    width: 60%;
    display: block;
    margin: -2rem auto 0 auto;
  }
}
/*====================================================
//// 新商品開発・開拓
====================================================*/
.page-products__sec01--head {
  width: 100%;
  position: relative;
}
.page-products__sec01--head figure {
  aspect-ratio: 100/50;
  overflow: hidden;
}
.page-products__sec01--head figure img {
  object-fit: cover;
  object-position: 0 0;
  width: 100%;
  height: 100%;
  transform: scale(1.5) translateY(-2rem);
}
.page-products__sec01--head .txt {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 3rem 2rem;
  text-align: center;
  transform: translateY(-3rem);
  box-shadow: 0.2rem 0.2rem 2rem rgba(0, 0, 0, 0.16);
  animation-delay: 0.3s;
}
.page-products__sec01--head .txt h2 {
  font-size: 1.8rem;
  line-height: 1.4444444444;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
}
.page-products__sec01--head .txt p {
  font-size: 1.3rem;
  line-height: 1.8461538462;
  font-weight: 500;
  margin-top: 1rem;
}
.page-products__sec02 {
  padding-bottom: 10rem;
  margin-top: 10rem;
}
.page-products__sec02 h2 {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  color: var(--main-color);
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  text-align: center;
}
.page-products__sec02--menu {
  margin: 3rem auto 0 auto;
  width: 80%;
}
.page-products__sec02--menu li {
  aspect-ratio: 452/269;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  position: relative;
  margin-bottom: 5rem;
}
.page-products__sec02--menu li p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: var(--main-color);
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  font-weight: 600;
}
.page-products__sec02--menu li:first-child {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22452%22%20height%3D%22229%22%20viewBox%3D%220%200%20452%20229%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_208%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20208%22%20transform%3D%22translate(-394%20-1913)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_97%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2097%22%20transform%3D%22translate(394%201913)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23009cd3%22%20stroke-width%3D%2210%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22452%22%20height%3D%22229%22%20rx%3D%22114.5%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%22442%22%20height%3D%22219%22%20rx%3D%22109.5%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20id%3D%22%E7%9B%A3%E8%A6%96%E3%82%AB%E3%83%A1%E3%83%A9%22%20transform%3D%22translate(149.248%201314.56)%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_257%22%20data-name%3D%22%E3%83%91%E3%82%B9%20257%22%20d%3D%22M551.329%2C710.93V674.768c0-16.2-36.223-29.328-80.9-29.328s-80.9%2C13.13-80.9%2C29.328V710.93c0-16.2%2C36.222-29.328%2C80.9-29.328S551.329%2C694.732%2C551.329%2C710.93Z%22%20transform%3D%22translate(0)%22%20fill%3D%22%23009cd3%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_258%22%20data-name%3D%22%E3%83%91%E3%82%B9%20258%22%20d%3D%22M551.329%2C1517.878c0-16.2-36.223-29.328-80.9-29.328s-80.9%2C13.13-80.9%2C29.328c0%2C6.562%2C5.945%2C12.621%2C15.989%2C17.506a66.975%2C66.975%2C0%2C0%2C1-2.026-11.135c-.018-.184-.025-.372-.025-.558.265-13.325%2C30.146-24.1%2C66.966-24.1s66.706%2C10.775%2C66.967%2C24.1c0%2C.185-.008.371-.026.554a66.968%2C66.968%2C0%2C0%2C1-2.026%2C11.135c10.044-4.886%2C15.989-10.944%2C15.989-17.506Z%22%20transform%3D%22translate(0%20-800.725)%22%20fill%3D%22%23009cd3%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_259%22%20data-name%3D%22%E3%83%91%E3%82%B9%20259%22%20d%3D%22M877.146%2C1804.55c-32.647%2C0-59.14%2C9.552-59.375%2C21.366%2C0%2C.165.006.331.022.495a59.633%2C59.633%2C0%2C0%2C0%2C118.708%2C0c.015-.164.023-.327.023-.492-.232-11.815-26.727-21.369-59.377-21.369Zm21.579%2C49.186a21.579%2C21.579%2C0%2C1%2C1-43.158%2C0v-20.165a21.579%2C21.579%2C0%2C1%2C1%2C43.158%2C0Z%22%20transform%3D%22translate(-406.721%20-1100.84)%22%20fill%3D%22%23009cd3%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_260%22%20data-name%3D%22%E3%83%91%E3%82%B9%20260%22%20d%3D%22M1686.182%2C2052.57a16.571%2C16.571%2C0%2C0%2C0-16.552%2C16.552v20.165a16.552%2C16.552%2C0%2C0%2C0%2C33.1%2C0v-20.165A16.571%2C16.571%2C0%2C0%2C0%2C1686.182%2C2052.57Zm0%2C44.09a10.454%2C10.454%2C0%2C1%2C1%2C10.454-10.454A10.454%2C10.454%2C0%2C0%2C1%2C1686.182%2C2096.66Z%22%20transform%3D%22translate(-1215.757%20-1336.391)%22%20fill%3D%22%23009cd3%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.page-products__sec02--menu li:last-child {
  animation-delay: 0.3s;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22452%22%20height%3D%22229%22%20viewBox%3D%220%200%20452%20229%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_207%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20207%22%20transform%3D%22translate(-1066%20-1913)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_99%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2099%22%20transform%3D%22translate(1066%201913)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23009cd3%22%20stroke-width%3D%2210%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22452%22%20height%3D%22229%22%20rx%3D%22114.5%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%22442%22%20height%3D%22219%22%20rx%3D%22109.5%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B9%E3%83%9E%E3%83%9B%22%20transform%3D%22translate(1157.826%201899.57)%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_261%22%20data-name%3D%22%E3%83%91%E3%82%B9%20261%22%20d%3D%22M178.827%2C46.307a14.9%2C14.9%2C0%2C0%2C0-3.275-3.275%2C14.649%2C14.649%2C0%2C0%2C0-8.641-2.852H101.438A14.891%2C14.891%2C0%2C0%2C0%2C86.67%2C54.948V200.913a14.629%2C14.629%2C0%2C0%2C0%2C2.852%2C8.641%2C14.9%2C14.9%2C0%2C0%2C0%2C3.275%2C3.275%2C14.649%2C14.649%2C0%2C0%2C0%2C8.641%2C2.852h65.473a14.629%2C14.629%2C0%2C0%2C0%2C8.641-2.852%2C14.9%2C14.9%2C0%2C0%2C0%2C3.275-3.275%2C14.649%2C14.649%2C0%2C0%2C0%2C2.852-8.641V54.948A14.629%2C14.629%2C0%2C0%2C0%2C178.827%2C46.307Zm-2.852%2C154.606a9.081%2C9.081%2C0%2C0%2C1-9.064%2C9.073H101.438a9.076%2C9.076%2C0%2C0%2C1-9.064-9.073V54.948a9.074%2C9.074%2C0%2C0%2C1%2C9.064-9.064h65.473a9.074%2C9.074%2C0%2C0%2C1%2C9.064%2C9.064Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23009cd3%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_262%22%20data-name%3D%22%E3%83%91%E3%82%B9%20262%22%20d%3D%22M150.137%2C59.14h-21.2a2.731%2C2.731%2C0%2C1%2C0%2C0%2C5.461h21.2a2.731%2C2.731%2C0%2C0%2C0%2C0-5.461Z%22%20transform%3D%22translate(-5.373%20-2.577)%22%20fill%3D%22%23009cd3%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.page-products__sec02 .handled {
  background-color: var(--main-color);
  color: #fff;
}
.page-products__sec02 .handled h3 {
  font-size: 2rem;
  line-height: 2.5;
  font-weight: 700;
  text-align: center;
  border-bottom: 1px solid #fff;
  width: 90%;
  margin: auto;
}
.page-products__sec02 .handled .block {
  aspect-ratio: 10/5;
  width: 100%;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .page-products__sec01 {
    padding-top: 8rem;
  }
  .page-products__sec01--head {
    aspect-ratio: 1920/800;
    display: flex;
    align-items: center;
  }
  .page-products__sec01--head figure {
    position: absolute;
    top: 0;
    left: 0;
    aspect-ratio: 1920/850;
  }
  .page-products__sec01--head figure img {
    transform: scale(1.2) translateY(-30%) translateX(8%);
  }
  .page-products__sec01--head .txt {
    padding: 0;
    transform: translateY(-18%);
    box-shadow: none;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    aspect-ratio: 680/500;
  }
  .page-products__sec01--head .txt h2 {
    font-size: 3.6rem;
    line-height: 1.3333333333;
  }
  .page-products__sec01--head .txt p {
    font-size: 2.2rem;
    line-height: 2.5454545455;
    margin-top: 7rem;
  }
  .page-products__sec02 {
    padding-bottom: 15rem;
    margin-top: 5rem;
  }
  .page-products__sec02 h2 {
    font-size: 3.6rem;
    line-height: 1;
  }
  .page-products__sec02--menu {
    margin: 3rem auto 0 auto;
    width: 90%;
    max-width: 112.4rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .page-products__sec02--menu li {
    width: 50%;
    max-width: 45.2rem;
    margin-bottom: 0;
  }
  .page-products__sec02--menu li p {
    font-weight: 700;
  }
  .page-products__sec02 .handled h3 {
    font-size: 3.6rem;
    line-height: 2.8333333333;
    text-align: center;
    border-bottom: 1px solid #fff;
    width: 90%;
    margin: 30rem auto 0 auto;
  }
  .page-products__sec02 .handled .block {
    aspect-ratio: 10/3;
    font-size: 5rem;
    line-height: 1;
  }
}
/*====================================================
//// 事業内容/通信情報システムソリューション
====================================================*/
.page-mobility {
  width: 100%;
  overflow-x: hidden;
}
.page-mobility__sec01 {
  padding-top: 15rem;
  padding-bottom: 20rem;
}
.page-mobility__sec01 .img-block {
  height: calc(100vh - 7rem);
  position: relative;
}
.page-mobility__sec01 .img-block figure {
  width: 60%;
  height: calc((100vh - 19rem) / 2);
  position: absolute;
}
.page-mobility__sec01 .img-block figure img {
  width: auto;
  height: 100%;
}
.page-mobility__sec01 .img-block figure.img01 {
  left: 0;
  top: 0;
  clip-path: polygon(0% 0%, 0% 100%, 70% 100%, 100% 0%);
}
.page-mobility__sec01 .img-block figure.img01 img {
  transform: scale(1.2) translateX(-11%);
}
.page-mobility__sec01 .img-block figure.img02 {
  animation-delay: 0.3s;
  right: 0;
  top: 0;
  clip-path: polygon(30% 0%, 0% 100%, 100% 100%, 100% 0%);
}
.page-mobility__sec01 .img-block figure.img02 img {
  transform: scale(1.5) translateX(-11%);
}
.page-mobility__sec01 .img-block figure.img03 {
  animation-delay: 0.6s;
  left: 0;
  bottom: 0;
  clip-path: polygon(0% 0%, 0% 100%, 70% 100%, 100% 0%);
}
.page-mobility__sec01 .img-block figure.img03 img {
  transform: scale(1) translateX(-11%);
}
.page-mobility__sec01 .img-block figure.img04 {
  animation-delay: 0.9s;
  right: 0;
  bottom: 0;
  clip-path: polygon(30% 0%, 0% 100%, 100% 100%, 100% 0%);
}
.page-mobility__sec01 .img-block figure.img04 img {
  transform: scale(1.5) translateX(0) translateY(-10%);
}
.page-mobility__sec01 .img-block .txt {
  animation-delay: 1.2s;
  background-color: var(--main-color);
  color: #fff;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  padding: 2rem 2.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4rem;
  line-height: 1.8571428571;
  font-weight: 500;
  z-index: 1;
}
.page-mobility__sec01 .block-list {
  margin-top: 7rem;
}
.page-mobility__sec01 .block-list h2 {
  font-size: 1.8rem;
  line-height: 1.6666666667;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  color: var(--main-color);
  text-align: center;
}
.page-mobility__sec01 .block-list ul {
  margin-top: 3rem;
}
.page-mobility__sec01 .block-list ul li {
  margin-bottom: 5rem;
}
.page-mobility__sec01 .block-list ul li:nth-child(2) {
  animation-delay: 0.3s;
}
.page-mobility__sec01 .block-list ul li:last-child {
  animation-delay: 0.6s;
}
.page-mobility__sec01 .block-list ul li figure {
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  overflow: hidden;
  aspect-ratio: 431/302;
}
.page-mobility__sec01 .block-list ul li figure img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}
.page-mobility__sec01 .block-list ul li .txt {
  text-align: center;
  margin: 1.5rem auto 0 auto;
  width: 87%;
}
.page-mobility__sec01 .block-list ul li .txt h3 {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
}
.page-mobility__sec01 .block-list ul li .txt h3 span {
  color: var(--main-color);
  display: block;
  margin: 0.5rem auto 0 auto;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 700;
}
.page-mobility__sec01 .block-list ul li .txt p {
  font-weight: 500;
  margin-top: 1rem;
}
.page-mobility__sec01 .bottom-area {
  aspect-ratio: 100/60;
  width: 100%;
  position: relative;
}
.page-mobility__sec01 .bottom-area figure {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.page-mobility__sec01 .bottom-area figure img {
  transform: scale(2.5) translateY(10%) translateX(-15%);
}
.page-mobility__sec01 .bottom-area .txt {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 2rem 2.5rem;
  position: absolute;
  width: 87%;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: -40%;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
}
.page-mobility__sec02 h2 {
  font-size: 1.8rem;
  line-height: 1.6666666667;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
}
.page-mobility__sec02 h2.head01 span {
  color: var(--main-color);
}
.page-mobility__sec02 h2.head01 img {
  display: block;
  margin-bottom: 2rem;
}
.page-mobility__sec02 h2.head02 {
  color: var(--main-color);
  text-align: center;
  margin-top: 10rem;
}
.page-mobility__sec02 .block01 {
  margin-top: 3rem;
}
.page-mobility__sec02 .block02 {
  margin-top: 5rem;
}
.page-mobility__sec02 .block02 figure {
  width: 70%;
  margin: auto;
}
.page-mobility__sec02 .block02 .txt {
  margin-top: 2rem;
}
.page-mobility__sec02 .block02 .txt h3 {
  color: var(--main-color);
  font-size: 1.8rem;
  line-height: 1.6666666667;
  font-weight: 700;
  text-align: center;
}
.page-mobility__sec02 .block02 .txt p {
  font-size: 1.4rem;
  line-height: 1.9285714286;
  font-weight: 500;
  margin-top: 1rem;
}
.page-mobility__sec02 ul {
  margin: 2rem auto 0 auto;
  width: 80%;
  padding-bottom: 3rem;
}
.page-mobility__sec02 ul li {
  position: relative;
  margin-bottom: 5rem;
}
.page-mobility__sec02 ul li figure {
  width: 70%;
  margin: auto;
}
.page-mobility__sec02 ul li .txt-name {
  background-color: var(--main-color);
  color: #fff;
  position: absolute;
  padding: 0.5rem 1rem;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  font-weight: 700;
}
.page-mobility__sec02 ul li .txt-name01 {
  font-size: 1.1rem;
}
.page-mobility__sec02 ul li .txt-name02 {
  bottom: 0;
  right: -10%;
  font-size: 1.6rem;
}
.page-mobility__sec02 ul li:first-child .txt-name01 {
  top: 1rem;
  left: -15%;
}
.page-mobility__sec02 ul li:last-child {
  animation-delay: 0.3s;
}
.page-mobility__sec02 ul li:last-child .txt-name01 {
  top: 0;
  left: -10%;
}
.page-mobility__sec02 .bottom-area {
  margin-top: 5rem;
  position: relative;
  aspect-ratio: 1920/618;
}
.page-mobility__sec02 .bottom-area figure {
  position: absolute;
  left: 0;
  top: 0;
}
.page-mobility__sec02 .bottom-area .txt {
  color: #fff;
  padding: 3rem 2.5rem;
  width: 65%;
  margin: -5rem auto 0 -3%;
  position: relative;
  z-index: 1;
  font-weight: 700;
  text-align: center;
}
.page-mobility__sec03 {
  padding: 5rem 0 10rem 0;
}
.page-mobility__sec03 h2 {
  font-size: 1.8rem;
  line-height: 1.6666666667;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  text-align: center;
}
.page-mobility__sec03 h2.head01 {
  color: var(--green);
}
.page-mobility__sec03 h2.head02 {
  color: var(--main-color);
  margin-top: 7rem;
}
.page-mobility__sec03 h2.head02 span {
  display: block;
  font-size: 1.4rem;
  line-height: 1;
}
.page-mobility__sec03 ul {
  width: 80%;
  margin: 5rem auto 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  justify-content: center;
  align-items: stretch;
}
.page-mobility__sec03 ul li {
  width: calc((100% - 2.5rem) / 2);
}
.page-mobility__sec03 ul li:first-child img {
  transform: translateY(0.5rem);
}
.page-mobility__sec03 ul li:nth-child(2) {
  animation-delay: 0.3s;
}
.page-mobility__sec03 ul li:nth-child(3) {
  animation-delay: 0.6s;
}
.page-mobility__sec03 ul li:last-child {
  animation-delay: 0.9s;
}
.page-mobility__sec03 ul li:last-child img {
  transform: translateY(0.5rem);
}
.page-mobility__sec03 .img-block {
  width: 90vw;
  margin: 3rem calc(50% - 45vw);
  position: relative;
}
.page-mobility__sec03 .img-block .btn {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -1.5rem;
  z-index: 999;
}
@media screen and (min-width: 768px) {
  .page-mobility__sec03 .img-block .btn {
    top: 7.5rem;
  }
}
.page-mobility__sec03 .img-block .btn .img01,
.page-mobility__sec03 .img-block .btn .img02 {
  padding: 0.5rem 2rem;
  white-space: nowrap;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .page-mobility__sec03 .img-block .btn .img01,
  .page-mobility__sec03 .img-block .btn .img02 {
    font-size: 3.6rem;
    padding: 0.5rem 4rem;
  }
}
.page-mobility__sec03 .img-block .btn .img01:hover,
.page-mobility__sec03 .img-block .btn .img02:hover {
  cursor: pointer;
}
.page-mobility__sec03 .img-block .btn .img01 {
  background-color: #fff;
  border: 3px solid var(--main-color);
  color: var(--main-color);
  border-radius: 2rem 0 0 2rem;
  -webkit-border-radius: 2rem 0 0 2rem;
  -moz-border-radius: 2rem 0 0 2rem;
  -ms-border-radius: 2rem 0 0 2rem;
  -o-border-radius: 2rem 0 0 2rem;
}
@media screen and (min-width: 768px) {
  .page-mobility__sec03 .img-block .btn .img01 {
    border-radius: 3rem 0 0 3rem;
    -webkit-border-radius: 3rem 0 0 3rem;
    -moz-border-radius: 3rem 0 0 3rem;
    -ms-border-radius: 3rem 0 0 3rem;
    -o-border-radius: 3rem 0 0 3rem;
  }
}
.page-mobility__sec03 .img-block .btn .img01.active {
  background-color: var(--main-color);
  color: #fff;
}
.page-mobility__sec03 .img-block .btn .img02 {
  background-color: #fff;
  border: 3px solid var(--green);
  color: var(--green);
  border-radius: 0 2rem 2rem 0;
  -webkit-border-radius: 0 2rem 2rem 0;
  -moz-border-radius: 0 2rem 2rem 0;
  -ms-border-radius: 0 2rem 2rem 0;
  -o-border-radius: 0 2rem 2rem 0;
}
@media screen and (min-width: 768px) {
  .page-mobility__sec03 .img-block .btn .img02 {
    border-radius: 0 3rem 3rem 0;
    -webkit-border-radius: 0 3rem 3rem 0;
    -moz-border-radius: 0 3rem 3rem 0;
    -ms-border-radius: 0 3rem 3rem 0;
    -o-border-radius: 0 3rem 3rem 0;
  }
}
.page-mobility__sec03 .img-block .btn .img02.active {
  background-color: var(--green);
  color: #fff;
}
.page-mobility__sec03 .img-block .img {
  aspect-ratio: 1370/693;
  position: relative;
  z-index: 1;
}
.page-mobility__sec03 .img-block .img .img01,
.page-mobility__sec03 .img-block .img .img02 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.page-mobility__sec03 .img-block .img .img01.active,
.page-mobility__sec03 .img-block .img .img02.active {
  opacity: 1;
  visibility: visible;
}
.page-mobility__sec03 .img-block .img .img01::before, .page-mobility__sec03 .img-block .img .img01::after,
.page-mobility__sec03 .img-block .img .img02::before,
.page-mobility__sec03 .img-block .img .img02::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.page-mobility__sec03 .img-block .img .img01::before,
.page-mobility__sec03 .img-block .img .img02::before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.page-mobility__sec03 .img-block .img .img01::after,
.page-mobility__sec03 .img-block .img .img02::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22124.776%22%20height%3D%22126.255%22%20viewBox%3D%220%200%20124.776%20126.255%22%3E%0A%20%20%3Cg%20id%3D%22%E6%8B%A1%E5%A4%A7%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B33%22%20transform%3D%22translate(-89.5%20-88.76)%22%3E%0A%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_60%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2060%22%20cx%3D%2246.84%22%20cy%3D%2246.84%22%20r%3D%2246.84%22%20transform%3D%22translate(93.5%2092.76)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%228%22%2F%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_48%22%20data-name%3D%22%E7%B7%9A%2048%22%20x2%3D%2230.64%22%20y2%3D%2232.27%22%20transform%3D%22translate(175.86%20174.97)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2211%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_207%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20207%22%3E%0A%20%20%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_49%22%20data-name%3D%22%E7%B7%9A%2049%22%20x2%3D%2253.46%22%20transform%3D%22translate(113.61%20139.6)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%228%22%2F%3E%0A%20%20%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_50%22%20data-name%3D%22%E7%B7%9A%2050%22%20y1%3D%2253.46%22%20transform%3D%22translate(140.34%20112.87)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%228%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  width: 4rem;
  height: 4rem;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .page-mobility__sec03 .img-block .img .img01::before, .page-mobility__sec03 .img-block .img .img01::after,
  .page-mobility__sec03 .img-block .img .img02::before,
  .page-mobility__sec03 .img-block .img .img02::after {
    content: none;
  }
  .page-mobility__sec03 .img-block .img .img01 a,
  .page-mobility__sec03 .img-block .img .img02 a {
    pointer-events: none;
  }
}
.page-mobility__fix {
  position: fixed;
  top: 20%;
  right: -100%;
  transition: 0.3s;
}
.page-mobility__fix.active {
  position: fixed;
  right: 0;
  top: 20%;
  z-index: 99;
}
.page-mobility__fix--btn a {
  background: var(--orange);
  color: #fff;
  writing-mode: vertical-rl;
  text-orientation: upright;
  padding: 1rem 0.5rem;
  border-radius: 0.5rem 0 0 0.5rem;
  -webkit-border-radius: 0.5rem 0 0 0.5rem;
  -moz-border-radius: 0.5rem 0 0 0.5rem;
  -ms-border-radius: 0.5rem 0 0 0.5rem;
  -o-border-radius: 0.5rem 0 0 0.5rem;
  pointer-events: none;
}
.page-mobility__fix--btn span {
  display: block;
  font-size: 1rem;
}

@media screen and (min-width: 768px) {
  .page-mobility {
    width: 100%;
    overflow-x: hidden;
  }
  .page-mobility__sec01 {
    padding-top: 7rem;
    padding-bottom: 20rem;
  }
  .page-mobility__sec01 .img-block {
    aspect-ratio: 1920/1486;
    height: auto;
    position: relative;
    width: 100%;
  }
  .page-mobility__sec01 .img-block figure {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .page-mobility__sec01 .img-block figure img {
    width: 100%;
    height: auto;
  }
  .page-mobility__sec01 .img-block figure.img01 {
    width: 63.446875%;
    max-width: 120.078rem;
    aspect-ratio: 1200.78/572.41;
    clip-path: polygon(0% 0%, 0% 100%, 78% 100%, 100% 0%);
  }
  .page-mobility__sec01 .img-block figure.img01 img {
    transform: scale(1) translateY(-15%);
  }
  .page-mobility__sec01 .img-block figure.img02 {
    width: 35.1041666667%;
    max-width: 67.4rem;
    aspect-ratio: 674/574.52;
    right: 0;
    top: 8%;
    clip-path: polygon(35% 0%, 0% 100%, 100% 100%, 100% 0%);
  }
  .page-mobility__sec01 .img-block figure.img02 img {
    transform: scale(1.4) translateX(-13%);
  }
  .page-mobility__sec01 .img-block figure.img03 {
    width: 34.7609375%;
    max-width: 66.741rem;
    aspect-ratio: 667.41/574.52;
    left: 0;
    bottom: 0;
    clip-path: polygon(0% 0%, 0% 100%, 60% 100%, 100% 0%);
  }
  .page-mobility__sec01 .img-block figure.img03 img {
    transform: scale(1) translateX(0) translateY(0);
    width: auto;
    height: 100%;
  }
  .page-mobility__sec01 .img-block figure.img04 {
    width: 59.7807291667%;
    max-width: 114.779rem;
    aspect-ratio: 1147.79/572.41;
    right: 0;
    bottom: 2%;
    clip-path: polygon(22% 0%, 0% 100%, 100% 100%, 100% 0%);
  }
  .page-mobility__sec01 .img-block figure.img04 img {
    transform: scale(1.45) translateX(8%) translateY(-10%);
  }
  .page-mobility__sec01 .img-block .txt {
    clip-path: polygon(0 0%, 0% 100%, 100% 100%, 90% 0%);
    padding: 3.5rem 0 3.5rem 0;
    left: 0;
    top: 40%;
    transform: none;
    font-size: 3.2rem;
    line-height: 1.71875;
    font-weight: 700;
    z-index: 1;
    max-width: 129.561rem;
    width: 67.4796875%;
    text-align: center;
  }
  .page-mobility__sec01 .block-list {
    margin-top: 13rem;
  }
  .page-mobility__sec01 .block-list h2 {
    font-size: 3rem;
    line-height: 1.3333333333;
  }
  .page-mobility__sec01 .block-list ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 3.8rem;
    justify-content: center;
    align-items: stretch;
    margin-top: 4rem;
  }
  .page-mobility__sec01 .block-list ul li {
    width: calc((100% - 7.6rem) / 3);
    margin-bottom: 5rem;
  }
  .page-mobility__sec01 .block-list ul li .txt {
    margin: 2.2rem auto 0 auto;
    width: 100%;
  }
  .page-mobility__sec01 .block-list ul li .txt h3 {
    font-size: 2.5rem;
    line-height: 1;
  }
  .page-mobility__sec01 .block-list ul li .txt h3 span {
    margin: 1rem auto 0 auto;
    font-size: 3rem;
    line-height: 1;
  }
  .page-mobility__sec01 .block-list ul li .txt p {
    width: 75%;
    font-weight: 500;
    margin: 1rem auto 0 auto;
    font-size: 1.6rem;
    line-height: 2;
  }
  .page-mobility__sec01 .bottom-area {
    margin-top: 15rem;
    aspect-ratio: 1920/618;
    width: 100%;
    position: relative;
  }
  .page-mobility__sec01 .bottom-area figure {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 1;
  }
  .page-mobility__sec01 .bottom-area figure img {
    transform: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .page-mobility__sec01 .bottom-area .txt {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5rem;
    z-index: 1;
    left: 10%;
    top: 50%;
    width: 45%;
    transform: translateX(0) translateY(-50%);
    bottom: auto;
    font-size: clamp(2rem, 1.6666666667vw, 3.2rem);
    line-height: 1.8;
    font-family: "fot-udmarugo-large-pr6n", sans-serif;
    z-index: 2;
  }
  .page-mobility__sec02 h2 {
    font-size: 3.2rem;
    line-height: 1.5625;
  }
  .page-mobility__sec02 h2.head01 img {
    margin: 0 auto 6.7rem auto;
    max-width: 119.443rem;
  }
  .page-mobility__sec02 h2.head02 {
    margin-top: 15rem;
  }
  .page-mobility__sec02 .block01 {
    margin: 5.6rem auto 0 auto;
    max-width: 87.72rem;
  }
  .page-mobility__sec02 .block02 {
    margin: 14rem auto 0 auto;
    max-width: 115.2rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .page-mobility__sec02 .block02 figure {
    width: 37.4131944444%;
    margin: auto;
  }
  .page-mobility__sec02 .block02 .txt {
    width: 62.5868055556%;
    margin: 0 auto;
  }
  .page-mobility__sec02 .block02 .txt h3 {
    font-size: 3.2rem;
    line-height: 1.5625;
    text-align: center;
  }
  .page-mobility__sec02 .block02 .txt p {
    font-size: 1.6rem;
    line-height: 1.5625;
    margin: 1rem auto 0 auto;
    width: 79%;
  }
  .page-mobility__sec02 ul {
    margin: 5rem auto 0 auto;
    width: 80%;
    max-width: 113.5rem;
    padding-bottom: 14rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .page-mobility__sec02 ul li {
    width: 45%;
    margin-bottom: 5rem;
  }
  .page-mobility__sec02 ul li figure {
    width: 100%;
    margin: auto;
  }
  .page-mobility__sec02 ul li .txt-name {
    padding: 0.5rem 1rem;
    font-family: "fot-udmarugo-large-pr6n", sans-serif;
    font-weight: 700;
  }
  .page-mobility__sec02 ul li .txt-name01 {
    font-size: 1.6rem;
  }
  .page-mobility__sec02 ul li .txt-name02 {
    bottom: 0;
    right: -8%;
    font-size: 3.2rem;
  }
  .page-mobility__sec02 ul li:first-child .txt-name01 {
    top: 1rem;
    left: -12%;
  }
  .page-mobility__sec02 ul li:last-child .txt-name01 {
    top: 4%;
    left: 0;
  }
  .page-mobility__sec02 .bottom-area {
    margin-top: 5rem;
    display: flex;
    align-items: center;
  }
  .page-mobility__sec02 .bottom-area .txt {
    padding: 3rem 2.5rem;
    width: 65%;
    margin: -5rem auto 0 -3%;
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 3.2rem;
    line-height: 1.875;
    font-weight: 700;
  }
  .page-mobility__sec03 {
    padding: 12rem 0 15rem 0;
  }
  .page-mobility__sec03 h2 {
    font-size: 2.5rem;
    line-height: 1.4;
  }
  .page-mobility__sec03 h2.head02 {
    margin-top: 9.5rem;
    font-size: 3.6rem;
    line-height: 1.3888888889;
  }
  .page-mobility__sec03 h2.head02 span {
    font-size: 3rem;
    line-height: 1.4666666667;
  }
  .page-mobility__sec03 ul {
    max-width: 111.93rem;
    margin: 10rem auto 0 auto;
    gap: 3.5rem;
  }
  .page-mobility__sec03 ul li {
    width: calc((100% - 10.5rem) / 4);
  }
  .page-mobility__sec03 ul li:first-child img {
    transform: translateY(0.5rem);
  }
  .page-mobility__sec03 ul li:nth-child(3) img {
    transform: translateY(-1.2rem);
  }
  .page-mobility__sec03 ul li:last-child img {
    transform: translateY(0);
  }
  .page-mobility__sec03 .img-block {
    width: 100%;
    margin: 2rem auto;
    transform: translateY(-5rem);
  }
  .page-mobility__fix {
    top: 10rem;
    right: 0;
    z-index: 9999;
  }
  .page-mobility__fix.active {
    top: 10rem;
  }
  .page-mobility__fix--btn a {
    padding: 2rem 2rem 2rem 0.5rem;
    border-radius: 0.5rem 0 0 0.5rem;
    -webkit-border-radius: 0.5rem 0 0 0.5rem;
    -moz-border-radius: 0.5rem 0 0 0.5rem;
    -ms-border-radius: 0.5rem 0 0 0.5rem;
    -o-border-radius: 0.5rem 0 0 0.5rem;
    font-weight: 600;
    transition: 0.3s;
    letter-spacing: 0.1em;
    transform: translateX(1.5rem);
  }
  .page-mobility__fix--btn a:hover {
    opacity: 1;
    transform: translateY(0);
  }
}
/*====================================================
//// 会社情報
====================================================*/
.page-company__sec01--title, .page-company__sec02--title {
  color: var(--main-color);
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  text-align: center;
}
.page-company__sec01 .block {
  margin-top: 3rem;
  background-color: var(--main-color);
  color: #fff;
}
.page-company__sec01 .txt {
  padding: 3rem 0 5rem 0;
}
.page-company__sec01 .txt p {
  font-size: 1.4rem;
  line-height: 1.8571428571;
  font-weight: 500;
  margin-top: 1.5rem;
}
.page-company__sec02 {
  padding: 10rem 0 15rem 0;
}
.page-company__sec02 dl {
  margin-top: 3.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  align-items: stretch;
}
.page-company__sec02 dl dt,
.page-company__sec02 dl dd {
  border-bottom: 1px solid #707070;
  padding: 2rem 0;
}
.page-company__sec02 dl dt {
  width: 25%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--main-color);
  font-weight: 600;
}
.page-company__sec02 dl dd {
  width: 75%;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .page-company__sec01--title, .page-company__sec02--title {
    font-size: 3.6rem;
    line-height: 1;
  }
  .page-company__sec01 {
    padding-top: 15rem;
  }
  .page-company__sec01 .wrap {
    background-color: var(--main-color);
  }
  .page-company__sec01 figure {
    width: 39.6354166667%;
    background-image: red;
  }
  .page-company__sec01 figure img {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
  }
  .page-company__sec01 .block {
    margin-top: 3rem;
    color: #fff;
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    justify-content: center;
    align-items: stretch;
  }
  .page-company__sec01 .inner {
    width: 60.3645833333%;
  }
  .page-company__sec01 .txt {
    width: calc(100% - 5rem);
    max-width: 85.6rem;
    padding: 3rem 0 5rem 0;
    margin: 0 2.5rem 0 auto;
  }
  .page-company__sec01 .txt p {
    font-size: 2.2rem;
    line-height: 1.5;
    margin-top: 2rem;
  }
  .page-company__sec02 {
    padding: 20rem 0 25rem 0;
  }
  .page-company__sec02 dl {
    max-width: 62rem;
    margin: 8rem auto 0 auto;
  }
  .page-company__sec02 dl dt,
  .page-company__sec02 dl dd {
    padding: 2.5rem 0;
  }
  .page-company__sec02 dl dt {
    width: 35%;
  }
  .page-company__sec02 dl dd {
    width: 65%;
  }
  .page-company__sec02 dl dd a {
    pointer-events: none;
  }
}
/*====================================================
//// プラポリ・サイトポリシー
====================================================*/
.page-policy__sec {
  padding: 5rem 0 15rem 0;
}
.page-policy__sec .inner {
  max-width: 110rem;
}
.page-policy__sec h1 {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  color: var(--main-color);
  text-align: center;
  padding-top: 7.5rem;
  position: relative;
}
.page-policy__sec h1::after {
  content: "";
  background-image: url(../img/common/logo-mark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 7rem;
  aspect-ratio: 94.09/86.1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.page-policy__sec h1 + p {
  font-size: 1.4rem;
  line-height: 1.5714285714;
  font-weight: 500;
  margin-top: 2.5rem;
  text-align: left;
}
.page-policy__sec h1 + p span {
  color: #FF0000;
  display: block;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 400;
  margin-top: 1rem;
}
.page-policy__sec dl dt {
  margin-top: 5rem;
  padding-left: 4rem;
  position: relative;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
}
.page-policy__sec dl dt::after {
  content: "";
  background-image: url(../img/common/logo-mark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 3rem;
  aspect-ratio: 94.09/86.1;
  position: absolute;
  left: 0;
  top: 0;
}
.page-policy__sec dl dd {
  margin-top: 2rem;
  font-size: 1.4rem;
  line-height: 1.9285714286;
  font-weight: 500;
}
.page-policy__sec dl dd p {
  margin-top: 1.5rem;
}
.page-policy__sec dl dd ol {
  list-style: decimal;
  margin-left: 1.5em;
  margin-top: 1rem;
}
.page-policy__sec dl dd ol li {
  margin-bottom: 1.5rem;
}
.page-policy__sec dl dd ol li::marker {
  color: var(--green);
  font-weight: bold;
}
.page-policy__sec dl dd ol li ol {
  margin-top: 1rem;
}
.page-policy__sec.contact {
  padding-bottom: 5rem;
}

@media screen and (min-width: 768px) {
  .page-policy__sec {
    padding: 5rem 0 20em 0;
  }
  .page-policy__sec h1 {
    font-size: 3.6rem;
    line-height: 1;
    padding-top: 10.5rem;
    position: relative;
  }
  .page-policy__sec h1::after {
    width: 9rem;
  }
  .page-policy__sec h1 + p {
    font-size: 1.6rem;
    line-height: 1.6875;
    font-weight: 500;
    margin-top: 4.5rem;
    text-align: center;
  }
  .page-policy__sec dl dt {
    margin-top: 15rem;
    padding-left: 6rem;
    position: relative;
    font-size: 3.6rem;
    line-height: 1.1111111111;
    font-family: "fot-udmarugo-large-pr6n", sans-serif;
  }
  .page-policy__sec dl dt::after {
    width: 4rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .page-policy__sec dl dt:first-child {
    margin-top: 10rem;
  }
  .page-policy__sec dl dd {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 1.8125;
    font-weight: 500;
  }
  .page-policy__sec dl dd ol {
    margin-top: 2.5rem;
  }
  .page-policy__sec dl dd ol li {
    margin-bottom: 1rem;
  }
  .page-policy__sec dl dd ol li::marker {
    color: var(--green);
    font-weight: bold;
  }
  .page-policy__sec dl dd ol li ol {
    padding-left: 0;
  }
  .page-policy__sec.contact {
    padding-bottom: 10rem;
  }
}
/*====================================================
//// コンタクト
====================================================*/
.input_text,
.input_textarea {
  border: 1px solid #707070;
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  padding: 0.5rem 1.5rem;
  width: 100%;
}
.input_text.row,
.input_textarea.row {
  width: 100%;
}

.input_textarea {
  height: 15rem;
}

.form-style {
  padding-bottom: 15rem;
}
.form-style .inner {
  max-width: 71.6rem;
}
.form-style .inner p:first-child {
  color: #ff0000;
  text-align: right;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .form-style .inner p:first-child {
    font-size: 1.4rem;
    line-height: 2.1428571429;
  }
}
@media screen and (min-width: 768px) {
  .form-style dl {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem 3.6rem;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.form-style dl dt {
  width: 100%;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .form-style dl dt {
    width: calc(25% - 3.6rem);
    padding-top: 0.5rem;
  }
}
.form-style dl dt span {
  color: #ff0000;
  font-weight: 500;
}
.form-style dl dt:first-child {
  margin-top: 0;
}
.form-style dl dd {
  margin-top: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .form-style dl dd {
    width: 75%;
  }
}
.form-style dl dd.flex {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  justify-content: space-between;
  align-items: center;
}
.form-style .policy {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 600;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .form-style .policy {
    font-size: 1.6rem;
    line-height: 1.6875;
    font-weight: 600;
    max-width: 38.3rem;
    margin: 2rem auto 0 auto;
    white-space: nowrap;
  }
}
.form-style .policy a {
  display: inline-block;
  color: var(--main-color);
}
.form-style .policy .att {
  color: #ff0000;
  display: inline !important;
}
.form-style .submit_btn {
  margin: 5rem auto 0 auto;
  max-width: 38rem;
  width: 80%;
  background-color: var(--main-color);
  color: #fff;
  text-align: center;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
  position: relative;
  border: 2px solid var(--main-color);
  overflow: hidden;
}
.form-style .submit_btn input[type=submit] {
  width: 100%;
  height: 100%;
  padding: 2.5rem 0;
  position: relative;
  z-index: 1;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .form-style .submit_btn input[type=submit] {
    padding: 3rem 0;
    font-size: 2.7rem;
    line-height: 1;
    font-weight: 700;
  }
}
.form-style .submit_btn::after {
  content: "";
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: right;
  transform: scale(0, 1);
  transition: 0.3s;
  z-index: 0;
}
.form-style .submit_btn:hover::after {
  transform: scale(1, 1);
}
.form-style .submit_btn:hover input[type=submit] {
  color: var(--main-color);
}

.wpcf7-list-item-label,
.submit_btn .wpcf7-spinner,
.wpcf7-not-valid-tip {
  display: none !important;
}

.wpcf7-response-output {
  max-width: 110rem;
  margin: -3rem auto 5rem auto !important;
}/*# sourceMappingURL=style.css.map */