@charset "UTF-8";
/* ==============================
    my.scss
================================= */
/* button gradation style */
/* about, production header */
/* ==============================
		technology.scss (精密薄板レーザ加工、レーザマーキング、印刷)
================================= */
/* anchor */
.anchor__list .anchor__item .anchor__link {
  height: 100%;
}

.technology .anchor__list .item01 .anchor__link {
  padding-top: 8px;
}

.technology .anchor__list .item02 .anchor__link {
  padding-top: 20px;
}

.technology .anchor__list .item03 .anchor__link {
  padding-top: 20px;
}

.technology .anchor__list .item04 .anchor__link {
  padding-top: 8px;
}

.laser_marking .anchor__list .item01 .anchor__link {
  padding-top: 8px;
}

.laser_marking .anchor__list .item02 .anchor__link {
  padding-top: 20px;
}

.laser_marking .anchor__list .item03 .anchor__link {
  padding-top: 20px;
}

.laser_marking .anchor__list .item04 .anchor__link {
  padding-top: 8px;
}

.printing .anchor__list .item01 .anchor__link {
  padding-top: 20px;
}

.printing .anchor__list .item02 .anchor__link {
  padding-top: 20px;
}

.printing .anchor__list .item03 .anchor__link {
  padding-top: 8px;
}

.printing .anchor__list .item04 .anchor__link {
  padding-top: 8px;
}

.printing .anchor__list .item05 .anchor__link {
  padding-top: 20px;
}

@media screen and (max-width: 810px) {
  .printing .anchor__list .item04 .anchor__link br {
    display: none;
  }

  .printing .anchor__list .item05 .anchor__link {
    padding-top: 8px;
  }
}
@media screen and (max-width: 768px) {
  .technology .anchor__list .item01 .anchor__link {
    padding-top: 20px;
  }

  .technology .anchor__list .item02 .anchor__link {
    padding-top: 30px;
  }

  .technology .anchor__list .item03 .anchor__link {
    padding-top: 30px;
  }

  .laser_marking .anchor__list .item01 .anchor__link {
    padding-top: 20px;
  }

  .laser_marking .anchor__list .item02 .anchor__link {
    padding-top: 30px;
  }

  .laser_marking .anchor__list .item03 .anchor__link {
    padding-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .anchor__list .anchor__item .anchor__link {
    height: 60px;
  }

  .technology .anchor__list .item01 .anchor__link {
    padding-top: 8px;
  }

  .technology .anchor__list .item02 .anchor__link {
    padding-top: 20px;
  }

  .technology .anchor__list .item03 .anchor__link {
    padding-top: 20px;
  }

  .laser_marking .anchor__list .item01 .anchor__link {
    padding-top: 8px;
  }

  .laser_marking .anchor__list .item02 .anchor__link {
    padding-top: 20px;
  }

  .laser_marking .anchor__list .item03 .anchor__link {
    padding-top: 20px;
  }

  .printing .anchor__list .item05 .anchor__link {
    padding-top: 20px;
  }
}
/* about */
.section-about {
  margin-bottom: 120px;
}

.about__inner {
  max-width: 1200px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 1620px) {
  .about__inner {
    padding-right: 4vw;
    padding-left: 4vw;
  }
}
@media screen and (max-width: 810px) {
  .section-about {
    margin-bottom: 24vw;
  }

  .about__inner {
    max-width: 810px;
    padding: 0 8vw 0;
  }
}
.about__text {
  text-align: center;
  line-height: 2.2;
}

/* Feature */
.section-feature {
  background-color: #e5e9f0;
  position: relative;
  overflow: hidden;
}

.feature__inner {
  max-width: 1200px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 10;
  padding-top: 160px;
  padding-bottom: 160px;
}

@media screen and (max-width: 1620px) {
  .feature__inner {
    padding-right: 4vw;
    padding-left: 4vw;
  }
}
@media screen and (max-width: 810px) {
  .feature__inner {
    max-width: 810px;
    padding: 16vw 8vw 16vw;
  }
}
.feature__list {
  display: flex;
  flex-wrap: wrap;
}

.feature__list__item {
  width: 32%;
  margin-bottom: 30px;
  margin-left: 2%;
}
.feature__list__item:nth-child(3n+1) {
  margin-left: 0;
}

.feature__img {
  position: relative;
  margin-bottom: 30px;
  z-index: 10;
}
.feature__img img {
  position: relative;
  z-index: 10;
}
.feature__img figcaption {
  position: absolute;
  z-index: 12;
  right: 15px;
  bottom: 20px;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
  letter-spacing: 0.1em;
}
.feature__img figcaption .num {
  font-size: 20px;
  margin-top: 4px;
}

.feature__text .third_header {
  line-height: 1.3;
}

.feature_p {
  font-size: 14px;
  color: #566374;
}

.feature__big-text .en {
  color: #f5f6f9;
}

@media screen and (max-width: 810px) {
  .feature__img {
    margin-bottom: 20px;
  }

  .feature__list__item {
    width: 100%;
    margin-bottom: 50px;
  }
}
/* Support */
.section-support {
  position: relative;
  overflow: hidden;
}

.support__inner {
  max-width: 1200px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 10;
  padding-top: 160px;
  padding-bottom: 160px;
}

@media screen and (max-width: 1620px) {
  .support__inner {
    padding-right: 4vw;
    padding-left: 4vw;
  }
}
@media screen and (max-width: 810px) {
  .support__inner {
    max-width: 810px;
    padding: 16vw 8vw 16vw;
  }
}
.support__big-text .en {
  color: #e5e9f0;
}

/* Application */
.section-application {
  position: relative;
  overflow: hidden;
  background-color: #e5e9f0;
}

.application__inner {
  max-width: 1200px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 10;
  padding-top: 160px;
  padding-bottom: 160px;
}

@media screen and (max-width: 1620px) {
  .application__inner {
    padding-right: 4vw;
    padding-left: 4vw;
  }
}
@media screen and (max-width: 810px) {
  .application__inner {
    max-width: 810px;
    padding: 16vw 8vw 16vw;
  }
}
.application__detail {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  align-items: center;
}

.application__img {
  width: 60%;
}

.application__text {
  width: 35%;
}

.application__title {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 30px;
}

.application__p {
  font-size: 14px;
  color: #566374;
}

.application__big-text .en {
  color: #f5f6f9;
}

.printing .section-application {
  background-color: #fff;
}
.printing .application__big-text .en {
  color: #e5e9f0;
}

.application__second__contents {
  margin-top: 130px;
}

@media screen and (max-width: 810px) {
  .application__detail {
    flex-wrap: wrap;
    margin-bottom: 50px;
  }

  .application__img {
    width: 100%;
    margin-bottom: 20px;
  }

  .application__text {
    width: 100%;
  }

  .application__title {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 810px) {
  .application__title {
    font-size: 16px;
  }
}
/* Multilingual */
.section-multilingual {
  position: relative;
  overflow: hidden;
  background-color: #e5e9f0;
}

.multilingual__inner {
  max-width: 1200px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 10;
  padding-top: 160px;
  padding-bottom: 160px;
}

@media screen and (max-width: 1620px) {
  .multilingual__inner {
    padding-right: 4vw;
    padding-left: 4vw;
  }
}
@media screen and (max-width: 810px) {
  .multilingual__inner {
    max-width: 810px;
    padding: 16vw 8vw 16vw;
  }

  .production__inner {
    padding-top: 16vw;
  }
}
.multilingual__head__text {
  margin-bottom: 50px;
}

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

.multilingual__list__item {
  width: 23%;
  margin-bottom: 30px;
  margin-left: 2%;
}
.multilingual__list__item:nth-child(4n+1) {
  margin-left: 0;
}

.multilingual__img {
  margin-bottom: 20px;
}

.multilingual__title {
  border-left: 4px solid #1e59a8;
  font-size: 24px;
  margin-bottom: 15px;
  padding-left: 15px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.2em;
}

.multilingual__big-text .en {
  color: #f5f6f9;
}

@media screen and (max-width: 810px) {
  .multilingual__list {
    justify-content: center;
  }

  .multilingual__list__item {
    width: 48%;
    margin-bottom: 30px;
    margin-left: 2%;
  }
  .multilingual__list__item:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .multilingual__title {
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0.05em;
  }
}
/*# sourceMappingURL=maps/technology.css.map */