@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Oswald&text=0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ%％");
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

table {
  border-collapse: collapse;
  font-family: inherit;
}

h1,
h2,
h3,
h4,
h5 {
  font-size: 100%;
  font-weight: normal;
  line-height: 1;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: 16px;
}

input[type=button],
input[type=text],
input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}

textarea {
  resize: none;
  -webkit-appearance: none;
  border-radius: 0;
}

th,
td {
  border-collapse: collapse;
}

table th,
table td {
  white-space: nowrap;
}

ul,
ol {
  list-style-type: none;
}

img {
  vertical-align: text-bottom;
  vertical-align: -webkit-baseline-middle;
  max-width: 100%;
  height: auto;
  width/***/: auto;
}

a {
  text-decoration: none;
  cursor: pointer;
}

.all-wrap {
  overflow: hidden;
  width: 100vw;
  margin: 0 auto;
}

.wrap {
  width: 66.67vw;
  margin: 0 auto;
}

.scroll-up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll-up.on {
  transform: translateY(0);
  opacity: 1;
}

header {
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 7.34vw;
  margin: 0 auto;
  padding: 0 12.5vw;
  z-index: 900;
  transition: all 0.4s ease-in-out;
}
header.change-color {
  height: 5.34vw;
  background-color: #5bb431;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.02);
}
header img {
  width: 4.48vw;
  height: 2.08vw;
}
header img.white {
  display: none;
}
header img.white.change-color {
  display: inline-block;
}
header img.black {
  display: inline-block;
}
header img.black.change-color {
  display: none;
}
header ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: min(1050px, 54.6875vw);
  margin-bottom: 0.31vw;
}
header ul li {
  display: inline-block;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  color: #615a52;
  font-size: 1.05vw;
  transition: transform 0.5s ease-in-out;
}
header ul li.btns {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12vw;
  height: 3vw;
  color: #5bb431;
  font-size: 0.9vw;
  border-radius: 0.2vw;
  border: solid 2px #5bb431;
  transition: all 0.3s ease 0s;
  z-index: 2;
}
header ul li.btns::before {
  display: none;
}
header ul li::before {
  content: "";
  position: absolute;
  bottom: -0.31vw;
  left: 0;
  width: 100%;
  height: 0.1vw;
  background-color: #5bb431;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.3s;
}
header.sys.change-color ul li.btns {
  color: #fff;
}
header.sys ul li {
  color: #fff;
}
header.sys ul li.btns {
  color: #5bb431;
}
header .burger-menu {
  display: none;
}
header.sys ul {
  width: min(900px, 46.875vw);
}
header.sys .burger-menu span, header.sys .burger-menu .firstview .scrolls span::after, .firstview .scrolls header.sys .burger-menu span::after {
  background-color: #fff;
}

footer {
  width: 100%;
  padding: 24.25vw 0 4.17vw;
  background-color: #5bb431;
}
footer.sys {
  padding-top: min(120px, 6.25vw);
}
footer .footer-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  width: 66.67vw;
  margin: 0 auto;
}
footer .footer-wrap .footer-head {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 39.06vw;
}
footer .footer-wrap .footer-head img {
  width: 10.08vw;
  height: 4.31vw;
}
footer .footer-wrap .footer-head .btns {
  width: 20.66vw;
}
footer .footer-wrap .footer-head .btns a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 4.38vw;
  color: #fff;
  font-weight: bold;
  font-size: 0.94vw;
  border-radius: 0.31vw;
  border: solid 2px #fff;
  transition: all 0.3s ease 0s;
  z-index: 2;
}
footer .footer-wrap .footer-head .btns a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: all 0.3s ease 0s;
  z-index: -1;
}
footer .footer-wrap ul {
  display: flex;
  justify-content: space-between;
  width: 39.06vw;
  margin-top: 5.21vw;
}
footer .footer-wrap ul a {
  display: inline-block;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-size: 0.94vw;
  transition: transform 0.5s ease-in-out;
}
footer .footer-wrap ul a::before {
  content: "";
  position: absolute;
  bottom: -0.31vw;
  left: 0;
  width: 100%;
  height: 0.1vw;
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.3s;
}
footer .footer-wrap ul a:hover::before {
  transform: scale(1, 1);
  transform-origin: left top;
}
footer .footer-wrap p {
  margin-top: 4.69vw;
  color: #fff;
  font-size: 1.04vw;
}

@keyframes splash-close {
  0% {
    width: 100%;
  }
  99% {
    width: 0;
  }
  100% {
    display: none;
  }
}
@keyframes splash-borders {
  0% {
    width: 0%;
  }
  30% {
    width: 100%;
  }
  70% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes opacity-ajust {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes opacity-ajust-side {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.splash {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 999;
  animation: splash-close 0.6s ease-in-out 4s forwards;
}
.splash::after {
  content: "";
  display: block;
  position: absolute;
  top: 58vh;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #fff;
  animation: splash-borders 4s ease-in-out 0.2s forwards;
}
.splash .container {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #5bb431;
}
.splash .text {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: "Avenir Next", "Noto Sans JP", sans-serif;
  font-size: 6.25vw;
  font-weight: 100;
  text-transform: uppercase;
}
.splash .text.is-active {
  --x: 0;
}
.splash .char {
  overflow: hidden;
}
.splash .char-text {
  display: inline-block;
  transform: translateX(var(--x, -101%));
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: calc(0.05s * var(--char-index));
}
.splash .visuallyHidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.firstview {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  position: relative;
  width: 100vw;
  height: 100vh;
  max-height: 1440px;
  background-image: url("./assets/img/firstview2.png");
  background-size: 110vw 70vw;
  background-position: center;
}
.firstview > p {
  margin-top: 7vw;
  font-family: "Avenir Next", "Noto Sans JP", sans-serif;
  font-weight: 100;
  font-size: 6.25vw;
  color: #615a52;
}
.firstview > p.noto {
  margin-top: 2.08vw;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.47vw;
  letter-spacing: 0.8vw;
}
.firstview > p span, .firstview > p .scrolls span::after {
  color: #5bb431;
}
.firstview .scrolls {
  width: 6.67vw;
  margin-top: 6.33vw;
  padding-left: 0.21vw;
}
.firstview .scrolls span, .firstview .scrolls span::after {
  content: "";
  display: block;
  width: 3.23vw;
  height: 0.1vw;
  border-radius: 31px;
  transform: rotate(30deg);
  background-color: #5bb431;
}
.firstview .scrolls span::after {
  transform: translate(2.34vw, -1.35vw) rotate(-60deg);
}
.firstview .scrolls span:nth-of-type(1), .firstview .scrolls span:nth-of-type(1)::after {
  animation: opacity-ajust 1.6s ease-in-out 0.4s infinite;
}
.firstview .scrolls span:nth-of-type(1)::after {
  animation: opacity-ajust-side 0.1s ease-in-out 0.4s infinite forwards;
}
.firstview .scrolls span:nth-of-type(2), .firstview .scrolls span:nth-of-type(2)::after {
  margin-top: 1.46vw;
  width: 1.88vw;
  transform: translate(1.25vw, 0px) rotate(30deg);
  opacity: 0.7;
  animation: opacity-ajust 1.6s ease-in-out 0.6s infinite;
}
.firstview .scrolls span:nth-of-type(2)::after {
  transform: translate(1.35vw, -0.78vw) rotate(-60deg);
  opacity: 1;
  animation: opacity-ajust-side 0.1s ease-in-out 0.6s infinite forwards;
}
.firstview .scrolls span:nth-of-type(3), .firstview .scrolls span:nth-of-type(3)::after {
  margin-top: 1.04vw;
  width: 0.65vw;
  transform: translate(2.4vw, 0px) rotate(30deg);
  opacity: 0.5;
  animation: opacity-ajust 1.6s ease-in-out 0.8s infinite;
}
.firstview .scrolls span:nth-of-type(3)::after {
  transform: translate(0.44vw, -0.26vw) rotate(-60deg);
  opacity: 1;
  animation: opacity-ajust-side 0.1s ease-in-out 0.8s infinite forwards;
}
.firstview .scrolls a {
  display: flex;
  width: 7.29vw;
  margin-top: 1.25vw;
  color: #5bb431;
  font-size: 1.15vw;
  text-align: center;
  transform: translateX(-0.52vw);
}

.about {
  position: relative;
  padding: 8.33vw 0 14.06vw;
  background-color: #f5f5f5;
}
.about::after {
  content: "About Us";
  position: absolute;
  top: 2.08vw;
  right: 3.13vw;
  color: #5bb431;
  font-family: "Avenir Next", "Noto Sans JP", sans-serif;
  font-size: 15.63vw;
  letter-spacing: -0.63vw;
  opacity: 0.1;
}
.about .about-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about .about-content .txt-area {
  width: 36.46vw;
}
.about .about-content .txt-area dl dt.sub-title {
  display: flex;
  align-items: center;
  height: 3vw;
  font-weight: bold;
  font-size: 1.35vw;
  color: #615a52;
}
.about .about-content .txt-area dl dt.sub-title span, .about .about-content .txt-area dl dt.sub-title .firstview .scrolls span::after, .firstview .scrolls .about .about-content .txt-area dl dt.sub-title span::after {
  color: #5bb431;
}
.about .about-content .txt-area dl dt.sub-title::before {
  content: "";
  display: block;
  width: 0.31vw;
  height: 100%;
  margin-right: 0.63vw;
  border-radius: 0.155vw;
  background-color: #5bb431;
}
.about .about-content .txt-area dl dd {
  margin-top: 1.6vw;
  color: #615a52;
  font-size: 0.94vw;
  line-height: 2.81vw;
}
.about .about-content .txt-area dl dd span, .about .about-content .txt-area dl dd .firstview .scrolls span::after, .firstview .scrolls .about .about-content .txt-area dl dd span::after {
  color: #5bb431;
  font-weight: bold;
}
.about .about-content .txt-area .btns {
  display: flex;
  justify-content: flex-end;
  margin-top: 2.17vw;
}
.about .about-content .txt-area .btns .links {
  margin-right: 1.25vw;
}
.about .about-content img {
  width: 26.04vw;
  height: 26.04vw;
}

.concept {
  position: relative;
  width: 100%;
  padding: 10.42vw 16.67vw;
  background-color: #efefef;
}
.concept::after {
  content: "Service";
  position: absolute;
  top: 6.21vw;
  right: -15.63vw;
  color: #5bb431;
  font-family: "Avenir Next", "Noto Sans JP", sans-serif;
  font-size: 15.63vw;
  letter-spacing: -0.63vw;
  opacity: 0.1;
}
.concept .concept-overview {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: 1;
}
.concept .concept-overview .img-area {
  width: 22.92vw;
  height: 30.73vw;
}
.concept .concept-overview .img-area img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.concept .concept-overview .img-area::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.94vw;
  left: 0.94vw;
  width: 22.92vw;
  height: 30.73vw;
  background-color: #5bb431;
}
.concept .concept-overview .overview-exp {
  width: 38.28vw;
  margin-top: 1.25vw;
}
.concept .concept-overview .overview-exp dl dt.sub-title {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  position: relative;
  height: 5.47vw;
  padding-left: 1.25vw;
  color: #615a52;
  font-weight: bold;
  font-size: 1.35vw;
  line-height: 2.5vw;
}
.concept .concept-overview .overview-exp dl dt.sub-title span, .concept .concept-overview .overview-exp dl dt.sub-title .firstview .scrolls span::after, .firstview .scrolls .concept .concept-overview .overview-exp dl dt.sub-title span::after {
  color: #5bb431;
}
.concept .concept-overview .overview-exp dl dt.sub-title::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0.31vw;
  height: 100%;
  margin-right: 0.63vw;
  border-radius: 0.155vw;
  background-color: #5bb431;
}
.concept .concept-overview .overview-exp dl dd {
  margin-top: 1.25vw;
  color: #615a52;
  font-size: 0.94vw;
  line-height: 2.81vw;
}
.concept .concept-overview .overview-exp dl dd span, .concept .concept-overview .overview-exp dl dd .firstview .scrolls span::after, .firstview .scrolls .concept .concept-overview .overview-exp dl dd span::after {
  color: #5bb431;
  font-weight: bold;
}
.concept .concept-overview .overview-exp .btns {
  display: flex;
  justify-content: flex-end;
  margin-top: 2.19vw;
}
.concept .service-box {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 66.67vw;
  margin-top: 6.25vw;
  border-radius: 0.31vw 0 0 0.31vw;
  z-index: 1;
}
.concept .service-box dl {
  width: 39.95vw;
}
.concept .service-box dl p {
  color: #5bb431;
  font-size: 3.13vw;
  line-height: 3.6vw;
}
.concept .service-box dl p span, .concept .service-box dl p .firstview .scrolls span::after, .firstview .scrolls .concept .service-box dl p span::after {
  font-size: 1.46vw;
}
.concept .service-box dl dt.sub-title {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  padding-left: 1.25vw;
  color: #615a52;
  font-weight: bold;
  font-size: 1.35vw;
  line-height: 3vw;
}
.concept .service-box dl dt.sub-title span, .concept .service-box dl dt.sub-title .firstview .scrolls span::after, .firstview .scrolls .concept .service-box dl dt.sub-title span::after {
  color: #5bb431;
}
.concept .service-box dl dt.sub-title::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0.31vw;
  height: 100%;
  margin-right: 0.63vw;
  border-radius: 0.155vw;
  background-color: #5bb431;
}
.concept .service-box dl dd {
  margin-top: 1.2vw;
  color: #615a52;
  font-size: 0.94vw;
  line-height: 2.81vw;
}
.concept .service-box dl dd span, .concept .service-box dl dd .firstview .scrolls span::after, .firstview .scrolls .concept .service-box dl dd span::after {
  color: #5bb431;
  font-weight: bold;
}
.concept .service-box img {
  width: 22.92vw;
  height: 22.92vw;
  margin-top: 2.08vw;
}
.concept .re-skilling-box {
  width: 100%;
  margin-top: 4.17vw;
  padding: 0.63vw;
  background-color: #5bb431;
}
.concept .re-skilling-box .re-skilling-wrap {
  display: flex;
  justify-content: space-between;
  padding: 1.67vw 0;
  background-color: #f5f5f5;
}
.concept .re-skilling-box .re-skilling-wrap .re-skilling-detail dl {
  display: flex;
  justify-content: flex-start;
  flex-flow: column;
  width: 16.15vw;
  height: 12.5vw;
  padding: 0.83vw 1.67vw;
  border-right: solid 0.1vw #5bb431;
}
.concept .re-skilling-box .re-skilling-wrap .re-skilling-detail dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  position: relative;
  color: #5bb431;
  font-weight: bold;
  font-size: 0.94vw;
  line-height: 1.46vw;
}
.concept .re-skilling-box .re-skilling-wrap .re-skilling-detail dl dt span, .concept .re-skilling-box .re-skilling-wrap .re-skilling-detail dl dt .firstview .scrolls span::after, .firstview .scrolls .concept .re-skilling-box .re-skilling-wrap .re-skilling-detail dl dt span::after {
  color: #615a52;
}
.concept .re-skilling-box .re-skilling-wrap .re-skilling-detail dl dt::before, .concept .re-skilling-box .re-skilling-wrap .re-skilling-detail dl dt::after {
  content: "";
  position: absolute;
  top: 2.19vw;
  left: 50%;
  width: 0.83vw;
  height: 0.1vw;
}
.concept .re-skilling-box .re-skilling-wrap .re-skilling-detail dl dt::before {
  transform: translateX(-50%) rotate(45deg);
  background-color: #615a52;
}
.concept .re-skilling-box .re-skilling-wrap .re-skilling-detail dl dt::after {
  transform: translateX(-50%) rotate(-45deg);
  background-color: #5bb431;
}
.concept .re-skilling-box .re-skilling-wrap .re-skilling-detail dl dd {
  margin-top: 1vw;
  color: #615a52;
  font-size: 0.83vw;
  line-height: 1.67vw;
}

@keyframes menu-control {
  0% {
    top: 50%;
    transform: rotate(45deg);
  }
  50% {
    top: 45%;
    transform: rotate(90deg);
  }
  100% {
    top: 40%;
    transform: rotate(135deg);
  }
}
@keyframes list-control {
  0% {
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 0.5;
    height: 50%;
  }
  100% {
    opacity: 1;
    height: 100%;
  }
}
.press {
  position: relative;
  padding-top: 10.42vw;
}
.press::after {
  content: "NEWS";
  position: absolute;
  top: 4.25vw;
  right: 4vw;
  color: #5bb431;
  font-family: "Avenir Next", "Noto Sans JP", sans-serif;
  font-size: 15.63vw;
  letter-spacing: -0.63vw;
  opacity: 0.1;
}
.press .press-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 4.25vw;
}
.press .press-wrap .press-exp {
  position: relative;
  width: 100%;
  margin-left: 1.67vw;
  padding: 1.58vw 6.58vw 4.58vw 4.58vw;
  border-radius: 0.21vw;
  background-color: #5bb431;
  z-index: 1;
}
.press .press-wrap .press-exp::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -1.67vw;
  left: -1.67vw;
  width: 101%;
  height: 102%;
  border-radius: 0.21vw;
  background-color: #fbfaf8;
  z-index: -1;
}
.press .press-wrap .press-exp dl dt.sub-title {
  display: flex;
  align-items: center;
  height: 2.71vw;
  font-weight: bold;
  font-size: 1.35vw;
  color: #615a52;
}
.press .press-wrap .press-exp dl dt.sub-title span, .press .press-wrap .press-exp dl dt.sub-title .firstview .scrolls span::after, .firstview .scrolls .press .press-wrap .press-exp dl dt.sub-title span::after {
  color: #5bb431;
}
.press .press-wrap .press-exp dl dt.sub-title::before {
  content: "";
  display: block;
  width: 0.31vw;
  height: 100%;
  margin-right: 0.63vw;
  border-radius: 0.155vw;
  background-color: #5bb431;
}
.press .press-wrap .press-exp dl dd {
  margin-top: 1.08vw;
  color: #615a52;
  font-size: 0.94vw;
  line-height: 2.81vw;
}
.press .press-wrap .press-exp .news {
  width: 100%;
  margin-top: min(24px, 1.25vw);
}
.press .press-wrap .press-exp .news .menu-bar p {
  position: relative;
  display: block;
  margin-bottom: min(12px, 0.625vw);
  padding: min(16px, 0.8333333333vw);
  line-height: 1;
  color: #fff;
  background: #5bb431;
  cursor: pointer;
  transition: 0.1s;
}
.press .press-wrap .press-exp .news .menu-bar p:before {
  content: "";
  width: min(10px, 0.5208333333vw);
  height: min(10px, 0.5208333333vw);
  border-top: solid min(2px, 0.1041666667vw) #fff;
  border-right: solid min(2px, 0.1041666667vw) #fff;
  position: absolute;
  top: 50%;
  right: min(32px, 1.6666666667vw);
  transform: rotate(45deg) translateY(-50%);
  transition: 0.1s;
}
.press .press-wrap .press-exp .news .menu-bar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.press .press-wrap .press-exp .news .menu-bar ul a {
  text-decoration: none;
  color: #615a52;
}
.press .press-wrap .press-exp .news .menu-bar ul a li {
  display: none;
  align-items: center;
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding: min(24px, 1.25vw) min(16px, 0.8333333333vw) min(24px, 1.25vw) min(96px, 5vw);
  font-size: min(18px, 0.9375vw);
  line-height: min(48px, 2.5vw);
  transition: 0.4s;
}
.press .press-wrap .press-exp .news .menu-bar ul a li::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: min(2px, 0.1042vw);
  transform: translateX(-50%);
  background-size: min(12px, 0.625vw) min(4px, 0.2083vw);
  background-image: linear-gradient(to right, #5bb431 min(6px, 0.3125vw), transparent min(6px, 0.3125vw));
  background-repeat: repeat-x;
  background-position: left bottom;
}
.press .press-wrap .press-exp .news .menu-bar ul a li:hover {
  background-color: rgba(91, 180, 49, 0.2);
}
.press .press-wrap .press-exp .news .menu-bar ul a li span, .press .press-wrap .press-exp .news .menu-bar ul a li .firstview .scrolls span::after, .firstview .scrolls .press .press-wrap .press-exp .news .menu-bar ul a li span::after {
  position: absolute;
  top: min(24px, 1.25vw);
  left: 0;
}
.press .press-wrap .press-exp .news .menu-bar.active.mio {
  margin-bottom: min(40px, 2.0833333333vw);
}
.press .press-wrap .press-exp .news .menu-bar.active p {
  margin-bottom: 0;
}
.press .press-wrap .press-exp .news .menu-bar.active p::before {
  transition: 0.1s;
  animation: menu-control 0.1s ease-in-out forwards;
}
.press .press-wrap .press-exp .news .menu-bar.active ul {
  animation: list-control 0.2s ease-in-out forwards;
}
.press .press-wrap .press-exp .news .menu-bar.active ul a:last-child li::after {
  display: none;
}
.press .press-wrap .press-exp .news .menu-bar.active ul a li {
  display: flex;
}

.associate {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  margin-top: 10.42vw;
  padding: 5.63vw 0;
  background-color: #efefef;
}
.associate::after {
  content: "Associated";
  position: absolute;
  top: 0;
  right: -20.13vw;
  color: #5bb431;
  font-family: "Avenir Next", "Noto Sans JP", sans-serif;
  font-size: 15.63vw;
  letter-spacing: -0.63vw;
  opacity: 0.1;
}
.associate .associate-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: wrap;
  width: 66.67vw;
}
.associate .associate-wrap .title {
  width: 100%;
  margin-bottom: 2.08vw;
}
.associate .associate-wrap .img-area {
  position: relative;
  width: 22.13vw;
  height: 22.13vw;
  margin-left: 20px;
  z-index: 2;
}
.associate .associate-wrap .img-area img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.associate .associate-wrap .img-area::after {
  content: "";
  display: block;
  position: absolute;
  top: 1.67vw;
  left: 1.67vw;
  width: 21.5vw;
  height: 21.5vw;
  border-radius: 0.31vw;
  background-color: #5bb431;
  z-index: 1;
}
.associate .associate-wrap .associate-exp {
  width: 36.46vw;
}
.associate .associate-wrap .associate-exp .associate-box {
  width: 100%;
}
.associate .associate-wrap .associate-exp .associate-box .sub-title {
  display: flex;
  align-items: center;
  height: 2.71vw;
  margin-top: 1.25vw;
  margin-bottom: 1.04vw;
  font-weight: bold;
  font-size: 1.35vw;
  color: #615a52;
}
.associate .associate-wrap .associate-exp .associate-box .sub-title span, .associate .associate-wrap .associate-exp .associate-box .sub-title .firstview .scrolls span::after, .firstview .scrolls .associate .associate-wrap .associate-exp .associate-box .sub-title span::after {
  color: #5bb431;
}
.associate .associate-wrap .associate-exp .associate-box .sub-title::before {
  content: "";
  display: block;
  width: 0.31vw;
  height: 100%;
  margin-right: 0.63vw;
  border-radius: 0.155vw;
  background-color: #5bb431;
}
.associate .associate-wrap .associate-exp .associate-box .box-detail {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1.15vw 1.04vw;
  border-bottom: solid 0.05vw #5bb431;
}
.associate .associate-wrap .associate-exp .associate-box .box-detail p {
  font-size: 0.83vw;
  line-height: 1.72vw;
}
.associate .associate-wrap .associate-exp .associate-box .box-detail p.txt-left {
  width: 10.42vw;
  color: #5bb431;
}
.associate .associate-wrap .associate-exp .associate-box .box-detail p.txt-right {
  color: #615a52;
}
.associate .associate-wrap .associate-exp .btns {
  display: flex;
  justify-content: flex-end;
  margin-top: 3.19vw;
}

.member {
  position: relative;
  margin-top: 10.42vw;
}
.member::after {
  content: "Member";
  position: absolute;
  top: -7.29vw;
  right: 3.13vw;
  color: #5bb431;
  font-family: "Avenir Next", "Noto Sans JP", sans-serif;
  font-size: 13.63vw;
  letter-spacing: -0.63vw;
  opacity: 0.1;
}
.member .member-box {
  display: flex;
  position: relative;
  width: 100%;
  margin-bottom: 7.29vw;
}
.member .member-box.left {
  justify-content: flex-end;
}
.member .member-box.left .img-area {
  left: 0;
}
.member .member-box.left dl {
  padding: 5.21vw 6.25vw 5.21vw 7.29vw;
}
.member .member-box.right {
  justify-content: flex-start;
}
.member .member-box.right .img-area {
  right: 0;
}
.member .member-box.right dl {
  padding: 5.21vw 7.81vw 5.21vw 4.69vw;
}
.member .member-box .img-area {
  position: absolute;
  top: 3.65vw;
  width: 16.93vw;
  height: 16.93vw;
  z-index: 2;
}
.member .member-box .img-area img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.member .member-box .img-area::after {
  content: "";
  display: block;
  position: absolute;
  top: 1.05vw;
  left: 1.05vw;
  width: 16.67vw;
  height: 16.67vw;
  background-color: #5bb431;
  z-index: 1;
}
.member .member-box dl {
  width: 52.71vw;
  box-shadow: 0.16vw 0.31vw 0.68vw 0 rgba(0, 0, 0, 0.08);
  background-color: #f5f5f5;
}
.member .member-box dl dt {
  display: flex;
  align-items: center;
  position: relative;
  height: 2.08vw;
  color: #615a52;
  font-weight: bold;
  font-size: 1.25vw;
}
.member .member-box dl dt.kondou {
  margin-top: 4.4vw;
}
.member .member-box dl dt.kondou span, .member .member-box dl dt.kondou .firstview .scrolls span::after, .firstview .scrolls .member .member-box dl dt.kondou span::after {
  top: -5vw;
  line-height: 1.5vw;
}
.member .member-box dl dt span, .member .member-box dl dt .firstview .scrolls span::after, .firstview .scrolls .member .member-box dl dt span::after {
  position: absolute;
  top: -1.35vw;
  left: 0;
  color: #5bb431;
  font-size: 0.94vw;
}
.member .member-box dl dt::before {
  content: "";
  display: block;
  width: 0.31vw;
  height: 100%;
  margin-right: 0.52vw;
  border-radius: 1.145vw;
  background-color: #5bb431;
}
.member .member-box dl dt::after {
  position: absolute;
  top: 1.9vw;
  left: 2.81vw;
  color: #5bb431;
  font-family: "Avenir Next", "Noto Sans JP", sans-serif;
  font-weight: 100;
  font-size: 2.08vw;
  letter-spacing: 0;
  opacity: 0.4;
}
.member .member-box dl dt.matsuda::after {
  content: "Matsuda Shinya";
}
.member .member-box dl dt.inoue::after {
  content: "Inoue Mikio";
}
.member .member-box dl dt.ohshiba::after {
  content: "Ohshiba Yoshinobu";
}
.member .member-box dl dt.kondou::after {
  content: "Kondou Shuntaro";
}
.member .member-box dl dd {
  margin-top: 2.08vw;
  color: #615a52;
  font-size: 0.94vw;
  line-height: 2.81vw;
}

.company {
  position: relative;
  margin-top: 10.42vw;
  padding: 12vw 0 20vw;
  background-color: #efefef;
}
.company::after {
  content: "CompanyProfile";
  position: absolute;
  top: 6.25vw;
  right: -46.88vw;
  color: #5bb431;
  font-family: "Avenir Next", "Noto Sans JP", sans-serif;
  font-size: 15.63vw;
  letter-spacing: -0.63vw;
  opacity: 0.1;
}
.company .company-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 5.21vw;
}
.company .company-wrap .company-exp {
  position: relative;
  width: 53.13vw;
}
.company .company-wrap .company-exp .company-box {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 1.2vw;
}
.company .company-wrap .company-exp .company-box > p {
  width: 12.5vw;
  padding-left: 0.42vw;
  padding-bottom: 1.2vw;
  color: #5bb431;
  font-size: 1.04vw;
  line-height: 2.08vw;
  border-bottom: solid 0.05vw #5bb431;
}
.company .company-wrap .company-exp .company-box .box-right {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-left: 3.13vw;
  padding-left: 1.25vw;
  padding-bottom: 1.2vw;
  border-bottom: solid 0.05vw #5bb431;
}
.company .company-wrap .company-exp .company-box .box-right p {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 2.08vw;
  color: #615a52;
  font-size: 0.94vw;
  line-height: 2.08vw;
}
.company .company-wrap iframe {
  position: absolute;
  left: 50%;
  bottom: -15vw;
  width: 66.67vw;
  height: 30.47vw;
  transform: translateX(-50%);
}

.firstview-sys {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  width: 100vw;
  height: min(890px, 46.35vw);
  background-image: url("./assets/img/systemDiagnosis/firstview.png");
  background-size: 100vw min(890px, 46.35vw);
  background-repeat: no-repeat;
}
.firstview-sys .text-area {
  width: min(1280px, 66.67vw);
  margin-top: min(80px, 4.17vw);
  padding: min(20px, 1.04vw) 0 min(20px, 1.04vw) min(60px, 3.13vw);
  border-left: solid min(4px, 0.21vw) #83e354;
}
.firstview-sys .text-area h1 {
  font-weight: bold;
  font-size: min(62px, 3.23vw);
  color: #fff;
  letter-spacing: min(6px, 0.31vw);
}
.firstview-sys .text-area h1 span, .firstview-sys .text-area h1 .firstview .scrolls span::after, .firstview .scrolls .firstview-sys .text-area h1 span::after {
  font-size: min(64px, 3.33vw);
  color: #83e354;
}
.firstview-sys .text-area h2 {
  margin-top: min(40px, 2.08vw);
  font-weight: bold;
  font-size: min(24px, 1.25vw);
  color: #fff;
  line-height: min(52px, 2.71vw);
  letter-spacing: min(4px, 0.21vw);
}
.firstview-sys .text-area h2 span, .firstview-sys .text-area h2 .firstview .scrolls span::after, .firstview .scrolls .firstview-sys .text-area h2 span::after {
  font-size: min(28px, 1.46vw);
  color: #83e354;
}
.firstview-sys .text-area h2 span:last-child, .firstview-sys .text-area h2 .firstview .scrolls span:last-child::after, .firstview .scrolls .firstview-sys .text-area h2 span:last-child::after {
  font-size: min(32px, 1.67vw);
}
.firstview-sys .text-area p {
  margin-top: min(52px, 2.71vw);
  font-size: min(20px, 1.04vw);
  color: #fff;
  line-height: min(52px, 2.71vw);
  letter-spacing: min(2px, 0.1vw);
}
.firstview-sys .text-area .btns {
  width: min(764px, 39.79vw);
  margin-top: min(40px, 2.08vw);
}
.firstview-sys .text-area .btns a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 20.66vw;
  height: 4.38vw;
  color: #5bb431;
  font-weight: bold;
  font-size: 0.94vw;
  border-radius: 0.31vw;
  border: solid 2px #5bb431;
  transition: all 0.3s ease 0s;
  z-index: 2;
}
.firstview-sys .text-area .btns a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5bb431;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: all 0.3s ease 0s;
  z-index: -1;
}

.about-sys {
  width: 100vw;
  margin-top: min(160px, 8.33vw);
}
.about-sys .about-content-area {
  width: min(1280px, 66.67vw);
  margin: 0 auto;
}
.about-sys .about-content-area .about-detail {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.about-sys .about-content-area .about-detail .img-area {
  position: relative;
  width: min(480px, 25vw);
}
.about-sys .about-content-area .about-detail .img-area::before {
  content: "";
  position: absolute;
  top: max(-60px, -3.13vw);
  left: min(60px, 3.13vw);
  width: min(790px, 41.15vw);
  height: min(300px, 15.63vw);
  background-color: #f5f5f5;
  z-index: -1;
}
.about-sys .about-content-area .about-detail .img-area img {
  box-shadow: min(12px, 0.63vw) min(12px, 0.63vw) min(12px, 0.63vw) 0 rgba(0, 0, 0, 0.06);
}
.about-sys .about-content-area .about-detail .text-area {
  width: min(670px, 34.9vw);
}
.about-sys .about-content-area .about-detail .text-area dt {
  margin-top: min(120px, 6.25vw);
  font-weight: bold;
  font-size: min(42px, 2.19vw);
  color: #615a52;
}
.about-sys .about-content-area .about-detail .text-area dt span, .about-sys .about-content-area .about-detail .text-area dt .firstview .scrolls span::after, .firstview .scrolls .about-sys .about-content-area .about-detail .text-area dt span::after {
  color: #5bb431;
}
.about-sys .about-content-area .about-detail .text-area dd {
  margin-top: min(40px, 2.08vw);
  font-size: min(20px, 1.04vw);
  color: #615a52;
  line-height: min(52px, 2.71vw);
}
.about-sys .about-content-area .about-detail .text-area dd span, .about-sys .about-content-area .about-detail .text-area dd .firstview .scrolls span::after, .firstview .scrolls .about-sys .about-content-area .about-detail .text-area dd span::after {
  font-weight: bold;
  color: #5bb431;
}
.about-sys .about-content-area .about-detail.next {
  margin-top: min(160px, 8.33vw);
}
.about-sys .about-content-area .about-detail.next .img-area::before {
  top: min(240px, 12.5vw);
  left: max(-400px, -20.83vw);
}
.about-sys .about-content-area .about-detail.next .text-area dt {
  display: flex;
  align-items: center;
  margin-top: min(80px, 4.17vw);
}
.about-sys .about-content-area .about-detail.next .text-area dt span:last-child, .about-sys .about-content-area .about-detail.next .text-area dt .firstview .scrolls span:last-child::after, .firstview .scrolls .about-sys .about-content-area .about-detail.next .text-area dt span:last-child::after {
  margin: 0 min(6px, 0.31vw);
  font-size: min(32px, 1.67vw);
}

.service-sys {
  margin-top: min(200px, 10.4167vw);
  padding: min(200px, 10.4167vw) 0;
  background-color: #fbfaf8;
  box-shadow: inset 0 min(2px, 0.1042vw) min(12px, 0.625vw) 0 rgba(0, 0, 0, 0.06);
}
.service-sys .service-content-area {
  position: relative;
  width: min(1280px, 66.6667vw);
  margin: min(190px, 9.8958vw) auto 0;
  padding: min(80px, 4.1667vw);
  border-top: solid min(4px, 0.2083vw) #5bb431;
}
.service-sys .service-content-area > span, .service-sys .firstview .scrolls .service-content-area > span::after, .firstview .scrolls .service-sys .service-content-area > span::after {
  position: absolute;
  top: max(-96px, -5vw);
  left: max(-6px, -0.3125vw);
  font-weight: bold;
  font-size: min(60px, 3.125vw);
  color: #5bb431;
  opacity: 30%;
}
.service-sys .service-content-area .content-wrap {
  display: flex;
  justify-content: space-between;
}
.service-sys .service-content-area .content-wrap dl .content-title {
  position: absolute;
  top: max(-16px, -0.8333vw);
  left: min(48px, 2.5vw);
  width: min(1232px, 64.1667vw);
  padding-left: min(32px, 1.6667vw);
  background-color: #fbfaf8;
  z-index: 2;
}
.service-sys .service-content-area .content-wrap dl .content-title dt {
  font-weight: bold;
  font-size: min(28px, 1.4583vw);
  color: #615a52;
}
.service-sys .service-content-area .content-wrap dl .content-title dt span, .service-sys .service-content-area .content-wrap dl .content-title dt .firstview .scrolls span::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title dt span::after {
  color: #5bb431;
}
.service-sys .service-content-area .content-wrap dl .content-title .pagenation {
  position: absolute;
  top: min(8px, 0.4167vw);
  right: 0;
  display: flex;
  justify-content: center;
  width: min(450px, 23.4375vw);
  height: min(10px, 0.5208vw);
  z-index: 3;
}
.service-sys .service-content-area .content-wrap dl .content-title .pagenation span, .service-sys .service-content-area .content-wrap dl .content-title .pagenation .firstview .scrolls span::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation span::after {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: min(7.5px, 0.3906vw);
  border-radius: min(10px, 0.5208vw);
  background-color: #5bb431;
}
.service-sys .service-content-area .content-wrap dl .content-title .pagenation span:nth-child(1), .service-sys .service-content-area .content-wrap dl .content-title .pagenation .firstview .scrolls span:nth-child(1)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation span:nth-child(1)::after {
  width: min(310px, 16.1458vw);
}
.service-sys .service-content-area .content-wrap dl .content-title .pagenation span:nth-child(2), .service-sys .service-content-area .content-wrap dl .content-title .pagenation .firstview .scrolls span:nth-child(2)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation span:nth-child(2)::after {
  width: min(85px, 4.4271vw);
  opacity: 50%;
}
.service-sys .service-content-area .content-wrap dl .content-title .pagenation span:nth-child(3), .service-sys .service-content-area .content-wrap dl .content-title .pagenation .firstview .scrolls span:nth-child(3)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation span:nth-child(3)::after {
  width: min(30px, 1.5625vw);
  margin-right: 0;
  opacity: 20%;
}
.service-sys .service-content-area .content-wrap dl .content-title .pagenation.second span:nth-child(1), .service-sys .service-content-area .content-wrap dl .content-title .pagenation.second .firstview .scrolls span:nth-child(1)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation.second span:nth-child(1)::after {
  width: min(57.5px, 2.9948vw);
  opacity: 50%;
}
.service-sys .service-content-area .content-wrap dl .content-title .pagenation.second span:nth-child(2), .service-sys .service-content-area .content-wrap dl .content-title .pagenation.second .firstview .scrolls span:nth-child(2)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation.second span:nth-child(2)::after {
  width: min(310px, 16.1458vw);
  opacity: 100%;
}
.service-sys .service-content-area .content-wrap dl .content-title .pagenation.second span:nth-child(3), .service-sys .service-content-area .content-wrap dl .content-title .pagenation.second .firstview .scrolls span:nth-child(3)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation.second span:nth-child(3)::after {
  width: min(57.5px, 2.9948vw);
  margin-right: 0;
  opacity: 50%;
}
.service-sys .service-content-area .content-wrap dl .content-title .pagenation.third span:nth-child(1), .service-sys .service-content-area .content-wrap dl .content-title .pagenation.third .firstview .scrolls span:nth-child(1)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation.third span:nth-child(1)::after {
  width: min(30px, 1.5625vw);
  opacity: 20%;
}
.service-sys .service-content-area .content-wrap dl .content-title .pagenation.third span:nth-child(2), .service-sys .service-content-area .content-wrap dl .content-title .pagenation.third .firstview .scrolls span:nth-child(2)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation.third span:nth-child(2)::after {
  width: min(85px, 4.4271vw);
  opacity: 50%;
}
.service-sys .service-content-area .content-wrap dl .content-title .pagenation.third span:nth-child(3), .service-sys .service-content-area .content-wrap dl .content-title .pagenation.third .firstview .scrolls span:nth-child(3)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation.third span:nth-child(3)::after {
  width: min(310px, 16.1458vw);
  margin-right: 0;
  opacity: 100%;
}
.service-sys .service-content-area .content-wrap dl dd {
  width: min(550px, 28.6458vw);
  margin-top: min(12px, 0.625vw);
  font-size: min(20px, 1.0417vw);
  color: #615a52;
  line-height: min(52px, 2.7083vw);
}
.service-sys .service-content-area .content-wrap dl dd.second {
  width: 100%;
  margin: 0;
}
.service-sys .service-content-area .content-wrap dl dd.third {
  margin: 0;
}
.service-sys .service-content-area .content-wrap dl dd .value-details {
  display: flex;
  align-items: center;
  margin-bottom: min(12px, 0.625vw);
}
.service-sys .service-content-area .content-wrap dl dd .value-details span, .service-sys .service-content-area .content-wrap dl dd .value-details .firstview .scrolls span::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl dd .value-details span::after {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(180px, 9.375vw);
  height: min(80px, 4.1667vw);
  margin-right: min(60px, 3.125vw);
  font-weight: bold;
  font-size: min(20px, 1.0417vw);
  color: #fff;
  background-color: #5bb431;
}
.service-sys .service-content-area .content-wrap dl dd .value-details:nth-child(2) span, .service-sys .service-content-area .content-wrap dl dd .value-details:nth-child(2) .firstview .scrolls span::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl dd .value-details:nth-child(2) span::after {
  background-color: #569637;
}
.service-sys .service-content-area .content-wrap dl dd .value-details:nth-child(3) span, .service-sys .service-content-area .content-wrap dl dd .value-details:nth-child(3) .firstview .scrolls span::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl dd .value-details:nth-child(3) span::after {
  background-color: #466f32;
}
.service-sys .service-content-area .content-wrap dl dd .value-details:nth-child(4) span, .service-sys .service-content-area .content-wrap dl dd .value-details:nth-child(4) .firstview .scrolls span::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl dd .value-details:nth-child(4) span::after {
  background-color: #374d2c;
}
.service-sys .service-content-area .content-wrap dl dd .value-details:nth-child(5) {
  margin: 0;
}
.service-sys .service-content-area .content-wrap dl dd .value-details:nth-child(5) span, .service-sys .service-content-area .content-wrap dl dd .value-details:nth-child(5) .firstview .scrolls span::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl dd .value-details:nth-child(5) span::after {
  background-color: #4c4d4b;
}
.service-sys .service-content-area .content-wrap dl ul {
  margin-top: min(12px, 0.625vw);
  margin-left: min(32px, 1.6667vw);
}
.service-sys .service-content-area .content-wrap dl ul li {
  position: relative;
  font-size: min(20px, 1.0417vw);
  color: #615a52;
  line-height: min(40px, 2.0833vw);
}
.service-sys .service-content-area .content-wrap dl ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: min(16px, 0.8333vw);
  left: max(-24px, -1.25vw);
  width: min(10px, 0.5208vw);
  height: min(10px, 0.5208vw);
  border-radius: 50%;
  background-color: #5bb431;
}
.service-sys .service-content-area .content-wrap .contents ul {
  width: min(456px, 23.75vw);
}
.service-sys .service-content-area .content-wrap .contents ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: min(52px, 2.7083vw);
  margin-bottom: min(12px, 0.625vw);
  font-size: min(20px, 1.0417vw);
  color: #fff;
  background-color: #5bb431;
}
.service-sys .service-content-area .content-wrap .contents ul li:last-of-type {
  margin: 0;
}
.service-sys .service-content-area .content-wrap .contents.third {
  position: relative;
  width: min(535px, 27.8646vw);
  height: min(420px, 21.875vw);
}
.service-sys .service-content-area .content-wrap .contents.third span, .service-sys .service-content-area .content-wrap .contents.third .firstview .scrolls span::after, .firstview .scrolls .service-sys .service-content-area .content-wrap .contents.third span::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(275px, 14.3229vw);
  height: min(320px, 16.6667vw);
  -webkit-clip-path: polygon(50% 0%, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
  clip-path: polygon(50% 0%, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
  border: solid min(1px, 0.0521vw) #5bb431;
  background-color: #f2f0ed;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.06);
}
.service-sys .service-content-area .content-wrap .contents.third span:nth-child(2), .service-sys .service-content-area .content-wrap .contents.third .firstview .scrolls span:nth-child(2)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap .contents.third span:nth-child(2)::after {
  width: min(225px, 11.7188vw);
  height: min(270px, 14.0625vw);
  background-color: #e5e0d9;
}
.service-sys .service-content-area .content-wrap .contents.third span:nth-child(3), .service-sys .service-content-area .content-wrap .contents.third .firstview .scrolls span:nth-child(3)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap .contents.third span:nth-child(3)::after {
  width: min(175px, 9.1146vw);
  height: min(220px, 11.4583vw);
  background-color: #d5ccc0;
}
.service-sys .service-content-area .content-wrap .contents.third span:nth-child(4), .service-sys .service-content-area .content-wrap .contents.third .firstview .scrolls span:nth-child(4)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap .contents.third span:nth-child(4)::after {
  -webkit-clip-path: polygon(50% 15%, 75% 40%, 85% 65%, 50% 60%, 5% 68%, 25% 37.5%);
  clip-path: polygon(50% 15%, 75% 40%, 85% 65%, 50% 60%, 5% 68%, 25% 37.5%);
  background-color: #5bb431;
  opacity: 30%;
}
.service-sys .service-content-area .content-wrap .contents.third p {
  position: absolute;
  font-weight: bold;
  font-size: min(14px, 0.7292vw);
  color: #615a52;
}
.service-sys .service-content-area .content-wrap .contents.third p:nth-of-type(1) {
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
}
.service-sys .service-content-area .content-wrap .contents.third p:nth-of-type(2) {
  top: 30%;
  left: 80%;
}
.service-sys .service-content-area .content-wrap .contents.third p:nth-of-type(3) {
  top: 30%;
  left: 10%;
}
.service-sys .service-content-area .content-wrap .contents.third p:nth-of-type(4) {
  left: 80%;
  bottom: 30%;
}
.service-sys .service-content-area .content-wrap .contents.third p:nth-of-type(5) {
  left: 10%;
  bottom: 30%;
}
.service-sys .service-content-area .content-wrap .contents.third p:nth-of-type(6) {
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%);
}
.service-sys .service-content-area .borders span, .service-sys .service-content-area .borders .firstview .scrolls span::after, .firstview .scrolls .service-sys .service-content-area .borders span::after {
  content: "";
  position: absolute;
  border-radius: min(4px, 0.2083vw);
  background-color: #5bb431;
}
.service-sys .service-content-area .borders span:nth-child(1), .service-sys .service-content-area .borders .firstview .scrolls span:nth-child(1)::after, .firstview .scrolls .service-sys .service-content-area .borders span:nth-child(1)::after {
  top: 0;
  left: 0;
  width: min(4px, 0.2083vw);
  height: 80%;
}
.service-sys .service-content-area .borders span:nth-child(2), .service-sys .service-content-area .borders .firstview .scrolls span:nth-child(2)::after, .firstview .scrolls .service-sys .service-content-area .borders span:nth-child(2)::after {
  bottom: 0;
  right: 0;
  width: min(4px, 0.2083vw);
  height: 80%;
}
.service-sys .service-content-area .borders span:nth-child(3), .service-sys .service-content-area .borders .firstview .scrolls span:nth-child(3)::after, .firstview .scrolls .service-sys .service-content-area .borders span:nth-child(3)::after {
  bottom: 0;
  right: 0;
  width: 60%;
  height: min(4px, 0.2083vw);
}

.process-sys {
  padding: min(200px, 10.4167vw) 0;
  background-color: #fcfcfc;
  box-shadow: inset 0 min(2px, 0.1042vw) min(12px, 0.625vw) 0 rgba(0, 0, 0, 0.06);
}
.process-sys .process-content-area {
  width: min(1280px, 66.6667vw);
  margin: min(190px, 9.8958vw) auto 0;
}
.process-sys .process-content-area .process-detail {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}
.process-sys .process-content-area .process-detail .steps {
  display: flex;
  align-items: center;
  flex-flow: column;
  position: relative;
  width: 33%;
  padding: 0 min(40px, 2.0833vw);
}
.process-sys .process-content-area .process-detail .steps::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: min(2px, 0.1042vw);
  height: min(480px, 25vw);
  border-radius: min(2px, 0.1042vw);
  background-color: #5bb431;
}
.process-sys .process-content-area .process-detail .steps:last-of-type::after {
  display: none;
}
.process-sys .process-content-area .process-detail .steps p {
  position: relative;
  font-weight: bold;
  font-size: min(16px, 0.8333vw);
  color: #615a52;
}
.process-sys .process-content-area .process-detail .steps p::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: max(-12px, -0.625vw);
  transform: translateX(-50%);
  width: min(32px, 1.6667vw);
  height: min(4px, 0.2083vw);
  border-radius: min(6px, 0.3125vw);
  background-color: #5bb431;
}
.process-sys .process-content-area .process-detail .steps dl {
  display: flex;
  align-items: center;
  flex-flow: column;
  margin-top: min(42px, 2.1875vw);
}
.process-sys .process-content-area .process-detail .steps dl img {
  height: min(100px, 5.2083vw);
  margin: min(46px, 2.3958vw) 0 min(42px, 2.1875vw);
}
.process-sys .process-content-area .process-detail .steps dl dt {
  font-weight: bold;
  font-size: min(20px, 1.0417vw);
  color: #615a52;
  text-align: center;
}
.process-sys .process-content-area .process-detail .steps dl dd {
  font-size: min(20px, 1.0417vw);
  color: #615a52;
  line-height: min(52px, 2.7083vw);
}
.process-sys .process-content-area .process-subject {
  width: 100%;
  margin-top: min(120px, 6.25vw);
}
.process-sys .process-content-area .process-subject > dl dt {
  position: relative;
  font-weight: bold;
  font-size: min(24px, 1.25vw);
  color: #615a52;
  text-align: center;
}
.process-sys .process-content-area .process-subject > dl dt::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: max(-24px, -1.25vw);
  transform: translateX(-50%);
  width: min(48px, 2.5vw);
  height: min(6px, 0.3125vw);
  border-radius: min(6px, 0.3125vw);
  background-color: #5bb431;
}
.process-sys .process-content-area .process-subject > dl dd {
  margin-top: min(52px, 2.7083vw);
  font-size: min(20px, 1.0417vw);
  color: #615a52;
  text-align: center;
  line-height: min(42px, 2.1875vw);
}
.process-sys .process-content-area .process-subject .subject-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.process-sys .process-content-area .process-subject .subject-wrap .subject {
  display: flex;
  align-items: center;
  flex-flow: column;
  width: min(250px, 13.0208vw);
  height: min(250px, 13.0208vw);
  margin-top: min(64px, 3.3333vw);
  background-color: #5bb431;
}
.process-sys .process-content-area .process-subject .subject-wrap .subject img {
  margin-top: min(46px, 2.3958vw);
  height: min(90px, 4.6875vw);
}
.process-sys .process-content-area .process-subject .subject-wrap .subject p {
  margin-top: min(24px, 1.25vw);
  font-size: min(16px, 0.8333vw);
  color: #fff;
  text-align: center;
  line-height: min(24px, 1.25vw);
}
.process-sys .process-content-area .process-subject .process-other-info {
  display: flex;
  width: 100%;
  height: min(180px, 9.375vw);
  margin-top: min(32px, 1.6667vw);
}
.process-sys .process-content-area .process-subject .process-other-info .info {
  width: 50%;
  height: 100%;
}
.process-sys .process-content-area .process-subject .process-other-info .info.period {
  background-color: #615a52;
}
.process-sys .process-content-area .process-subject .process-other-info .info.price {
  background-color: #5bb431;
}
.process-sys .process-content-area .process-subject .process-other-info .info dl {
  display: flex;
  align-items: center;
  flex-flow: column;
}
.process-sys .process-content-area .process-subject .process-other-info .info dl dt {
  position: relative;
  padding-top: min(32px, 1.6667vw);
  font-size: min(18px, 0.9375vw);
  color: #fff;
}
.process-sys .process-content-area .process-subject .process-other-info .info dl dt::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: max(-20px, -1.0417vw);
  transform: translateX(-50%);
  width: min(32px, 1.6667vw);
  height: min(6px, 0.3125vw);
  border-radius: min(6px, 0.3125vw);
}
.process-sys .process-content-area .process-subject .process-other-info .info dl dt.period::after {
  background-color: #5bb431;
}
.process-sys .process-content-area .process-subject .process-other-info .info dl dt.price::after {
  background-color: #fff;
}
.process-sys .process-content-area .process-subject .process-other-info .info dl dd {
  margin-top: min(42px, 2.1875vw);
  font-size: min(22px, 1.1458vw);
  color: #fff;
  text-align: center;
}
.process-sys .process-content-area .process-subject .process-other-info .info dl dd span, .process-sys .process-content-area .process-subject .process-other-info .info dl dd .firstview .scrolls span::after, .firstview .scrolls .process-sys .process-content-area .process-subject .process-other-info .info dl dd span::after {
  font-size: min(16px, 0.8333vw);
  line-height: min(40px, 2.0833vw);
}

.comp-sys {
  padding: min(200px, 10.4167vw) 0;
  box-shadow: inset 0 min(2px, 0.1042vw) min(12px, 0.625vw) 0 rgba(0, 0, 0, 0.06);
}
.comp-sys .comp-area {
  width: min(1280px, 66.6667vw);
  margin: min(120px, 6.25vw) auto 0;
}
.comp-sys .comp-area > dl dt {
  position: relative;
  font-weight: bold;
  font-size: min(24px, 1.25vw);
  color: #615a52;
  text-align: center;
}
.comp-sys .comp-area > dl dt::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: max(-24px, -1.25vw);
  width: 50%;
  height: min(2px, 0.1042vw);
  transform: translateX(-50%);
  background-size: min(12px, 0.625vw) min(4px, 0.2083vw);
  background-image: linear-gradient(to right, #5bb431 min(6px, 0.3125vw), transparent min(6px, 0.3125vw));
  background-repeat: repeat-x;
  background-position: left bottom;
}
.comp-sys .comp-area > dl dt span, .comp-sys .comp-area > dl dt .firstview .scrolls span::after, .firstview .scrolls .comp-sys .comp-area > dl dt span::after {
  color: #5bb431;
}
.comp-sys .comp-area > dl dd {
  margin-top: min(52px, 2.7083vw);
  font-size: min(20px, 1.0417vw);
  color: #615a52;
  text-align: center;
  line-height: min(42px, 2.1875vw);
}
.comp-sys .comp-area > dl dd span, .comp-sys .comp-area > dl dd .firstview .scrolls span::after, .firstview .scrolls .comp-sys .comp-area > dl dd span::after {
  font-weight: bold;
  color: #5bb431;
}
.comp-sys .comp-area .comp-detail {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  width: 100%;
  margin-top: min(60px, 3.125vw);
}
.comp-sys .comp-area .comp-detail .comp-box {
  position: relative;
  width: min(620px, 32.2917vw);
  height: min(326px, 16.9792vw);
  margin-top: min(40px, 2.0833vw);
  background: url(./assets/img/systemDiagnosis/グループ\ 131.png);
  background-position: center center;
}
.comp-sys .comp-area .comp-detail .comp-box:nth-child(2) {
  background: url(./assets/img/systemDiagnosis/グループ\ 134.png);
}
.comp-sys .comp-area .comp-detail .comp-box:nth-child(3) {
  background: url(./assets/img/systemDiagnosis/グループ\ 132.png);
}
.comp-sys .comp-area .comp-detail .comp-box:nth-child(4) {
  background: url(./assets/img/systemDiagnosis/グループ\ 133.png);
}
.comp-sys .comp-area .comp-detail .comp-box dl {
  position: relative;
  z-index: 10;
}
.comp-sys .comp-area .comp-detail .comp-box dl dt {
  position: relative;
  display: flex;
  align-items: center;
  height: min(156px, 8.125vw);
  padding-left: min(70px, 3.6458vw);
  font-size: min(22px, 1.1458vw);
  color: #fff;
}
.comp-sys .comp-area .comp-detail .comp-box dl dt::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: min(46px, 2.3958vw);
  transform: translateY(-50%);
  width: min(4px, 0.2083vw);
  height: min(38px, 1.9792vw);
  border-radius: min(4px, 0.2083vw);
  background-color: #83e354;
}
.comp-sys .comp-area .comp-detail .comp-box dl dd {
  width: 100%;
  height: min(170px, 8.8542vw);
  padding: min(24px, 1.25vw) min(196px, 10.2083vw) 0 min(46px, 2.3958vw);
  font-size: min(18px, 0.9375vw);
  color: #fff;
  line-height: min(40px, 2.0833vw);
  background-color: rgba(76, 77, 75, 0.7);
}
.comp-sys .comp-area .comp-detail .comp-box span, .comp-sys .comp-area .comp-detail .comp-box .firstview .scrolls span::after, .firstview .scrolls .comp-sys .comp-area .comp-detail .comp-box span::after {
  content: "";
  display: inline-block;
  position: absolute;
}
.comp-sys .comp-area .comp-detail .comp-box span:nth-of-type(1), .comp-sys .comp-area .comp-detail .comp-box .firstview .scrolls span:nth-of-type(1)::after, .firstview .scrolls .comp-sys .comp-area .comp-detail .comp-box span:nth-of-type(1)::after {
  top: 0;
  left: 0;
  width: min(470px, 24.4792vw);
  height: 100%;
  background-color: rgba(76, 77, 75, 0.7);
}
.comp-sys .comp-area .comp-detail .comp-box span:nth-of-type(2), .comp-sys .comp-area .comp-detail .comp-box .firstview .scrolls span:nth-of-type(2)::after, .firstview .scrolls .comp-sys .comp-area .comp-detail .comp-box span:nth-of-type(2)::after {
  top: 0;
  right: 0;
  width: min(150px, 7.8125vw);
  height: min(156px, 8.125vw);
  background-color: #5bb431;
}
.comp-sys .comp-area .reason-area {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: min(160px, 8.3333vw);
}
.comp-sys .comp-area .reason-area::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: max(-64px, -3.3333vw);
  left: min(150px, 7.8125vw);
  width: min(840px, 43.75vw);
  height: min(326px, 16.9792vw);
  background-color: #f5f5f5;
  z-index: -1;
}
.comp-sys .comp-area .reason-area img {
  width: min(500px, 26.0417vw);
  box-shadow: min(12px, 0.625vw) min(12px, 0.625vw) min(12px, 0.625vw) 0 rgba(0, 0, 0, 0.12);
}
.comp-sys .comp-area .reason-area .reason-detail {
  width: min(600px, 31.25vw);
}
.comp-sys .comp-area .reason-area .reason-detail dl {
  width: 100%;
  margin-top: min(80px, 4.1667vw);
}
.comp-sys .comp-area .reason-area .reason-detail dl dt {
  position: relative;
  padding-left: min(24px, 1.25vw);
  font-weight: bold;
  font-size: min(26px, 1.3542vw);
  color: #615a52;
}
.comp-sys .comp-area .reason-area .reason-detail dl dt::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: min(6px, 0.3125vw);
  height: min(52px, 2.7083vw);
  border-radius: min(6px, 0.3125vw);
  background-color: #5bb431;
}
.comp-sys .comp-area .reason-area .reason-detail dl dt span, .comp-sys .comp-area .reason-area .reason-detail dl dt .firstview .scrolls span::after, .firstview .scrolls .comp-sys .comp-area .reason-area .reason-detail dl dt span::after {
  color: #5bb431;
}
.comp-sys .comp-area .reason-area .reason-detail dl dd {
  margin-top: min(46px, 2.3958vw);
  font-size: min(20px, 1.0417vw);
  color: #615a52;
  line-height: min(52px, 2.7083vw);
}
.comp-sys .comp-area .reason-area .reason-detail dl dd span, .comp-sys .comp-area .reason-area .reason-detail dl dd .firstview .scrolls span::after, .firstview .scrolls .comp-sys .comp-area .reason-area .reason-detail dl dd span::after {
  color: #5bb431;
}
.comp-sys .comp-area .reason-area .reason-detail .btns {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: min(46px, 2.3958vw);
}
.comp-sys .comp-area .reason-area .reason-detail .btns a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 20.66vw;
  height: 4.38vw;
  color: #5bb431;
  font-weight: bold;
  font-size: 0.94vw;
  border-radius: 0.31vw;
  border: solid min(2px, 0.1042vw) #5bb431;
  transition: all 0.3s ease 0s;
  z-index: 2;
}
.comp-sys .comp-area .reason-area .reason-detail .btns a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5bb431;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: all 0.3s ease 0s;
  z-index: -1;
}

.title {
  margin-bottom: 1.6vw;
}
.title h1 {
  color: #5bb431;
}
.title h1.large {
  font-size: 3.13vw;
  letter-spacing: -0.1vw;
}
.title p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.52vw;
  font-weight: bold;
  font-size: 1.15vw;
  color: #615a52;
}
.title p::before {
  content: "";
  display: block;
  width: 1.15vw;
  height: 0.1vw;
  margin-right: 0.63vw;
  border-radius: 0.575vw;
  background-color: #5bb431;
}

.common-title {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  font-weight: bold;
  font-size: min(42px, 2.19vw);
  color: #615a52;
}
.common-title::before {
  content: "";
  position: absolute;
  bottom: max(-48px, -2.5vw);
  width: min(124px, 6.46vw);
  height: min(8px, 0.42vw);
  border-radius: min(8px, 0.42vw);
  background-image: linear-gradient(90deg, #5bb431 50%, #615a52 50%);
}
.common-title span, .common-title .firstview .scrolls span::after, .firstview .scrolls .common-title span::after {
  color: #5bb431;
}

.avenir {
  font-family: "Avenir Next", "Noto Sans JP", sans-serif;
}

.links {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17.08vw;
  height: 3.33vw;
  font-weight: bold;
  font-size: 0.94vw;
  border-radius: 0.42vw;
  transition: all 0.3s ease 0s;
}
.links::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.99vw;
  right: 1.56vw;
  width: 1.04vw;
  height: 1.04vw;
  border: solid #5bb431;
  border-width: 0.21vw 0.21vw 0 0;
  border-radius: 0.1vw;
  transform: rotate(45deg);
}
.links::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: all 0.3s ease 0s;
  z-index: -1;
}
.links.green {
  color: #fff;
  border: solid 0.16vw #5bb431;
  background-color: #5bb431;
}
.links.green::before {
  border: solid #fff;
  border-width: 0.21vw 0.21vw 0 0;
}
.links.green::after {
  background-color: #615a52;
}
.links.white {
  color: #5bb431;
  border: solid 0.16vw #fff;
  background-color: #fff;
}
.links.white::before {
  border: solid #5bb431;
  border-width: 0.21vw 0.21vw 0 0;
}
.links.white::after {
  background-color: #5bb431;
}
.links.borders {
  color: #5bb431;
  border: solid 0.16vw #5bb431;
  background-color: rgba(0, 0, 0, 0);
}
.links.borders::after {
  background-color: #5bb431;
}
@media screen and (max-width: 767px) {
  .wrap {
    width: 100%;
    padding: 0 8vw;
  }
  header {
    align-items: center;
    height: 25.07vw;
    padding: 0 7.47vw;
  }
  header.active {
    justify-content: flex-start;
    align-items: flex-start;
    height: 100vh !important;
    padding: 8.53vw 7.47vw 0;
    background-color: #5bb431;
  }
  header.change-color {
    height: 16vw;
  }
  header.change-color .burger-menu span, header.change-color .burger-menu .firstview .scrolls span::after, .firstview .scrolls header.change-color .burger-menu span::after {
    background-color: #fff;
  }
  header img {
    width: 17.07vw;
    height: 8vw;
  }
  header img.active.white {
    display: flex;
  }
  header img.active.black {
    display: none;
  }
  header ul {
    display: none;
    flex-flow: column;
    position: absolute;
    top: 36vw;
    left: 0;
    width: 100%;
  }
  header ul.active {
    display: flex;
  }
  header ul li {
    width: 100%;
    margin-bottom: 8.53vw;
    color: #fff;
    font-size: 5.33vw;
    text-align: center;
  }
  header ul li.btns {
    width: 85.33vw;
    height: 16vw;
    margin-top: 6vw;
    color: #5bb431;
    font-size: 3.73vw;
    border-radius: 42.665vw;
    background-color: #fff;
  }
  header ul li::before {
    display: none;
  }
  header.sys.change-color ul li.btns {
    color: #5bb431;
  }
  header .burger-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: column;
    width: 6.93vw;
    height: 5.33vw;
    border: 2px solid rgba(255, 255, 255, 0);
    border-radius: 50%;
  }
  header .burger-menu.active {
    margin-top: 8px;
    margin-left: auto;
  }
  header .burger-menu.active span:nth-of-type(1), header .burger-menu.active .firstview .scrolls span:nth-of-type(1)::after, .firstview .scrolls header .burger-menu.active span:nth-of-type(1)::after {
    transform: rotate(45deg) translate(1.2vw, 1.2vw);
    background-color: #fff;
  }
  header .burger-menu.active span:nth-of-type(2), header .burger-menu.active .firstview .scrolls span:nth-of-type(2)::after, .firstview .scrolls header .burger-menu.active span:nth-of-type(2)::after {
    display: none;
  }
  header .burger-menu.active span:nth-of-type(3), header .burger-menu.active .firstview .scrolls span:nth-of-type(3)::after, .firstview .scrolls header .burger-menu.active span:nth-of-type(3)::after {
    transform: rotate(-45deg) translate(1.2vw, -1.2vw);
    background-color: #fff;
  }
  header .burger-menu span, header .burger-menu .firstview .scrolls span::after, .firstview .scrolls header .burger-menu span::after {
    margin-left: auto;
    width: 6.93vw;
    height: 0.8vw;
    border-radius: 3.465vw;
    background-color: #5bb431;
  }
  footer {
    padding: 52.67vw 8vw;
  }
  footer.sys {
    padding-top: 32vw;
  }
  footer .footer-wrap {
    width: 100%;
  }
  footer .footer-wrap .footer-head {
    flex-flow: column;
    width: 100%;
  }
  footer .footer-wrap .footer-head img {
    width: 40vw;
    height: 16.53vw;
  }
  footer .footer-wrap .footer-head .btns {
    width: 100%;
    margin-top: 16vw;
  }
  footer .footer-wrap .footer-head .btns a {
    width: 85.33vw;
    height: 16vw;
    color: #5bb431;
    font-size: 3.73vw;
    border-radius: 42.665vw;
    background-color: #fff;
  }
  footer .footer-wrap ul {
    flex-flow: column;
    width: 100%;
    margin-top: 18.67vw;
  }
  footer .footer-wrap ul a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 8.53vw;
    font-size: 5.33vw;
    line-height: 10.4vw;
  }
  footer .footer-wrap ul a::before {
    display: none;
  }
  footer .footer-wrap p {
    margin-top: 24.67vw;
    font-size: 4.27vw;
  }
  .splash::after {
    top: 56vh;
    height: 0.27vw;
  }
  .splash .text {
    font-size: 11.2vw;
  }
  .firstview {
    background-size: 320vw 110%;
    background-position: center;
  }
  .firstview > p {
    margin-top: 16vw;
    font-size: min(54px, 14.4vw);
    letter-spacing: max(-2px, -0.5333333333vw);
  }
  .firstview > p.avenir {
    padding-left: min(24px, 6.4vw);
  }
  .firstview > p.noto {
    margin-top: 4.27vw;
    font-size: 3.73vw;
    letter-spacing: 0.53vw;
  }
  .firstview .scrolls {
    margin-top: 26.67vw;
    scale: 2;
  }
  .about {
    padding: 17.07vw 0;
  }
  .about::after {
    top: 29.33vw;
    right: -26.33vw;
    font-size: 32.67vw;
    letter-spacing: -1.6vw;
  }
  .about .about-content {
    position: relative;
  }
  .about .about-content .txt-area {
    width: 100%;
  }
  .about .about-content .txt-area dl dt.sub-title {
    height: 10.67vw;
    font-size: 4.8vw;
  }
  .about .about-content .txt-area dl dt.sub-title::before {
    width: 1.33vw;
    margin-right: 2.13vw;
    border-radius: 0.665vw;
  }
  .about .about-content .txt-area dl dd {
    margin-top: 88.53vw;
    font-size: 4.27vw;
    line-height: 10.67vw;
  }
  .about .about-content .txt-area .btns {
    flex-flow: column;
    margin-top: 16vw;
  }
  .about .about-content .txt-area .btns .links {
    margin-right: 0;
    margin-bottom: 6.4vw;
  }
  .about .about-content .txt-area .btns .links:nth-of-type(2) {
    margin: 0;
  }
  .about .about-content img {
    position: absolute;
    top: 17.6vw;
    left: 50%;
    transform: translateX(-50%);
    width: 70.4vw;
    height: 70.4vw;
  }
  .concept {
    padding: 34.13vw 0 0;
  }
  .concept::after {
    top: 13.33vw;
    right: -6.8vw;
    font-size: 32.67vw;
    letter-spacing: -1.6vw;
  }
  .concept .concept-overview {
    justify-content: center;
  }
  .concept .concept-overview .img-area {
    position: absolute;
    top: 69.33vw;
    width: 71.47vw;
    height: 71.47vw;
  }
  .concept .concept-overview .img-area img {
    border-radius: 1.6vw;
  }
  .concept .concept-overview .img-area::after {
    top: 3.2vw;
    left: 3.2vw;
    width: 71.47vw;
    height: 71.47vw;
    border-radius: 1.6vw;
  }
  .concept .concept-overview .overview-exp {
    width: 100%;
    margin: 0;
    padding: 0 8vw;
  }
  .concept .concept-overview .overview-exp dl dt.sub-title {
    width: 100%;
    height: 100%;
    padding-left: 3.73vw;
    font-size: 4.8vw;
    line-height: 32px;
  }
  .concept .concept-overview .overview-exp dl dt.sub-title::before {
    width: 1.33vw;
    margin-right: 0;
    border-radius: 0.665vw;
  }
  .concept .concept-overview .overview-exp dl dd {
    margin-top: 104.53vw;
    font-size: 4.27vw;
    line-height: 10.67vw;
  }
  .concept .concept-overview .overview-exp .btns {
    margin-top: 16vw;
  }
  .concept .service-box {
    width: 100%;
    height: 100%;
    margin-top: 26.67vw;
    padding: 0 8vw;
  }
  .concept .service-box dl {
    width: 100%;
  }
  .concept .service-box dl p {
    font-size: 10.67vw;
    line-height: 10.67vw;
  }
  .concept .service-box dl p span, .concept .service-box dl p .firstview .scrolls span::after, .firstview .scrolls .concept .service-box dl p span::after {
    font-size: 4.8vw;
  }
  .concept .service-box dl dt.sub-title {
    width: 100%;
    padding-left: 3.73vw;
    font-size: 4.8vw;
    line-height: 11.2vw;
  }
  .concept .service-box dl dt.sub-title br {
    display: none;
  }
  .concept .service-box dl dt.sub-title::before {
    width: 1.33vw;
    margin-right: 0;
    border-radius: 0.665vw;
  }
  .concept .service-box dl dd {
    margin-top: 87.47vw;
    font-size: 4.27vw;
    line-height: 10.67vw;
  }
  .concept .service-box img {
    position: absolute;
    top: 32vw;
    left: 50%;
    width: 69.33vw;
    height: 69.33vw;
    box-shadow: 0.8vw 0.8vw 0.8vw 0 rgba(0, 0, 0, 0.12);
    transform: translateX(-50%);
  }
  .concept .re-skilling-box {
    margin-top: 21.33vw;
    padding: 4vw;
  }
  .concept .re-skilling-box .re-skilling-wrap {
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 4vw;
  }
  .concept .re-skilling-box .re-skilling-wrap .re-skilling-detail {
    width: 100%;
  }
  .concept .re-skilling-box .re-skilling-wrap .re-skilling-detail dl {
    width: 100%;
    height: 100%;
    padding: 8vw 5vw 6vw;
    border-right: 0;
    border-bottom: solid 0.27vw #5bb431;
  }
  .concept .re-skilling-box .re-skilling-wrap .re-skilling-detail dl dt {
    font-size: 4.8vw;
    line-height: 5.8vw;
  }
  .concept .re-skilling-box .re-skilling-wrap .re-skilling-detail dl dt::before, .concept .re-skilling-box .re-skilling-wrap .re-skilling-detail dl dt::after {
    top: 8.53vw;
    width: 4.27vw;
    height: 0.53vw;
  }
  .concept .re-skilling-box .re-skilling-wrap .re-skilling-detail dl dd {
    margin-top: 6.4vw;
    font-size: 4.27vw;
    line-height: 8vw;
  }
  .press {
    margin: 0;
    padding-top: 36.8vw;
  }
  .press::after {
    top: 8.33vw;
    right: -4vw;
    font-size: 32.67vw;
    letter-spacing: -1.6vw;
  }
  .press .wrap {
    padding: 0;
  }
  .press .press-wrap {
    margin-top: 16vw;
  }
  .press .press-wrap .press-exp {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 13.33vw 8vw;
    background-color: #fbfaf8;
  }
  .press .press-wrap .press-exp::after {
    display: none;
  }
  .press .press-wrap .press-exp dl dt.sub-title {
    height: 10.67vw;
    font-size: 4.8vw;
  }
  .press .press-wrap .press-exp dl dt.sub-title span, .press .press-wrap .press-exp dl dt.sub-title .firstview .scrolls span::after, .firstview .scrolls .press .press-wrap .press-exp dl dt.sub-title span::after {
    color: #fff;
  }
  .press .press-wrap .press-exp dl dt.sub-title::before {
    width: 1.33vw;
    margin-right: 2.13vw;
    border-radius: 0.665vw;
  }
  .press .press-wrap .press-exp dl dd {
    margin-top: 8vw;
    font-size: 4.27vw;
    line-height: 10.67vw;
  }
  .press .press-wrap .press-exp .news {
    margin-top: min(40px, 10.6666666667vw);
  }
  .press .press-wrap .press-exp .news .menu-bar p {
    margin-bottom: min(24px, 6.4vw);
    padding: min(16px, 4.2666666667vw);
  }
  .press .press-wrap .press-exp .news .menu-bar p:before {
    right: min(24px, 6.4vw);
    width: min(10px, 2.6666666667vw);
    height: min(10px, 2.6666666667vw);
    border-top: solid min(2px, 0.5333333333vw) #fff;
    border-right: solid min(2px, 0.5333333333vw) #fff;
  }
  .press .press-wrap .press-exp .news .menu-bar ul a li {
    padding: min(40px, 10.6666666667vw) min(16px, 4.2666666667vw) min(24px, 6.4vw);
    font-size: min(14px, 3.7333333333vw);
    line-height: min(32px, 8.5333333333vw);
  }
  .press .press-wrap .press-exp .news .menu-bar ul a li::after {
    bottom: min(6px, 1.6vw);
    height: 1px;
    background-size: 1.6vw 1px;
    background-image: linear-gradient(to right, #5bb431 1.07vw, transparent 1.07vw);
  }
  .press .press-wrap .press-exp .news .menu-bar ul a li span, .press .press-wrap .press-exp .news .menu-bar ul a li .firstview .scrolls span::after, .firstview .scrolls .press .press-wrap .press-exp .news .menu-bar ul a li span::after {
    top: min(12px, 3.2vw);
    left: min(16px, 4.2666666667vw);
  }
  .press .press-wrap .press-exp .news .menu-bar.active.mio {
    margin-bottom: min(40px, 10.6666666667vw);
  }
  .associate {
    flex-flow: column;
    margin-top: 0;
    padding: 24vw 8vw;
  }
  .associate::after {
    top: 53.33vw;
    right: -60vw;
    font-size: 32.67vw;
  }
  .associate .associate-wrap {
    flex-flow: column;
    position: relative;
    width: 100%;
  }
  .associate .associate-wrap .img-area {
    margin: 16vw 0 21.33vw;
    width: 70.4vw;
    height: 70.4vw;
  }
  .associate .associate-wrap .img-area::after {
    top: 3.2vw;
    left: 3.2vw;
    width: 70.4vw;
    height: 70.4vw;
    border-radius: 1.6vw;
  }
  .associate .associate-wrap .associate-exp {
    width: 100%;
  }
  .associate .associate-wrap .associate-exp .associate-box .sub-title {
    margin-top: 0;
    margin-bottom: 4vw;
    height: 10.67vw;
    font-size: 4.8vw;
  }
  .associate .associate-wrap .associate-exp .associate-box .sub-title::before {
    width: 1.33vw;
    margin-right: 2.13vw;
    border-radius: 0.665vw;
  }
  .associate .associate-wrap .associate-exp .associate-box .box-detail {
    align-items: baseline;
    flex-flow: column;
    padding: 3.2vw;
  }
  .associate .associate-wrap .associate-exp .associate-box .box-detail p {
    font-size: 3.73vw;
    line-height: 8vw;
  }
  .associate .associate-wrap .associate-exp .associate-box .box-detail p.txt-left {
    width: 100%;
  }
  .associate .associate-wrap .associate-exp .associate-box .box-detail p.txt-right {
    line-height: 7vw;
  }
  .associate .associate-wrap .associate-exp .btns {
    margin-top: 16vw;
  }
  .member {
    margin-top: 36.8vw;
  }
  .member .wrap {
    padding: 0;
  }
  .member .wrap .title {
    margin-bottom: 34.67vw;
  }
  .member::after {
    top: 13.33vw;
    right: -16.8vw;
    font-size: 32.67vw;
    letter-spacing: -1.6vw;
  }
  .member .member-box {
    margin-top: 56vw;
    margin-bottom: 0;
  }
  .member .member-box:nth-of-type(4) {
    margin-bottom: 37.33vw;
  }
  .member .member-box:nth-of-type(5) dl dt span, .member .member-box:nth-of-type(5) dl dt .firstview .scrolls span::after, .firstview .scrolls .member .member-box:nth-of-type(5) dl dt span::after {
    top: -16.4vw;
  }
  .member .member-box.left .img-area {
    left: 50%;
    transform: translateX(-50%);
  }
  .member .member-box.left dl {
    padding: 56vw 8vw 19.73vw;
  }
  .member .member-box.right .img-area {
    right: 50%;
    transform: translateX(50%);
  }
  .member .member-box.right dl {
    padding: 56vw 8vw 19.73vw;
  }
  .member .member-box .img-area {
    top: -29.33vw;
    width: 58.67vw;
    height: 58.67vw;
  }
  .member .member-box .img-area::after {
    top: 3.2vw;
    left: 3.2vw;
    width: 58.67vw;
    height: 58.67vw;
  }
  .member .member-box dl {
    width: 100%;
  }
  .member .member-box dl dt {
    font-size: 4.8vw;
  }
  .member .member-box dl dt.kondou {
    margin-top: 11vw;
  }
  .member .member-box dl dt.kondou span, .member .member-box dl dt.kondou .firstview .scrolls span::after, .firstview .scrolls .member .member-box dl dt.kondou span::after {
    top: -26vw;
    line-height: 5vw;
  }
  .member .member-box dl dt span, .member .member-box dl dt .firstview .scrolls span::after, .firstview .scrolls .member .member-box dl dt span::after {
    top: -10.67vw;
    font-size: 3.73vw;
    line-height: 6vw;
  }
  .member .member-box dl dt::before {
    width: 1.6vw;
    height: 10.13vw;
    margin-right: 3.2vw;
  }
  .member .member-box dl dt::after {
    top: 5vw;
    left: 10.67vw;
    font-size: 8.53vw;
  }
  .member .member-box dl dt.ohshiba::after {
    content: "OhshibaYoshinobu";
  }
  .member .member-box dl dd {
    margin-top: 11.73vw;
    font-size: 4.27vw;
    line-height: 10.67vw;
  }
  .company {
    margin: 0;
    padding: 120px 0 300px;
  }
  .company .wrap {
    padding: 0;
  }
  .company::after {
    top: 44.33vw;
    right: -110.8vw;
    font-size: 32.67vw;
    letter-spacing: -1.6vw;
  }
  .company .company-wrap {
    flex-flow: column;
  }
  .company .company-wrap .company-exp {
    width: 100%;
    padding: 0 8vw;
  }
  .company .company-wrap .company-exp .company-box {
    flex-flow: wrap;
  }
  .company .company-wrap .company-exp .company-box > p {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    margin-top: 10.67vw;
    font-size: 4.27vw;
    line-height: 1.8em;
    border: none;
  }
  .company .company-wrap .company-exp .company-box > p::before {
    content: "";
    display: block;
    width: 1.2vw;
    height: 100%;
    margin-right: 3.2vw;
    border-radius: 1.145vw;
    background-color: #5bb431;
  }
  .company .company-wrap .company-exp .company-box .box-right {
    flex-flow: column;
    margin-left: 4.4vw;
    padding: 0;
    border: none;
  }
  .company .company-wrap .company-exp .company-box .box-right p {
    margin-top: 3.2vw;
    margin-right: 5.33vw;
    font-size: 4.27vw;
    line-height: 8vw;
  }
  .company .company-wrap iframe {
    bottom: -20vw;
    width: 100%;
    height: 80vw;
    margin-top: 16vw;
  }
  .firstview-sys {
    height: 100vh;
    background-size: 280vw 100vh;
    background-position: center center;
  }
  .firstview-sys .text-area {
    width: 100vw;
    margin-top: 12vw;
    padding: 0 7.47vw;
    border: none;
  }
  .firstview-sys .text-area h1 {
    text-align: center;
    font-size: 9vw;
  }
  .firstview-sys .text-area h1 span, .firstview-sys .text-area h1 .firstview .scrolls span::after, .firstview .scrolls .firstview-sys .text-area h1 span::after {
    font-size: 9.2vw;
  }
  .firstview-sys .text-area h2 {
    margin-top: 6vw;
    font-size: 3.6vw;
    text-align: center;
    line-height: 6vw;
  }
  .firstview-sys .text-area h2 span, .firstview-sys .text-area h2 .firstview .scrolls span::after, .firstview .scrolls .firstview-sys .text-area h2 span::after {
    font-size: 3.6vw;
  }
  .firstview-sys .text-area h2 span:last-child, .firstview-sys .text-area h2 .firstview .scrolls span:last-child::after, .firstview .scrolls .firstview-sys .text-area h2 span:last-child::after {
    font-size: 3.6vw;
  }
  .firstview-sys .text-area p {
    margin-top: 12vw;
    padding: 4vw;
    font-size: 3.73vw; /* 14px → 3.73vw */
    line-height: 8vw;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(5.33vw);
    backdrop-filter: blur(5.33vw); /* 20px → 5.33vw */
  }
  .firstview-sys .text-area p br {
    display: none;
  }
  .firstview-sys .text-area .btns {
    width: 100%;
    margin-top: 16vw;
  }
  .firstview-sys .text-area .btns a {
    width: 85.33vw;
    height: 16vw;
    color: #fff;
    font-size: 3.73vw; /* 14px → 3.73vw */
    border-radius: 42.665vw;
    background-color: #5bb431;
  }
  .about-sys {
    margin-top: 32vw; /* 120px → 32vw */
  }
  .about-sys .about-content-area {
    width: 100vw;
    padding: 0 7.47vw;
  }
  .about-sys .about-content-area .about-detail {
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  .about-sys .about-content-area .about-detail .img-area {
    width: 80vw;
  }
  .about-sys .about-content-area .about-detail .img-area::before {
    top: 20vw;
    left: 4vw;
    width: 80vw;
    height: 100vw;
  }
  .about-sys .about-content-area .about-detail .text-area {
    width: 100%;
  }
  .about-sys .about-content-area .about-detail .text-area dt {
    margin-top: 10.67vw; /* 40px → 10.67vw */
    font-size: 5.87vw; /* 22px → 5.87vw */
    text-align: center;
    line-height: 8.53vw; /* 32px → 8.53vw */
  }
  .about-sys .about-content-area .about-detail .text-area dd {
    margin-top: 10.67vw; /* 40px → 10.67vw */
    font-size: 3.73vw; /* 14px → 3.73vw */
    line-height: 8vw;
  }
  .about-sys .about-content-area .about-detail.next {
    flex-flow: column-reverse;
    margin-top: 16vw; /* 60px → 16vw */
  }
  .about-sys .about-content-area .about-detail.next .img-area::before {
    top: 20vw;
    left: 4vw;
    width: 80vw;
    height: 80vw;
  }
  .about-sys .about-content-area .about-detail.next .text-area dt {
    margin-top: 10.67vw; /* 40px → 10.67vw */
  }
  .about-sys .about-content-area .about-detail.next .text-area dt span:last-child, .about-sys .about-content-area .about-detail.next .text-area dt .firstview .scrolls span:last-child::after, .firstview .scrolls .about-sys .about-content-area .about-detail.next .text-area dt span:last-child::after {
    margin: 0;
    font-size: 3.2vw; /* 12px → 3.2vw */
  }
  .about-sys .about-content-area .about-detail.next .text-area dd br {
    display: none;
  }
  .service-sys {
    margin-top: 32vw;
    padding: 32vw 7.47vw;
    box-shadow: inset 0 1.07vw 3.2vw 0 rgba(0, 0, 0, 0.06);
  }
  .service-sys .service-content-area {
    width: 100%;
    margin-top: 32vw;
    padding: 21.33vw 5.33vw 10.67vw;
    border-top: 1.07vw;
  }
  .service-sys .service-content-area > span, .service-sys .firstview .scrolls .service-content-area > span::after, .firstview .scrolls .service-sys .service-content-area > span::after {
    top: -10.67vw;
    left: 0px;
    font-size: 8.53vw;
  }
  .service-sys .service-content-area .content-wrap {
    flex-flow: column;
  }
  .service-sys .service-content-area .content-wrap dl .content-title {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0;
  }
  .service-sys .service-content-area .content-wrap dl .content-title dt {
    font-size: 4.27vw;
    text-align: center;
  }
  .service-sys .service-content-area .content-wrap dl .content-title .pagenation {
    top: 8.53vw;
    width: 40vw;
    height: 1.07vw;
  }
  .service-sys .service-content-area .content-wrap dl .content-title .pagenation span, .service-sys .service-content-area .content-wrap dl .content-title .pagenation .firstview .scrolls span::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation span::after {
    margin-right: 1.07vw;
    border-radius: 1.07vw;
  }
  .service-sys .service-content-area .content-wrap dl .content-title .pagenation span:nth-child(1), .service-sys .service-content-area .content-wrap dl .content-title .pagenation .firstview .scrolls span:nth-child(1)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation span:nth-child(1)::after {
    width: 21.33vw;
  }
  .service-sys .service-content-area .content-wrap dl .content-title .pagenation span:nth-child(2), .service-sys .service-content-area .content-wrap dl .content-title .pagenation .firstview .scrolls span:nth-child(2)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation span:nth-child(2)::after {
    width: 10.67vw;
  }
  .service-sys .service-content-area .content-wrap dl .content-title .pagenation span:nth-child(3), .service-sys .service-content-area .content-wrap dl .content-title .pagenation .firstview .scrolls span:nth-child(3)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation span:nth-child(3)::after {
    width: 5.87vw;
    margin-right: 0;
  }
  .service-sys .service-content-area .content-wrap dl .content-title .pagenation.second span:nth-child(1), .service-sys .service-content-area .content-wrap dl .content-title .pagenation.second .firstview .scrolls span:nth-child(1)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation.second span:nth-child(1)::after {
    width: 8vw;
  }
  .service-sys .service-content-area .content-wrap dl .content-title .pagenation.second span:nth-child(2), .service-sys .service-content-area .content-wrap dl .content-title .pagenation.second .firstview .scrolls span:nth-child(2)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation.second span:nth-child(2)::after {
    width: 21.33vw;
  }
  .service-sys .service-content-area .content-wrap dl .content-title .pagenation.second span:nth-child(3), .service-sys .service-content-area .content-wrap dl .content-title .pagenation.second .firstview .scrolls span:nth-child(3)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation.second span:nth-child(3)::after {
    width: 8vw;
    margin-right: 0;
  }
  .service-sys .service-content-area .content-wrap dl .content-title .pagenation.third span:nth-child(1), .service-sys .service-content-area .content-wrap dl .content-title .pagenation.third .firstview .scrolls span:nth-child(1)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation.third span:nth-child(1)::after {
    width: 5.87vw;
  }
  .service-sys .service-content-area .content-wrap dl .content-title .pagenation.third span:nth-child(2), .service-sys .service-content-area .content-wrap dl .content-title .pagenation.third .firstview .scrolls span:nth-child(2)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation.third span:nth-child(2)::after {
    width: 10.67vw;
  }
  .service-sys .service-content-area .content-wrap dl .content-title .pagenation.third span:nth-child(3), .service-sys .service-content-area .content-wrap dl .content-title .pagenation.third .firstview .scrolls span:nth-child(3)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl .content-title .pagenation.third span:nth-child(3)::after {
    width: 21.33vw;
    margin-right: 0;
  }
  .service-sys .service-content-area .content-wrap dl dd {
    width: 100%;
    margin: 0;
    font-size: 3.47vw;
    line-height: 8vw;
  }
  .service-sys .service-content-area .content-wrap dl dd .value-details {
    flex-flow: column;
    margin-bottom: 10.67vw;
  }
  .service-sys .service-content-area .content-wrap dl dd .value-details span, .service-sys .service-content-area .content-wrap dl dd .value-details .firstview .scrolls span::after, .firstview .scrolls .service-sys .service-content-area .content-wrap dl dd .value-details span::after {
    width: 32vw;
    height: 6.4vw;
    margin: 0 0 3.2vw;
    font-size: 2.67vw;
  }
  .service-sys .service-content-area .content-wrap dl ul {
    margin-top: 3.2vw;
    margin-left: 0;
  }
  .service-sys .service-content-area .content-wrap dl ul li {
    padding-left: 7.47vw;
    font-size: 3.2vw;
    line-height: 8vw;
  }
  .service-sys .service-content-area .content-wrap dl ul li::before {
    top: 3.07vw;
    left: 1.07vw;
    width: 2.13vw;
    height: 2.13vw;
  }
  .service-sys .service-content-area .content-wrap .contents ul {
    width: 100%;
    margin-top: 6.4vw;
  }
  .service-sys .service-content-area .content-wrap .contents ul li {
    height: 7.47vw;
    margin-bottom: 0.53vw;
    font-size: 2.93vw;
  }
  .service-sys .service-content-area .content-wrap .contents.third {
    width: 100%;
    height: 64vw;
    margin-top: 10.67vw;
  }
  .service-sys .service-content-area .content-wrap .contents.third span, .service-sys .service-content-area .content-wrap .contents.third .firstview .scrolls span::after, .firstview .scrolls .service-sys .service-content-area .content-wrap .contents.third span::after {
    width: 40vw;
    height: 48vw;
    border: solid 1px #5bb431;
  }
  .service-sys .service-content-area .content-wrap .contents.third span:nth-child(2), .service-sys .service-content-area .content-wrap .contents.third .firstview .scrolls span:nth-child(2)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap .contents.third span:nth-child(2)::after {
    width: 32vw;
    height: 40vw;
  }
  .service-sys .service-content-area .content-wrap .contents.third span:nth-child(3), .service-sys .service-content-area .content-wrap .contents.third .firstview .scrolls span:nth-child(3)::after, .firstview .scrolls .service-sys .service-content-area .content-wrap .contents.third span:nth-child(3)::after {
    width: 24vw;
    height: 32vw;
  }
  .service-sys .service-content-area .content-wrap .contents.third p {
    font-size: 2.13vw;
  }
  .service-sys .service-content-area .content-wrap .contents.third p:nth-of-type(3), .service-sys .service-content-area .content-wrap .contents.third p:nth-of-type(5) {
    left: 7%;
  }
  .service-sys .service-content-area .borders span:nth-child(1), .service-sys .service-content-area .borders .firstview .scrolls span:nth-child(1)::after, .firstview .scrolls .service-sys .service-content-area .borders span:nth-child(1)::after {
    width: 1px;
  }
  .service-sys .service-content-area .borders span:nth-child(2), .service-sys .service-content-area .borders .firstview .scrolls span:nth-child(2)::after, .firstview .scrolls .service-sys .service-content-area .borders span:nth-child(2)::after {
    width: 1px;
    height: 70%;
  }
  .service-sys .service-content-area .borders span:nth-child(3), .service-sys .service-content-area .borders .firstview .scrolls span:nth-child(3)::after, .firstview .scrolls .service-sys .service-content-area .borders span:nth-child(3)::after {
    height: 1px;
  }
  .process-sys {
    padding: 32vw 0; /* 120px → 32vw */
    box-shadow: inset 0 10.67vw 32vw 0 rgba(0, 0, 0, 0.06); /* 4px → 1.07vw, 12px → 3.2vw */
  }
  .process-sys .process-content-area {
    width: 100vw;
    margin: 0 auto 0;
    padding: 0 7.47vw;
  }
  .process-sys .process-content-area .process-detail {
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  .process-sys .process-content-area .process-detail .steps {
    width: 100%;
    margin-top: 21.33vw; /* 80px → 21.33vw */
    padding: 0;
  }
  .process-sys .process-content-area .process-detail .steps::after {
    display: none;
  }
  .process-sys .process-content-area .process-detail .steps p {
    font-size: 3.2vw; /* 12px → 3.2vw */
  }
  .process-sys .process-content-area .process-detail .steps p::after {
    bottom: -2.13vw; /* 8px → 2.13vw */
    width: 3.2vw; /* 12px → 3.2vw */
    height: 0.53vw; /* 2px → 0.53vw */
    border-radius: 0.53vw; /* 2px → 0.53vw */
  }
  .process-sys .process-content-area .process-detail .steps dl {
    margin-top: 6.4vw;
  }
  .process-sys .process-content-area .process-detail .steps dl img {
    height: 16vw; /* 60px → 16vw */
    margin: 8.53vw 0 8.53vw; /* 32px → 8.53vw */
  }
  .process-sys .process-content-area .process-detail .steps dl dt {
    font-size: 4.27vw; /* 16px → 4.27vw */
  }
  .process-sys .process-content-area .process-detail .steps dl dd {
    font-size: 3.2vw; /* 13px → 3.2vw */
    line-height: 8vw; /* 8vw → 21.33vw */
  }
  .process-sys .process-content-area .process-subject {
    margin-top: 120px;
  }
  .process-sys .process-content-area .process-subject > dl dt {
    font-size: 4.27vw; /* 16px → 4.27vw */
  }
  .process-sys .process-content-area .process-subject > dl dt::after {
    bottom: -3.2vw; /* 14px → 3.2vw */
    width: 5.33vw; /* 24px → 5.33vw */
    height: 0.53vw; /* 4px → 0.53vw */
    border-radius: 0.53vw; /* 2px → 0.53vw */
  }
  .process-sys .process-content-area .process-subject > dl dd {
    margin-top: 6.4vw; /* 24px → 6.4vw */
    font-size: 3.2vw; /* 13px → 3.2vw */
    text-align: left;
    line-height: 8vw; /* 8vw → 21.33vw */
  }
  .process-sys .process-content-area .process-subject > dl dd br {
    display: none;
  }
  .process-sys .process-content-area .process-subject .subject-wrap {
    flex-flow: wrap;
    margin-top: 10.67vw; /* 40px → 10.67vw */
  }
  .process-sys .process-content-area .process-subject .subject-wrap .subject {
    width: 49%;
    height: 42.67vw; /* 160px → 42.67vw */
    margin-top: 2.13vw; /* 8px → 2.13vw */
  }
  .process-sys .process-content-area .process-subject .subject-wrap .subject img {
    margin-top: 6.4vw; /* 24px → 6.4vw */
    height: 16vw; /* 60px → 16vw */
  }
  .process-sys .process-content-area .process-subject .subject-wrap .subject p {
    margin-top: 3.2vw; /* 12px → 3.2vw */
    font-size: 2.67vw; /* 10px → 2.67vw */
    line-height: 4vw; /* 4vw → 21.33vw */
  }
  .process-sys .process-content-area .process-subject .process-other-info {
    flex-flow: column;
    margin-top: 10.67vw; /* 40px → 10.67vw */
    height: 60vw;
  }
  .process-sys .process-content-area .process-subject .process-other-info .info {
    width: 100%;
  }
  .process-sys .process-content-area .process-subject .process-other-info .info dl dt {
    padding-top: 5.33vw; /* 20px → 5.33vw */
    font-size: 3.2vw; /* 12px → 3.2vw */
  }
  .process-sys .process-content-area .process-subject .process-other-info .info dl dt::after {
    bottom: -3.2vw; /* 12px → 3.2vw */
    width: 5.33vw; /* 24px → 5.33vw */
    height: 0.8vw; /* 3px → 0.8vw */
    border-radius: 0.8vw; /* 3px → 0.8vw */
  }
  .process-sys .process-content-area .process-subject .process-other-info .info dl dd {
    margin-top: 6.4vw; /* 24px → 6.4vw */
    font-size: 3.2vw; /* 16px → 3.2vw */
  }
  .process-sys .process-content-area .process-subject .process-other-info .info dl dd span, .process-sys .process-content-area .process-subject .process-other-info .info dl dd .firstview .scrolls span::after, .firstview .scrolls .process-sys .process-content-area .process-subject .process-other-info .info dl dd span::after {
    font-size: 2.67vw; /* 12px → 2.67vw */
    line-height: 8vw; /* 8vw → 21.33vw */
  }
  .comp-sys {
    padding: 32vw 7.47vw;
    box-shadow: inset 0 1.07vw 3.2vw 0 rgba(0, 0, 0, 0.06);
  }
  .comp-sys .comp-area {
    width: 100%;
    margin: 21.33vw auto 0;
  }
  .comp-sys .comp-area > dl dt {
    font-size: 4.27vw;
  }
  .comp-sys .comp-area > dl dt::after {
    bottom: -3.2vw;
    height: 1px;
    background-size: 1.6vw 1px;
    background-image: linear-gradient(to right, #5bb431 1.07vw, transparent 1.07vw);
  }
  .comp-sys .comp-area > dl dd {
    margin-top: 10.67vw;
    font-size: 3.73vw;
    text-align: left;
    line-height: 8vw;
  }
  .comp-sys .comp-area .comp-detail {
    margin-top: 10.67vw;
  }
  .comp-sys .comp-area .comp-detail .comp-box {
    width: 100%;
    height: auto;
    margin-top: 6.4vw;
    background-repeat: no-repeat;
  }
  .comp-sys .comp-area .comp-detail .comp-box dl dt {
    height: 24vw;
    padding-left: 10vw;
    font-size: 3.73vw;
  }
  .comp-sys .comp-area .comp-detail .comp-box dl dt::before {
    left: 6vw;
    width: 0.53vw;
    height: 6.4vw;
    border-radius: 0.53vw;
  }
  .comp-sys .comp-area .comp-detail .comp-box dl dd {
    height: auto;
    padding: 2vw 6vw 4vw;
    font-size: 3.2vw;
    line-height: 8vw;
  }
  .comp-sys .comp-area .comp-detail .comp-box span:nth-of-type(1), .comp-sys .comp-area .comp-detail .comp-box .firstview .scrolls span:nth-of-type(1)::after, .firstview .scrolls .comp-sys .comp-area .comp-detail .comp-box span:nth-of-type(1)::after {
    width: 100%;
  }
  .comp-sys .comp-area .comp-detail .comp-box span:nth-of-type(2), .comp-sys .comp-area .comp-detail .comp-box .firstview .scrolls span:nth-of-type(2)::after, .firstview .scrolls .comp-sys .comp-area .comp-detail .comp-box span:nth-of-type(2)::after {
    width: 20%;
    height: 24vw;
  }
  .comp-sys .comp-area .reason-area {
    justify-content: center;
    flex-flow: column;
    margin-top: 32vw;
  }
  .comp-sys .comp-area .reason-area::before {
    top: 20vw;
    left: 12vw;
    width: 80%;
    height: 100vw;
  }
  .comp-sys .comp-area .reason-area img {
    width: 80%;
    margin: 0 auto;
  }
  .comp-sys .comp-area .reason-area .reason-detail {
    width: 100%;
  }
  .comp-sys .comp-area .reason-area .reason-detail dl {
    margin-top: 10.67vw;
  }
  .comp-sys .comp-area .reason-area .reason-detail dl dt {
    margin-top: 10.67vw;
    padding: 0;
    font-size: 4.27vw;
    text-align: center;
    line-height: 8.53vw;
  }
  .comp-sys .comp-area .reason-area .reason-detail dl dt::before {
    display: none;
  }
  .comp-sys .comp-area .reason-area .reason-detail dl dt::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -3.73vw;
    transform: translateX(-50%);
    bottom: -3.73vw;
    width: 6.4vw;
    height: 1.07vw;
    border-radius: 0.53vw;
    background-color: #5bb431;
  }
  .comp-sys .comp-area .reason-area .reason-detail dl dd {
    margin-top: 10.67vw;
    font-size: 3.73vw;
    line-height: 8vw;
  }
  .comp-sys .comp-area .reason-area .reason-detail .btns {
    width: 100%;
    margin-top: 16vw;
  }
  .comp-sys .comp-area .reason-area .reason-detail .btns a {
    width: 85.33vw;
    height: 16vw;
    color: #fff;
    font-size: 3.73vw;
    border-radius: 42.665vw;
    background-color: #5bb431;
  }
  .title {
    margin-bottom: 14.93vw;
  }
  .title h1.large {
    width: 100%;
    font-size: 10.67vw;
    text-align: center;
  }
  .title p {
    position: relative;
    justify-content: center;
    width: 100%;
    margin-top: 4.13vw;
    font-size: 4.8vw;
  }
  .title p::before {
    position: absolute;
    left: 50%;
    bottom: -3.2vw;
    transform: translateX(-50%);
    width: 5.87vw;
    height: 0.8vw;
    border-radius: 2.935vw;
  }
  .common-title {
    font-size: 5.87vw;
  }
  .common-title::before {
    bottom: -5.33vw;
    width: 16vw;
    height: 1.07vw;
    border-radius: 1.07vw;
  }
  .links {
    width: 85.33vw;
    height: 16vw;
    color: #5bb431;
    font-size: 4.27vw;
    border-radius: 42.665vw;
    background-color: #fff;
  }
  .links.borders {
    border: solid 0.6vw #5bb431;
  }
}
@media screen and (min-width: 768px) {
  header.change-color li {
    color: #fff;
  }
  header.change-color li::before {
    background-color: #fff;
  }
  header.change-color li.btns {
    color: #fff;
    border: solid 2px #fff;
  }
  header.change-color li.btns::after {
    background-color: #fff;
  }
  header.change-color li.btns:hover {
    color: #5bb431;
  }
  header.change-color li:hover {
    color: #fff;
  }
  header ul li.btns::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #5bb431;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: all 0.3s ease 0s;
    z-index: -1;
  }
  header ul li:hover {
    color: #5bb431;
  }
  header ul li:hover::before {
    transform: scale(1, 1);
    transform-origin: left top;
  }
  header ul li:hover.btns {
    color: #fff;
  }
  header ul li:hover.btns::after {
    transform: scale(1, 1);
  }
  footer .footer-wrap .footer-head .btns a:hover {
    color: #5bb431;
  }
  footer .footer-wrap .footer-head .btns a:hover::after {
    transform: scale(1, 1);
  }
  .firstview-sys .text-area .btns a:hover {
    color: #fff;
  }
  .firstview-sys .text-area .btns a:hover::after {
    transform: scale(1, 1);
  }
  .about-sys .about-content-area .about-detail .text-area dt br {
    display: none;
  }
  .comp-sys .comp-area .reason-area .reason-detail .btns a:hover {
    color: #fff;
  }
  .comp-sys .comp-area .reason-area .reason-detail .btns a:hover::after {
    transform: scale(1, 1);
  }
  .links:hover {
    color: #fff;
  }
  .links:hover::after {
    transform: scale(1, 1);
  }
}