@charset "UTF-8";
/* CSS Document */

img {
  max-width: 100%;
}

/* -----------既存で効いている属性を消す--------------------- */
/* ---既存の左ナビを消す------ */
@media screen and (min-width: 640px) {
  #subCrm,
  .title,
  #mainCrm h3,
  #mainCrm .ctaUnit {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
  }
}

/* 外側の箱を全幅に */
#main {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 内側の箱も全幅に */
#mainCrm {
  float: none !important; /* 追加 */
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 0 !important; /* 追加 */
}

#pageContent ul li,
#pageContent ol li {
  margin-left: 0px;
  margin-bottom: 0px;
}

/* 既存のナビ下の余白を消す */
#pageContent > p {
  margin: 0 !important;
  padding: 0 !important;
}

#footer {
  margin-top: 0 !important;
}

/* --------------------------------------------------------------- */

/* ---------全体---------- */
/* フローディングボタン */
.floating-button {
  position: fixed;
  right: 5px;
  bottom: 50px;
  z-index: 5;
  width: 174px;
  background-color: #c9a84c;
}

.floating-button a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 8px;
  background-color: #fff;
  margin: 12px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
}

/* bodyタグは既存のページの表示が変わってしまうので使用しない */
.dilution-page-en {
  font-family: "Noto Sans JP", "Noto Serif JP", sans-serif;
  font-size: 17px;
  color: #666666;
  letter-spacing: 0.02em;
  line-height: 1.5;
  overflow-x: hidden;
}

/* 元のクラスのfont-sizeがかかってしまっているので優先する */
.dilution-page-en p {
  margin: 0 !important;
  font-size: 17px !important;
}

/* 共通 */
.dilution-page-en .small-title {
  color: #9fcce5;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-size: 18px !important;
}

.dilution-page-en h4 {
  padding-top: 20px;
  font-size: 38px !important;
  color: #0b1f3a;
  margin: 0; /* h4にきいているデフォルトのmarginを消す */
}

.dilution-page-en .title-font {
  font-family: "kozuka-mincho-pr6n", "Noto Serif JP", serif !important;
  font-weight: 900;
}

.dilution-page-en .sub-title-text {
  padding: 30px 0 60px;
  font-size: 20px !important;
}

.dilution-page-en .item-title {
  color: #0b1f3a !important;
  font-size: 21px !important;
  font-weight: 700;
}

/* お問い合わせボタン（紺） */
.navy-btn {
  color: #0b1f3a !important;
  font-weight: 700;
  text-decoration: none !important;
}

.dilution-page-en .item-text {
  padding-top: 12px;
  font-size: 19px !important;
}

/* ----------ヒーローセクション ---------*/

.top-wave {
  position: absolute;
  z-index: -1;
  top: 0vw;
  left: -15vw;
  opacity: 0.25;
}

.top-wave img {
  width: 95%;
}

.dilution-page-en .hero {
  position: relative;
  z-index: 0;
  background-color: #0075c1;
}
/* ナビ */
.dilution-page-en .hero ul {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  margin: 0 auto;
  border: 1px solid #fff;
  text-align: center;
}

.dilution-page-en .hero nav li {
  flex: 1;
  border-right: 1px solid #fff;
  padding: 10px 0px;
  display: flex;
  align-items: center; /* li内のテキストを縦中央に揃える */
  justify-content: center;
  align-self: stretch; /* これを追加 */
  font-weight: 500;
}

.dilution-page-en .hero nav li:last-child {
  border-right: none;
}

.dilution-page-en .hero nav {
  padding: 32px 9vw 48px !important;
  line-height: 1;
}

.dilution-page-en .hero nav li a {
  color: #ffffff !important;
  text-decoration: none !important;
}

.nav-start {
  display: block;
  padding-top: 5px;
}

.hero-content {
  position: relative; /* hero-contentにrelativeを設定 */
  padding: 0px 9vw;
  z-index: 1; /* hero-overlapより前面に */
}

.dilution-page-en .hero-content .hero-title {
  /* font-size: 5.2vw !important; */
  font-size: clamp(34px, 5.2vw, 80px) !important;
  /* font-size: 66px !important; */
  line-height: 1.25;
}

.hero-wrap .hero-content .hero-text {
  padding: 24px 0 32px !important;
  font-size: 27px !important;
  font-weight: 600;
  margin: 0 !important;
}

.btn-data {
  padding: 14px 28px;
  background-color: #9fcce5;
  color: #19496f;
  font-weight: 700;
  color: #19496f !important;
  text-decoration: none !important;
}

.hero_buttons {
  padding-top: 56px;
}

.hero-overlap-cut {
  position: absolute; /* 希釈冷凍機切り抜き写真absoluteで配置 */
  top: 0vh;
  right: 10vw;
  width: 28vw;
}

.hero-overlap-cut img {
  width: 26vw;
}

.hero-overlap {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 600px;
}

.hero-wrap {
  position: relative; /* これがあるか確認 */
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.slide.active {
  opacity: 1;
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-wave {
  z-index: 1; /* 波模様 */
}

.dilution-page-en .hero nav {
  position: relative;
  z-index: 1; /* ナビ */
}

.hero-content {
  position: relative;
  z-index: 1; /* テキスト・ボタン */
}

/* -------------製品概要セクション---------------（２）*/

.product-description {
  position: relative;
  z-index: 0;
  padding: 140px 9vw 140px;
  text-align: center;
  background-color: #f5f5f5;
}

.right-background-cloud img {
  /* transform: scale(-1, 1); */
  width: 78%; /* divの幅に合わせる */
  opacity: 0.7;
}

.right-background-cloud {
  position: absolute;
  z-index: -1;
  top: 10vw;
  left: 45vw;
  width: 87vw;
}

.product-description-title,
.tech-list {
  z-index: 1;
  position: relative; /* z-index:1を有効にするため */
}

.product-description-title {
  max-width: 680px;
  margin: 0 auto;
}

.dilution-page-en .tech-item .tech-number {
  color: #3b9cd9;
  font-size: 48px !important;
  font-family: "kozuka-mincho-pr6n", serif;
  font-weight: 700;
}

.product-description .tech-list {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  max-width: 780px;
  margin: 0 auto;
}

.dilution-page-en .tech-title {
  padding-top: 14px;
  font-weight: 700;
}

.tech-item {
  border: 1px solid #e0e0e0;
  padding: 30px;
  text-align: left;
  background-color: #fff;
}

.vacuum_cryogenics img {
  width: 100%; /* 親要素の幅いっぱいに広がる */
}

/* 「×」のスタイル */
.product-description h4 .multiplication {
  font-size: 27px !important;
  font-weight: 500;
  font-family: "Noto Sans JP", "Noto Serif JP", sans-serif;
}

/* 製品ラインナップ */
.left-background-cloud img {
  width: 70vw;
  opacity: 0.7;
}

.left-background-cloud {
  position: absolute;
  z-index: -1;
  left: -23vw;
  top: 7vw;
}

.products {
  position: relative; /*.background-left-cloudを動かすための親要素  */
  z-index: 0;
  padding: 140px 9vw 140px;
  text-align: center;
  background-color: #162d45;
}

.dilution-page-en .sub-title-white {
  color: #fff;
}

.model-group {
  position: relative; /* 付箋の位置の基準にする */
  margin: 60px auto 0;
  /* max-width: 780px; */
  max-width: 680px;
  padding: 36px 40px;
  border-radius: 10px;
  border: 1px solid rgba(91, 140, 216, 0.25);
  text-align: left;
  background-color: #142b54;
}

.model-group .coming-soon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-12deg);
  padding: 10px 36px;
  border: 2px solid #c9a84c;
  background-color: #142b54cc; /* カードの紺色を少し透けさせる（80%）*/
  color: #c9a84c;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.14em;
  white-space: nowrap;
}

.dilution-page-en .products .sub-title-text {
  padding-bottom: 0;
}

.dilution-page-en .model-group .level {
  display: inline-block; /* 幅がテキストの長さだけになる */
  border: 1px solid #7a9bb5;
  border-radius: 50px;
  padding: 5px 15px;
  background-color: rgba(255, 255, 255, 0.1);
  font-size: 0.8rem;
  color: #a8c4d8;
}

.dilution-page-en .model-name {
  padding-top: 1rem;
  font-size: 31px !important;
}

.model-name .coming_soon {
  margin-left: 16px;
  font-size: 16px;
}

.model-group .model-text {
  padding-top: 0.75rem;
}

.model-group .product-spec {
  margin-top: 24px;
  border-top: 1px solid rgba(91, 140, 216, 0.2);
  padding-top: 20px;
}

.product-spec .spec-row {
  display: flex;
  justify-content: space-between;
  padding: 11px 0;
  border-bottom: 1px solid rgba(91, 140, 216, 0.15);
}

.dilution-page-en .products .accordion-detail-btn {
  display: block;
  border: 1px solid #7a9bb5;
  border-radius: 50px;
  margin-top: 24px;
  width: 100%; /* ボタンの幅が親要素と同じ幅になる */
  padding: 16px;
  font-size: 14px;
  text-align: center;
  background: transparent;
}

/* 最初は非表示 */
.accordion-content {
  display: none;
}

.accordion-content p {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 14px;
}

.product-spec .spec-row:last-child {
  border-bottom: none;
}

/* 開いた時のスタイル */
.accordion-content.is-open {
  display: block;
}

.model-list,
.line-up-title {
  position: relative; /* z-index:1を有効にするため */
  z-index: 1;
}

/* ----------強みセクション--------------------- */

.dilution-page-en .strength {
  position: relative; /*.background-left-cloudを動かすための親要素  */
  z-index: 0;
  padding: 140px 9vw 140px;
}

.strength .left-background-cloud {
  left: -23vw;
  top: 44vw;
}

.strength .left-background-cloud img {
  transform: scale(-1, 1);
}

.strength-picture img {
  width: 100%;
}

.strength-picture {
  position: relative;
  z-index: 1;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.strength-item {
  display: flex;
  margin-bottom: 30px;
}

.strength-group {
  max-width: 1000px;
  margin: 0 auto;
}

.strength-text {
  margin-left: 16px;
}

.dilution-page-en .strength .strength-group h4 {
  padding-top: 60px;
}

.strength-item img {
  width: 40px !important;
  height: 40px !important;
  flex-shrink: 0 !important;
}

/* ----------導入事例セクション --------------------*/

.case-study {
  position: relative;
  z-index: 0;
  padding: 120px 9vw 120px;
  text-align: center;
  /* line-height: 1.7; */
}

.lab-picture {
  max-width: 680px;
  overflow: hidden;
}

.lab-picture img {
  width: 100%;
  height: 440px;
  object-fit: cover; /* 画像の比率を保ちつつ指定サイズに収める */
}

.case-study-title {
  z-index: 1;
  position: relative; /* z-index:1を有効にするため */
}

.case-study .lab-group {
  max-width: 680px;
  margin: 0 auto; /* 元々50px */
  border: 1.5px solid #e0e0e0;
  border-radius: 20px;
  overflow: hidden;
}

.lab-text .lab-center {
  padding-top: 6px;
}

.lab-group .lab-content {
  padding: 20px 19px 100px;
  text-align: left;
}

.case-study .lab-content .lab-text {
  padding: 0 20px;
}

/* liタグの元の黒丸を消す */
.lab-content ul {
  list-style: none !important; /* デフォルト黒丸を強制的に消す */
  padding: 19px 0; /* 左余白をリセット */
  margin-left: 0; /* 左外余白をリセット */
  color: #0b1f3a;
  font-weight: 500;
}

/* 親要素（li）に基準位置を設定し、テキストを右にずらす */
.lab-content ul li {
  position: relative; /* 擬似要素の位置の基準にする */
  padding-left: 1.5em; /* テキストを右側に寄せる */
  line-height: 1.8; /* 行間を少し開ける */
  padding-top: 18px;
}

/* 水色のドットを表示する */
.lab-content ul li::before {
  content: "";
  position: absolute; /* liを基準にして絶対配置する */
  left: 0;
  top: 1.7em; /* 水色の点が1行目のテキスト中央にくるよう微調整 */
  width: 0; /* 水色の点の大きさ */
  height: 0;
  background-color: transparent;
  /* 三角形 */
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #3498db;
}

/* 水色のドットを表示する 場合*/
/* .lab-content ul li::before {
    content: "";
    position: absolute;         
    left: 0;                   
    top: 1.1em;                
    width: 10px;        
    height: 10px;
    background-color: #3498db; 
    border-radius: 50%;        
} */

.lab-group .lab-content .lab-comment {
  background-color: #eef7fc;
  padding: 12px 12px;
  min-height: 100px;
  border-radius: 14px;
  font-size: 13px !important;
}

.case-study .case {
  color: #0b1f3a !important;
  font-weight: 700;
  padding-top: 50px;
  font-size: 23px !important;
}

/*------------- サポートセクション -------*/
.support {
  position: relative;
  z-index: 0;
  text-align: center;
  padding: 0 9vw 120px;
  background-color: #f5f5f5;
}

.support .support-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto;
  margin-top: 60px; /* なぜかpadding-top:60pxが効いてしまうので、0に設定 */
  padding-top: 0;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
}

.support-item {
  border: 1px solid #e0e0e0;
  padding: 40px 30px;
  text-align: center;
  background-color: #fff;
}

.support-item .support-name {
  padding-bottom: 8px;
  font-size: 18px !important;
  font-weight: 700;
  color: #0b1f3a;
}

/* --------------クイズセクション-------------- */

.quiz {
  position: relative;
  z-index: 0;
  text-align: center;
  padding: 0 9vw 120px;
}

.quiz-container {
  max-width: 680px;
  margin: 90px auto 0;
}
.quiz-step {
  text-align: left;
}

.quiz-container .quiz-step .quiz-number {
  color: #4a90d9;
  font-size: 14px !important;
  font-weight: 700;
  margin-bottom: 16px !important;
  padding-left: 0;
}

.quiz-step .quiz-question {
  font-size: 18px !important;
  font-weight: 700;
  color: #0b1f3a;
  margin-bottom: 24px !important;
  padding-left: 0;
}

.quiz-choices .quiz-choice {
  border: 1.3px solid #c5d8f0;
  border-radius: 9px;
  padding: 16px 20px 16px 28px;
  margin-bottom: 12px;
  cursor: pointer;
  list-style: none;
  background-color: #fff;
  transition: background-color 0.2s;
  background-color: #f5f7fa; /* グレー背景に変更 */
}
.quiz-choice .quiz-choice-temp {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #0b1f3a;
  margin-bottom: 4px;
}

.quiz-choices {
  padding-left: 0;
  margin: 0;
}

.quiz-choice:hover {
  background-color: #eef4ff;
  border-color: #4a90d9;
}
.quiz-choice span {
  display: block;
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}

/* プログレスバー */
.quiz-progress {
  margin: 40px auto 0;
  text-align: center;
  max-width: 680px;
}

.quiz-progress-bar {
  width: 100%;
  height: 4px;
  background-color: #e0e0e0;
  border-radius: 2px;
  margin-bottom: 8px;
}

.quiz-progress-fill {
  height: 100%;
  background-color: #4a90d9;
  border-radius: 2px;
}

.quiz-progress-text {
  font-size: 14px;
  color: #666;
}

/* -----faqセクション------------ */

.dilution-page-en .faq {
  position: relative;
  z-index: 0;
  text-align: center;
  padding: 120px 9vw 120px;
  background-color: #f5f5f5;
}

.faq-group {
  border: 1px solid #e0e0e0;
  border-radius: 11px;
  padding: 28px 20px;
  margin-bottom: 16px;
  background-color: #fff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
}

.faq .quiz-question {
  font-size: 18px !important;
  font-weight: 700;
  color: #0b1f3a;
  margin-bottom: 24px !important;
  padding-left: 0;
}

.faq .faq-container {
  max-width: 860px;
  margin: 0 auto;
}

.faq-question {
  text-align: left;
}

.question-item,
.answer-item {
  display: flex;
  align-items: flex-start;
}
.question-item {
  margin-bottom: 16px;
}

.question-item img,
.answer-item img {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin-right: 12px;
}

.faq .question {
  font-size: 16px !important;
  font-weight: 700;
  color: #0b1f3a;
  margin-bottom: 24px !important;
}

.answer-item .answer {
  text-align: left;
}

/* 個別のご相談はこちら */
.faq .consultation {
  max-width: 860px;
  padding: 51px 60px;
  background-color: #fff;
  border-radius: 11px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
}

.consultation a {
  display: flex;
  width: fit-content;
  gap: 30px;
  border: 1.2px solid #1a3a6e;
  padding: 10px 40px 10px 14px;
  margin: 18px auto 0;
  font-weight: 700;
  color: #1a3a6e;
}

.consultation .consultation-text {
  padding-top: 18px;
  font-size: 18px !important;
}

.consultation .chat_bubble img {
  width: 80px;
}

.consultation .chat_bubble {
  padding-bottom: 20px;
}

/* cta */

.dilution-page-en .cta {
  position: relative;
  z-index: 0;
  text-align: center;
  padding: 140px 9vw 140px;
  background: linear-gradient(135deg, #2e6fd9 0%, #1a3a6e 100%);
  overflow: hidden;
}

.dilution-page-en .cta h4 {
  padding-top: 0;
}

.end-wave {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
}

.end-wave img {
  width: 100%;
  display: block;
}

.end-fuji {
  position: absolute;
  z-index: -2;
  bottom: 0;
  right: 4%; /* 右寄りに調整 */
  width: 70%; /* サイズ調整 */
}

.end-fuji img {
  width: 100%;
}

.end-images {
  opacity: 0.9;
}

.end-cta-button {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  gap: 20px;
}

.cta .consultation-btn {
  display: flex;
  align-items: center;
  gap: 30px;
  border: 1.2px solid #fff;
  padding: 10px 40px 10px 14px;
  margin: 0 auto;
  background-color: transparent;
  text-decoration: none !important;
}

.end-text {
  position: relative;
  z-index: 5;
}

/* 動き */

/* 右の雲：右からスライド */
.right-background-cloud {
  opacity: 0;
  transform: translateX(60px); /* 右に60pxずらした状態 */
  transition:
    opacity 1.5s ease,
    transform 1.5s ease;
}

.right-background-cloud.is-visible {
  opacity: 1;
  transform: translateX(0);
}

/* 左の雲：左からスライド */
.left-background-cloud {
  opacity: 0;
  transform: translateX(-60px); /* 左に60pxずらした状態 */
  transition:
    opacity 1.5s ease,
    transform 1.5s ease;
}

.left-background-cloud.is-visible {
  opacity: 1;
  transform: translateX(0);
}

.dilution-page-en .case-study .lab-content ul a {
  color: #0b1f3a !important;
  text-decoration: none !important;
}

.dilution-page-en .case-study .lab-content ul a:visited {
  color: #0b1f3a !important;
  text-decoration: none !important;
}

/* レスポンシブ対応 */
@media screen and (max-width: 640px) {
  /* 共通 */
  .dilution-page-en {
    font-size: 15px;
  }

  .dilution-page-en p {
    font-size: 15px !important;
  }

  .dilution-page-en h4 {
    font-size: 26px !important;
  }

  .dilution-page-en .sub-title-text {
    font-size: 16px !important;
    padding: 20px 0 0px !important;
  }

  .dilution-page-en .item-title {
    font-size: 17px !important;
  }

  .dilution-page-en .item-text {
    font-size: 15px !important;
  }

  .product-description {
    padding: 80px 5vw 70px;
  }

  /* ナビ */
  .dilution-page-en .hero nav li a {
    word-break: break-word;
  }

  .dilution-page-en .hero nav {
    padding: 32px 9vw 28px !important;
  }

  .nav-start {
    padding-top: 0px;
  }

  /* ヒーローセクション */
  .hero-content {
    padding: 0px 0px;
  }
  .hero-title-sp {
    padding: 0px 9vw;
  }

  .dilution-page-en .hero {
    padding-bottom: 0px;
  }

  .hero-wrap .hero-content .hero-text {
    padding-top: 16px !important;
    font-size: 18px !important;
  }

  /* ナビ文字サイズ */
  .dilution-page-en .hero nav li {
    padding: 8px 0;
    font-size: 11px;
  }

  .dilution-page-en .hero-content .hero-title {
    font-size: 8vw !important;
  }

  .hero-overlap {
    height: 300px;
  }

  /*　ULVACの技術力とは  */
  .dilution-page-en .tech-item .tech-number {
    font-size: 36px !important;
  }

  .product-description .tech-list {
    padding-top: 40px;
  }

  .tech-item {
    padding: 16px;
  }

  .right-background-cloud img {
    /* transform: scale(-1, 1); */
    width: 100%; /* divの幅に合わせる */
  }

  .right-background-cloud {
    top: 18vw;
    left: 45vw;
    width: 100vw;
  }

  /* 製品ラインナップ */
  .products {
    padding: 80px 5vw 70px;
  }

  .model-group {
    padding: 20px;
    margin-top: 40px;
  }

  .model-group .coming-soon {
    padding: 6px 18px;
    font-size: 15px;
  }

  .model-group .product-spec {
    margin-top: 16px;
    padding-top: 16px;
  }

  .dilution-page-en .model-name {
    font-size: 22px !important;
  }

  .left-background-cloud img {
    width: 100vw;
  }

  .left-background-cloud {
    left: -38vw;
    top: 7vw;
  }

  /* 個別のご相談 */
  #pageContent .consultation .chat_bubble img {
    width: 80px !important;
  }

  .dilution-page-en .faq {
    padding: 70px 5vw 70px;
  }

  .faq .consultation {
    padding: 30px 20px;
  }

  /* 選ばれる理由 */
  .dilution-page-en .strength {
    padding: 80px 5vw 70px;
  }

  #pageContent .strength-item img {
    width: 48px;
    height: 48px;
  }

  .strength .strength-group {
    max-width: 100% !important;
  }

  .strength .strength-picture {
    max-width: 100% !important;
  }

  .dilution-page-en .strength .strength-group h4 {
    padding-top: 40px;
  }

  .strength-list {
    margin-top: 40px;
  }

  .strength-item {
    margin-bottom: 20px;
  }

  .strength-text {
    margin-left: 12px;
  }

  .strength .left-background-cloud {
    left: -38vw;
    top: 51vw;
  }

  /* 導入実績 */
  .case-study .case {
    padding-top: 30px;
    font-size: 18px !important;
  }

  .case-study {
    padding: 80px 5vw 70px;
  }

  .case-study .lab-group {
    margin-top: 40px;
  }

  .lab-group .lab-content {
    padding: 16px 12px 40px;
  }

  .case-study .lab-content .lab-text {
    padding: 0 10px;
  }

  .lab-group .lab-picture img {
    height: 300px;
  }

  /* 終わり */
  .dilution-page-en .cta {
    padding: 80px 5vw 60px;
  }

  .end-cta-button {
    margin-top: 24px;
  }

  /* フローティングボタン */
  .floating-button {
    width: 120px;
    bottom: 20px;
  }

  .floating-button a {
    margin: 8px;
    padding: 6px;
    font-size: 13px;
  }
}