/* head 内で Noto Sans CJK JP を先に読み込んでおく */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+CJK+JP:wght@400;700;900&display=swap');

:root {
  /* 一番優先で Noto Sans CJK JP を指定 */
  --default-font-family: 'Noto Sans CJK JP', sans-serif;
}

.button{
  text-decoration: none;
}


 /* ニュース一覧 */
 .news-container .news-item {
  display: flex;
  align-items: baseline;   /* 日付とタイトルのベースライン揃え */
  width: 100%;
  padding: 8px 0;          /* 上下の余白 */
   }
  
   .news-container .news-item .date {
  flex: 0 0 100px;         /* 固定幅。内容に合わせて調整 */
  text-align: left;
   }
  
   .news-container .news-item .title {
  flex: 1;                 /* 残りスペースを全部使う */
  margin-left: 16px;       /* 日付からタイトルまでの間 */
  text-align: left;
   }

   /* 全体のフォントなどはお好みで */
#news-container {
  font-family: "Noto Sans JP", sans-serif;
}

/* 日付とタイトルを横並びにして左寄せ */
.news-item{
  display: flex;            /* 横並び */
  align-items: baseline;    /* 日付とタイトルのベースラインを揃える */
  gap: 1.5rem;              /* 日付↔タイトル間の固定幅（お好みで調整） */
  margin-bottom: .8rem;     /* 各行の下余白（任意） */
}

/* 日付部分のスタイル */
.news-item .date{
  flex: 0 0 auto;           /* 幅は内容分だけ。縮ませない */
  min-width: 8.5rem;        /* 日付が折り返さない程度の固定幅を確保 */
  font-weight: 700;         /* 任意：太字にするなど */
}

/* タイトル部分のスタイル */
.news-item .title{
  flex: 1 1 auto;           /* 残り幅いっぱいに広がる */
  margin: 0;                /* h3 デフォルト余白をリセット */
  font-size: 1rem;          /* 任意：見出しサイズを調整 */
}

  

.main-container {
  overflow: hidden;
  width: 100%;
}

body{
  margin: 0;
}

.main-container,
.main-container * {
  box-sizing: border-box;

}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  height: 6600px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
/* ————————————————————
   共通：横いっぱいに広げたい要素
   ———————————————————— */
   .full-width {
    position: relative;
    width: 100vw;
    /* ビューポートの中央に揃えるために左右マイナスオフセット */
    left: 50%;
    margin-left: -50vw;
    /* ※ right/margin-right は省略可 */
  }
  
  /* ————————————————————
     背景レイヤー
     ———————————————————— */
  .fv-bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover; /* 引き伸ばし */
    background-repeat: no-repeat;
    /* 例：カラー＋画像 */
    background: 
      linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0.1)),
      url(https://…/oGp6YgHgHD.png) center/cover no-repeat;
    z-index: 1;
  }
  
  /* ————————————————————
     コンテンツ幅制御
     ———————————————————— */
  .contents {
    position: relative; /* 背景より手前に */
    max-width: 1512px;
    width: 100%;
    margin: 0 auto;
    padding: 0 16px; /* 任意の左右余白 */
    z-index: 2;
  }
  
  /* 例：高さを固定したいとき */
  .fv {
    height: 960px; /* 必要に応じて */
    overflow: hidden;
  }
  

/* ── 追加 ── */
.container {
  position: relative;       /* 中の absolute はこのコンテナ基準に */
  width: 100%;
  max-width: 1512px;        /* デザインの横幅に合わせる */
  margin: 0 auto;           /* 画面幅が広くても中央に */
}

/* ── ファーストビューコンテナ ── */
.bg {
  position: relative;
  width: 100%;
  height: 960px;      /* 必要に応じて調整 */
  margin: 0;          /* 余分なマージンはリセット */
  overflow: hidden;
}

/* ── 背景レイヤー共通 ── */
.adobe-stock,
.group {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* ── 一番奥の画像 ── */
.adobe-stock {
  background-image: url(../img/oGp6YgHgHD.webp);
  z-index: 1;
  left: 30%;
}

/* ── その手前に重なる画像 ── */
.group {
  background-image: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/AJQ3vP4DDk.png);
  z-index: 2;
}
.header {
  position: fixed;
  top: 0;
  left: 0; right: 0;
  margin: 0 auto;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 25px 100px;
  background: transparent;             /* 最初は透過 */
  transition: background 0.3s ease;    /* スムーズに切り替え */
  z-index: 1000;
}

/* スクロールしてファーストビューを抜けたらこのクラスをON */
.header.scrolled {
  background: rgba(255,255,255,0.9);
}

.image {
  flex-shrink: 0;
  position: relative;
  width: 160px;
  height: 40px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/eeNbzGVJZU.png)
    no-repeat center;
  background-size: cover;
  z-index: 13;
}
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 200px;
  height: 40px;
  padding: 24px 120px 24px 120px;
  background: #cb2128;
  z-index: 14;
  border-radius: 52px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}
.contact {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 15px;
  color: #ffffff;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.75px;
  z-index: 15;
}
/* .text はコンテナ基準で絶対配置、left を小さめに */
.fv.full-width .text {
  position: absolute;
  top: 209px;       /* もともとの位置 */
  left: 40px;       /* ← ここで「コンテナ内の左から40px」に */
  width: 704px;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  flex-wrap: nowrap;
  gap: 31px;
  position: absolute;
  /* 必要なら right: auto; transform: none; */
}
.h {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  padding: 10px 0 10px 0;
  z-index: 6;
  border-radius: 20px;
}
.experience-program {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  height: 180px;
  color: #cb2128;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 62px;
  font-weight: 900;
  line-height: 89.776px;
  text-align: left;
  text-overflow: initial;
  letter-spacing: 6.2px;
  z-index: 7;
  overflow: hidden;
  text-shadow: 0 0 20px #ffffff;
}
.manufacturing-dx-ai {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 798px;
  height: 82px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 28px;
  font-weight: 900;
  line-height: 40.544px;
  text-align: left;
  text-overflow: initial;
  letter-spacing: 2.8px;
  z-index: 8;
  overflow: hidden;
  text-shadow: 0 0 20px #ffffff;
}
.manufacturing-experience {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 740px;
  height: 50px;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  z-index: 9;
  text-shadow: 0 0 20px #ffffff;
}
.button-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 320px;
  height: 60px;
  padding: 24px 120px 24px 120px;
  background: #cb2128;
  z-index: 10;
  border-radius: 52px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}
.contact-link {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #ffffff;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 2px;
  z-index: 11;
}
.wrap {
  position: relative;
  width: 100%;
  max-width: 1512px;
  margin: 0 auto;
  /* overflow や absolute は不要なら外す */
}
.marquee {
  overflow: hidden;
  position: relative;
}
.marquee .frame-2 {
  display: flex;
  animation: marquee 20s linear infinite;
  gap: 5%;       /* ← 適度な横間隔に */
}
.marquee:hover .frame-2 {
  animation-play-state: paused; /* ホバーで一時停止 */
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* imgを入れたコンテナ */
.logo-item {
  flex: 0 0 auto;
}

/* 縦横比を保って高さ60pxにフィット */
.logo-item img {
  display: block;
  object-fit: contain;
  height: 60px;
}

.dev {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  padding: 60px 0 80px 0;
  z-index: 17;
}
.frame {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  z-index: 18;
}
.media-event {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 52px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 36px;
  font-weight: 900;
  line-height: 52px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 3.6px;
  z-index: 19;
}
.frame-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 0 60px 0 60px;
}

.dev-a {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 44px;
  position: relative;
  padding: 60px 0 80px 0;
  background:
  linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,1)),
    url('https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/uXkUCFxUMs.png')
    no-repeat center/cover;
  background-size: cover;
  z-index: 28;
}
.news {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 1512px;
  height: 52px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 36px;
  font-weight: 900;
  line-height: 52px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 3.6px;
  z-index: 29;
}
.newscontent{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 1000px;
  padding: 48px 47px 38px 47px;
  background: #ffffff;
  z-index: 30;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 1000px;
  padding: 48px 47px 38px 47px;
  background: #ffffff;
  z-index: 30;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.frame-b {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 55px;
  position: relative;
  min-width: 0;
  z-index: 31;
}
.date {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 132px;
  height: 25px;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  white-space: nowrap;
  z-index: 32;
}
.news-title {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 719px;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 33;
}
.news-title-c {
  position: relative;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  text-decoration: underline;
}
.frame-d {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 55px;
  position: relative;
  min-width: 0;
  z-index: 34;
}
.date-e {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 132px;
  height: 25px;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  white-space: nowrap;
  z-index: 35;
}
.news-title-f {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  z-index: 36;
}
.news-title-10 {
  position: relative;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  text-decoration: underline;
}
.frame-11 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 55px;
  position: relative;
  min-width: 0;
  z-index: 37;
}
.date-12 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 132px;
  height: 25px;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  white-space: nowrap;
  z-index: 38;
}
.news-title-13 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 719px;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 39;
}
.news-title-14 {
  position: relative;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  text-decoration: underline;
}
.button-sub {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 200px;
  height: 40px;
  padding: 24px 120px 24px 120px;
  border: 1px solid #262626;
  z-index: 40;
  border-radius: 52px;
}
.see-more {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 15px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.75px;
  z-index: 41;
}
.dev-15 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  padding: 60px 0 80px 0;
  background: #ebf0fe;
  z-index: 42;
}
.contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  width: 1120px;
  z-index: 43;
}
.recommended-for {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 52px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 36px;
  font-weight: 900;
  line-height: 52px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 3.6px;
  z-index: 44;
}
.list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 45;
}
.list-16 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 340px;
  height: 360px;
  padding: 14px 70px 14px 70px;
  background: #ffffff;
  z-index: 46;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.layer {
  flex-shrink: 0;
  position: relative;
  width: 260px;
  height: 180px;
  z-index: 47;
  overflow: hidden;
}
.layer-17 {
  position: relative;
  width: 209px;
  height: 170px;
  margin: 7px 0 0 25px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/VpuS3RzQjX.png)
    no-repeat center;
  background-size: cover;
  z-index: 48;
  overflow: hidden;
}
.dx-promotion-anxiety {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 284px;
  height: 80px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 28.8px;
  text-align: center;
  z-index: 49;
}
.list-18 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 340px;
  height: 360px;
  padding: 14px 70px 14px 70px;
  background: #ffffff;
  z-index: 50;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.layer-19 {
  flex-shrink: 0;
  position: relative;
  width: 260px;
  height: 180px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/3Zcwgv7b7n.png)
    no-repeat center;
  background-size: cover;
  z-index: 51;
  overflow: hidden;
}
.self-company-digital {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 284px;
  height: 80px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 28.8px;
  text-align: center;
  z-index: 52;
}
.list-1a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 340px;
  height: 360px;
  padding: 14px 70px 14px 70px;
  background: #ffffff;
  z-index: 53;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.edit-mode {
  flex-shrink: 0;
  position: relative;
  width: 246px;
  height: 182px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/RVSfjxoOhq.png)
    no-repeat center;
  background-size: cover;
  z-index: 54;
  overflow: hidden;
}
.dx-challenge {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 284px;
  height: 80px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 28.8px;
  text-align: center;
  z-index: 55;
}
.dev-1b {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  padding: 60px 176px 80px 176px;
  background: #ffffff;
  z-index: 56;
}
.bg-1c {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 6.124px;
  position: absolute;
  width: 1068.054px;
  height: 365px;
  top: 0;
  left:0;
  z-index: 57;
  overflow: hidden;
}
.group-1d {
  flex-shrink: 0;
  position: relative;
  width: 1099.134px;
  height: 397.218px;
  z-index: 58;
}
.circle {
  position: absolute;
  width: 100%;
  height: 97.7%;
  top: 0;
   
  z-index: 62;
}
.clip-path-group {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
   
  z-index: 63;
}
.group-1e {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
   
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/1K8sX738q4.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 64;
}
.wave {
  position: absolute;
  width: 67.67%;
  height: 94.25%;
  top: 5.75%;
  left: 1.35%;
  z-index: 59;
}
.clip-path-group-1f {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
   
  z-index: 60;
}
.group-20 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
   
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/pYK19n0tab.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 61;
}
.bg-21 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 6.124px;
  position: absolute;
  width: 1068.054px;
  height: 365px;
  right: 0;
  bottom: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/TQfCO9pZ5e.png)
    no-repeat center;
  background-size: cover;
  z-index: 65;
  overflow: hidden;
}
.content-22 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  width: 1512px;
  z-index: 66;
}
.point {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 52px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 36px;
  font-weight: 900;
  line-height: 52px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 3.6px;
  z-index: 67;
}
.list-23 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  min-width: 0;
  z-index: 68;
}
.text-24 {
  flex-shrink: 0;
  position: relative;
  width: 910px;
  height: 93px;
  font-size: 0px;
  z-index: 69;
}
.experience-program-25 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 829px;
  height: 41px;
  margin: 15px 0 0 41px;
  color: #ffffff;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 28px;
  font-weight: 700;
  line-height: 40.544px;
  text-align: center;
  white-space: nowrap;
  z-index: 71;
}
.rectangle-26 {
  position: absolute;
  width: 910px;
  height: 93px;
  top: 0;
   
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/WFm3oRrQ6z.png)
    no-repeat center;
  background-size: cover;
  z-index: 70;
}
.list-27 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 28px;
  position: relative;
  width: 1120px;
  z-index: 72;
}
.list-28 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 36px;
  position: relative;
  min-width: 0;
  z-index: 73;
  border-radius: 20px;
}
.frame-29 {
  flex-shrink: 0;
  position: relative;
  width: 420px;
  height: 280px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/5v4qRjPy1J.png)
    no-repeat center;
  background-size: cover;
  z-index: 74;
}
.rectangle-2a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 568px;
  z-index: 75;
}
.number-01 {
  flex-shrink: 0;
  position: absolute;
  width: 320px;
  height: 36px;
  top: 115px;
  left: 158px;
  background: #ffeaae;
  z-index: 76;
}
.case-study {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 87px;
  height: 102px;
  color: #cb2128;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 80px;
  font-weight: 700;
  line-height: 102px;
  text-align: center;
  white-space: nowrap;
  z-index: 77;
}
.case-study-2b {
  flex-shrink: 0;
  position: relative;
  width: 568px;
  height: 130px;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 43.2px;
  text-align: left;
  z-index: 78;
}
.dx-ai-knowledge {
  position: relative;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 43.2px;
  text-align: left;
}
.dx-ai-knowledge-2c {
  position: relative;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 32px;
  font-weight: 700;
  line-height: 57.6px;
  text-align: left;
}
.learn {
  position: relative;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 43.2px;
  text-align: left;
}
.learn-2d {
  position: relative;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 43.2px;
  text-align: left;
}
.list-2e {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 36px;
  position: relative;
  min-width: 0;
  z-index: 79;
  border-radius: 20px;
}
.frame-2f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 568px;
  z-index: 80;
}
.rectangle-30 {
  flex-shrink: 0;
  position: absolute;
  width: 406px;
  height: 36px;
  top: 162px;
  left: -2px;
  background: #ffeaae;
  z-index: 81;
}
.number-02 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 87px;
  height: 102px;
  color: #cb2128;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 80px;
  font-weight: 700;
  line-height: 102px;
  text-align: center;
  white-space: nowrap;
  z-index: 82;
}
.real-experience {
  flex-shrink: 0;
  position: relative;
  width: 568px;
  height: 150px;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 43.2px;
  text-align: left;
  z-index: 83;
}
.real-experience-31 {
  position: relative;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 43.2px;
  text-align: left;
}
.dx-ai-tool-image {
  position: relative;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 32px;
  font-weight: 700;
  line-height: 57.6px;
  text-align: left;
}
.real-experience-32 {
  position: relative;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 43.2px;
  text-align: left;
}
.field-monitoring {
  flex-shrink: 0;
  position: relative;
  width: 420px;
  height: 280px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/Sx8W4CctYZ.png)
    no-repeat center;
  background-size: cover;
  z-index: 84;
}
.list-33 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 36px;
  position: relative;
  min-width: 0;
  z-index: 85;
  border-radius: 20px;
}
.frame-34 {
  flex-shrink: 0;
  position: relative;
  width: 420px;
  height: 280px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/0EZgUO94Py.png)
    no-repeat center;
  background-size: cover;
  z-index: 86;
}
.number-03 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 557px;
  z-index: 87;
}
.rectangle-35 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 87px;
  height: 102px;
  color: #cb2128;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 80px;
  font-weight: 700;
  line-height: 102px;
  text-align: center;
  white-space: nowrap;
  z-index: 88;
}
.rectangle-36 {
  flex-shrink: 0;
  position: absolute;
  width: 266px;
  height: 36px;
  top: 116px;
  left: 273px;
  background: #ffeaae;
  z-index: 89;
}
.dx-ai-transformation {
  flex-shrink: 0;
  position: absolute;
  width: 287px;
  height: 36px;
  top: 174px;
   
  background: #ffeaae;
  z-index: 90;
}
.dx-ai-transformation-37 {
  flex-shrink: 0;
  position: relative;
  width: 557px;
  height: 120px;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 43.2px;
  text-align: left;
  z-index: 91;
}
.learn-hints {
  position: relative;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 43.2px;
  text-align: left;
}
.learn-hints-38 {
  position: relative;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 32px;
  font-weight: 700;
  line-height: 43.2px;
  text-align: left;
}
.learn-39 {
  position: relative;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 43.2px;
  text-align: left;
}
.dev-3a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 70px;
  position: relative;
  min-width: 0;
  padding: 60px 176px 80px 176px;
  background: #ebf0fe;
  z-index: 92;
}
.h-3b {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  z-index: 93;
}
.program {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 52px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 36px;
  font-weight: 900;
  line-height: 52px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 3.6px;
  z-index: 94;
}
.example-curriculum {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 95;
}
.list-3c {
  flex-shrink: 0;
  position: relative;
  width: 1241px;
  height: 227px;
  z-index: 96;
}
.vector {
  position: relative;
  width: 1055.271px;
  height: 13px;
  margin: 117.5px 0 0 100.49px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/Ytk7NXqtZV.png)
    no-repeat center;
  background-size: cover;
  z-index: 97;
}
.list-3d {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 36px;
  position: absolute;
  width: 1241px;
  height: 227px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 98;
}
.list-3e {
  flex-shrink: 0;
  position: relative;
  width: 189px;
  height: 182.5px;
  font-size: 0px;
  z-index: 99;
}
.local-meeting {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 88px;
  height: 64px;
  margin: 55.5px 0 0 69px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 22px;
  font-weight: 900;
  line-height: 31.856px;
  text-align: center;
  text-overflow: initial;
  z-index: 100;
  overflow: hidden;
}
.group-3f {
  position: absolute;
  width: 189px;
  height: 182.5px;
  top: 0;
   
  z-index: 101;
}
.group-40 {
  position: absolute;
  width: 181px;
  height: 55px;
  top: 0;
   
  z-index: 104;
}
.ellipse {
  position: absolute;
  width: 55px;
  height: 55px;
  top: 0;
   
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/H6P5ZCPVRH.png)
    no-repeat center;
  background-size: cover;
  z-index: 105;
  border-radius: 50%;
}
.ellipse-41 {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 8.5px;
  left: 135px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/dx9fjdKGmV.png)
    no-repeat center;
  background-size: cover;
  z-index: 106;
  border-radius: 50%;
}
.number-1 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 19px;
  height: 30px;
  top: calc(50% - 16.5px);
  left: calc(50% - 73.5px);
  color: #ffffff;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  z-index: 107;
}
.ellipse-42 {
  position: absolute;
  width: 177px;
  height: 177px;
  top: 5.5px;
  left: 12px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/mjtHA7e5E8.png)
    no-repeat center;
  background-size: cover;
  z-index: 102;
  border-radius: 50%;
}
.minute {
  position: absolute;
  width: 32px;
  height: 20px;
  top: 21.5px;
  left: 50%;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  transform: translate(148.44%, 0);
  z-index: 109;
}
.number-15 {
  position: relative;
  color: #4766b5;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 20.416px;
  text-align: center;
}
.minute-43 {
  position: relative;
  color: #4766b5;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 20.416px;
  text-align: center;
}
.group-44 {
  position: absolute;
  width: 20.12%;
  height: 28.28%;
  top: 19.8%;
  left: 41.8%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/bOh5iyuvxa.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 103;
}
.local-meeting-45 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 88px;
  height: 58px;
  top: 105px;
  left: calc(50% - 38.5px);
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: center;
  text-overflow: initial;
  z-index: 108;
  overflow: hidden;
}
.list-46 {
  flex-shrink: 0;
  position: relative;
  width: 227px;
  height: 227px;
  font-size: 0px;
  z-index: 110;
}
.agenda-explanation {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 140px;
  height: 29px;
  margin: 103px 0 0 43px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: center;
  white-space: nowrap;
  z-index: 116;
}
.training-explanation {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 166px;
  height: 40px;
  margin: 7px 0 0 30px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20.272px;
  text-align: center;
  z-index: 119;
}
.ellipse-47 {
  position: absolute;
  width: 227px;
  height: 227px;
  top: 0;
   
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/vAmcHq6Wn2.png)
    no-repeat center;
  background-size: cover;
  z-index: 111;
  border-radius: 50%;
}
.group-48 {
  position: absolute;
  width: 211px;
  height: 55px;
  top: 4px;
  left: 3px;
  z-index: 112;
}
.ellipse-49 {
  position: absolute;
  width: 55px;
  height: 55px;
  top: 0;
   
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/Yf5QFSM1Yw.png)
    no-repeat center;
  background-size: cover;
  z-index: 113;
  border-radius: 50%;
}
.ellipse-4a {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 4px;
  left: 165px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/8NRuPp6Fj5.png)
    no-repeat center;
  background-size: cover;
  z-index: 114;
  border-radius: 50%;
}
.number-2 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 19px;
  height: 30px;
  top: calc(50% - 16.5px);
  left: calc(50% - 88.5px);
  color: #ffffff;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  z-index: 115;
}
.minute-4b {
  position: absolute;
  width: 23px;
  height: 20px;
  top: 21px;
  left: 50%;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  transform: translate(289.13%, 0);
  z-index: 118;
}
.number-5 {
  position: relative;
  color: #4766b5;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 20.416px;
  text-align: center;
}
.minute-4c {
  position: relative;
  color: #4766b5;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 20.416px;
  text-align: center;
}
.group-4d {
  position: absolute;
  width: 21.15%;
  height: 23.79%;
  top: 14.98%;
  left: 39.21%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/nfjhLuOMHP.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 117;
}
.list-4e {
  flex-shrink: 0;
  position: relative;
  width: 227px;
  height: 227px;
  font-size: 0px;
  z-index: 120;
}
.company-overview {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 140px;
  height: 29px;
  margin: 103px 0 0 43.5px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: center;
  white-space: nowrap;
  z-index: 126;
}
.dx-background {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 98px;
  height: 40px;
  margin: 11px 0 0 64.5px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20.272px;
  text-align: center;
  z-index: 129;
}
.ellipse-4f {
  position: absolute;
  width: 227px;
  height: 227px;
  top: 0;
   
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/go35Y7H8gT.png)
    no-repeat center;
  background-size: cover;
  z-index: 121;
  border-radius: 50%;
}
.group-50 {
  position: absolute;
  width: 211px;
  height: 55px;
  top: 4px;
  left: 3.5px;
  z-index: 122;
}
.ellipse-51 {
  position: absolute;
  width: 55px;
  height: 55px;
  top: 0;
   
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/OMnAE5JShp.png)
    no-repeat center;
  background-size: cover;
  z-index: 123;
  border-radius: 50%;
}
.ellipse-52 {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 4px;
  left: 165px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/39fMvqGUzv.png)
    no-repeat center;
  background-size: cover;
  z-index: 124;
  border-radius: 50%;
}
.number-3 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 19px;
  height: 30px;
  top: calc(50% - 16.5px);
  left: calc(50% - 88.5px);
  color: #ffffff;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  z-index: 125;
}
.minute-53 {
  position: absolute;
  width: 32px;
  height: 20px;
  top: 21px;
  left: 50%;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  transform: translate(193.75%, 0);
  z-index: 128;
}
.number-30 {
  position: relative;
  color: #4766b5;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 20.416px;
  text-align: center;
}
.minute-54 {
  position: relative;
  color: #4766b5;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 20.416px;
  text-align: center;
}
.group-55 {
  position: absolute;
  width: 23.04%;
  height: 23.04%;
  top: 16.68%;
  left: 37.16%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/sV0knFfAF0.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 127;
}
.list-56 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 36px;
  position: relative;
  width: 490px;
  z-index: 130;
}
.group-57 {
  flex-shrink: 0;
  position: relative;
  width: 227px;
  height: 227px;
  font-size: 0px;
  z-index: 131;
}
.manufacturing-dx {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 128px;
  height: 29px;
  margin: 103px 0 0 49px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: center;
  white-space: nowrap;
  z-index: 138;
}
.manufacturing-tour {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 161px;
  height: 40px;
  margin: 7px 0 0 33px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20.272px;
  text-align: center;
  z-index: 140;
}
.ellipse-58 {
  position: absolute;
  width: 227px;
  height: 227px;
  top: 0;
   
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/vXCvQp6LWu.png)
    no-repeat center;
  background-size: cover;
  z-index: 132;
  border-radius: 50%;
}
.group-59 {
  position: absolute;
  width: 214px;
  height: 55px;
  top: 4px;
  left: 3px;
  z-index: 134;
}
.ellipse-5a {
  position: absolute;
  width: 55px;
  height: 55px;
  top: 0;
   
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/DT5EXXFo9e.png)
    no-repeat center;
  background-size: cover;
  z-index: 135;
  border-radius: 50%;
}
.ellipse-5b {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 4px;
  left: 168px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/i99Cvxq0L6.png)
    no-repeat center;
  background-size: cover;
  z-index: 136;
  border-radius: 50%;
}
.union {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 19px;
  height: 30px;
  top: calc(50% - 16.5px);
  left: calc(50% - 90px);
  color: #ffffff;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  z-index: 137;
}
.group-e {
  position: absolute;
  width: 32px;
  height: 20px;
  top: 21px;
  left: 50%;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  transform: translate(201.56%, 0);
  z-index: 139;
}
.text-36 {
  position: relative;
  color: #4766b5;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 20.416px;
  text-align: center;
}
.text-37 {
  position: relative;
  color: #4766b5;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 20.416px;
  text-align: center;
}
.pic-19 {
  position: absolute;
  width: 69.659px;
  height: 67.514px;
  top: 25.309px;
  left: 79px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/9mQcNx8rNr.png)
    no-repeat center;
  background-size: cover;
  z-index: 133;
}
.group-5c {
  flex-shrink: 0;
  position: relative;
  width: 227px;
  height: 227px;
  font-size: 0px;
  z-index: 141;
}
.span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 128px;
  height: 29px;
  margin: 103px 0 0 49px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: center;
  white-space: nowrap;
  z-index: 147;
}
.span-5d {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 173px;
  height: 40px;
  margin: 11px 0 0 27px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20.272px;
  text-align: center;
  z-index: 150;
}
.ellipse-5e {
  position: absolute;
  width: 227px;
  height: 227px;
  top: 0;
   
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/ER1mNCos4X.png)
    no-repeat center;
  background-size: cover;
  z-index: 142;
  border-radius: 50%;
}
.group-5f {
  position: absolute;
  width: 212px;
  height: 57px;
  top: 4px;
  left: 3px;
  z-index: 143;
}
.ellipse-60 {
  position: absolute;
  width: 55px;
  height: 55px;
  top: 0;
   
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/zbC0a0Ovii.png)
    no-repeat center;
  background-size: cover;
  z-index: 144;
  border-radius: 50%;
}
.ellipse-61 {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 11px;
  left: 166px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/B53aHXRd7y.png)
    no-repeat center;
  background-size: cover;
  z-index: 145;
  border-radius: 50%;
}
.span-62 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 19px;
  height: 30px;
  top: calc(50% - 17.5px);
  left: calc(50% - 89px);
  color: #ffffff;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  z-index: 146;
}
.min {
  position: absolute;
  width: 32px;
  height: 20px;
  top: 28px;
  left: 50%;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  transform: translate(198.44%, 0);
  z-index: 149;
}
.span-63 {
  position: relative;
  color: #4766b5;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 20.416px;
  text-align: center;
}
.min-64 {
  position: relative;
  color: #4766b5;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 20.416px;
  text-align: center;
}
.group-65 {
  position: absolute;
  width: 25.15%;
  height: 21.61%;
  top: 13.65%;
  left: 37.44%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/AHdeWsDgyk.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 148;
}
.content-66 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 30px;
  position: relative;
  z-index: 151;
}
.span-67 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 41px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 28px;
  font-weight: 900;
  line-height: 40.544px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 2.8px;
  z-index: 152;
}
.list-68 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 1120px;
  z-index: 153;
}
.list-69 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  min-width: 0;
  z-index: 154;
}
.frame-6a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 36px;
  position: relative;
  padding: 30px 36px 30px 36px;
  background: #ffffff;
  z-index: 155;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.group-6b {
  flex-shrink: 0;
  position: relative;
  width: 80px;
  height: 69px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/9ygOwwZvuH.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 156;
}
.frame-6c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 16px;
  position: relative;
  z-index: 157;
}
.span-6d {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 61px;
  height: 29px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 2px;
  z-index: 158;
}
.span-6e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 362px;
  height: 104px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: left;
  z-index: 159;
}
.frame-6f {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 36px;
  position: relative;
  padding: 30px 36px 30px 36px;
  background: #ffffff;
  z-index: 160;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.group-70 {
  flex-shrink: 0;
  position: relative;
  width: 80px;
  height: 82.001px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/Z8i162Nspm.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 161;
}
.frame-71 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 16px;
  position: relative;
  z-index: 162;
}
.span-72 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 79px;
  height: 29px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 2px;
  z-index: 163;
}
.span-73 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 362px;
  height: 104px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: left;
  z-index: 164;
}
.list-74 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  min-width: 0;
  z-index: 165;
}
.frame-75 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 36px;
  position: relative;
  padding: 30px 36px 30px 36px;
  background: #ffffff;
  z-index: 166;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.edit-mode-76 {
  flex-shrink: 0;
  position: relative;
  width: 80px;
  height: 88px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/9sFS414NBM.png)
    no-repeat center;
  background-size: cover;
  z-index: 167;
  overflow: hidden;
}
.frame-77 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 16px;
  position: relative;
  z-index: 168;
}
.span-78 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 23px;
  height: 29px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 2px;
  z-index: 169;
}
.span-79 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 362px;
  height: 78px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: left;
  z-index: 170;
}
.frame-7a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 36px;
  position: relative;
  padding: 30px 36px 30px 36px;
  background: #ffffff;
  z-index: 171;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.group-7b {
  flex-shrink: 0;
  position: relative;
  width: 80px;
  height: 80px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/q1jL2kHFCZ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 172;
}
.frame-7c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 16px;
  position: relative;
  z-index: 173;
}
.span-7d {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 2px;
  z-index: 174;
}
.span-7e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 362px;
  height: 78px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: left;
  z-index: 175;
}
.dev-7f {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 30px;
  position: relative;
  min-width: 0;
  padding: 80px 0 80px 0;
  z-index: 176;
  border-radius: 30px;
}
.span-80 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 41px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 28px;
  font-weight: 900;
  line-height: 40.544px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 2.8px;
  z-index: 177;
}
.list-81 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 178;
}
.list-82 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  width: 393.324px;
  z-index: 179;
}
.frame-83 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  width: 102px;
  z-index: 180;
}
.layer-84 {
  flex-shrink: 0;
  position: relative;
  width: 100px;
  height: 100px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/m4LUdBWsmR.png)
    no-repeat center;
  background-size: cover;
  z-index: 181;
  overflow: hidden;
}
.span-85 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 182;
}
.frame-86 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 289.324px;
  z-index: 183;
}
.group-87 {
  flex-shrink: 0;
  position: relative;
  width: 289.324px;
  height: 110px;
  font-size: 0px;
  z-index: 184;
}
.span-88 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 240px;
  height: 78px;
  margin: 21px 0 0 29.586px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: left;
  z-index: 186;
}
.union-89 {
  position: absolute;
  width: 289.324px;
  height: 110px;
  top: 0;
   
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/TouPmNEAu9.png)
    no-repeat center;
  background-size: cover;
  z-index: 185;
}
.list-8a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  width: 393.758px;
  z-index: 187;
}
.frame-8b {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  width: 102px;
  z-index: 188;
}
.layer-8c {
  flex-shrink: 0;
  position: relative;
  width: 100px;
  height: 100px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/uk4BSExy3y.png)
    no-repeat center;
  background-size: cover;
  z-index: 189;
  overflow: hidden;
}
.span-8d {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 190;
}
.frame-8e {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 289.758px;
  z-index: 191;
}
.group-8f {
  flex-shrink: 0;
  position: relative;
  width: 289.758px;
  height: 115px;
  z-index: 192;
}
.union-90 {
  position: absolute;
  width: 289.758px;
  height: 110px;
  top: 0;
   
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/QV9r0mJrMQ.png)
    no-repeat center;
  background-size: cover;
  z-index: 193;
}
.digital-technology-utilization {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 240px;
  height: 104px;
  top: calc(50% - 46.5px);
  left: calc(50% - 114.68px);
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: left;
  z-index: 194;
}
.list-91 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  width: 391.744px;
  z-index: 195;
}
.frame-92 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  width: 100px;
  z-index: 196;
}
.layer-93 {
  flex-shrink: 0;
  position: relative;
  width: 100px;
  height: 100px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/GLCgogWmxj.png)
    no-repeat center;
  background-size: cover;
  z-index: 197;
  overflow: hidden;
}
.university-professor {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 198;
}
.frame-94 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 289.744px;
  z-index: 199;
}
.group-95 {
  flex-shrink: 0;
  position: relative;
  width: 289.744px;
  height: 110px;
  font-size: 0px;
  z-index: 200;
}
.surprise-at-dx-of-smes {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 240px;
  height: 78px;
  margin: 22px 0 0 30.805px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: left;
  z-index: 202;
}
.union-96 {
  position: absolute;
  width: 289.744px;
  height: 110px;
  top: 0;
   
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/RDQ7sFtTYF.png)
    no-repeat center;
  background-size: cover;
  z-index: 201;
}
.dev-97 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 44px;
  position: relative;
  padding: 60px 0 80px 0;
  background:
  linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,1)),
    url('https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/uXkUCFxUMs.png')
    no-repeat center/cover;
  background-size: cover;
  z-index: 203;
}
.dx-ai-support-business-introduction {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 1512px;
  height: 52px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 36px;
  font-weight: 900;
  line-height: 52px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 3.6px;
  z-index: 204;
}
.content-98 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  width: 1120px;
  padding: 48px 60px 38px 60px;
  background: #ffffff;
  z-index: 205;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.digital-transformation-case-study {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 1000px;
  min-width: 0;
  height: 116px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 28.8px;
  text-align: left;
  z-index: 206;
}
.list-99 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 207;
}
.list-9a {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 290px;
  z-index: 208;
}
.rectangle-9b {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 210px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/xSU4refLqd.png)
    no-repeat center;
  background-size: cover;
  z-index: 209;
}
.frame-9c {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 9px;
  position: relative;
  z-index: 210;
}
.dx-introduction-support {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 36px;
  color: #cb2128;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 25px;
  font-weight: 900;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 211;
}
.digital-tool-selection-support {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 78px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: center;
  text-overflow: initial;
  z-index: 212;
  overflow: hidden;
}
.list-9d {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 290px;
  z-index: 213;
}
.rectangle-9e {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 210px;
  background: rgba(217, 217, 217, 0.2)
    url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/uwtiF6toJW.png)
    no-repeat center;
  background-size: cover;
  z-index: 214;
}
.frame-9f {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 9px;
  position: relative;
  z-index: 215;
}
.densho-ai {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 36px;
  color: #cb2128;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 25px;
  font-weight: 900;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 216;
}
.ai-tool-for-solving-manufacturing-challenges {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 52px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: center;
  z-index: 217;
}
.list-a0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 290px;
  z-index: 218;
}
.rectangle-a1 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 210px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/h0P1YWY8hi.png)
    no-repeat center;
  background-size: cover;
  z-index: 219;
}
.frame-a2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 9px;
  position: relative;
  z-index: 220;
}
.dx-training {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 36px;
  color: #cb2128;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 25px;
  font-weight: 900;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 221;
}
.training-for-manufacturing-talent-to-utilize-digital-tools-and-ai-technology {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 192px;
  height: 78px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: center;
  text-overflow: initial;
  z-index: 222;
  overflow: hidden;
}
.banner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 30px;
  position: relative;
  min-width: 0;
  z-index: 223;
}
.banner-a3 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 554px;
  height: 140px;
  z-index: 224;
}
.frame-a4 {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 36px;
  position: relative;
  min-width: 0;
  height: 140px;
  padding: 10px 60px 10px 60px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/j5m5yrv696.png)
    no-repeat center;
  background-size: cover;
  z-index: 225;
}
.banner-a5 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 36px;
  position: relative;
  width: 554px;
  height: 140px;
  padding: 10px 32px 10px 32px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/GnwqunqGMH.png)
    no-repeat center;
  background-size: cover;
  z-index: 226;
}
.dev-a6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  min-width: 0;
  padding: 60px 176px 80px 176px;
  background: #f5f5f5;
  z-index: 227;
}
.logo {
  flex-shrink: 0;
  position: relative;
  width: 100px;
  height: 120px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-05/5EKGQALaz4.png)
    no-repeat center;
  background-size: cover;
  z-index: 228;
}
.text-a7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 760px;
  z-index: 229;
}
.frame-a8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  min-width: 0;
  z-index: 230;
}
.frame-a9 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 26px;
  position: relative;
  z-index: 231;
}
.operating-company {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 200px;
  height: 26px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: right;
  white-space: nowrap;
  z-index: 232;
}
.autec-corporation {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 107px;
  height: 26px;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 233;
}
.frame-aa {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 26px;
  position: relative;
  z-index: 234;
}
.text-ab {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 200px;
  height: 26px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: right;
  white-space: nowrap;
  z-index: 235;
}
.address {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 275px;
  height: 26px;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 236;
}
.frame-ac {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 26px;
  position: relative;
  min-width: 0;
  z-index: 237;
}
.phone-number {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 200px;
  height: 26px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: right;
  white-space: nowrap;
  z-index: 238;
}
.phone-number-details {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 396px;
  height: 26px;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 239;
}
.frame-ad {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 26px;
  position: relative;
  min-width: 0;
  z-index: 240;
}
.email {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 200px;
  height: 26px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: right;
  white-space: nowrap;
  z-index: 241;
}
.email-address {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 137px;
  height: 26px;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 16px;:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  width: 402px;
  height: 9788px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  width: 402px;
  height: 72px;
  margin: 0 0 0 0;
  padding: 25px 20px 25px 20px;
  background: rgba(255, 255, 255, 0);
  z-index: 237;
}
.image {
  flex-shrink: 0;
  position: relative;
  width: 120px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/VjzaYoj2WU.png)
    no-repeat center;
  background-size: cover;
  z-index: 238;
}
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 160px;
  height: 40px;
  padding: 24px 120px 24px 120px;
  background: #cb2128;
  z-index: 239;
  border-radius: 52px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}
.contact {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 15px;
  color: #ffffff;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.75px;
  z-index: 240;
}
.frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 402px;
  height: 9827.702px;
  top: 0;
  left: 0;
}
.fv {
  flex-shrink: 0;
  position: relative;
  width: 402px;
  height: 865.499px;
  z-index: 1;
}
.bg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 402px;
  height: 702px;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
}
.clip-path-group {
  flex-shrink: 0;
  position: relative;
  width: 707.694px;
  height: 930.768px;
  z-index: 3;
}
.group {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/uzmiRCcuod.webp)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 4;
}
.adobe-stock {
  flex-shrink: 0;
  position: absolute;
  width: 621.714px;
  height: 309px;
  top: 74px;
  left: -109.499px;
  background: url(../img/rGpczvHbNV.webp)
    no-repeat center;
  background-size: cover;
  z-index: 5;
}
.text {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 20px;
  position: absolute;
  width: 367px;
  height: 469px;
  top: 396.499px;
  left: 50%;
  transform: translate(-50.14%, 0);
  z-index: 6;
}
.experience-program {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 367px;
  min-width: 0;
  height: 104px;
  color: #cb2128;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 36px;
  font-weight: 900;
  line-height: 52.128px;
  text-align: left;
  z-index: 7;
  text-shadow: 0 0 20px #ffffff;
}
.knowledge-sharing {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 367px;
  min-width: 0;
  height: 84px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 19px;
  font-weight: 900;
  line-height: 27.512px;
  text-align: left;
  letter-spacing: 1.9px;
  z-index: 8;
  text-shadow: 0 0 14px #ffffff;
}
.kaizen-experience {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 367px;
  height: 104px;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: left;
  z-index: 9;
}
.contact-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 320px;
  height: 60px;
  padding: 24px 120px 24px 120px;
  background: #cb2128;
  z-index: 10;
  border-radius: 52px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}
.contact-link {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #ffffff;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 2px;
  z-index: 11;
}
.div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 28px;
  position: relative;
  width: 402px;
  height: 371.2px;
  padding: 40px 0 60px 0;
  z-index: 12;
}
.media-events {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 29px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 2px;
  z-index: 13;
}
.frame-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 14px;
  position: relative;
  min-width: 0;
  padding: 0 20px 0 20px;
  z-index: 14;
}
.frame-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 7px;
  position: relative;
  width: 184.8px;
  height: 61.6px;
  padding: 9.8px 49px 9.8px 49px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/WGpiUvJG94.png)
    no-repeat center;
  background-size: cover;
  z-index: 17;
}
.frame-4 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 7px;
  position: relative;
  width: 132.2px;
  height: 61.6px;
  padding: 9.8px 28px 9.8px 28px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/d06t0Joxu0.png)
    no-repeat center;
  background-size: cover;
  z-index: 15;
}
.frame-5 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 7px;
  position: relative;
  width: 95px;
  height: 42px;
  padding: 9.8px 49px 9.8px 49px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/Tc3P7hoE4i.png)
    no-repeat center;
  background-size: cover;
  z-index: 19;
}
.frame-6 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10.5px;
  position: relative;
  width: 108px;
  height: 63px;
  padding: 14.7px 73.5px 14.7px 73.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/9RqNNttJjQ.png)
    no-repeat center;
  background-size: cover;
  z-index: 20;
}
.frame-7 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 7px;
  position: relative;
  width: 184.8px;
  height: 61.6px;
  padding: 9.8px 49px 9.8px 49px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/LOMK27VFXQ.png)
    no-repeat center;
  background-size: cover;
  z-index: 16;
}
.frame-8 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 7px;
  position: relative;
  width: 141px;
  height: 47px;
  padding: 9.8px 49px 9.8px 49px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/3Z1u2Djoeh.png)
    no-repeat center;
  background-size: cover;
  z-index: 18;
}
.frame-9 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10.5px;
  position: relative;
  width: 73px;
  height: 56px;
  padding: 14.7px 73.5px 14.7px 73.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/q4sZKdA8v2.png)
    no-repeat center;
  background-size: cover;
  z-index: 21;
}
.div-a {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  min-width: 0;
  height: 593px;
  padding: 40px 20px 60px 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/AkTbRoY0nj.png)
    no-repeat center;
  background-size: cover;
  z-index: 22;
}
.div-b {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  min-width: 0;
  padding: 40px 0 60px 0;
  background: #ebf0fe;
  z-index: 23;
}
.recommended-for {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 35px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 900;
  line-height: 34.752px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 2.4px;
  z-index: 24;
}
.list {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 340px;
  z-index: 25;
}
.list-c {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 340px;
  height: 320px;
  padding: 14px 70px 14px 70px;
  background: #ffffff;
  z-index: 26;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.layer {
  flex-shrink: 0;
  position: relative;
  width: 260px;
  height: 180px;
  z-index: 27;
  overflow: hidden;
}
.layer-d {
  position: relative;
  width: 209px;
  height: 170px;
  margin: 7px 0 0 25px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/ipzMstU77o.png)
    no-repeat center;
  background-size: cover;
  z-index: 28;
  overflow: hidden;
}
.dx-anxiety {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 284px;
  height: 80px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: left;
  z-index: 29;
}
.list-e {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 340px;
  height: 320px;
  padding: 14px 70px 14px 70px;
  background: #ffffff;
  z-index: 30;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.digital-technology {
  flex-shrink: 0;
  position: relative;
  width: 260px;
  height: 180px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/WsProhKuJh.png)
    no-repeat center;
  background-size: cover;
  z-index: 31;
  overflow: hidden;
}
.digital-technology-anxiety {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 284px;
  height: 80px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: left;
  z-index: 32;
}
.list-f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 340px;
  height: 320px;
  padding: 14px 70px 14px 70px;
  background: #ffffff;
  z-index: 33;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.edit-mode {
  flex-shrink: 0;
  position: relative;
  width: 246px;
  height: 182px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/wWUB3DJiSC.png)
    no-repeat center;
  background-size: cover;
  z-index: 34;
  overflow: hidden;
}
.dx-implementation {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 284px;
  height: 80px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: left;
  z-index: 35;
}
.div-10 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  padding: 40px 176px 60px 176px;
  background: #ffffff;
  z-index: 36;
}
.bg-11 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2.55px;
  position: absolute;
  width: 444.779px;
  height: 152px;
  top: 0;
  left: 0;
  z-index: 37;
  overflow: hidden;
}
.group-12 {
  flex-shrink: 0;
  position: relative;
  width: 457.721px;
  height: 165.416px;
  z-index: 38;
}
.circle {
  position: absolute;
  width: 100%;
  height: 97.7%;
  top: 0;
  left: 0;
  z-index: 42;
}
.clip-path-group-13 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 43;
}
.group-14 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/KAH2HnzgWf.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 44;
}
.wave {
  position: absolute;
  width: 67.67%;
  height: 94.26%;
  top: 5.74%;
  left: 1.35%;
  z-index: 39;
}
.clip-path-group-15 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 40;
}
.group-16 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/ZXVdaLTYTP.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 41;
}
.bg-17 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2.416px;
  position: absolute;
  width: 421.369px;
  height: 144px;
  right: 0;
  bottom: 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/SwJ3ZRE7tA.png)
    no-repeat center;
  background-size: cover;
  z-index: 45;
  overflow: hidden;
}
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 370px;
  z-index: 46;
}
.point {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 104px;
  height: 35px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 900;
  line-height: 34.752px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 2.4px;
  z-index: 47;
}
.list-18 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  z-index: 48;
}
.text-19 {
  flex-shrink: 0;
  position: relative;
  width: 370px;
  height: 73px;
  font-size: 0px;
  z-index: 49;
}
.experience-program-1a {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 330px;
  height: 52px;
  margin: 3px 0 0 21px;
  color: #ffffff;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: center;
  text-overflow: initial;
  z-index: 51;
  overflow: hidden;
}
.rectangle {
  position: absolute;
  width: 370px;
  height: 73px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/Y0t02iTb2s.png)
    no-repeat center;
  background-size: cover;
  z-index: 50;
}
.list-1b {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 28px;
  position: relative;
  z-index: 52;
}
.list-1c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 53;
  border-radius: 20px;
}
.factory-tour-scenery {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 246.667px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/gC4eOtMWKs.png)
    no-repeat center;
  background-size: cover;
  z-index: 54;
}
.frame-1d {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 347px;
  z-index: 55;
}
.text-d {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 65px;
  height: 77px;
  color: #cb2128;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 77px;
  text-align: center;
  white-space: nowrap;
  z-index: 58;
}
.rectangle-1e {
  flex-shrink: 0;
  position: absolute;
  width: 73px;
  height: 22px;
  top: 42.333px;
  left: 77px;
  background: #ffeaae;
  z-index: 57;
}
.case-study {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 270px;
  height: 58px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 28.8px;
  text-align: left;
  text-overflow: initial;
  z-index: 59;
  overflow: hidden;
}
.rectangle-1f {
  flex-shrink: 0;
  position: absolute;
  width: 114px;
  height: 22px;
  top: 15.333px;
  left: 195px;
  background: #ffeaae;
  z-index: 56;
}
.list-20 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 60;
  border-radius: 20px;
}
.factory-tour-scenery-21 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 246.667px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/j3ThPG87Wr.png)
    no-repeat center;
  background-size: cover;
  z-index: 61;
}
.frame-22 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  z-index: 62;
}
.text-f {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 65px;
  height: 77px;
  color: #cb2128;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 77px;
  text-align: center;
  white-space: nowrap;
  z-index: 64;
}
.hands-on-experience {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 293px;
  height: 87px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 28.8px;
  text-align: left;
  z-index: 65;
}
.rectangle-23 {
  flex-shrink: 0;
  position: absolute;
  width: 228px;
  height: 22px;
  top: 29.666px;
  left: 110px;
  background: #ffeaae;
  z-index: 63;
}
.list-24 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 66;
  border-radius: 20px;
}
.factory-tour-scenery-25 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 246.667px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/bY1mH9hJ0M.png)
    no-repeat center;
  background-size: cover;
  z-index: 67;
}
.frame-26 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  z-index: 68;
}
.text-11 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 65px;
  height: 77px;
  color: #cb2128;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 77px;
  text-align: center;
  white-space: nowrap;
  z-index: 71;
}
.transformation-hints {
  flex-shrink: 0;
  position: absolute;
  width: 235px;
  height: 22px;
  top: 30px;
  left: 75px;
  background: #ffeaae;
  z-index: 69;
}
.rectangle-27 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 293px;
  height: 87px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 28.8px;
  text-align: left;
  z-index: 72;
}
.rectangle-28 {
  flex-shrink: 0;
  position: absolute;
  width: 81px;
  height: 22px;
  top: 3px;
  left: 281px;
  background: #ffeaae;
  z-index: 70;
}
.div-29 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  min-width: 0;
  padding: 40px 0 60px 0;
  background: #ebf0fe;
  z-index: 73;
}
.frame-2a {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 74;
}
.program {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 194px;
  height: 52px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 36px;
  font-weight: 900;
  line-height: 52px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 3.6px;
  z-index: 75;
}
.curriculum-note {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
  z-index: 76;
}
.contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 397px;
  z-index: 77;
}
.list-2b {
  flex-shrink: 0;
  position: relative;
  width: 374px;
  height: 147px;
  font-size: 0px;
  z-index: 78;
}
.assembly-reception {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 71px;
  height: 50px;
  margin: 58.399px 0 0 74.224px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 17.600000381469727px;
  font-weight: 900;
  line-height: 25.485px;
  text-align: center;
  z-index: 79;
}
.group-2c {
  position: absolute;
  width: 374px;
  height: 147px;
  top: 0;
  left: 0;
  z-index: 80;
}
.group-2d {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 0;
  left: 0;
  font-size: 0px;
  z-index: 86;
}
.text-16 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 15.2px;
  height: 24px;
  margin: 9px 0 0 21.016px;
  color: #ffffff;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 34px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 88;
}
.ellipse {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/CmdwBhHOEc.png)
    no-repeat center;
  background-size: cover;
  z-index: 87;
  border-radius: 50%;
}
.ellipse-2e {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 9px;
  left: 316px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/UjumctD76s.png)
    no-repeat center;
  background-size: cover;
  z-index: 89;
  border-radius: 50%;
}
.frame-2f {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 16px;
  position: absolute;
  width: 360px;
  height: 130px;
  top: 17px;
  left: 9px;
  padding: 30px 36px 30px 56px;
  background: #ffffff;
  border: 2px solid #4766b5;
  z-index: 81;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.frame-30 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 54px;
  z-index: 82;
}
.group-31 {
  flex-shrink: 0;
  position: relative;
  width: 45.643px;
  height: 61.945px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/QNHn2BkOL2.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 83;
}
.frame-32 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 84;
}
.assembly-reception-33 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 2px;
  z-index: 85;
}
.text-18 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 42px;
  height: 28px;
  top: 24.8px;
  left: calc(50% - -137.61px);
  color: #4766b5;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  white-space: nowrap;
  z-index: 90;
}
.list-34 {
  flex-shrink: 0;
  position: relative;
  width: 374px;
  height: 147px;
  font-size: 0px;
  z-index: 91;
}
.assembly-reception-35 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 71px;
  height: 50px;
  margin: 58.399px 0 0 74.224px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 17.600000381469727px;
  font-weight: 900;
  line-height: 25.485px;
  text-align: center;
  z-index: 92;
}
.group-36 {
  position: absolute;
  width: 374px;
  height: 147px;
  top: 0;
  left: 0;
  z-index: 93;
}
.group-37 {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 0;
  left: 0;
  font-size: 0px;
  z-index: 100;
}
.span {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 15.2px;
  height: 24px;
  margin: 9px 0 0 21.016px;
  color: #ffffff;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 34px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 102;
}
.ellipse-38 {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/b4iDtdGJT5.png)
    no-repeat center;
  background-size: cover;
  z-index: 101;
  border-radius: 50%;
}
.ellipse-39 {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 9px;
  left: 316px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/DBGQd6SU2J.png)
    no-repeat center;
  background-size: cover;
  z-index: 103;
  border-radius: 50%;
}
.frame-3a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 16px;
  position: absolute;
  width: 360px;
  height: 130px;
  top: 17px;
  left: 9px;
  padding: 30px 36px 30px 56px;
  background: #ffffff;
  border: 2px solid #4766b5;
  z-index: 94;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.frame-3b {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 54px;
  z-index: 95;
}
.group-3c {
  flex-shrink: 0;
  position: relative;
  width: 54px;
  height: 60.75px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/Y4Rs3kbBDK.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 96;
}
.frame-3d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 97;
}
.agenda-description {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 2px;
  z-index: 98;
}
.training-overview {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 198px;
  height: 44px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: left;
  z-index: 99;
}
.text-1d {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 30px;
  height: 28px;
  top: 24.8px;
  left: calc(50% - -143.61px);
  color: #4766b5;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  white-space: nowrap;
  z-index: 104;
}
.list-3e {
  flex-shrink: 0;
  position: relative;
  width: 374px;
  height: 147px;
  font-size: 0px;
  z-index: 105;
}
.on-site-registration {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 71px;
  height: 50px;
  margin: 58.399px 0 0 74.224px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 17.600000381469727px;
  font-weight: 900;
  line-height: 25.485px;
  text-align: center;
  z-index: 106;
}
.group-3f {
  position: absolute;
  width: 374px;
  height: 147px;
  top: 0;
  left: 0;
  z-index: 107;
}
.group-40 {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 0;
  left: 0;
  font-size: 0px;
  z-index: 113;
}
.span-41 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 15.2px;
  height: 24px;
  margin: 9px 0 0 21.016px;
  color: #ffffff;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 34px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 115;
}
.ellipse-42 {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/a1DEooxyQF.png)
    no-repeat center;
  background-size: cover;
  z-index: 114;
  border-radius: 50%;
}
.ellipse-43 {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 9px;
  left: 316px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/3W9eHnpXNd.png)
    no-repeat center;
  background-size: cover;
  z-index: 116;
  border-radius: 50%;
}
.frame-44 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 16px;
  position: absolute;
  width: 360px;
  height: 130px;
  top: 17px;
  left: 9px;
  padding: 30px 36px 30px 56px;
  background: #ffffff;
  border: 2px solid #4766b5;
  z-index: 108;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.group-45 {
  flex-shrink: 0;
  position: relative;
  width: 53.999px;
  height: 54px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/bEoAc4RSYh.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 109;
}
.frame-46 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 110;
}
.company-overview {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 2px;
  z-index: 111;
}
.dx-introduction {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 112;
}
.text-22 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 42px;
  height: 28px;
  top: 24.8px;
  left: calc(50% - -137.61px);
  color: #4766b5;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  white-space: nowrap;
  z-index: 117;
}
.list-47 {
  flex-shrink: 0;
  position: relative;
  width: 374px;
  height: 147px;
  font-size: 0px;
  z-index: 118;
}
.on-site-registration-48 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 71px;
  height: 50px;
  margin: 58.399px 0 0 74.224px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 17.600000381469727px;
  font-weight: 900;
  line-height: 25.485px;
  text-align: center;
  z-index: 119;
}
.group-49 {
  position: absolute;
  width: 374px;
  height: 147px;
  top: 0;
  left: 0;
  z-index: 120;
}
.group-4a {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 0;
  left: 0;
  font-size: 0px;
  z-index: 126;
}
.span-4b {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 15.2px;
  height: 24px;
  margin: 9px 0 0 21.016px;
  color: #ffffff;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 34px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 128;
}
.ellipse-4c {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/5ev74FZkE3.png)
    no-repeat center;
  background-size: cover;
  z-index: 127;
  border-radius: 50%;
}
.ellipse-4d {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 9px;
  left: 316px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/rz7gbYZAyw.png)
    no-repeat center;
  background-size: cover;
  z-index: 129;
  border-radius: 50%;
}
.frame-4e {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 16px;
  position: absolute;
  width: 360px;
  height: 130px;
  top: 17px;
  left: 9px;
  padding: 30px 36px 30px 48px;
  background: #ffffff;
  border: 2px solid #4766b5;
  z-index: 121;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.union {
  flex-shrink: 0;
  position: relative;
  width: 62px;
  height: 60.091px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/6DOgGOr0AD.png)
    no-repeat center;
  background-size: cover;
  z-index: 122;
}
.frame-4f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 123;
}
.manufacturing-dx {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 2px;
  z-index: 124;
}
.manufacturing-site-visit {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 198px;
  height: 44px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: left;
  z-index: 125;
}
.text-27 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 42px;
  height: 28px;
  top: 23.999px;
  left: calc(50% - -138px);
  color: #4766b5;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  white-space: nowrap;
  z-index: 130;
}
.list-50 {
  flex-shrink: 0;
  position: relative;
  width: 374px;
  height: 147px;
  font-size: 0px;
  z-index: 131;
}
.on-site-registration-51 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 71px;
  height: 50px;
  margin: 58.399px 0 0 74.224px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 17.600000381469727px;
  font-weight: 900;
  line-height: 25.485px;
  text-align: center;
  z-index: 132;
}
.group-52 {
  position: absolute;
  width: 374px;
  height: 147px;
  top: 0;
  left: 0;
  z-index: 133;
}
.group-53 {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 0;
  left: 0;
  font-size: 0px;
  z-index: 139;
}
.span-54 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 15.2px;
  height: 24px;
  margin: 9px 0 0 21.016px;
  color: #ffffff;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 34px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 141;
}
.ellipse-55 {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/sgu1g4dNCb.png)
    no-repeat center;
  background-size: cover;
  z-index: 140;
  border-radius: 50%;
}
.ellipse-56 {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 9px;
  left: 316px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/RDXRKjYUvt.png)
    no-repeat center;
  background-size: cover;
  z-index: 142;
  border-radius: 50%;
}
.frame-57 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 16px;
  position: absolute;
  width: 360px;
  height: 130px;
  top: 17px;
  left: 9px;
  padding: 30px 36px 30px 56px;
  background: #ffffff;
  border: 2px solid #4766b5;
  z-index: 134;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.group-58 {
  flex-shrink: 0;
  position: relative;
  width: 54px;
  height: 46.286px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/rxw84XxMMD.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 135;
}
.frame-59 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 136;
}
.management-dx {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 20px;
  font-weight: 900;
  line-height: 28.96px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 2px;
  z-index: 137;
}
.business-reform-ai-efficiency {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 198px;
  height: 44px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: left;
  z-index: 138;
}
.text-2c {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 42px;
  height: 28px;
  top: 24.8px;
  left: calc(50% - -137.61px);
  color: #4766b5;
  font-family: DIN 2014, var(--default-font-family);
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  white-space: nowrap;
  z-index: 143;
}
.polygon {
  flex-shrink: 0;
  position: absolute;
  width: 44px;
  height: 22px;
  top: 153px;
  left: 176.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/vv59bj5KiN.png)
    no-repeat center;
  background-size: cover;
  z-index: 144;
}
.polygon-5a {
  flex-shrink: 0;
  position: absolute;
  width: 44px;
  height: 22px;
  top: 320.001px;
  left: 176.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/qsSuJQgcLd.png)
    no-repeat center;
  background-size: cover;
  z-index: 145;
}
.polygon-5b {
  flex-shrink: 0;
  position: absolute;
  width: 44px;
  height: 22px;
  top: 487.001px;
  left: 176.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/pCE9W1v1L7.png)
    no-repeat center;
  background-size: cover;
  z-index: 146;
}
.polygon-5c {
  flex-shrink: 0;
  position: absolute;
  width: 44px;
  height: 22px;
  top: 654.001px;
  left: 176.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/BfCDpqGWGo.png)
    no-repeat center;
  background-size: cover;
  z-index: 147;
}
.contents-5d {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 30px;
  position: relative;
  width: 360px;
  z-index: 148;
}
.training-program {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 360px;
  height: 58px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 28.8px;
  text-align: center;
  text-overflow: initial;
  z-index: 149;
  overflow: hidden;
}
.list-5e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  min-width: 0;
  z-index: 150;
}
.list-5f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 36px;
  position: relative;
  padding: 30px 36px 30px 36px;
  background: #ffffff;
  z-index: 151;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.group-60 {
  flex-shrink: 0;
  position: relative;
  width: 80px;
  height: 69px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/WWrKXVoQMK.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 152;
}
.frame-61 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 153;
}
.ixacs {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 35px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 900;
  line-height: 34.752px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 2.4px;
  z-index: 154;
}
.iot-solution {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 288px;
  height: 88px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: left;
  z-index: 155;
}
.list-62 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 36px;
  position: relative;
  padding: 30px 36px 30px 36px;
  background: #ffffff;
  z-index: 156;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.group-63 {
  flex-shrink: 0;
  position: relative;
  width: 80px;
  height: 82.001px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/y6dMMeFHL1.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 157;
}
.frame-64 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 158;
}
.tunag {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 35px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 900;
  line-height: 34.752px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 2.4px;
  z-index: 159;
}
.engagement-platform {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 288px;
  height: 88px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: left;
  z-index: 160;
}
.list-65 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 36px;
  position: relative;
  padding: 30px 36px 30px 36px;
  background: #ffffff;
  z-index: 161;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.edit-mode-66 {
  flex-shrink: 0;
  position: relative;
  width: 80px;
  height: 88px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/HcLzX64bOC.png)
    no-repeat center;
  background-size: cover;
  z-index: 162;
  overflow: hidden;
}
.frame-67 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 163;
}
.ai {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 35px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 900;
  line-height: 34.752px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 2.4px;
  z-index: 164;
}
.ai-manufacturing {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 288px;
  height: 66px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: left;
  z-index: 165;
}
.list-68 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 36px;
  position: relative;
  padding: 30px 36px 30px 36px;
  background: #ffffff;
  z-index: 166;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.group-69 {
  flex-shrink: 0;
  position: relative;
  width: 80px;
  height: 80px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/x2Lq4JV2pi.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 167;
}
.frame-6a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 168;
}
.case-study-6b {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 35px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 900;
  line-height: 34.752px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 2.4px;
  z-index: 169;
}
.digital-technology-6c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 288px;
  height: 66px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: left;
  z-index: 170;
}
.div-6d {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 30px;
  position: relative;
  min-width: 0;
  padding: 60px 21px 80px 21px;
  z-index: 171;
}
.participant-voice {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 52px;
  color: #4766b5;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 36px;
  font-weight: 900;
  line-height: 52px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 3.6px;
  z-index: 172;
}
.list-6e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  z-index: 173;
}
.list-6f {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  width: 361.324px;
  z-index: 174;
}
.frame-70 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  width: 70px;
  z-index: 175;
}
.icon {
  flex-shrink: 0;
  position: relative;
  width: 70px;
  height: 70px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/TiV01A4GpB.png)
    no-repeat center;
  background-size: cover;
  z-index: 176;
  overflow: hidden;
}
.financial-institution-branch-manager {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 56px;
  height: 44px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: center;
  z-index: 177;
}
.frame-71 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 289.324px;
  z-index: 178;
}
.group-72 {
  flex-shrink: 0;
  position: relative;
  width: 289.324px;
  height: 110px;
  font-size: 0px;
  z-index: 179;
}
.case-study-feedback {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 240px;
  height: 66px;
  margin: 21px 0 0 29.586px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: left;
  z-index: 181;
}
.union-73 {
  position: absolute;
  width: 289.324px;
  height: 110px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/dwSpD5tjT8.png)
    no-repeat center;
  background-size: cover;
  z-index: 180;
}
.list-74 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  width: 361.758px;
  z-index: 182;
}
.frame-75 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  width: 70px;
  z-index: 183;
}
.icon-76 {
  flex-shrink: 0;
  position: relative;
  width: 70px;
  height: 70px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/Z5X3ctnmC0.png)
    no-repeat center;
  background-size: cover;
  z-index: 184;
  overflow: hidden;
}
.manufacturing-business-unit-director {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 56px;
  height: 44px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: center;
  z-index: 185;
}
.frame-77 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 289.758px;
  z-index: 186;
}
.group-78 {
  flex-shrink: 0;
  position: relative;
  width: 289.758px;
  height: 110px;
  font-size: 0px;
  z-index: 187;
}
.digital-technology-benefits {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 240px;
  height: 66px;
  margin: 21.998px 0 0 30.195px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: left;
  z-index: 189;
}
.union-79 {
  position: absolute;
  width: 289.758px;
  height: 110px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/RZNMNkka8D.png)
    no-repeat center;
  background-size: cover;
  z-index: 188;
}
.list-7a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  width: 361.744px;
  z-index: 190;
}
.frame-7b {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  width: 70px;
  z-index: 191;
}
.icon-7c {
  flex-shrink: 0;
  position: relative;
  width: 70px;
  height: 70px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/DTZirzDaee.png)
    no-repeat center;
  background-size: cover;
  z-index: 192;
  overflow: hidden;
}
.university-professor {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 193;
}
.frame-7d {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 289.744px;
  z-index: 194;
}
.group-7e {
  flex-shrink: 0;
  position: relative;
  width: 289.744px;
  height: 110px;
  font-size: 0px;
  z-index: 195;
}
.small-medium-manufacturing-dx {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 240px;
  height: 66px;
  margin: 22px 0 0 30.805px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: left;
  z-index: 197;
}
.union-7f {
  position: absolute;
  width: 289.744px;
  height: 110px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/aozG5AM1XS.png)
    no-repeat center;
  background-size: cover;
  z-index: 196;
}
.div-80 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 44px;
  position: relative;
  min-width: 0;
  padding: 60px 21px 80px 21px;
  background: rgba(223, 223, 223, 0.08000000000000002)
    url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/39o5tVqr5v.png)
    no-repeat center;
  background-size: cover;
  z-index: 198;
}
.dx-ai-support-introduction {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 294px;
  height: 35px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 24px;
  font-weight: 900;
  line-height: 34.752px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 2.4px;
  z-index: 199;
}
.contents-81 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 30px;
  position: relative;
  padding: 30px 20px 30px 20px;
  background: #ffffff;
  z-index: 200;
  border-radius: 20px;
  box-shadow: 0 5px 15px 0 rgba(118, 121, 100, 0.1);
}
.text-82 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 14px;
  position: relative;
  z-index: 201;
}
.frame-83 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 25px;
  position: relative;
  z-index: 202;
}
.company-history {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 320px;
  height: 286px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: left;
  z-index: 203;
}
.list-84 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  z-index: 204;
}
.list-85 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 290px;
  z-index: 205;
}
.rectangle-86 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 210px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/PUvzWDERRU.png)
    no-repeat center;
  background-size: cover;
  z-index: 206;
}
.frame-87 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 9px;
  position: relative;
  z-index: 207;
}
.dx-support {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 36px;
  color: #cb2128;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 25px;
  font-weight: 900;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 208;
}
.digital-tool-selection-support {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 78px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: center;
  text-overflow: initial;
  z-index: 209;
  overflow: hidden;
}
.list-88 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 290px;
  z-index: 210;
}
.rectangle-89 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 210px;
  background: rgba(217, 217, 217, 0.2)
    url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/tSahmucMav.png)
    no-repeat center;
  background-size: cover;
  z-index: 211;
}
.frame-8a {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 9px;
  position: relative;
  z-index: 212;
}
.densho-ai {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 36px;
  color: #cb2128;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 25px;
  font-weight: 900;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 213;
}
.ai-tool-for-manufacturing {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 52px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: center;
  z-index: 214;
}
.list-8b {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 290px;
  z-index: 215;
}
.rectangle-8c {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 210px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/gBvtvLVm35.png)
    no-repeat center;
  background-size: cover;
  z-index: 216;
}
.frame-8d {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 9px;
  position: relative;
  z-index: 217;
}
.dx-training {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 36px;
  color: #cb2128;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 25px;
  font-weight: 900;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 218;
}
.digital-tool-ai-training {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 192px;
  height: 78px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: center;
  text-overflow: initial;
  z-index: 219;
  overflow: hidden;
}
.banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 30px;
  position: relative;
  z-index: 220;
}
.banner-8e {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  z-index: 221;
}
.frame-8f {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 22.114px;
  position: relative;
  width: 360px;
  height: 100px;
  padding: 6.143px 36.857px 6.143px 36.857px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/DMasXX0wtQ.png)
    no-repeat center;
  background-size: cover;
  z-index: 222;
}
.banner-90 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 23.394px;
  position: relative;
  width: 360px;
  height: 100px;
  padding: 6.498px 20.794px 6.498px 20.794px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/XKLpMohN3j.png)
    no-repeat center;
  background-size: cover;
  z-index: 223;
}
.footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  min-width: 0;
  padding: 60px 41px 80px 41px;
  background: #f5f5f5;
  z-index: 224;
}
.logo {
  flex-shrink: 0;
  position: relative;
  width: 100px;
  height: 120px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-02/BUmMPUvDcT.png)
    no-repeat center;
  background-size: cover;
  z-index: 225;
}
.frame-91 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 226;
}
.frame-92 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  z-index: 227;
}
.operating-company {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 228;
}
.autec-corporation {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 229;
}
.address {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 230;
}
.frame-93 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  z-index: 231;
}
.tel {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 232;
}
.tel-info {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 320px;
  height: 52px;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: center;
  text-overflow: initial;
  z-index: 233;
  overflow: hidden;
}
.frame-94 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  z-index: 234;
}
.email {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #262626;
  font-family: Noto Sans CJK JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 235;
}
.email-info {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #262626;
  font-family: Noto Sans JP, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 236;
}

  font-weight: 400;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 242;
}

/* デフォルトはPC版を表示、SP版を隠す */
.sp-only { display: none; }
.pc-only { display: block; }