@font-face {
  font-family: "Acumin";
  font-style: normal;
  font-weight: 500;
  src: url("./fonts/Acumin-Pro-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Kozuka Gothic Pro";
  font-style: normal;
  font-weight: 500;
  src: url("./fonts/KozGoPr6N-Medium.otf") format("opentype");
}
p:empty {
  display: none;
}

.f-21 {
  font-size: 21px;
}
@media screen and (max-width: 1900px) {
  .f-21 {
    font-size: 21rem;
  }
}
@media screen and (max-width: 768px) {
  .f-21 {
    font-size: 19rem;
  }
}

@media screen and (max-width: 768px) {
  .f-16 {
    font-size: 19rem;
  }
}

.about_intro {
  background-color: #000;
  padding: 0;
}
.about_intro .container {
  padding: 205px 50px 0 50px;
}
@media screen and (max-width: 1900px) {
  .about_intro .container {
    padding: 205rem 50rem 0 50rem;
  }
}
@media screen and (max-width: 768px) {
  .about_intro .container {
    padding: 190rem 20rem 0 20rem;
  }
}
.about_intro .container .text {
  margin-top: 27px;
  color: #fff;
}
@media screen and (max-width: 1900px) {
  .about_intro .container .text {
    margin-top: 27rem;
  }
}
.about_intro .container .content {
  width: 866px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 33px 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 90px;
}
@media screen and (max-width: 1900px) {
  .about_intro .container .content {
    width: 866rem;
    gap: 33rem 30rem;
    padding-top: 90rem;
  }
}
@media screen and (max-width: 768px) {
  .about_intro .container .content {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 17rem 7rem;
    width: 598rem;
    padding-top: 50rem;
  }
}
.about_intro .container .content .anchor {
  border: 1px solid #adff2f;
  width: 194px;
  border-radius: 50px;
}
@media screen and (max-width: 1900px) {
  .about_intro .container .content .anchor {
    width: 194rem;
  }
}
.about_intro .container .content .anchor:hover {
  opacity: 0.7;
}
.about_intro .container .content .anchor a {
  display: block;
  padding: 4px 0;
  color: #adff2f;
  text-align: center;
}
@media screen and (max-width: 1900px) {
  .about_intro .container .content .anchor a {
    padding: 4rem 0;
  }
}
.about_intro .img {
  margin-top: 53px;
}
@media screen and (max-width: 1900px) {
  .about_intro .img {
    margin-top: 53rem;
  }
}
@media screen and (max-width: 768px) {
  .about_intro .img img {
    width: auto;
    -webkit-transform: translateX(-25%);
            transform: translateX(-25%);
  }
}
.about_intro .deco {
  width: 100%;
  height: 430px;
  background: url("../img/t_deco.svg") no-repeat top center;
  background-size: cover;
  background-position: top;
  margin-top: -195px;
  position: relative;
}
@media screen and (max-width: 1900px) {
  .about_intro .deco {
    height: 430rem;
    margin-top: -195rem;
  }
}

.about_message {
  background-color: #000;
  padding: 0;
}
.about_message .deco1 {
  width: 172px;
  position: absolute;
  top: 50px;
  right: 0;
}
@media screen and (max-width: 1900px) {
  .about_message .deco1 {
    width: 172rem;
    top: 50rem;
  }
}
.about_message .deco2 {
  width: 480px;
  position: absolute;
  top: 667px;
  left: 80px;
}
@media screen and (max-width: 1900px) {
  .about_message .deco2 {
    width: 480rem;
    top: 667rem;
    left: 80rem;
  }
}
@media screen and (max-width: 768px) {
  .about_message .deco2 {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    top: 0;
    left: 0;
    position: relative;
    margin-top: 63rem;
  }
}
.about_message .container {
  padding: 50px;
}
@media screen and (max-width: 1900px) {
  .about_message .container {
    padding: 50rem;
  }
}
@media screen and (max-width: 768px) {
  .about_message .container {
    padding: 50rem 30rem 0;
  }
}
.about_message .container .row1 {
  position: relative;
  margin-top: 27px;
}
@media screen and (max-width: 1900px) {
  .about_message .container .row1 {
    margin-top: 27rem;
  }
}
.about_message .container .row1 .text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  position: absolute;
  top: 30px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .about_message .container .row1 .text {
    position: relative;
  }
}
.about_message .container .row1 .text p {
  margin-top: 55px;
}
@media screen and (max-width: 1900px) {
  .about_message .container .row1 .text p {
    margin-top: 55rem;
  }
}
.about_message .container .row1 .img {
  width: 480px;
  margin: auto;
  margin-right: 0;
}
@media screen and (max-width: 1900px) {
  .about_message .container .row1 .img {
    width: 480rem;
  }
}
@media screen and (max-width: 768px) {
  .about_message .container .row1 .img {
    width: 470rem;
    margin-top: 90rem;
    margin-left: -50rem;
  }
}
.about_message .container .row2 {
  position: relative;
  margin-top: 56px;
}
@media screen and (max-width: 1900px) {
  .about_message .container .row2 {
    margin-top: 56rem;
  }
}
@media screen and (max-width: 768px) {
  .about_message .container .row2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 70rem;
    margin-top: 0;
  }
}
.about_message .container .row2 .text {
  width: 545px;
  color: #fff;
  margin: auto;
  margin-right: 0;
}
@media screen and (max-width: 1900px) {
  .about_message .container .row2 .text {
    width: 545rem;
  }
}
@media screen and (max-width: 768px) {
  .about_message .container .row2 .text {
    width: 100%;
    margin-top: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .about_message .container .row2 .text .btn {
    display: none;
  }
}
.about_message .container .row2 .img {
  width: 400px;
  margin: auto;
  margin-top: 190px;
  margin-right: -50px;
}
@media screen and (max-width: 1900px) {
  .about_message .container .row2 .img {
    width: 480rem;
    margin-top: 190rem;
    margin-right: -50rem;
  }
}
@media screen and (max-width: 768px) {
  .about_message .container .row2 .img {
    margin-top: -50rem;
    z-index: -1;
    position: relative;
  }
}
.about_message .deco {
  margin-top: 252px;
  width: 100%;
  height: 430px;
  background: url("../img/t_deco.svg") no-repeat top center;
  background-size: cover;
  background-position: top;
}
@media screen and (max-width: 1900px) {
  .about_message .deco {
    margin-top: 252rem;
    height: 430rem;
  }
}
@media screen and (max-width: 768px) {
  .about_message .deco {
    margin-top: -141rem;
    position: relative;
    z-index: 10;
  }
}

.about_philosophy {
  background-color: #000;
  padding: 0;
}
.about_philosophy .container {
  padding: 194px 50px 50px;
}
@media screen and (max-width: 1900px) {
  .about_philosophy .container {
    padding: 194rem 50rem 50rem;
  }
}
@media screen and (max-width: 768px) {
  .about_philosophy .container {
    padding: 80rem 30rem 50rem;
  }
  .about_philosophy .container .ttl-div h2 {
    font-size: 75rem;
  }
}
.about_philosophy .container .text {
  margin-top: 50px;
  color: #fff;
}
@media screen and (max-width: 1900px) {
  .about_philosophy .container .text {
    margin-top: 50rem;
  }
}
.about_philosophy .container .img {
  margin-top: 88px;
}
@media screen and (max-width: 1900px) {
  .about_philosophy .container .img {
    margin-top: 88rem;
  }
}

.about_offshore {
  background-color: #000;
  padding: 0;
}
.about_offshore .container {
  padding: 113px 50px 50px;
}
@media screen and (max-width: 1900px) {
  .about_offshore .container {
    padding: 113rem 50rem 50rem;
  }
}
@media screen and (max-width: 768px) {
  .about_offshore .container {
    padding: 80rem 30rem 30rem;
  }
}
.about_offshore .container .text {
  color: #fff;
  margin-top: 50px;
}
@media screen and (max-width: 1900px) {
  .about_offshore .container .text {
    margin-top: 50rem;
  }
}
.about_offshore img {
  margin-top: 54px;
}
@media screen and (max-width: 1900px) {
  .about_offshore img {
    margin-top: 54rem;
  }
}
.about_offshore .deco {
  margin-top: -252px;
  width: 100%;
  height: 430px;
  background: url("../img/t_deco.svg") no-repeat top center;
  background-size: cover;
  background-position: top;
  position: relative;
}
@media screen and (max-width: 1900px) {
  .about_offshore .deco {
    height: 430rem;
    margin-top: -252rem;
  }
}
@media screen and (max-width: 768px) {
  .about_offshore .deco {
    margin-top: -141rem;
    position: relative;
    z-index: 10;
  }
}

.about_information {
  background-color: #000;
  padding: 0;
}
.about_information .container {
  padding: 129px 50px 50px;
}
@media screen and (max-width: 1900px) {
  .about_information .container {
    padding: 129rem 50rem 50rem;
  }
}
@media screen and (max-width: 768px) {
  .about_information .container {
    padding: 80rem 30rem 50rem;
  }
  .about_information .container .ttl-div h2 {
    font-size: 75rem;
  }
}
.about_information .container .column {
  margin-top: 50px;
  width: 900px;
  margin-left: auto;
}
@media screen and (max-width: 1900px) {
  .about_information .container .column {
    margin-top: 50rem;
    width: 900rem;
  }
}
@media screen and (max-width: 768px) {
  .about_information .container .column {
    width: 100%;
  }
}
.about_information .container .column .item {
  border-top: 1px solid #fff;
  display: grid;
  grid-template-columns: 1fr 3fr;
  padding: 27px 0 27px 15px;
}
@media screen and (max-width: 1900px) {
  .about_information .container .column .item {
    padding: 27rem 0 27rem 15rem;
  }
}
@media screen and (max-width: 768px) {
  .about_information .container .column .item {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    padding: 30rem 0;
  }
}
.about_information .container .column .item:nth-last-child(2) {
  border-bottom: 1px solid #fff;
}
.about_information .deco {
  margin-top: 30px;
  width: 100%;
  height: 430px;
  background: url("../img/t_deco.svg") no-repeat top center;
  background-size: cover;
  background-position: top;
}
@media screen and (max-width: 1900px) {
  .about_information .deco {
    height: 430rem;
    margin-top: 30rem;
  }
}

.about_history {
  background-color: #000;
  padding: 0;
}
.about_history .container {
  padding: 103px 50px 50px;
}
@media screen and (max-width: 1900px) {
  .about_history .container {
    padding: 103rem 50rem 50rem;
  }
}
@media screen and (max-width: 768px) {
  .about_history .container {
    padding: 80rem 30rem 50rem;
  }
}
.about_history .container .column {
  width: 900px;
  margin-left: auto;
}
@media screen and (max-width: 1900px) {
  .about_history .container .column {
    width: 900rem;
  }
}
@media screen and (max-width: 768px) {
  .about_history .container .column {
    width: 100%;
  }
}
.about_history .container .column .item {
  width: 778px;
  margin-left: auto;
  border-bottom: 1px solid #fff;
  display: grid;
  grid-template-columns: 1fr 3fr;
  padding: 27px 0 27px 15px;
  position: relative;
}
@media screen and (max-width: 1900px) {
  .about_history .container .column .item {
    width: 778rem;
    padding: 27rem 0 27rem 15rem;
  }
}
@media screen and (max-width: 768px) {
  .about_history .container .column .item {
    width: 458rem;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
  }
}
.about_history .container .column .item::after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #adff2f;
  position: absolute;
  top: 27px;
  right: calc(100% + 68px);
}
@media screen and (max-width: 1900px) {
  .about_history .container .column .item::after {
    top: 27rem;
    right: calc(100% + 68rem);
  }
}
.about_history .container .column .item:nth-last-child(2)::after {
  top: 27px;
  height: calc(100% + 64px);
}
@media screen and (max-width: 1900px) {
  .about_history .container .column .item:nth-last-child(2)::after {
    top: 27rem;
    height: calc(100% + 64rem);
  }
}
.about_history .container .column .item .year {
  background-color: #adff2f;
  width: 104px;
  border-radius: 50px;
  color: #3e3a39;
  text-align: center;
  position: absolute;
  right: 100%;
  right: calc(100% + 17px);
  top: 27px;
  font-size: 14px;
}
@media screen and (max-width: 1900px) {
  .about_history .container .column .item .year {
    width: 104rem;
    right: calc(100% + 17rem);
    top: 27rem;
    font-size: 14rem;
  }
}
.about_history .deco {
  margin-top: 173px;
  width: 100%;
  height: 430px;
  background: url("../img/t_deco.svg") no-repeat top center;
  background-size: cover;
  background-position: top;
}
@media screen and (max-width: 1900px) {
  .about_history .deco {
    height: 430rem;
    margin-top: 173rem;
  }
}

.about_partner {
  background-color: #000;
  padding: 0;
}
.about_partner .container {
  padding: 136px 50px 50px;
}
@media screen and (max-width: 1900px) {
  .about_partner .container {
    padding: 136rem 50rem 50rem;
  }
}
@media screen and (max-width: 768px) {
  .about_partner .container {
    padding: 80rem 30rem 50rem;
  }
}
.about_partner .container .text {
  margin-top: 46px;
  text-align: center;
}
@media screen and (max-width: 1900px) {
  .about_partner .container .text {
    margin-top: 46rem;
  }
}
@media screen and (max-width: 768px) {
  .about_partner .container .text {
    text-align: left;
  }
}
.about_partner .container .partner-list {
  margin-top: 75px;
}
@media screen and (max-width: 1900px) {
  .about_partner .container .partner-list {
    margin-top: 75rem;
  }
}
.about_partner .container .partner-list .wrapper {
  display: grid;
  gap: 37px 47px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 1900px) {
  .about_partner .container .partner-list .wrapper {
    gap: 37rem 47rem;
  }
}
@media screen and (max-width: 768px) {
  .about_partner .container .partner-list .wrapper {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    gap: 35rem;
    width: 364rem;
    margin: auto;
  }
}
.about_partner .container .partner-list .wrapper p {
  margin-top: 13px;
  text-align: center;
}
@media screen and (max-width: 1900px) {
  .about_partner .container .partner-list .wrapper p {
    margin-top: 13rem;
  }
}
@media screen and (max-width: 768px) {
  .about_partner .container .partner-list .wrapper p {
    font-size: 18rem;
  }
}
.about_partner .deco {
  margin-top: 49px;
  width: 100%;
  height: 430px;
  background: url("../img/t_deco.svg") no-repeat top center;
  background-size: cover;
  background-position: top;
}
@media screen and (max-width: 1900px) {
  .about_partner .deco {
    height: 430rem;
    margin-top: 49rem;
  }
}

.about_access {
  background-color: #000;
  padding: 0;
}
.about_access .container {
  padding: 129px 50px 128px;
}
@media screen and (max-width: 1900px) {
  .about_access .container {
    padding: 129rem 50rem 128rem;
  }
}
@media screen and (max-width: 768px) {
  .about_access .container {
    padding: 80rem 50rem 128rem;
  }
}
.about_access .container img {
  margin-top: 50px;
}
@media screen and (max-width: 1900px) {
  .about_access .container img {
    margin-top: 50rem;
  }
}
.about_access .container .column {
  margin-top: 71px;
}
@media screen and (max-width: 1900px) {
  .about_access .container .column {
    margin-top: 71rem;
  }
}
.about_access .container .column .item {
  padding: 27px 0 27px 15px;
  display: grid;
  grid-template-columns: 1fr 3fr;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1900px) {
  .about_access .container .column .item {
    padding: 27rem 0 27rem 15rem;
  }
}
@media screen and (max-width: 768px) {
  .about_access .container .column .item {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
  }
}
.about_access .container .column .item:first-child {
  border-top: 1px solid #fff;
}
.about_access .container .column .map {
  margin-top: 70px;
}
@media screen and (max-width: 1900px) {
  .about_access .container .column .map {
    margin-top: 70rem;
  }
}
.about_access .container .column .map iframe {
  width: 100%;
  height: 600px;
}
@media screen and (max-width: 1900px) {
  .about_access .container .column .map iframe {
    height: 600rem;
  }
}
@media screen and (max-width: 768px) {
  .about_access .container .column .map iframe {
    height: 300rem;
  }
}/*# sourceMappingURL=about.css.map */