/* ========================================
   第二階層以降の共通スタイル
   
   レスポンシブブレークポイント（統一）:
   - スマホ: ～767px
   - タブレット: 768px～1023px
   - PC: 1024px～
   ======================================== */

/* ========================================
   第二階層のメインタイトル（h1）
   mainとsection内のh1に自動適用（ヘッダーとフッターを除外）
   ======================================== */
/* PC版（1024px～） */
.second-layer main h1,
.second-layer section h1 { font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif; font-size: 36px; font-weight: 700; color: var(--base); text-align: center; margin-bottom: 30px; letter-spacing: 1px; line-height: 1.6; }

/* タブレット（768px～1023px） */
@media screen and (max-width: 1023px) {
  .second-layer main h1,
  .second-layer section h1 { font-size: 32px; margin-bottom: 25px; }
}

/* スマホ（～767px） */
@media (max-width: 767px) {
  .second-layer main h1,
  .second-layer section h1 { font-size: 24px; margin-bottom: 20px; }
}

/* ========================================
   ヒーローセクションの区切り（半円形SVG）
   ======================================== */
/* style.cssの波形を上書きして半円形に変更 */
.second-layer .hero::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 100px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 Q720,100 1440,0 L1440,100 L0,100 Z' fill='%23ffd600'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat;
  z-index: 2;
}

/************ヒーロー背景位置************/
.second-layer .second-hero {
  background-position: center 75%;
}

@media (max-width:1023px){.second-layer .hero::after{height:70px;}
}

/* ========================================
   セクション見出し（.section-head内のh2）
   ======================================== */
/* PC版（1024px～） */
.second-layer .section-head { text-align: center; padding: 40px 20px 30px; position: relative; }
.second-layer .section-head .en-label { display: inline-block; font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif; font-size: 16px; color: var(--yellow); margin-bottom: 5px; letter-spacing: 1px; font-weight: 700; }
.second-layer .section-head h2 { font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif; font-size: 26px; font-weight: 700; margin-bottom: 12px; letter-spacing: 1px; color: var(--base); line-height: 1.5; }
.second-layer .section-head p { font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif; font-size: 15px; color: var(--base); font-weight: normal; line-height: 1.8; }
/* セクション見出し内の導入テキスト（lead-sub） */
.second-layer .section-head .lead-sub { font-family: 'Noto Sans JP', 'Hiragino Sans', 'Meiryo', sans-serif; font-size: 16px; line-height: 1.9; font-weight: normal; color: var(--base); margin-top: 22px; margin-bottom: 22px; }

/* タブレット（768px～1023px） */
@media screen and (max-width: 1023px) {
  .second-layer .section-head { padding: 35px 20px 25px; }
  .second-layer .section-head h2 { font-size: 26px; }
  .second-layer .section-head .en-label { font-size: 16px; }
  .second-layer .section-head p { font-size: 14px; }
  .second-layer .section-head .lead-sub { font-size: 15px; line-height: 1.85; font-weight: normal; margin-bottom: 40px; }
}

/* スマホ（～767px） */
@media (max-width: 767px) {
  .second-layer .section-head { padding: 25px 16px 20px; }
  .second-layer .section-head h2 { font-size: 22px; }
  .second-layer .section-head .en-label { font-size: 13px; }
  .second-layer .section-head p { font-size: 14px; }
  .second-layer .section-head .lead-sub { font-size: 14px; line-height: 1.8; font-weight: normal; margin-bottom: 30px; }
}

/* ========================================
   セクション見出しキャラクター付き（.title-flex）
   テキストをページ中央に配置し、キャラクターは右に添える
   ======================================== */
.second-layer .title-flex { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 0; }
.second-layer .title-flex-img { grid-column: 3; grid-row: 1; justify-self: start; width: 60px; margin-left: 8px; }
.second-layer .title-flex-img img { width: 100%; height: 100%; object-fit: contain; }
.second-layer .title-flex-text { grid-column: 2; grid-row: 1; text-align: center; }

@media (max-width: 1023px) {
  .second-layer .title-flex-img { width: 50px; }
}

@media (max-width: 767px) {
  .second-layer .title-flex-img { width: 40px; }
}

/* ========================================
   中見出し（h3）
   mainとsection内のh3に自動適用
   ======================================== */
/* PC版（1024px～） */
.second-layer main h3,
.second-layer section h3 { font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif; font-size: 24px; font-weight: 700; color: var(--base); margin-bottom: 16px; letter-spacing: 0.5px; line-height: 1.6; }

/* タブレット（768px～1023px） */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .second-layer main h3,
  .second-layer section h3 { font-size: 22px; margin-bottom: 14px; }
}

/* スマホ（～767px） */
@media (max-width: 767px) {
  .second-layer main h3,
  .second-layer section h3 { font-size: 18px; margin-bottom: 12px; }
}

/* ========================================
   小見出し（h4）
   mainとsection内のh4に自動適用
   ======================================== */
/* PC版（1024px～） */
.second-layer main h4,
.second-layer section h4 { font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 700; color: var(--base); margin-bottom: 12px; letter-spacing: 0.5px; line-height: 1.6; }

/* タブレット（768px～1023px） */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .second-layer main h4,
  .second-layer section h4 { font-size: 19px; margin-bottom: 11px; }
}

/* スマホ（～767px） */
@media (max-width: 767px) {
  .second-layer main h4,
  .second-layer section h4 { font-size: 16px; margin-bottom: 10px; }
}

/* ========================================
   本文（pタグ）
   mainとsection内のpに自動適用
   ======================================== */
/* PC版（1024px～） */
.second-layer main p,
.second-layer section p { font-family: 'Noto Sans JP', 'Hiragino Sans', 'Meiryo', sans-serif; font-size: 16px; font-weight: normal; color: var(--base); line-height: 1.9; margin-bottom: 16px; }
.second-layer main p:last-child,
.second-layer section p:last-child { margin-bottom: 0; }
/* 本文の強調テキスト */
.second-layer .lead-sub,
.second-layer .lead-text { font-family: 'Noto Sans JP', 'Hiragino Sans', 'Meiryo', sans-serif; font-size: 16px; line-height: 1.9; font-weight: normal; color: var(--base); margin-bottom: 50px; }
/* 本文の小さいテキスト */
.second-layer .text-small { font-size: 14px; line-height: 1.8; }
.second-layer .text-xs { font-size: 13px; line-height: 1.7; }

/* タブレット（768px～1023px） */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .second-layer main p,
  .second-layer section p { font-size: 15px; line-height: 1.85; margin-bottom: 15px; }
  .second-layer .lead-sub,
  .second-layer .lead-text { font-size: 15px; line-height: 1.85; margin-bottom: 40px; }
  .second-layer .text-small { font-size: 13px; }
  .second-layer .text-xs { font-size: 12px; }
}

/* スマホ（～767px） */
@media (max-width: 767px) {
  .second-layer main p,
  .second-layer section p { font-size: 14px; line-height: 1.8; margin-bottom: 14px; }
  .second-layer .lead-sub,
  .second-layer .lead-text { font-size: 14px; line-height: 1.8; margin-bottom: 30px; }
  .second-layer .text-small { font-size: 13px; }
  .second-layer .text-xs { font-size: 12px; }
}

/* ========================================
   リスト（ul, ol）
   mainとsection内のリストに自動適用
   ======================================== */
/* PC版（1024px～） */
.second-layer main ul,
.second-layer main ol,
.second-layer section ul,
.second-layer section ol { font-family: 'Noto Sans JP', 'Hiragino Sans', 'Meiryo', sans-serif; font-size: 16px; font-weight: normal; color: var(--base); line-height: 1.9; margin-bottom: 16px; padding-left: 24px; }
.second-layer main li,
.second-layer section li { margin-bottom: 8px; }
.second-layer main li:last-child,
.second-layer section li:last-child { margin-bottom: 0; }

/* タブレット（768px～1023px） */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .second-layer main ul,
  .second-layer main ol,
  .second-layer section ul,
  .second-layer section ol { font-size: 15px; line-height: 1.85; padding-left: 22px; }
  .second-layer main li,
  .second-layer section li { margin-bottom: 7px; }
}

/* スマホ（～767px） */
@media (max-width: 767px) {
  .second-layer main ul,
  .second-layer main ol,
  .second-layer section ul,
  .second-layer section ol { font-size: 14px; line-height: 1.8; padding-left: 20px; }
  .second-layer main li,
  .second-layer section li { margin-bottom: 6px; }
}

/* ========================================
   FAQ（よくあるご質問）カテゴリ見出し・dl
   ======================================== */
.second-layer .faq-category { font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif; font-size: 22px; font-weight: 700; color: var(--base); margin: 32px 0 16px; padding-bottom: 8px; border-bottom: 2px solid var(--yellow); line-height: 1.5; }
.second-layer .faq-category:first-child { margin-top: 0; }
.second-layer .faq-list { margin: 0 0 8px; padding: 0; list-style: none; }
.second-layer .faq-list .faq-q { font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 700; color: var(--base); margin: 24px 0 8px; padding: 0 0 0 1em; border-left: 4px solid var(--yellow); line-height: 1.5; }
.second-layer .faq-list .faq-q:first-child { margin-top: 0; }
.second-layer .faq-list .faq-a { font-family: 'Noto Sans JP', 'Hiragino Sans', 'Meiryo', sans-serif; font-size: 16px; color: var(--base); line-height: 1.9; margin: 0 0 0 1.5em; padding-bottom: 8px; }
@media (max-width: 767px) {
  .second-layer .faq-category { font-size: 18px; margin: 28px 0 12px; }
  .second-layer .faq-list .faq-q { font-size: 16px; margin: 20px 0 6px; }
  .second-layer .faq-list .faq-a { font-size: 14px; margin-left: 1em; }
}

/* ========================================
   テーブル
   ======================================== */
/* PC版（1024px～） */
.second-layer table { font-family: 'Noto Sans JP', 'Hiragino Sans', 'Meiryo', sans-serif; font-size: 16px; font-weight: normal; color: var(--base); line-height: 1.8; width: 100%; border-collapse: collapse; }
.second-layer th { font-weight: 700; text-align: left; padding: 12px 16px; border-bottom: 1px solid #e8d6ad; background-color: rgba(255, 255, 255, 0.5); }
.second-layer td { padding: 12px 16px; border-bottom: 1px solid #e8d6ad; }

/* タブレット（768px～1023px） */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .second-layer table { font-size: 15px; }
  .second-layer th,
  .second-layer td { padding: 11px 14px; font-size: 15px; }
}

/* スマホ（～767px） */
@media (max-width: 767px) {
  .second-layer table { font-size: 14px; }
  .second-layer th,
  .second-layer td { padding: 10px 12px; font-size: 14px; }
}

/* ========================================
   パンくずリスト（ロゴの下に白文字で表示）
   ======================================== */
/* PC版（1024px～） */
.second-layer .breadcrumb { position: absolute; top: 130px; /* ロゴの下、少し離して配置 */ left: 44px; /* 30px右に移動（14px + 30px = 44px） */ z-index: 940; /* ヘッダー(950)より下、コンテンツより上 */ background: transparent; padding: 0; border: none; }
.second-layer .breadcrumb-inner { max-width: none; margin: 0; font-family: 'Noto Sans JP', 'Hiragino Sans', 'Meiryo', sans-serif; font-size: 14px; color: #fff; }
.second-layer .breadcrumb a { color: #fff; text-decoration: none; transition: opacity 0.3s ease; }
.second-layer .breadcrumb a:hover { opacity: 0.8; }
.second-layer .breadcrumb-separator { margin: 0 8px; color: #fff; opacity: 0.8; }
.second-layer .breadcrumb-current { color: var(--yellow); /* 現在のページは黄色 */ font-weight: normal; }

/* タブレット（768px～1023px） */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .second-layer .breadcrumb { top: 125px; left: 40px; }
  .second-layer .breadcrumb-inner { font-size: 13px; }
}

/* スマホ（～767px） */
@media (max-width: 767px) {
  .second-layer .breadcrumb { display: none; }
}

/* ========================================
   第二階層ヒーローセクション
   背景画像はHTMLのstyle属性で指定可能
   暗いオーバーレイで文字を見やすくする
   ======================================== */
/* PC版（1024px～） */
.second-layer .second-hero { margin-top: 0; position: relative; background-size: cover; background-repeat: no-repeat; min-height: 400px; overflow: hidden; }
/* 暗いオーバーレイ（文字を見やすくする） */
.second-layer .second-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 0; }
/* FV下部の帯：中央揃え（左右paddingを統一） */
.second-layer .second-hero-inner { margin: 0 auto; padding: 160px 20px 120px; position: relative; z-index: 1; text-align: center; }
.second-layer .second-hero-title { font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif; font-size: 32px;font-weight: 500; color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); margin-bottom: 30px; margin-top: 0; letter-spacing: 2px; text-align: center; }
.second-layer .second-hero-mascots { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); z-index: 3; display: flex; justify-content: center; align-items: center; gap: 24px; flex-wrap: wrap; }
.second-layer .second-hero-mascots img { max-height: 100px; width: auto; display: block; }
.second-layer .second-hero-name { position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); text-align: center; z-index: 2; }
.second-layer .second-hero-label { font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif; font-size: 14px; color: #666; margin-bottom: 4px; letter-spacing: 1px; }
.second-layer .second-hero-subtitle { font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif; font-size: 28px; font-weight: 700; color: var(--base); letter-spacing: 1px; }
.second-hero .page-label{display:block;font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-size:16px;color:#fff;letter-spacing:2px;margin-bottom:8px;text-align:center;font-weight: 500;}

/* 第二階層ヒーロー下部：湾曲SVG（トップと同じ形） */
.second-layer .second-hero-wave {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  width: 100%;
  height: 180px;
  z-index: 2;
  pointer-events: none;
}
.second-layer .second-hero-wave-path {
  fill: var(--yellow);
}

/* タブレット（768px～1023px） */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .second-layer .second-hero { min-height: 350px; }
  .second-layer .second-hero-inner { padding: 155px 18px 100px; }
  .second-layer .second-hero-title { font-size: 32px; }
  .second-layer .second-hero-subtitle { font-size: 25px; }
  .second-layer .second-hero-mascots { bottom: 20px; gap: 8px; flex-wrap: nowrap; }
  .second-layer .second-hero-mascots img { max-height: 55px; }
  .second-layer .second-hero-wave { height: 140px; }
}

/* スマホ（～767px） */
@media (max-width: 767px) {
  .second-layer .second-hero { min-height: 250px; }
  .second-layer .second-hero-inner { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding: 0 16px; padding-left: 16px; /* 左寄せ */ max-width: 100%; }
  .second-layer .second-hero-title { font-size: 24px; }
  .second-layer .second-hero-subtitle { font-size: 22px; }
  .second-hero .page-label { font-size: 13px; }
  .second-layer .second-hero-mascots { bottom: 15px; gap: 6px; flex-wrap: nowrap; }
  .second-layer .second-hero-mascots img { max-height: 55px; }
  .second-layer .second-hero-wave { height: 120px; }
} 

/* ========================================
   セクション共通スタイル
   ======================================== */
/* PC版（1024px～） */
.second-layer .second-section { background: #fcf9db; padding: 40px 20px; }
.second-layer .second-section-inner { max-width: 1000px; margin: 0 auto; padding: 0 20px; }
/* セクションタイトル3（黄色がかった白背景） */
.second-layer .second-section-white { background: var(--light-beige); /* 黄色がかった白 */ padding: 40px 20px; }
/* 導入セクション（黄色背景） */
.second-layer .second-lead { background: var(--yellow); padding: 50px 20px 30px; text-align: center; }
.second-layer .second-lead .lead-inner { max-width: 1000px; margin: 0 auto; }
/* 黄色背景セクション */
.second-layer .second-section-yellow { background: var(--yellow); padding: 0px 20px 50px; }
/* 黄色背景セクション内の英語タイトルを白に変更 */
.second-layer .second-section-yellow .en-label,
.second-layer .second-lead .en-label,
.second-layer .second-page > .second-section:first-of-type .en-label,
.second-layer .main-content .en-label { color: #fff; }

/* ヒーロー直下の最初のセクションは黄色（develop/item/その他同様ページ） */
.second-layer .second-page > .second-section:first-of-type { background: var(--yellow); padding: 0px 20px 100px; }

/* タブレット（768px～1023px） */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .second-layer .second-section { padding: 40px 20px; }
  .second-layer .second-section-white { padding: 40px 20px; }
  .second-layer .second-lead { padding: 45px 20px 25px; }
  .second-layer .second-section-yellow { padding: 0px 20px 45px; }
  .second-layer .second-page > .second-section:first-of-type { padding: 0px 20px 45px; }
  .second-layer .second-section-inner { padding: 0 18px; }
}

/* スマホ（～767px） */
@media (max-width: 767px) {
  .second-layer .second-section { padding: 0px 20px 40px }
  .second-layer .second-section-white { padding: 40px 20px; }
  .second-layer .second-lead { padding: 40px 20px 20px; }
  .second-layer .second-page > .second-section:first-of-type { padding: 0px 20px 40px; }
  .second-layer .second-section-inner { padding: 0 16px; }
}

/* ========================================
   商品グリッド
   ======================================== */
/* PC版（1024px～） */
.second-layer .product-grid { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.second-layer .product-card-item { background: #fff; border-radius: 10px; overflow: hidden; box-shadow: none; transition: transform 0.3s ease; }
.second-layer .product-card-item:hover { transform: translateY(-4px); box-shadow: none; }
.second-layer .product-card-thumb { width: 100%; padding-top: 75%; position: relative; overflow: hidden; background: #f5f5f5; }
.second-layer .product-card-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.second-layer .product-card-body { padding: 20px; text-align: center; }
.second-layer .product-card-title { font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 700; color: var(--base); margin: 0; line-height: 1.5; }

/* タブレット（768px～1023px） */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .second-layer .product-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .second-layer .product-card-body { padding: 18px; }
  .second-layer .product-card-title { font-size: 17px; }
}

/* スマホ（～767px） */
@media (max-width: 767px) {
  .second-layer .product-grid { grid-template-columns: 1fr; gap: 20px; }
  .second-layer .product-card-body { padding: 16px; }
  .second-layer .product-card-title { font-size: 16px; }
}

/* ========================================
   商品グリッド
   ======================================== */
/* PC版（1024px～） */
/* お問い合わせセクション =============*/
#top-contact.top-contact { background: url('../img/office.jpg') center / cover no-repeat; position: relative; padding: 130px 20px; }
#top-contact.top-contact::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 1; }
#top-contact .contact-inner { position: relative; max-width: 1000px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; color: #fff; z-index: 2; }
#top-contact .contact-text { color: #fff; }
#top-contact .contact-label { display: inline-block; font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif; font-size: 16px; color: var(--yellow); margin-bottom: 2px; letter-spacing: 1px; }
#top-contact .contact-text h2 { font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif; font-size: 30px; margin-bottom: 12px; letter-spacing: 1px; color: #fff; }
#top-contact .contact-sub { font-family: 'Zen Maru Gothic', 'Noto Sans JP', sans-serif; font-size: 15px; color: #fff; font-weight: normal; }
#top-contact .contact-actions { display: flex; flex-direction: column; gap: 12px; flex-wrap: wrap; }
#top-contact .contact-btn .arrow { display: none; }
#top-contact .contact-btn.primary { background: var(--yellow); color: var(--base); }
#top-contact .contact-btn.primary:hover { background: #ffed4d; }
#top-contact .contact-btn.secondary { background: #fff; color: var(--base); }
#top-contact .contact-btn.secondary:hover { background: #f5f5f5; }
#top-contact .contact-btn.secondary:before, #contact .contact-btn.secondary:after { background-color: var(--base); }

@media (max-width: 767px) {
/* タブレット（768px～1023px） */
    /* お問い合わせ */
    #top-contact.top-contact { padding: 60px 16px; }
    #top-contact .contact-inner { flex-direction: column; align-items: flex-start; gap: 20px; }
    #top-contact .contact-text h2 { font-size: 22px; }
    #top-contact .contact-sub { font-size: 14px; }
    #top-contact .contact-actions { width: 100%; }
    #top-contact .contact-btn { min-width: 100%; font-size: 13px; padding: 12px 20px; }
}

/* ========================================
   セクション フェードインアニメーション
   ヒーロー・パンくず以下のセクションが下からふわっと表示
   ======================================== */
/* セクションの子要素にアニメーション（背景は動かさない） */
.second-layer .fade-in-section > * {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.second-layer .fade-in-section.is-visible > * {
  opacity: 1;
  transform: translateY(0);
}
/* ========================================
   セクション見出し フェードアップアニメーション
   en-label → h2 → lead-sub の順にふわっと浮き上がる
   ======================================== */
.second-layer .section-head .en-label,
.second-layer .section-head h2,
.second-layer .section-head + .lead-sub,
.second-layer .section-head .lead-sub {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.second-layer .section-head.is-visible .en-label {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s;
}
.second-layer .section-head.is-visible h2 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s;
}
.second-layer .section-head.is-visible + .lead-sub,
.second-layer .section-head.is-visible .lead-sub {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s;
}

/* wave-divider はそのまま全体をフェード */
.second-layer .fade-in-divider {
  opacity: 0;
  transition: opacity 0.6s ease;
}
.second-layer .fade-in-divider.is-visible {
  opacity: 1;
}