@charset "UTF-8";
.jump-btn-wrap::before {
  background-color: #fff;
}
.inner {
  padding-inline: 90px;
}
/* =====================
  MV
===================== */
.mv {
  background-image: url("../../img/company/mv.png");
}
/* =====================
  代表あいさつ
===================== */
.article[data-id='1'] {
  padding-top: 109px;
  padding-bottom: 127px;
  position: relative;
}
.article[data-id='1']::before {
  content: '';
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-image: url("../../img/product/product_bg.png");
  width: 100%;
  min-height: 1810px;
  height: 100%;
  position: absolute;
  top: -200px;
  left: 0;
  z-index: -2;
}
.article[data-id='1']::after {
  content: 'Message from the president';
  display: block;
  mix-blend-mode: color-burn;
  font-family: var(--title);
  font-size: 90px;
  font-weight: 400;
  color: #004893;
  opacity: 0.15;
  white-space: nowrap;
  position: absolute;
  top: 158px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.article[data-id='1'] .h2-title {
  margin-top: 102px;
}
.article[data-id='1'] .h2-title span {
  color: #000;
}
.article[data-id='1'] .message {
  margin-top: 58px;
}
.article[data-id='1'] .message h3 {
  font-family: var(--yumin);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.67;
  letter-spacing: 0.09em;
}
.article[data-id='1'] .message p {
  line-height: 2.13;
  margin-top: 84px;
}
.article[data-id='1'] .name-wrap {
  width: fit-content;
  margin-inline: auto 0;
  margin-top: 30px;
}
.article[data-id='1'] .name-wrap .name {
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 8px;
}
.article[data-id='1'] .name-wrap .name span {
  font-family: var(--yuji);
  font-size: 32px;
  letter-spacing: 1.28px;
  color: #000;
}
/* =====================
  レイトロンについて
===================== */
.article[data-id='2'] {
  position: relative;
  padding-block: 118px 129px;
  background-color: #fff;
}
.article[data-id='2'] .h2-title span {
  text-transform: none;
}
.article[data-id='2'] .inner>h3 {
  font-family: var(--yumin);
  font-size: 22px;
  font-weight: 600;
  line-height: 2.09;
  text-align: center;
  color: #004893;
  margin-top: 54px;
}
.article[data-id='2'] .inner>.dot-list {
  width: fit-content;
  margin-inline: auto;
  padding-inline: 40px;
  padding-block: 29px 27px;
  line-height: 2.13;
  border-radius: 10px;
  border: solid 1px #004893;
  margin-top: 23px;
}
.article[data-id='2'] .about-list {
  margin-top: 60px;
}
.article[data-id='2'] .about-list>li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 60px;
  padding-block: 52px 50px;
  border-radius: 10px;
  background-color: #eaf5f8;
}
.article[data-id='2'] .about-list>li .about-title {
  padding-left: 25px;
}
.article[data-id='2'] .about-list>li .about-title h3 {
  font-family: var(--yumin);
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  position: relative;
}
.article[data-id='2'] .about-list>li .about-title h3::before {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 2px;
  background-color: #4892df;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -25px;
}
.article[data-id='2'] .about-list>li .about-title span {
  font-size: 12px;
  font-weight: 500;
  line-height: 2.5;
  letter-spacing: 1.2px;
  color: #666;
}
.article[data-id='2'] .about-list>li .about-content {
  width: 700px;
}
.article[data-id='2'] .about-list>li .about-content p {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
}
.article[data-id='2'] .about-list>li .about-content>.dot-list {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
}
.article[data-id='2'] .about-list>li .about-content>h4 {
  font-family: var(--yumin);
  font-size: 20px;
  line-height: 2;
  font-weight: 600;
}
.article[data-id='2'] .about-list>li .about-content>h4:nth-of-type(2) {
  margin-top: 20px;
}
.article[data-id='2'] .about-list>li+li {
  margin-top: 20px;
}
/* =====================
  会社概要
===================== */
.article[data-id='3'] {
  padding-block: 120px 130px;
  background-color: #fafafa;
}
.article[data-id='3'] .td-2dan {
  display: flex;
  gap: 10px;
}
.article[data-id='3'] .td-2dan .td-block {
  width: 311px;
}
.article[data-id='3'] .overview {
  padding-inline: 60px;
  margin-top: 35px;
}
/* =====================
  アクセスマップ
===================== */
.article[data-id='4'] {
  padding-block: 120px 120px;
}
.article[data-id='4'] .product-h3 {
  margin-top: 25px;
}
.article[data-id='4'] .map-wrap {
  margin-top: 8px;
}
.article[data-id='4'] .map iframe {
  width: 1120px;
  height: 400px;
}
.article[data-id='4'] .map-wrap .access-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.article[data-id='4'] .map-wrap .access-wrap .access p {
  line-height: 2.13;
  color: #000;
}
.article[data-id='4'] .map-wrap .access-wrap .access .dot-list {
  font-size: 14px;
  font-weight: 500;
  line-height: 2.14;
  color: #000;
  margin-top: 10px;
}
.article[data-id='4'] .map-wrap .access-wrap .link-btn {
  margin-top: 10px;
}
.article[data-id='4'] .map-wrap .access-wrap .link-btn .link-anchor {
  padding-inline: 27px 35px;
}
.article[data-id='4'] .map-wrap .access-wrap .link-btn .link-anchor::after {
  background-image: url("../../img/common/icon_map-link.png");
  width: 13px;
  height: 13px;
}
/* =====================
  沿革
===================== */
.article[data-id='5'] {
  background-color: #fafafa;
  padding-block: 120px 130px;
}
.article[data-id='5'] .overview {
  padding-inline: 60px;
  margin-top: 36px;
}
.article[data-id='5'] .overview-2 {
  padding-inline: 60px;
  margin-top: 88px;
}
.article[data-id='5'] .overview-2 .table {
  margin-top: 20px;
}
/* =====================
  窓口
===================== */
.article[data-id='6'] {
  background-color: #fff;
  padding-block: 121px 130px;
}
.article[data-id='6'] p {
  line-height: 2.13;
}
.article[data-id='6'] .inner .mado {
  width: fit-content;
  padding-inline: 60px;
  padding-block: 49px 47px;
  border-radius: 10px;
  background-color: #eaf5f8;
  margin-inline: auto;
  margin-top: 49px;
}
.article[data-id='6'] .inner .mado .link {
  color: #003586;
}