.txt-fs15 {
  font-size: 1.5rem;
}

.txt-fs16 {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .txt-fs16 {
    font-size: 1.5rem;
  }
}

.txt-fs17 {
  font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
  .txt-fs17 {
    font-size: 1.5rem;
  }
}

.txt-fs18 {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .txt-fs18 {
    font-size: 1.6rem;
  }
}

.txt-fs20 {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .txt-fs20 {
    font-size: 1.8rem;
  }
}

.txt-fs21 {
  font-size: 2.1rem;
}
@media screen and (max-width: 767px) {
  .txt-fs21 {
    font-size: 1.9rem;
  }
}

.txt-fs22 {
  font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
  .txt-fs22 {
    font-size: 2rem;
  }
}

.txt-fs23 {
  font-size: 2.3rem;
}
@media screen and (max-width: 767px) {
  .txt-fs23 {
    font-size: 2rem;
  }
}

.txt-fs25 {
  font-size: 2.5rem;
}
@media screen and (max-width: 767px) {
  .txt-fs25 {
    font-size: 2.1rem;
  }
}

.txt-fs26 {
  font-size: 2.6rem;
}
@media screen and (max-width: 767px) {
  .txt-fs26 {
    font-size: 2.1rem;
  }
}

.txt-fs28 {
  font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
  .txt-fs28 {
    font-size: 2.5rem;
  }
}

.txt-fs32 {
  font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
  .txt-fs32 {
    font-size: 2.8rem;
  }
}

.txt-fs36 {
  font-size: 3.6rem;
}
@media screen and (max-width: 767px) {
  .txt-fs36 {
    font-size: 3.3rem;
  }
}

@media screen and (max-width: 767px) {
  .view-pc {
    display: none !important;
  }
}

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

.txt-center,
.txt__center {
  text-align: center;
}

.header {
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 2.5rem 5rem;
  z-index: 1000;
  background: rgb(88, 177, 245);
  background: linear-gradient(180deg, rgba(67, 71, 80, 0.5) 0%, rgba(67, 71, 80, 0) 100%);
}
.header.fix_active {
  background-color: rgba(67, 71, 80, 0.9);
  padding: 1.5rem 3rem;
}
@media screen and (max-width: 767px) {
  .header {
    padding: 1.5rem !important;
    background-color: #434750 !important;
    border-radius: 0;
  }
}

.list-menu-hd {
  display: flex;
  align-items: center;
  gap: 3.5rem;
  position: relative;
}
.list-menu-hd li {
  position: relative;
}
.list-menu-hd li .hv-o {
  position: relative;
}
.list-menu-hd li .hv-o::after {
  position: absolute;
  content: "";
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0rem;
  height: 0rem;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
.list-menu-hd li .hv-o:hover {
  opacity: 1 !important;
}
.list-menu-hd li .hv-o:hover::after {
  background-color: #434750;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 1rem;
}
.list-menu-hd li .hv-o.is-active {
  opacity: 1 !important;
}
.list-menu-hd li .hv-o.is-active::after {
  background-color: #434750;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 1rem;
}
@media screen and (max-width: 767px) {
  .list-menu-hd {
    display: none;
    width: 100vw;
    position: absolute;
    background-color: #fff;
    right: -1.5rem;
    text-align: center;
    padding: 2.5rem 1.5rem;
    top: 7.5rem;
  }
  .list-menu-hd li {
    margin-top: 1rem;
  }
  .list-menu-hd li .hv-o::before {
    position: absolute;
    content: "";
    top: 50%;
    bottom: auto;
    left: -2rem;
    transform: translateY(-50%);
    width: 0rem;
    height: 0rem;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
  }
  .list-menu-hd li .hv-o::after {
    position: absolute;
    content: "";
    top: 50%;
    bottom: auto;
    right: -2rem;
    left: auto;
    transform: translateY(-50%);
    width: 0rem;
    height: 0rem;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
  }
  .list-menu-hd li .hv-o:hover {
    opacity: 1 !important;
  }
  .list-menu-hd li .hv-o:hover::before {
    background-color: #434750;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 1rem;
  }
  .list-menu-hd li .hv-o:hover::after {
    background-color: #434750;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 1rem;
  }
  .list-menu-hd li .hv-o.is-active {
    opacity: 1 !important;
  }
  .list-menu-hd li .hv-o.is-active::before {
    background-color: #434750;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 1rem;
  }
  .list-menu-hd li .hv-o.is-active::after {
    background-color: #434750;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 1rem;
  }
}

.btn-link-header {
  position: relative;
  background: #fff;
  color: #fff;
  text-align: center;
  padding: 0.8rem 3.3rem 1rem;
  border-radius: 5rem;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.btn-link-header span {
  position: relative;
  z-index: 2;
}
.btn-link-header::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #434750;
  border-radius: 5rem;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.btn-link-header:hover {
  color: #434750;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.btn-link-header:hover::after {
  left: 120%;
}

.img-logo {
  width: 36rem;
}
@media screen and (max-width: 767px) {
  .img-logo {
    width: 25rem;
  }
}

.menu-header {
  display: flex;
  background-color: #fff;
  border-radius: 50rem;
  padding: 1rem 3rem;
  align-items: center;
}
.menu-header a {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .menu-header {
    display: inline-block;
    padding: 1rem;
    position: relative;
    top: 0;
    background-color: #fff;
  }
  .menu-header .btn-hamberger {
    position: relative;
    border-radius: 1rem;
  }
}

.split {
  width: 50%;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.al__ct {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
}

.banner {
  position: relative;
}
@media screen and (max-width: 767px) {
  .banner {
    margin-top: 9rem;
  }
  .banner .split img {
    min-height: 25rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}

.banner-text {
  position: absolute;
  top: 52%;
  left: 49.5%;
  transform: translate(-50%, -50%);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .banner-text {
    width: 100%;
    top: 70%;
  }
}

.scrolltop {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  background-color: #434750;
  padding: 2rem;
  border-radius: 99px;
  width: 6.5rem;
  height: 6.5rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  border: 0 solid #434750;
  overflow: hidden;
  z-index: 100;
}
@media screen and (max-width: 767px) {
  .scrolltop {
    width: 5rem;
    height: 5rem;
    padding: 1rem;
  }
}
.scrolltop img {
  position: relative;
  z-index: 2;
}
.scrolltop::after {
  position: absolute;
  content: "";
  width: 102%;
  height: 102%;
  top: 0;
  left: 0;
  background-color: #434750;
  border-radius: 5rem;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.scrolltop:hover {
  color: #434750;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.scrolltop:hover img {
  filter: invert(0.8);
}
.scrolltop:hover::after {
  left: 120%;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline-block;
}

.txt__copyright {
  max-width: 160rem;
  width: calc(100% - 3rem);
  margin: 0 auto;
  padding: 0 0.5rem;
  border-top: 1px solid #434750;
  text-align: right;
  font-size: 1.7rem;
  margin-top: 2.2rem;
  padding-top: 1rem;
  padding-bottom: 11rem;
}
@media screen and (max-width: 767px) {
  .txt__copyright {
    margin-top: 4rem;
    padding-bottom: 7rem;
  }
}

.footer {
  padding: 2rem;
  font-weight: 500;
  overflow: hidden;
  padding-top: 10rem;
}
.footer .container__154x {
  width: 100%;
  max-width: 152rem;
  width: calc(100% - 3rem);
  margin: 0 auto;
}
.footer .footer__inner {
  background-color: #fff;
  border-radius: 2rem;
  padding-top: 12rem;
}
@media screen and (max-width: 767px) {
  .footer .footer__inner {
    padding-top: 7rem;
  }
}
.footer .footer__inner .col__logo {
  width: 33%;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .footer .footer__inner .col__logo {
    width: 100%;
  }
}
.footer .footer__inner .col__logo .img__logo {
  width: 37rem;
}
@media screen and (max-width: 767px) {
  .footer .footer__inner .col__logo .img__logo {
    width: 30rem;
  }
}
.footer .footer__inner .col__logo .group__infor {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .footer .footer__inner .col__logo .group__infor {
    margin-top: 2rem;
  }
}
.footer .footer__inner .col__folow {
  position: relative;
  background-color: #434750;
  border-radius: 2rem 0 0 2rem;
  margin-top: -19rem;
  width: 67%;
  padding: 7rem 0 11rem 14rem;
  right: -4rem;
  gap: 6.5rem 7rem;
}
@media screen and (max-width: 1700px) {
  .footer .footer__inner .col__folow {
    padding: 7rem 1.5rem 11rem 12.5rem;
  }
}
@media screen and (max-width: 767px) {
  .footer .footer__inner .col__folow {
    margin-top: 5rem;
    right: 0;
    padding: 4rem 1.5rem;
    border-radius: 2rem;
    width: 100%;
    gap: 3rem;
  }
}
.footer .footer__inner .col__folow::after {
  position: absolute;
  content: "";
  background-color: #434750;
  top: 0;
  width: 50%;
  right: -50%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .footer .footer__inner .col__folow::after {
    content: none;
  }
}
.footer .footer__inner .col__folow .col__12 {
  width: 100%;
  color: #fff;
  border-radius: 1rem;
}
.footer .footer__inner .col__folow .col__02w {
  width: calc(50% - 3.5rem);
  background-color: #fff;
  border-radius: 1rem;
}
@media screen and (max-width: 767px) {
  .footer .footer__inner .col__folow .col__02w {
    width: 100%;
  }
}
.footer .footer__inner .col__folow .col__02w .txt-fs25 {
  font-size: 2.5rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .footer .footer__inner .col__folow .col__02w .txt-fs25 {
    font-size: 2.2rem;
  }
}
.footer .footer__inner .col__folow .col__02w .d-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.footer .footer__inner .col__folow .col__02w .contact_link {
  padding: 2.5rem;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .footer .footer__inner .col__folow .col__02w .contact_link {
    padding: 2.5rem 1.5rem;
  }
}
.footer .footer__inner .col__folow .col__02w .box__white {
  padding: 1.9rem 1.5rem 1.7rem 5rem;
}
@media screen and (max-width: 767px) {
  .footer .footer__inner .col__folow .col__02w .box__white {
    padding: 2rem 1.5rem;
  }
}
.footer .footer__inner .col__folow .col__02w .item__link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.3s ease-in-out;
  background-color: #434750;
}
.footer .footer__inner .col__folow .col__02w .item__link span {
  position: relative;
  z-index: 3;
}
.footer .footer__inner .col__folow .col__02w .item__link::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  z-index: 0;
}
.footer .footer__inner .col__folow .col__02w .item__link:hover {
  color: #fff;
}
.footer .footer__inner .col__folow .col__02w .item__link:hover::before {
  left: 120%;
}
.footer .footer__inner .col__folow .col__02w .item__link:hover::after {
  background-color: #fff;
}
.footer .footer__inner .col__folow .col__02w .item__link::after {
  position: absolute;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background-color: #434750;
  border-radius: 9rem;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.footer .footer__inner .col__folow .col__02w .d-block {
  font-size: 1.6rem;
  font-weight: 900;
  width: 100%;
}
.footer .footer__inner .col__folow .col__02w .tel__ft {
  font-weight: 900;
  font-size: 4rem;
  line-height: 1;
  display: block;
  margin-top: 0.8rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  .footer .footer__inner .col__folow .col__02w .tel__ft {
    font-size: 3.5rem;
  }
}
.footer .footer__inner .col__folow .col__02w .tel__ft span {
  font-size: 2rem;
}
.footer .footer__inner .col__menu {
  margin-top: 7rem;
}
@media screen and (max-width: 767px) {
  .footer .footer__inner .col__menu {
    display: none;
  }
}
.footer .footer__inner .col__menu .link__menu {
  gap: 4rem;
  font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 1rem;
  }
}

.sub__title {
  font-size: 2rem;
  font-weight: 900;
}

.title__lv2w {
  font-size: 5rem;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .title__lv2w {
    font-size: 3.2rem;
  }
}

.hv-w {
  overflow: hidden;
  background-color: #434750 !important;
}

.top__news {
  margin-top: 23.5rem;
  margin-bottom: 21rem;
}
@media screen and (max-width: 767px) {
  .top__news {
    margin-top: 13.5rem;
    margin-bottom: 11rem;
  }
}

.arow__link {
  position: relative;
}
.arow__link .i-arow {
  position: absolute;
  width: 5rem;
  height: 5rem;
  background-color: #434750;
  top: 50%;
  right: 3rem;
  transform: translateY(-50%);
  border-radius: 99rem;
  transition: all 0.3s ease-in-out;
}
.arow__link .i-arow::before {
  position: absolute;
  content: "";
  width: 0rem;
  height: 0rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  border-radius: 9rem;
}
.arow__link .i-arow::after {
  position: absolute;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 9rem;
}
.arow__link:hover .i-arow {
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.arow__link:hover .i-arow::before {
  width: 100%;
  height: 100%;
}
.arow__link:hover .i-arow::after {
  background-color: #434750;
  transition: all 0.3s ease-in-out;
}

.top__news .link__dot {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.link__dot {
  line-height: 1;
  font-size: 1.6rem;
  color: #fff;
  border-radius: 99rem;
  position: relative;
  transition: all 0.3s ease-in-out;
  min-width: 24rem;
  padding: 2.1rem 6rem 2.3rem 2.5rem;
  display: inline-block;
  font-weight: 500;
  border: 0px solid #434750;
  overflow: hidden;
}
.link__dot .z-10 {
  position: relative;
  z-index: 10;
}
.link__dot .i-arow {
  position: absolute;
  width: 5rem;
  height: 5rem;
  background-color: transparent;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  border-radius: 99rem;
  transition: all 0.3s ease-in-out;
}
.link__dot .i-arow::before {
  position: absolute;
  content: "";
  width: 48rem;
  height: 12rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #434750;
  transition: all 0.3s ease-in-out;
  border-radius: 9rem;
}
.link__dot .i-arow::after {
  position: absolute;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 9rem;
}
.link__dot:hover {
  border: 0px solid #434750;
  color: #434750;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.link__dot:hover .i-arow::before {
  width: 100%;
  height: 100%;
}
.link__dot:hover .i-arow::after {
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}

.vi_center {
  display: inline-block;
  width: 6rem;
  height: 3rem;
}
@media screen and (max-width: 767px) {
  .vi_center {
    width: 100%;
  }
}

.over_hidden {
  overflow: hidden;
}

.future-content {
  position: relative;
}
@media screen and (max-width: 767px) {
  .future-content .future-images {
    margin-top: 7rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1rem;
  }
}
.future-content .future-images .fp_1 {
  position: absolute;
  top: 1.5rem;
  right: -17rem;
  width: 39rem;
}
@media screen and (max-width: 1580px) {
  .future-content .future-images .fp_1 {
    right: -9rem;
  }
}
@media screen and (max-width: 767px) {
  .future-content .future-images .fp_1 {
    position: initial;
    width: 100%;
    border-radius: 1rem;
  }
}
.future-content .future-images .fp_2 {
  position: absolute;
  top: 35rem;
  right: 23.5rem;
  width: 18rem;
}
@media screen and (max-width: 767px) {
  .future-content .future-images .fp_2 {
    position: initial;
    width: calc(40% - 1rem);
    border-radius: 1rem;
  }
}
.future-content .future-images .fp_3 {
  position: absolute;
  top: 47rem;
  right: -7rem;
  width: 25rem;
}
@media screen and (max-width: 767px) {
  .future-content .future-images .fp_3 {
    position: initial;
    width: 60%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 1rem;
  }
}

.link__dot_white {
  line-height: 1;
  font-size: 1.6rem;
  background-color: #fff;
  color: #434750;
  border-radius: 99rem;
  position: relative;
  transition: all 0.3s ease-in-out;
  min-width: 24rem;
  padding: 2.1rem 6rem 2.3rem 2.5rem;
  display: inline-block;
  font-weight: 500;
  border: 0px solid #434750;
  overflow: hidden;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.link__dot_white .z-10 {
  position: relative;
  z-index: 10;
}
.link__dot_white .i-arow {
  position: absolute;
  width: 5rem;
  height: 5rem;
  background-color: transparent;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  border-radius: 99rem;
  transition: all 0.3s ease-in-out;
}
.link__dot_white .i-arow::before {
  position: absolute;
  content: "";
  width: 48rem;
  height: 12rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 9rem;
  transition: all 0.3s ease-in-out;
}
.link__dot_white .i-arow::after {
  position: absolute;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #434750;
  border-radius: 9rem;
}
.link__dot_white:hover .i-arow::before {
  width: 5rem;
  height: 5rem;
  background-color: #434750;
}
.link__dot_white:hover .i-arow::after {
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.news_cat {
  font-size: 1.6rem;
  font-weight: 500;
  display: block;
  background-color: #fff;
  text-align: center;
  width: 15rem;
  padding: 0.5rem 1rem;
  border-radius: 9rem;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}

.col__list_new .news_cat:hover {
  background-color: #434750;
  color: #fff;
  box-shadow: 0 4px 0 hsla(0, 0%, 56%, 0.2), inset 20rem 0 0 0 #434750;
}

.news_date {
  font-size: 2rem;
  font-weight: 900;
  opacity: 0.5;
  display: block;
}

.news_title {
  font-size: 1.8rem;
  font-weight: 400;
  display: block;
}

.container__125x {
  max-width: 125rem;
  margin: 0 auto;
  width: calc(100% - 3rem);
}
.container__125x .row {
  gap: 4rem 0;
}

.col__news_title {
  width: 26.5%;
}
.col__news_title .title__lv2w {
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .col__news_title {
    width: 100%;
  }
  .col__news_title .title__lv2w {
    margin-bottom: 3rem;
  }
}

.col__list_new {
  width: 73.5%;
  border-bottom: 1px solid #434750;
}
.col__list_new li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem 5rem;
  border-top: 1px solid #434750;
}
@media screen and (max-width: 767px) {
  .col__list_new li {
    padding-top: 2.3rem;
    padding-bottom: 2.5rem;
  }
}
.col__list_new li .group__data {
  width: calc(100% - 20rem);
  display: block;
}
@media screen and (max-width: 767px) {
  .col__list_new li .group__data {
    width: 100%;
  }
}
.col__list_new li .group__data a {
  display: block;
  padding-right: 8rem;
  padding-top: 2.3rem;
  padding-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .col__list_new li .group__data a {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
}
@media screen and (max-width: 767px) {
  .col__list_new {
    width: 100%;
  }
}

.group__form button {
  cursor: pointer;
}

.top__future {
  position: relative;
  background-color: #434750;
  margin-top: 7rem;
  margin-bottom: 7rem;
  padding-top: 12.5rem;
  padding-bottom: 9rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .top__future {
    padding-top: 9rem;
  }
}
.top__future .future-buttons {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .top__future .future-buttons {
    text-align: center;
  }
}
.top__future .future__mg {
  margin-top: 7.5rem;
  margin-bottom: 9rem;
}
@media screen and (max-width: 767px) {
  .top__future .future__mg {
    margin-top: 5rem;
    margin-bottom: 6rem;
    text-align: center;
  }
}
.top__future::after {
  position: absolute;
  content: "";
  bottom: -6.8rem;
  left: 50%;
  transform: translateX(-50%);
  height: 7rem;
  width: 100%;
  background-image: url(../img/top/bg__22_b.png);
  background-size: auto 7rem;
  background-repeat: no-repeat;
  background-position: center top;
}
.top__future::before {
  position: absolute;
  content: "";
  top: -6.8rem;
  left: 50%;
  transform: translateX(-50%);
  height: 7rem;
  width: 100%;
  background-image: url(../img/top/bg__22_a.png);
  background-size: auto 7rem;
  background-repeat: no-repeat;
  background-position: center top;
}
.top__future .future-content {
  max-width: 120rem;
  width: calc(100% - 3rem);
  margin: 0 auto;
}

.text_emp {
  font-size: 7.5rem;
  font-weight: 900;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .text_emp {
    font-size: 3rem;
    text-align: center;
  }
}
.text_emp span {
  position: relative;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.9;
  top: -0.7rem;
}
@media screen and (max-width: 767px) {
  .text_emp span {
    top: 0rem;
    font-size: 2.2rem;
  }
}

@keyframes text-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
.top__company {
  padding-top: 20rem;
  padding-bottom: 38rem;
  margin-bottom: -7rem;
  overflow: hidden;
  background-color: #fff;
  position: relative;
}
.top__company .container__125x {
  position: relative;
  z-index: 1;
}
.top__company::before {
  position: absolute;
  content: "CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. CHUBU STAINLESS Co., Ltd. ";
  font-size: 18.9rem;
  font-weight: 900;
  line-height: 1.5;
  bottom: 34rem;
  left: 0%;
  animation: text-marquee 5000s linear infinite;
  white-space: nowrap;
  color: #f6f7f9;
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .top__company {
    padding-top: 10rem;
    padding-bottom: 15rem;
  }
}
.top__company .company-left {
  width: 45%;
  padding-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .top__company .company-left {
    width: 100%;
  }
}
.top__company .company-menu {
  border-bottom: 1px solid #434750;
}
.top__company .company-menu li {
  border-top: 1px solid #434750;
}
.top__company .company-menu li a {
  font-size: 2.8rem;
  font-weight: 500;
  display: block;
  padding-top: 3.3rem;
  padding-bottom: 3.4rem;
  padding-left: 4rem;
}
@media screen and (max-width: 767px) {
  .top__company .company-menu li a {
    padding-left: 1.5rem;
    font-size: 2.4rem;
  }
}
.top__company .company-menu li a span:first-child {
  font-size: 2rem;
  font-weight: 900;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .top__company .company-menu li a span:first-child {
    font-size: 1.8rem;
  }
}
.top__company .company-right {
  width: 55%;
  position: relative;
}
.top__company .company-right img {
  position: absolute;
  left: 17rem;
  top: 0;
  border-radius: 2rem;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1580px) {
  .top__company .company-right img {
    left: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .top__company .company-right {
    width: 100%;
  }
  .top__company .company-right img {
    position: initial;
    left: 0;
    height: auto;
  }
}

.gap_85 {
  position: relative;
  margin-bottom: 5rem;
}
.gap_85 a {
  position: absolute;
  right: 3.5rem;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .gap_85 a {
    position: relative;
    margin-top: 3rem;
    right: 0;
  }
}

.product-row {
  margin-top: 5rem;
  position: relative;
  overflow: hidden;
}
.product-row .img_vflf {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0;
  z-index: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 767px) {
  .product-row .img_vflf {
    display: none;
  }
}
.product-row .img_vflf::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #434750;
  opacity: 0.2;
  z-index: 2;
}
.product-row .img_vflf img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
  z-index: 0;
}
.product-row .img_vflf.active {
  opacity: 1;
}
.product-row .img_vflf.vflf1 img {
  -o-object-position: left;
     object-position: left;
}
.product-row .img_vflf.vflf2 img {
  -o-object-position: center;
     object-position: center;
}
.product-row .img_vflf.vflf3 img {
  -o-object-position: right;
     object-position: right;
}

.title__lv3b {
  font-size: 3rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .title__lv3b {
    font-size: 2.4rem;
  }
}

.un__bg::before {
  opacity: 0;
}

.overlay {
  position: relative;
  z-index: 3;
}

.product-card {
  position: relative;
  z-index: 10;
  width: 33.3333333333%;
  color: rgba(255, 255, 255, 0.5);
  padding: 62rem 8rem 6rem;
  transition: all 0.5s ease-in-out;
}
.product-card::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  transition: all 0.5s ease-in-out;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}
.product-card.card1::before {
  background-position: left top;
  background-image: url(../img/top/itcf-1.jpg);
}
.product-card.card2::before {
  background-position: center top;
  background-image: url(../img/top/itcf-2.jpg);
}
.product-card.card3::before {
  background-position: right top;
  background-image: url(../img/top/itcf-3.jpg);
}
.product-card::after {
  position: absolute;
  content: "";
  width: 11rem;
  height: 11rem;
  bottom: 0;
  right: 0;
  background-image: url(../img/common/i_link.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .product-card::after {
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .product-card {
    width: 100%;
    padding: 20rem 1.5rem 6rem;
    color: white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  .product-card .overlay {
    position: relative;
    z-index: 10;
  }
  .product-card::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    background-color: rgba(67, 71, 80, 0.4);
  }
}
.product-card .title__lv3b {
  margin-bottom: 0.7rem;
}
.product-card:hover {
  color: white;
}

.title_lv2e {
  font-size: 7.5rem;
  font-weight: 900;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .title_lv2e {
    font-size: 3.5rem;
  }
}

.title_lv2se {
  font-size: 3.5rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .title_lv2se {
    font-size: 2rem;
  }
}

.top__about {
  background-color: #fff;
  padding-top: 24rem;
  padding-bottom: 27rem;
  background-image: url(../img/company/bg-logo.png);
  background-repeat: no-repeat;
  background-position: center 20rem;
  background-size: 63rem;
  line-height: 2.4;
  overflow: hidden;
}
.top__about .mgt_3rem {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .top__about .mgt_3rem {
    margin-top: 4rem;
  }
}
.top__about .about-container {
  position: relative;
}
@media screen and (max-width: 767px) {
  .top__about .about-container .circle {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .top__about .about-container .about-images {
    text-align: center;
    padding: 0 1.5rem 1.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
  }
}
.top__about .about-container .about-images img {
  position: absolute;
  border-radius: 1rem;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .top__about .about-container .about-images img {
    position: initial;
  }
}
.top__about .about-container .about-images1 {
  width: 31rem;
  top: 13rem;
  left: 14vw;
}
@media screen and (max-width: 1700px) {
  .top__about .about-container .about-images1 {
    left: 6vw;
  }
}
@media screen and (max-width: 767px) {
  .top__about .about-container .about-images1 {
    width: 100%;
  }
}
.top__about .about-container .about-images4 {
  width: 26rem;
  top: 36.5rem;
  left: 10vw;
}
@media screen and (max-width: 767px) {
  .top__about .about-container .about-images4 {
    width: calc(60% - 1.5rem);
  }
}
.top__about .about-container .about-images2 {
  width: 31rem;
  top: 13rem;
  right: 15vw;
}
@media screen and (max-width: 1700px) {
  .top__about .about-container .about-images2 {
    right: 6vw;
  }
}
@media screen and (max-width: 767px) {
  .top__about .about-container .about-images2 {
    width: 100%;
  }
}
.top__about .about-container .about-images3 {
  width: 17rem;
  top: 35.5rem;
  right: 13.5vw;
}
@media screen and (max-width: 767px) {
  .top__about .about-container .about-images3 {
    width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .top__about {
    padding-top: 10rem;
    padding-bottom: 10rem;
    background-position: center 7rem;
  }
}
.top__about .group__title_black {
  margin-bottom: 5rem;
}

.top__strengths {
  background-color: #fff;
  padding-bottom: 20rem;
}
@media screen and (max-width: 767px) {
  .top__strengths {
    padding-bottom: 10rem;
  }
}
.top__strengths .container__strengths {
  padding-top: 6rem;
  background-color: rgba(246, 247, 249, 0.8);
  border-radius: 2rem;
  border-radius: 2rem;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  max-width: 140rem;
  margin: 0 auto;
  width: calc(100% - 3rem);
  background-image: url(../img/company/bg-logo.png);
  background-repeat: no-repeat;
  background-position: center 13rem;
  background-size: 63rem;
}
.top__strengths .container__min {
  padding-top: 6.5rem;
  padding-bottom: 5rem;
  margin: 0 auto;
  width: calc(100% - 3rem);
  max-width: 96rem;
}
@media screen and (max-width: 767px) {
  .top__strengths .container__min {
    padding-top: 4rem;
  }
}
.top__strengths .strength-content {
  display: flex;
  flex-wrap: wrap;
}
.top__strengths .strength-content .strength-left {
  width: 50%;
  padding-left: 2.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top__strengths .strength-content .strength-left {
    width: 100%;
  }
}
.top__strengths .strength-content .strength-left::before {
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  top: 3rem;
  left: 0.5rem;
  background-color: #434750;
  border-radius: 1rem;
}
.top__strengths .strength-content .strength-right {
  width: 50%;
  padding-top: 0.7rem;
}
@media screen and (max-width: 767px) {
  .top__strengths .strength-content .strength-right {
    width: 100%;
  }
}

.reveal {
  display: block;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s ease-out;
}

.reveal.active {
  clip-path: inset(0 0 0 0);
}

.top__product {
  background-color: #fff;
}

.group_dot {
  position: relative;
  z-index: 5;
  margin-bottom: 10rem;
}
@media screen and (max-width: 767px) {
  .group_dot {
    margin-bottom: 7rem;
  }
}

.group__active_dot {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5rem;
  width: 100%;
  max-width: 17rem;
  margin: 0 auto;
  height: 3rem;
}

.swiper-button-prev {
  width: 3rem;
  height: 3rem;
  background-image: url(../img/common/prew.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: auto;
  bottom: 0rem;
  cursor: pointer;
  z-index: 5;
}
.swiper-button-prev::after {
  content: none;
}

.swiper-button-next {
  top: auto;
  bottom: 0rem;
  width: 3rem;
  height: 3rem;
  background-image: url(../img/common/next.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
  z-index: 5;
}
.swiper-button-next::after {
  content: none;
}

.swiper-pagination {
  z-index: 4;
}

.swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  background-color: #434750;
  opacity: 0.5;
  margin: 0 0.5rem !important;
}

.swiper-pagination-bullet-active {
  background-color: #434750;
  opacity: 1;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
}

.page-hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left bottom;
  color: #fff;
  padding-top: 37.5rem;
}
@media screen and (max-width: 767px) {
  .page-hero {
    margin-top: 9rem;
    padding-top: 10rem;
    background-position: 63% top;
  }
}
.page-hero .page-hero__sub {
  font-size: 3rem;
  font-weight: 900;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .page-hero .page-hero__sub {
    font-size: 2.4rem;
  }
}
.page-hero .page-hero__title {
  font-size: 6rem;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .page-hero .page-hero__title {
    font-size: 3rem;
    line-height: 1.7;
  }
}
.page-hero .page-hero__content {
  max-width: 120rem;
  margin: 0 auto;
  width: calc(100% - 3rem);
}
.page-hero .page-hero__breadcrumb {
  max-width: 160rem;
  margin: 24rem auto 0;
  padding-bottom: 3.5rem;
  width: calc(100% - 3rem);
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .page-hero .page-hero__breadcrumb {
    margin: 7rem auto 0;
    padding-bottom: 7rem;
  }
}

.container__120x {
  max-width: 120rem;
  margin: 0 auto;
  width: calc(100% - 3rem);
}

.privacy-policy {
  margin-top: 14.5rem;
  margin-bottom: 26.5rem;
}
@media screen and (max-width: 767px) {
  .privacy-policy {
    margin-top: 9rem;
    margin-bottom: 11rem;
  }
}
.privacy-policy .section {
  margin-top: 10rem;
}
@media screen and (max-width: 767px) {
  .privacy-policy .section {
    margin-top: 6rem;
  }
}
.privacy-policy .section .link__dot {
  margin-top: 2.2rem;
}
.privacy-policy .section .title__lv3b {
  padding-bottom: 1rem;
  margin-bottom: 3rem;
  position: relative;
  display: flex;
}
@media screen and (max-width: 767px) {
  .privacy-policy .section .title__lv3b {
    font-size: 2.2rem;
    margin-bottom: 1rem;
  }
}
.privacy-policy .section .title__lv3b span {
  padding-right: 0.5rem;
}
.privacy-policy .section .title__lv3b::after {
  position: absolute;
  width: 15rem;
  height: 0.2rem;
  left: 0;
  bottom: 0;
  background-color: #434750;
  content: "";
}

.stats-desc {
  font-size: 2.8rem;
  font-weight: 500;
  margin-top: 16.5rem;
  margin-bottom: 8.5rem;
}
@media screen and (max-width: 767px) {
  .stats-desc {
    font-size: 2.1rem;
    margin-top: 9rem;
    margin-bottom: 7rem;
  }
}

.stats-box {
  gap: 5rem 10rem;
}
@media screen and (max-width: 767px) {
  .stats-box {
    gap: 3rem;
  }
}
.stats-box .title__lv3b {
  top: 1.5rem;
  position: absolute;
  width: 100%;
  text-align: center;
  height: 100%;
  z-index: 1;
}
.stats-box .agechart img {
  border-radius: 2rem;
}
.stats-box .chart-card {
  position: relative;
  width: calc(50% - 5rem);
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .stats-box .chart-card {
    width: 100%;
  }
}
.stats-box .chart-card-full {
  position: relative;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 2rem;
  padding-bottom: 4rem;
}
.stats-box .list_r {
  width: calc(50% - 1rem);
}
@media screen and (max-width: 767px) {
  .stats-box .list_r {
    width: 100%;
  }
}
.stats-box .list_r .item__r {
  padding: 1.3rem 0rem 1.3rem 2rem;
  border-radius: 99rem;
  background-color: #f6f7f9;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .stats-box .list_r .item__r {
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
  }
}
.stats-box .max_100x {
  padding-top: 11.5rem;
  max-width: 100rem;
  margin: 0 auto;
  width: calc(100% - 3rem);
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .stats-box .max_100x {
    padding-top: 9rem;
  }
}

.section-link {
  margin-top: 24.5rem;
  margin-bottom: 24.5rem;
}
@media screen and (max-width: 767px) {
  .section-link {
    margin-top: 11em;
    margin-bottom: 11rem;
  }
}

.link-content {
  position: relative;
  display: block;
  max-width: 96rem;
  width: calc(100% - 3rem);
  margin: 0 auto;
  border-radius: 1rem;
  background-image: url(../img/voice/bg-link.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 15.5rem 6rem 15.6rem;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .link-content {
    padding: 7rem 1.5rem 3rem;
  }
  .link-content .sub__title {
    position: relative;
    bottom: -1.5rem;
  }
}
.link-content::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 1rem;
  background: #434750;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
.link-content .i-arow {
  position: absolute;
  width: 5rem;
  height: 5rem;
  background-color: #fff;
  top: 50%;
  right: 6rem;
  transform: translateY(-50%);
  border-radius: 99rem;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .link-content .i-arow {
    top: 60%;
    right: 1.5rem;
  }
}
.link-content .i-arow::before {
  position: absolute;
  content: "";
  width: 0rem;
  height: 0rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #434750;
  transition: all 0.3s ease-in-out;
  border-radius: 9rem;
}
.link-content .i-arow::after {
  position: absolute;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #434750;
  border-radius: 9rem;
}
.link-content:hover::after {
  opacity: 0;
}
.link-content:hover .i-arow::before {
  width: 102%;
  height: 102%;
}
.link-content:hover .i-arow::after {
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
.link-content .sub__title {
  font-size: 1.7rem;
  position: relative;
  z-index: 2;
}
.link-content .link__title {
  font-size: 3.5rem;
  font-weight: 500;
  position: relative;
  z-index: 2;
}

.news-content {
  margin-top: 14rem;
  margin-bottom: 28.5rem;
}
@media screen and (max-width: 767px) {
  .news-content {
    margin-top: 9rem;
    margin-bottom: 11rem;
  }
}

.category_list_wrapper {
  width: 23.5%;
}
@media screen and (max-width: 767px) {
  .category_list_wrapper {
    width: 100%;
    margin-bottom: 3rem;
    text-align: center;
  }
  .category_list_wrapper .link__dot {
    text-align: left;
  }
}

.category_detils_wrapper {
  width: 76.5%;
}
@media screen and (max-width: 767px) {
  .category_detils_wrapper {
    width: 100%;
  }
}

.pagerDsp {
  margin-top: 11rem;
}

.category_item {
  margin-top: 1.7rem;
}
.category_item .link__dot_white {
  background-color: #f5f7fb;
  font-size: 1.8rem;
  padding: 1.3rem 5rem 1.3rem 2.5rem;
  min-height: 6rem;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  max-width: 24rem;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.category_item .link__dot_white .i-arow::before {
  background-color: #f5f7fb;
}
.category_item .link__dot_white:hover .i-arow::before {
  background-color: #434750;
}

.news-item a {
  padding: 2.5rem 12rem 2.5rem 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3rem 7rem;
}
.news-item a .news_date {
  margin-left: 1.5rem;
  display: inline-block;
}
.news-item a .news_cat {
  background-color: #fff;
  color: #434750;
  display: inline-block;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 0.5rem 1rem;
}
.news-item a .i-arow {
  right: 5rem;
}
.news-item a .news_title {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .news-item a {
    padding: 2rem 1.5rem;
  }
  .news-item a .i-arow {
    top: auto;
    transform: initial;
    right: 0;
    bottom: 4rem;
  }
  .news-item a .news_title {
    padding-right: 5rem;
    margin-top: 2rem;
  }
}

.thumb {
  display: block;
  width: 30%;
}
@media screen and (max-width: 767px) {
  .thumb {
    width: 100%;
  }
}
.thumb img {
  border-radius: 1rem;
}

.list_news {
  border-bottom: 1px solid #434750;
}
.list_news .news-item {
  border-top: 1px solid #434750;
}

.group__data {
  display: block;
  width: calc(70% - 7rem);
}
@media screen and (max-width: 767px) {
  .group__data {
    width: 100%;
  }
}

.pagerDsp {
  font-weight: 500;
}
.pagerDsp .dflex-jcc-aic {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagerDsp a {
  min-width: 3rem;
  min-height: 3rem;
  display: block;
  list-style: 1;
  padding-left: 1rem;
  padding-right: 1rem;
}
.pagerDsp a:hover {
  cursor: pointer;
  opacity: 0.7;
}
.pagerDsp span {
  min-width: 3rem;
  display: block;
  min-height: 3rem;
  list-style: 1;
}
.pagerDsp .prev {
  background-image: url(../img/common/prew.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: 4rem;
}
.pagerDsp .next {
  background-image: url(../img/common/next.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-left: 4rem;
}

.link__cat.current {
  pointer-events: none;
  cursor: default;
  color: #fff;
  background-color: #434750;
}
.link__cat.current .i-arow::before {
  width: 5rem;
  height: 5rem;
  background-color: #434750;
}
.link__cat.current .i-arow::after {
  background-color: #fff;
}

.category_list {
  position: sticky;
  top: 15rem;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .news-content .category_list {
    position: initial;
  }
}

.content__news_detail .news_cat {
  display: inline-block;
}
.content__news_detail .news_date {
  display: inline-block;
  margin-left: 1.5rem;
}
.content__news_detail .title__lv3b {
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.content__news_detail img {
  margin-bottom: 2rem;
}

.mt_5 {
  margin-top: 5rem;
}

.category {
  font-size: 3rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 1.5rem;
}

.shadow__key {
  background-color: #fff;
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2.5rem;
  padding-top: 8rem;
  padding-bottom: 10rem;
  margin-top: 5rem !important;
}
@media screen and (max-width: 767px) {
  .shadow__key {
    padding-top: 6rem;
  }
}

.container__140x {
  max-width: 140rem;
  margin: 0 auto;
  width: calc(100% - 3rem);
}

input,
textarea,
.un_input {
  display: block;
  border: 0 solid #434750;
  background-color: #f6f7f9;
  border-radius: 0.5rem;
  resize: none;
  padding: 1.5rem;
  min-height: 6rem;
  width: 100%;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.8rem;
}

.checkbox label {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  margin-top: 3rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .checkbox label {
    gap: 0;
    letter-spacing: -0.5px;
  }
}

.checkbox__radio {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 3rem;
  height: 3rem;
  padding: 0;
  min-height: 30px;
  border-radius: 50%;
  border: 1px solid #f6f7f9;
  background-color: #f6f7f9;
  position: relative;
  top: 0.3rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.checkbox__radio:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #434750;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.medium__input {
  max-width: 47rem;
}

textarea {
  height: 18rem;
}

.required {
  background-color: #434750;
  color: #fff;
  display: inline-block;
  line-height: 1;
  border-radius: 99px;
  padding: 1rem 2.2rem 1.2rem;
}

.form-group {
  margin-top: 4rem;
  width: 100%;
}
.form-group tr td:first-child {
  width: 34rem;
  position: relative;
  padding-bottom: 2rem;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .form-group tr td:first-child {
    float: left;
    width: 100%;
  }
}
.form-group tr td:first-child label {
  padding-top: 1.3rem;
  display: block;
}
.form-group tr td:first-child .required {
  position: absolute;
  top: 1.2rem;
  right: 1.5rem;
}
@media screen and (max-width: 767px) {
  .form-group tr td:first-child .required {
    top: 1rem;
  }
}
.form-group tr td:last-child {
  width: calc(100% - 34rem);
  padding-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .form-group tr td:last-child {
    float: left;
    width: 100%;
  }
}

.container__110x {
  max-width: 110rem;
  margin: 0 auto;
  width: calc(100% - 3rem);
}

.contact-content {
  margin-top: 14rem;
  margin-bottom: 26.5rem;
}
.contact-content .group__title_black {
  margin-left: -1.563vw;
}
@media screen and (max-width: 767px) {
  .contact-content {
    margin-top: 9rem;
    margin-bottom: 11rem;
  }
  .contact-content .group__title_black {
    margin-left: 0;
  }
}

.note {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .note {
    margin-top: 2rem;
    letter-spacing: -0.5px;
  }
}
.note a {
  text-decoration: underline;
}

.title__lv2i {
  font-size: 5rem;
  font-weight: 500;
  line-height: 1.6;
  padding-top: 1rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .title__lv2i {
    font-size: 3.5rem;
  }
}

.background__fix {
  position: relative;
  height: 70rem;
  margin-top: -10rem;
  z-index: -1;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .background__fix {
    height: 50rem;
    margin-top: -5rem;
  }
}

.background__fix::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/business/background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -2;
  transform: translateZ(0);
  will-change: transform;
}

.intro-content {
  position: relative;
  background-image: url(../img/company/bg-logo.png);
  background-repeat: no-repeat;
  background-position: center 25rem;
  background-size: 63rem;
  background-color: #fff;
  margin-top: -11rem;
  z-index: -1;
  padding-top: 31rem;
  padding-bottom: 23rem;
  overflow: hidden;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .intro-content {
    margin-top: -6rem;
    padding-top: 12rem;
    padding-bottom: 16rem;
  }
}
.intro-content p {
  line-height: 2.4;
  max-width: 59.5rem;
}
@media screen and (max-width: 767px) {
  .intro-content p {
    line-height: 1.7;
  }
}
.intro-content .container__120x {
  position: relative;
}
.intro-content .container__120x .image-content .image.top img {
  position: absolute;
  top: 0;
  right: 1rem;
  width: 46.5rem;
}
@media screen and (max-width: 767px) {
  .intro-content .container__120x .image-content .image.top img {
    position: initial;
    width: 100%;
    margin-top: 3rem;
  }
}
.intro-content .container__120x .image-content .image.bottom img {
  position: absolute;
  bottom: 0;
  right: -10rem;
  width: 39rem;
}
@media screen and (max-width: 1500px) {
  .intro-content .container__120x .image-content .image.bottom img {
    right: -5rem;
  }
}
@media screen and (max-width: 767px) {
  .intro-content .container__120x .image-content .image.bottom img {
    position: initial;
    width: 100%;
    margin-top: 3rem;
  }
}

.text-content {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .text-content {
    width: 100%;
  }
}

.strength-item {
  margin-top: 8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 0;
}
@media screen and (max-width: 767px) {
  .strength-item {
    margin-top: 5rem;
  }
}
.strength-item .num {
  display: block;
  width: 5rem;
}
@media screen and (max-width: 767px) {
  .strength-item .num {
    order: 1;
  }
}
.strength-item .image {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .strength-item .image {
    order: 3;
    width: 100%;
  }
}
.strength-item .text {
  width: calc(50% - 5rem);
  padding-left: 7rem;
}
@media screen and (max-width: 767px) {
  .strength-item .text {
    width: calc(100% - 5rem);
    order: 2;
    padding-left: 0;
  }
  .strength-item .text .title__lv3b {
    line-height: 1.7;
  }
}
.strength-item img {
  border-radius: 1.2rem;
}

.strength__img-swiper {
  border-radius: 1.2rem;
}
.strength__img-swiper .img__wrapper img {
  border-radius: 1.2rem;
}

.image-content img {
  border-radius: 1rem;
}

.num {
  font-size: 3rem;
  font-weight: 900;
}

.service-image img {
  position: absolute;
  right: -16.146vw;
  top: 2rem;
  height: 53rem;
  border-radius: 2rem 0 0 2rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
}
@media screen and (max-width: 1800px) {
  .service-image img {
    width: 90rem;
  }
}
@media screen and (max-width: 1600px) {
  .service-image img {
    width: 85rem;
  }
}
@media screen and (max-width: 767px) {
  .service-image img {
    position: initial;
    width: 100%;
    height: initial;
    border-radius: 2rem;
    margin-top: 2rem;
    -o-object-fit: initial;
       object-fit: initial;
    -o-object-position: initial;
       object-position: initial;
  }
}

.z-content {
  margin-top: 5.5rem;
  padding-bottom: 3.5rem;
}
@media screen and (max-width: 767px) {
  .z-content {
    padding-bottom: 1.5rem;
  }
}

.strengths-content {
  position: relative;
  padding: 14rem 0 18rem;
  border-radius: 10rem;
  margin-top: -10rem;
  z-index: 2;
  background-color: #f6f7f9;
}
.strengths-content .group__title_black {
  margin-left: -1.563vw;
}
@media screen and (max-width: 767px) {
  .strengths-content {
    border-radius: 5rem;
    margin-top: -5rem;
    padding: 9rem 0 11rem;
  }
  .strengths-content .group__title_black {
    margin-left: 0;
  }
}

.service-content {
  border-radius: 10rem 10rem 0 0;
  margin-top: -10rem;
  padding-bottom: 20rem;
  z-index: 2;
  background-color: #f6f7f9;
  padding-top: 16rem;
  overflow-x: hidden;
}
.service-content .link__dot {
  margin-top: 3rem;
}
.service-content .group__title_black {
  margin-left: -1.563vw;
}
@media screen and (max-width: 767px) {
  .service-content {
    border-radius: 5rem;
    margin-top: -5rem;
    padding-top: 10rem;
    padding-bottom: 9rem;
  }
  .service-content .group__title_black {
    margin-left: 0;
  }
}

.title__lv3x {
  font-weight: 500;
  font-size: 4rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .title__lv3x {
    margin-bottom: 1rem;
    font-size: 3rem;
  }
}

.service-text {
  max-width: 51rem;
}
@media screen and (max-width: 767px) {
  .service-text {
    width: 100%;
  }
}

.service-box {
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 2rem;
  height: 57rem;
  display: flex;
  align-items: center;
  padding: 0 10rem;
}
@media screen and (max-width: 767px) {
  .service-box {
    display: block;
    height: initial;
    padding: 4rem 1.5rem 4rem;
  }
}

.container__130x {
  max-width: 130rem;
  margin: 0 auto;
  width: calc(100% - 3rem);
  position: relative;
}

.category-title {
  font-size: 4rem;
  font-weight: 500;
  padding: 0rem 1.5rem 0.5rem;
  border-bottom: 1px solid #434750;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .category-title {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
}

.title__product {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 3.5rem;
  font-weight: 500;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .title__product {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
}
.title__product span {
  font-size: 2rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .title__product {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 2rem;
  }
  .title__product span {
    font-size: 1.8rem;
  }
}

.sub-title {
  position: relative;
  font-size: 3.5rem;
  font-weight: 500;
  padding-bottom: 1rem;
  margin-top: 7.5rem;
  margin-bottom: -2.5rem;
}
@media screen and (max-width: 767px) {
  .sub-title {
    font-size: 2rem;
    margin-top: 4rem;
  }
}
.sub-title::after {
  position: absolute;
  width: 15rem;
  height: 0.2rem;
  left: 0;
  bottom: 0;
  background-color: #434750;
  content: "";
}

.product__center .txt-fs18 {
  max-width: 110rem;
  margin: 0 auto;
}

.category_detils_wrapper .group__product {
  padding-bottom: 15rem;
}
@media screen and (max-width: 767px) {
  .category_detils_wrapper .group__product {
    padding-bottom: 7rem;
  }
}
.category_detils_wrapper .group__product:last-child {
  padding-bottom: 0;
}

.group__product_item {
  padding-left: 1.5rem;
}
@media screen and (max-width: 767px) {
  .group__product_item {
    padding-left: 0;
  }
}

.product-content .category_list_wrapper {
  width: 28.5%;
}
@media screen and (max-width: 767px) {
  .product-content .category_list_wrapper {
    width: 100%;
  }
  .product-content .category_list_wrapper a {
    width: 100%;
  }
  .product-content .category_list_wrapper a br {
    display: none;
  }
}
.product-content .category_list_wrapper .link__dot_white {
  line-height: 1.5;
}
.product-content .category_detils_wrapper {
  width: 71.5%;
}
@media screen and (max-width: 767px) {
  .product-content .category_detils_wrapper {
    width: 100%;
  }
}
.product-content .main-image,
.product-content .main-swiper {
  border-radius: 3rem;
  margin-bottom: 3rem;
}
.product-content .product-item {
  margin-top: 8rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .product-content .product-item {
    margin-top: 6rem;
  }
}
.product-content .product-item img {
  border-radius: 1rem;
  width: 44%;
}
@media screen and (max-width: 767px) {
  .product-content .product-item img {
    width: 100%;
  }
}
.product-content .product-item .product-text {
  width: 56%;
  padding-left: 8rem;
}
@media screen and (max-width: 767px) {
  .product-content .product-item .product-text {
    width: 100%;
    padding-left: 0rem;
  }
}

.background-white {
  background-color: #fff;
}

.product-content {
  padding-top: 13rem;
}
@media screen and (max-width: 767px) {
  .product-content {
    padding-top: 7rem;
  }
}
.product-content .category {
  padding-top: 2rem;
}
.product-content .product__center {
  margin-bottom: 10rem;
}
@media screen and (max-width: 767px) {
  .product-content .product__center {
    margin-bottom: 5rem;
  }
}
.product-content .title__lv2w {
  margin-bottom: 3.5rem;
}

.mgt__21x {
  background-color: #f6f7f9;
  border-radius: 10rem 10rem 0 0;
  margin-top: 45rem;
  padding-bottom: 26.5rem;
  margin-bottom: -21rem;
}
.mgt__21x .link-content {
  position: relative;
  background-image: none;
  background-color: #434750;
  top: -21rem;
}
.mgt__21x .link-content:hover {
  background-color: rgba(67, 71, 80, 0.8) !important;
}
@media screen and (max-width: 767px) {
  .mgt__21x {
    border-radius: 5rem 5rem 0 0;
    margin-top: 24rem;
    padding-bottom: 11rem;
    margin-bottom: -11rem;
  }
  .mgt__21x .link-content {
    top: -11rem;
  }
}

.company__content .group__title_black {
  max-width: 129rem;
  margin: 0 auto;
  width: calc(100% - 3rem);
  padding-bottom: 1.5rem;
}

.background-key {
  background-color: #f6f7f9;
}

.line__title {
  border-bottom: 0.2rem solid #434750;
}

.philosophy {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin-bottom: 13.5rem;
  padding-top: 11.5rem;
  border-radius: 10rem;
  height: 70rem;
  background-image: url(../img/company/bg-logo.png);
  background-repeat: no-repeat;
  background-position: center 16rem;
  background-size: 40rem;
}
@media screen and (max-width: 767px) {
  .philosophy {
    margin-bottom: 12rem;
  }
}
.philosophy .philosophy-text {
  text-align: center;
  padding-top: 7rem;
}
@media screen and (max-width: 767px) {
  .philosophy .philosophy-text {
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .philosophy {
    background-size: 35rem;
    padding-top: 9rem;
    border-radius: 5rem;
    height: 60rem;
  }
}

.philosophy-text {
  font-size: 5rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .philosophy-text {
    font-size: 4rem;
  }
}

.facility-list {
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 2rem;
}

.access-box {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 2rem;
  margin-bottom: 8rem;
  margin-top: 7rem;
}
.access-box .i-arow::after {
  width: 1.8rem;
  height: 1.8rem;
  background-color: transparent !important;
  background-image: url(../img/company/i-page.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 0;
}

.facility-img img {
  border-radius: 2.5rem;
}

.company-profile {
  margin-bottom: 20rem;
}
@media screen and (max-width: 767px) {
  .company-profile {
    margin-bottom: 9rem;
  }
}
.company-profile .group__title_black {
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .company-profile .group__title_black {
    margin-bottom: 3rem;
  }
}

.company-table {
  width: 100%;
}
.company-table tr th {
  border-bottom: 2px solid #434750;
  width: 29rem;
  padding-left: 5rem;
  text-align: left;
  font-weight: 400;
  padding-top: 2.2rem;
}
@media screen and (max-width: 767px) {
  .company-table tr th {
    width: 100%;
    border-bottom: 0;
    padding-left: 1.5rem;
    float: left;
    font-weight: 500;
  }
}
.company-table tr td {
  border-bottom: 2px solid #434750;
  width: calc(100% - 29rem);
  padding-top: 2.2rem;
  padding-right: 1.5rem;
  padding-bottom: 2.2rem;
}
@media screen and (max-width: 767px) {
  .company-table tr td {
    width: 100%;
    padding-left: 1.5rem;
    float: left;
    padding-top: 1rem;
  }
  .company-table tr td .d-inline {
    display: block;
  }
  .company-table tr td .txt__right_sp {
    text-align: right;
  }
}

.access-title {
  font-size: 3rem;
  font-weight: 500;
  border-bottom: 0.2rem solid #434750;
  padding-bottom: 1.5rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .access-title {
    padding-bottom: 1rem;
    margin-bottom: 3rem;
    font-size: 1.7rem;
  }
}

.access-info {
  font-size: 1.9rem;
  font-weight: 500;
}

.history {
  margin-bottom: 17rem;
}
@media screen and (max-width: 767px) {
  .history {
    margin-bottom: 9rem;
  }
}
.history .history-table {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .history .history-table {
    margin-top: 3rem;
  }
}
.history .history-table .history-row {
  display: flex;
  flex-wrap: wrap;
}
.history .history-table .history-row .year {
  width: 17rem;
  padding-top: 1.3rem;
}
@media screen and (max-width: 767px) {
  .history .history-table .history-row .year {
    padding-top: 1rem;
    width: auto;
  }
}
.history .history-table .history-row .month {
  width: 12rem;
  border-bottom: 1px solid #434750;
  text-align: right;
  padding-right: 3rem;
  padding-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .history .history-table .history-row .month {
    padding-top: 1rem;
    width: auto;
    text-align: left;
    border-bottom: 0;
  }
}
.history .history-table .history-row .detail {
  padding-top: 2rem;
  width: calc(100% - 29rem);
  border-bottom: 1px solid #434750;
  padding-bottom: 2.2rem;
}
@media screen and (max-width: 767px) {
  .history .history-table .history-row .detail {
    width: 100%;
    padding-top: 1rem;
  }
}

.year {
  font-size: 3rem;
  font-weight: 900;
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .year {
    font-size: 2.2rem;
  }
}

.month {
  font-size: 3rem;
  font-weight: 900;
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .month {
    font-size: 2.2rem;
  }
}

.sign {
  font-size: 2rem;
  font-weight: 500;
  text-align: right;
}
.sign span {
  font-size: 3rem;
}

.access {
  margin-bottom: 28rem;
}
@media screen and (max-width: 767px) {
  .access {
    margin-bottom: 11rem;
  }
}
.access .access-box {
  padding: 6.5rem 5rem 8.5rem;
}
@media screen and (max-width: 767px) {
  .access .access-box {
    padding: 4.5rem 1.5rem 6.5rem;
  }
}
.access .access-content {
  display: flex;
  flex-wrap: wrap;
}
.access .access-image {
  width: 50%;
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .access .access-image {
    width: 100%;
  }
}
.access .access-info {
  width: 50%;
  padding-left: 9rem;
}
.access .access-info .link__dot {
  margin-top: 5rem;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .access .access-info {
    width: 100%;
    padding-left: 0;
    margin-top: 2rem;
  }
  .access .access-info .link__dot {
    margin-top: 2.5rem;
  }
}

.message {
  margin-top: 14rem;
  margin-bottom: 13rem;
}
.message .group__title_black {
  margin-bottom: 5rem;
}
.message .sign {
  margin-top: 7rem;
}
@media screen and (max-width: 767px) {
  .message {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }
  .message .group__title_black {
    margin-bottom: 3rem;
  }
  .message .sign {
    margin-top: 4rem;
  }
}

.facility-content {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 12rem;
}
.facility-content .facility-img {
  position: absolute;
  top: 3rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  .facility-content .facility-img {
    position: relative;
    margin-bottom: -3rem;
  }
}
.facility-content .facility-img img {
  height: 35rem;
  border-radius: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
}
@media screen and (max-width: 767px) {
  .facility-content .facility-img img {
    height: 25rem;
  }
}
.facility-content .facility-list {
  max-width: 93rem;
  margin-left: auto;
  line-height: 2.6;
  height: 35rem;
  padding-left: 53rem;
  padding-top: 9rem;
}
@media screen and (max-width: 767px) {
  .facility-content .facility-list {
    height: 30rem;
    padding-left: 1rem;
    padding-top: 9rem;
  }
}

.max__9x {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media screen and (max-width: 767px) {
  .max__9x {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.ls__001 {
  letter-spacing: -0.1px;
}

.max__110x {
  max-width: 110rem;
  margin: 0 auto;
}

.recruit__content {
  overflow: hidden;
}
.recruit__content .future-page {
  margin-top: -12rem;
  padding-top: 28rem;
  padding-bottom: 20rem;
  background-color: #f6f7f9;
}
@media screen and (max-width: 767px) {
  .recruit__content .future-page {
    padding-top: 20rem;
    padding-bottom: 7rem;
  }
}
.recruit__content .future__mg {
  margin-top: 7.5rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .future__mg {
    margin-top: 5rem;
    text-align: center;
  }
}
.recruit__content .appeal-content {
  padding-top: 5rem;
  background-color: #f6f7f9;
  border-radius: 0 0 10rem 10rem;
  padding-bottom: 48rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .appeal-content {
    border-radius: 0 0 5rem 5rem;
  }
}
.recruit__content .appeal-content .appeal-container {
  background-color: #fff;
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3rem;
  padding-top: 11rem;
  padding-bottom: 8rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .appeal-content .appeal-container {
    padding-top: 9rem;
  }
}
.recruit__content .appeal-content .appeal-row {
  max-width: 110rem;
  margin: 4.5rem auto 0;
  width: calc(100% - 3rem);
  gap: 5rem 10rem;
}
.recruit__content .appeal-content .appeal-row .appeal-item {
  width: calc(50% - 5rem);
}
.recruit__content .appeal-content .appeal-row .appeal-item .title__lv3b {
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .appeal-content .appeal-row .appeal-item .title__lv3b {
    line-height: 1.5;
  }
}
.recruit__content .appeal-content .appeal-row .appeal-item p {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .appeal-content .appeal-row .appeal-item p {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.recruit__content .appeal-content .appeal-row .appeal-item img {
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .appeal-content .appeal-row .appeal-item {
    width: 100%;
  }
}
.recruit__content .recruit__white {
  margin-top: -36rem;
  position: relative;
}
.recruit__content .recruit__white::before {
  width: 50vw;
  height: 47rem;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background-color: #fff;
  border-radius: 0 10rem 10rem 0;
}
@media screen and (max-width: 767px) {
  .recruit__content .recruit__white::before {
    height: 100%;
    width: 100%;
    border-radius: 0 5rem 5rem 0;
  }
}
.recruit__content .recruit__white .img__voice {
  position: absolute;
  top: 8rem;
  right: 13.542vw;
  max-width: 82rem;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .recruit__content .recruit__white .img__voice {
    position: relative;
    padding-top: 6rem;
    top: auto;
    right: auto;
    padding: 0 1.5rem;
    padding-top: 4rem;
  }
}
.recruit__content .recruit__white .img__voice img {
  border-radius: 2.5rem;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.recruit__content .recruit__white .voice__data {
  position: relative;
  z-index: 1;
  padding-top: 11rem;
}
.recruit__content .recruit__white .voice__data .link__dot {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .recruit__content .recruit__white .voice__data {
    padding-top: 6rem;
  }
}
.recruit__content .recruit__white .group__title_black {
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .recruit__white .group__title_black {
    margin-bottom: 3rem;
  }
}
.recruit__content .recruit__white .txt-fs18 {
  max-width: 39rem;
  margin-bottom: 6rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .recruit__white .txt-fs18 {
    margin-bottom: 3rem;
  }
}
.recruit__content .recruit__white .recruit-detail {
  margin-top: 13rem;
  padding-bottom: 14rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .recruit__content .recruit__white .recruit-detail {
    margin-top: 9rem;
    padding-bottom: 10rem;
  }
}
.recruit__content .job-title {
  position: relative;
}
.recruit__content .job-title::after {
  position: absolute;
  width: 15rem;
  height: 0.2rem;
  left: 0;
  bottom: -1rem;
  background-color: #434750;
  content: "";
}
.recruit__content .job-title small {
  font-size: 2.5rem;
}
.recruit__content .scroll_auto {
  margin-top: 6rem;
  margin-bottom: 11.5rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .scroll_auto {
    overflow: auto;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-top: 5rem;
    margin-bottom: 6rem;
  }
}
.recruit__content .recruit-tabs {
  display: flex;
  gap: 3.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .recruit-tabs {
    gap: 2rem;
    width: 86rem;
  }
}
.recruit__content .tab {
  position: relative;
  background: #f5f7fb;
  text-align: center;
  padding: 1.4rem 3.3rem 1.6rem;
  border-radius: 5rem;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  border: 0;
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: 500;
  width: calc((100% - 14rem) / 4);
  color: #434750;
}
@media screen and (max-width: 767px) {
  .recruit__content .tab {
    width: 20rem;
    padding: 1rem 3.3rem 1.2rem;
  }
}
.recruit__content .tab small {
  font-size: 1.5rem;
  font-weight: 400;
  padding-top: 0.2rem;
}
.recruit__content .tab.active {
  background-color: #434750;
  color: #fff;
}
.recruit__content .tab:hover {
  color: #fff;
  box-shadow: 0 4px 0 hsla(0, 0%, 56%, 0.2), inset 40rem 0 0 0 #434750;
}
.recruit__content .job-table {
  margin-top: 4rem;
  width: 100%;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .job-table {
    margin-top: 2rem;
  }
}
.recruit__content .job-table tr th {
  border-bottom: 2px solid #434750;
  width: 26rem;
  padding-left: 5rem;
  text-align: left;
  font-weight: 400;
  padding-top: 2.2rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .job-table tr th {
    width: 100%;
    border-bottom: 0;
    padding-left: 1.5rem;
    float: left;
    font-weight: 500;
  }
}
.recruit__content .job-table tr td {
  border-bottom: 2px solid #434750;
  width: calc(100% - 26rem);
  padding-top: 2.2rem;
  padding-right: 1.5rem;
  padding-bottom: 2.2rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .job-table tr td {
    width: 100%;
    padding-left: 1.5rem;
    float: left;
    padding-top: 1rem;
  }
  .recruit__content .job-table tr td .d-inline {
    display: block;
  }
  .recruit__content .job-table tr td .txt__right_sp {
    text-align: right;
  }
}
.recruit__content .recruit-flow {
  background-color: #f6f7f9;
  border-radius: 10rem 10rem 0 0;
  padding-top: 9rem;
  padding-bottom: 22rem;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .recruit__content .recruit-flow {
    padding-bottom: 11rem;
  }
}
.recruit__content .recruit-flow .group__title_black {
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .recruit-flow {
    border-radius: 5rem 5rem 0 0;
  }
}
.recruit__content .recruit-flow .flow-steps {
  position: relative;
  gap: 3rem;
}
.recruit__content .recruit-flow .flow-steps .flow-step {
  width: calc((100% - 9rem) / 4);
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  border-radius: 2rem;
  padding: 5rem 2.5rem 3rem;
}
.recruit__content .recruit-flow .flow-steps .flow-step:nth-child(1) {
  z-index: 4;
}
.recruit__content .recruit-flow .flow-steps .flow-step:nth-child(2) {
  z-index: 3;
}
.recruit__content .recruit-flow .flow-steps .flow-step:nth-child(3) {
  z-index: 2;
}
.recruit__content .recruit-flow .flow-steps .flow-step:nth-child(4) {
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .recruit__content .recruit-flow .flow-steps .flow-step {
    width: 100%;
  }
}
.recruit__content .recruit-flow .flow-steps .flow-step::after {
  content: "";
  position: absolute;
  width: 5rem;
  height: 5rem;
  right: -4rem;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/common/next.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .recruit__content .recruit-flow .flow-steps .flow-step::after {
    top: calc(100% - 1rem);
    left: 50%;
    right: auto;
    transform: translateX(-50%) rotate(90deg);
  }
}
.recruit__content .recruit-flow .flow-steps .flow-step:last-child::after {
  content: none;
}
.recruit__content .recruit-flow .step-number {
  font-size: 3rem;
  font-weight: 700;
}
.recruit__content .recruit-flow .step-title {
  font-size: 2.8rem;
  font-weight: 900;
  padding-bottom: 2.4rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .recruit-flow .step-title {
    margin-bottom: 1.4;
  }
}
.recruit__content .recruit-flow .flow-note {
  font-size: 2.8rem;
  font-weight: 900;
  margin-top: 8rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .recruit__content .recruit-flow .flow-note {
    margin-top: 5rem;
    margin-bottom: 3rem;
    font-size: 2.2rem;
  }
}
.recruit__content .mglt {
  margin-left: -2.083vw;
}
@media screen and (max-width: 767px) {
  .recruit__content .mglt {
    margin-left: 0;
  }
}

.mgl_1 {
  margin-left: -1rem;
}
@media screen and (max-width: 767px) {
  .mgl_1 {
    margin-left: -0.8rem;
  }
}

.header-right-item-drop-iconsp {
  position: absolute;
  top: 0rem;
  right: 1.5rem;
  width: 4rem;
  height: 4rem;
  z-index: 2;
  background-color: #434750;
  border-radius: 1rem;
}
.header-right-item-drop-iconsp:before, .header-right-item-drop-iconsp:after {
  content: "";
  width: 60%;
  height: max(2px, 0.2rem);
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  transition: all 0.3s ease-in-out;
}
.header-right-item-drop-iconsp.is-active:after {
  transform: translate(-50%, -50%) rotate(0deg);
}
.header-right-item-drop-iconsp:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.dropmenu-hd {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: -moz-max-content;
  width: max-content;
  padding-top: 7.5rem;
  display: none;
}
@media screen and (max-width: 767px) {
  .dropmenu-hd {
    padding-top: 0rem;
    position: initial;
    transform: initial;
    width: 100%;
  }
}

.dropmenu-hd .dropmenu-hd-link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  width: 20rem;
  height: 5rem;
  border-radius: 10rem;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
  .dropmenu-hd .dropmenu-hd-link {
    position: initial;
    box-shadow: initial;
    width: 100%;
    text-align: center;
    position: relative;
  }
  .dropmenu-hd .dropmenu-hd-link::after {
    position: absolute;
    background-color: #434750;
    content: "";
    width: 15rem;
    height: 0.15rem;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }
}

.header-right-ul-link {
  z-index: 2;
}

.dropmenu-hd:hover {
  display: block;
}

.header-right-ul-link:hover ~ .dropmenu-hd {
  display: block;
}

.dropmenu-hd-link:hover {
  color: #fff;
  box-shadow: 0 4px 0 hsla(0, 0%, 56%, 0.2), inset 40rem 0 0 0 #434750;
}

.privacy__page {
  background-image: url(../img/privacy/banner.png);
}

.voice__page {
  background-image: url(../img/voice/banner.png);
}

.news__page {
  background-image: url(../img/news/banner.png);
}

.contact__page {
  background-image: url(../img/contact/banner.png);
}

.business__page {
  background-image: url(../img/business/banner.png);
  position: relative;
  z-index: 2;
}

.company__page {
  background-image: url(../img/company/banner.png);
}

.recruit__page {
  background-image: url(../img/recruit/banner.png);
  background-color: #f6f7f9;
  position: relative;
  z-index: 2;
}

.product__page {
  background-image: url(../img/product/banner.png);
}

.auto__top {
  position: relative;
  top: -20rem;
}/*# sourceMappingURL=style.css.map */