/* ✅ Cocoon のデフォルトリセットを無効化 */
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6,
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    all: unset !important;  /* すべてのデフォルトスタイルをクリア */
}
/* ✅ ④にふさわしいタイトル装飾 */
.article h1, .entry-content h1 {
    font-family: 'Noto Serif JP', serif !important;
    font-size: 3.5rem !important;
    font-weight: bold !important;
    color: #d4af37 !important; /* 黄金色 */
    text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.5) !important;
    text-align: center !important;
    padding: 35px 0 !important;
    border-bottom: 6px solid #a67c00 !important;
    background: linear-gradient(90deg, rgba(212, 175, 55, 0.3), rgba(255, 255, 255, 0.1)) !important;
    animation: fadeInUp 1.2s ease-in-out !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    margin: 60px 0 !important;
    border-radius: 12px !important;
}

/* 🌿 H1の装飾アイコン */
.article h1::before, .entry-content h1::before {
    content: "🔶"; /* 高級感のある装飾 */
    font-size: 3rem !important;
    color: #d4af37 !important;
    position: absolute !important;
    left: 25px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.article h1::after, .entry-content h1::after {
    content: "🔶"; /* 左右対称の装飾 */
    font-size: 3rem !important;
    color: #d4af37 !important;
    position: absolute !important;
    right: 25px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* ✅ H2デザイン */
.article h2, .entry-content h2 {
    font-family: 'Noto Serif JP', serif !important;
    font-size: 2.8rem !important;
    font-weight: bold !important;
    color: #a67c00 !important;
    text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3) !important;
    text-align: center !important;
    padding: 25px 0 !important;
    border-bottom: 4px solid #d4af37 !important;
    background: linear-gradient(90deg, rgba(166, 124, 0, 0.3), rgba(255, 255, 255, 0.1)) !important;
    animation: fadeInUp 1s ease-in-out !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    margin: 50px 0 !important;
    border-radius: 10px !important;
}

/* 🎨 H3デザイン */
.article h3 {
    font-family: 'Noto Serif JP', serif !important;
    font-size: 2.5rem !important;
    font-weight: bold !important;
    color: #ffffff !important;
    background: linear-gradient(90deg, #8B5A2B 0%, #D4AF37 100%) !important;
    padding: 20px 25px !important;
    border-radius: 10px !important;
    text-align: center !important;
    text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    margin: 40px 0 !important;
}

/* 🌿 アイコン装飾 */
.article h3::before {
    content: "⚜️"; /* 高級感のアイコン */
    font-size: 2rem !important;
    color: #fff !important;
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* 📱 レスポンシブ対応 */
@media (max-width: 768px) {
    .article h1 {
        font-size: 2.8rem !important;
        padding: 25px 0 !important;
    }
    .article h1::before, .article h1::after {
        font-size: 2rem !important;
        left: 15px !important;
        right: 15px !important;
    }
    .article h2 {
        font-size: 2.4rem !important;
    }
    .article h3 {
        font-size: 2rem !important;
        padding: 15px 20px !important;
    }
}/* ✅ タイトル (`h1, h2, h3`) のモバイル調整 */
@media (max-width: 768px) {
    .article h1, .entry-content h1 {
        font-size: 2.5rem !important;
        padding: 20px 0 !important;
        border-bottom: 4px solid #a67c00 !important;
        margin: 40px 0 !important;
    }
    .article h2 {
        font-size: 2.2rem !important;
        padding: 18px 0 !important;
        border-bottom: 3px solid #d4af37 !important;
        margin: 30px 0 !important;
    }
    .article h3 {
        font-size: 1.8rem !important;
        padding: 15px 18px !important;
    }
    .article h1::before, .article h1::after {
        font-size: 2rem !important;
        left: 10px !important;
        right: 10px !important;
    }
}

/* ✅ ボタンのタップしやすさ向上 */
.btn-glow {
    display: inline-block;
    font-size: 1.6rem;
    padding: 12px 20px;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    min-width: 180px;
}

/* 🌟 スマホ時はタップしやすいサイズに */
@media (max-width: 480px) {
    .btn-glow {
        font-size: 1.4rem;
        padding: 14px 22px;
        min-width: 220px;
    }
}

/* ✅ 画像のリサイズ（画面幅に合わせる） */
img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}

/* ✅ グリッドレイアウトのスマホ対応 */
.info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* PC時は3カラム */
    gap: 20px;
}

/* 📱 スマホ時は1カラム */
@media (max-width: 768px) {
    .info-grid {
        grid-template-columns: 1fr;
    }
}


/* 📸 **画像キャプション** */
figure {
  text-align: center;
}

figcaption {
  font-size: 16px;
  color: #666;
  margin-top: 5px;
}

/* ❌ **ナビゲーションには影響を与えないように明示的に指定** */
nav ul,
nav ol,
nav li {
  font-size: initial;
  line-height: initial;
  padding-left: initial;
  margin-bottom: initial;
  text-align: initial;
}
nav li::marker {
  color: inherit;
}
/********** ヘッダー **********/


.header_seconds{background: url(../images/bg_header_second.jpg) no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;}
.header_seconds h1{color: #fff;font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','游明朝','Yu Mincho',serif;text-align: center;}

/********** レスポンシブル ********/
@media screen and (max-width:767px) {
	

	.l_footer .cont{padding: 30px 20px 28.5px;}
	.l_footer .cont p{background: url(http://itachi-life.online/wp-content/uploads/2024/05/logo_footer.png) no-repeat left top;background-size: 165px 50px;padding-top: 80px;}
	.l_footer .cont p span{margin-bottom: 15px;}
	.l_footer .copyright{height: 25px;display: flex;justify-content: center;align-items: center;}
	.l_footer .copyright small{font-size: 0.625rem;}
	.l_second .l_footer{border-top: 1px solid #e5e5e5;}

	.header_seconds{height: 120px;}
	.header_seconds h1{font-size: 1.375rem;}
	.header_seconds h1 span{font-size: 0.75rem;}

	h2{font-size: 1.25rem;}
}

}



@media screen and (min-width:768px) and (max-width:1299px) {
	
	.header_seconds{height: 180px;}
	.header_seconds h1{font-size: 2.3rem;}
	.header_seconds h1 span{font-size: 1.25rem;}
}



@media screen and (min-width:1300px) {
	
	.header_seconds{height: 300px;}
	.header_seconds h1{font-size: 2.875rem;}
	.header_seconds h1 span{font-size: 1.5625rem;}
}




/* 🌿 Cocoon用カスタムHTML: 桐の特徴セクション */
.entry-content .cocoon-kiri-feature-section {
    background: linear-gradient(135deg, #fff5e1, #e6cba8);
    padding: 50px 25px;
    border-radius: 15px;
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3);
    border: 4px solid #8B5A2B;
    animation: fadeIn 1s ease-in-out;
}

/* 🏯 タイトル（H2） */
.entry-content .cocoon-kiri-feature-title {
    font-family: 'Noto Serif JP', serif !important;
    font-size: 2.6rem !important;
    font-weight: bold !important;
    color: #a67c00 !important;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3) !important;
    text-align: center !important;
    padding: 20px 0 !important;
    border-bottom: 4px solid #d4af37 !important;
    background: linear-gradient(90deg, rgba(166, 124, 0, 0.3), rgba(255, 255, 255, 0.05)) !important;
    animation: fadeInUp 1s ease-in-out !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    margin: 40px 0 !important;
    border-radius: 8px !important;
}

/* ✅ タイトル前のアイコン */
.entry-content .cocoon-kiri-feature-title::before {
    content: "🌿";
    font-size: 1.8rem !important;
    color: #d4af37 !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* 📝 説明文 */
.entry-content .cocoon-kiri-feature-text {
    font-size: 1.4rem;
    line-height: 1.8;
    padding: 25px;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s ease-in-out;
    text-align: justify;
}

/* ✅ マウスホバー時 */
.entry-content .cocoon-kiri-feature-text:hover {
    transform: scale(1.03);
}

/* 🌟 リストデザイン */
.entry-content .cocoon-kiri-feature-list {
    list-style: none;
    padding: 0;
}

.entry-content .cocoon-kiri-feature-list li {
    font-size: 1.4rem;
    padding: 12px 0;
    font-weight: bold;
    color: #8B5A2B;
    display: flex;
    align-items: center;
}

/* ✅ リストアイコン */
.entry-content .cocoon-kiri-feature-list li::before {
    content: "🔹";
    margin-right: 12px;
    color: #a67c00;
    font-size: 1.6rem;
}

/* 🎨 Cocoon用レスポンシブ調整 */
@media (max-width: 768px) {
    .entry-content .cocoon-kiri-feature-title {
        font-size: 2.2rem !important;
        padding: 15px 0 !important;
    }
    .entry-content .cocoon-kiri-feature-title::before {
        font-size: 1.5rem !important;
        left: 5px !important;
    }
    .entry-content .cocoon-kiri-feature-text {
        font-size: 1.2rem;
    }
}

/* 🎨 軽量・高断熱で住宅用木材に最適セクション */
.kiri-insulation {
    background: linear-gradient(135deg, #f5f5f5, #e0e0e0);
    padding: 50px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.section-title {
    font-size: 2.5rem;
    color: #333;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.image-box {
    width: 100%;
    max-width: 1200px;
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease-in-out;
}

.image-box:hover {
    transform: scale(1.05);
}

.image-box img {
    width: 100%;
    max-width: 1200px;
    border-radius: 10px;
}

.chart-container {
    width: 80%;
    max-width: 900px;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    margin: 30px auto;
}

.text-block {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    text-align: left;
    width: 80%;
    max-width: 900px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    font-size: 1.2rem;
    line-height: 1.6;
}

.highlight-text {
    font-weight: bold;
    color: #ff6600;
    background: #ffeecc;
    padding: 5px;
    border-radius: 5px;
}

/* 🎨 桐を使用したフローリング・壁材の特性セクション */
.kiri-flooring {
    background: linear-gradient(135deg, #fef6e4, #fae1dd);
    padding: 50px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.section-title {
    font-size: 2.8rem;
    color: #6d4c41;
    font-weight: bold;
    margin-bottom: 30px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.image-box {
    width: 80%;
    max-width: 1200px;
    background: #ffffff;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.image-box:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

.image-box img {
    width: 100%;
    max-width: 1200px;
    border-radius: 15px;
}

.chart-container {
    width: 80%;
    max-width: 900px;
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    margin: 40px auto;
}

.text-block {
    background: #f9f9f9;
    padding: 25px;
    border-radius: 10px;
    text-align: left;
    width: 80%;
    max-width: 900px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    font-size: 1.3rem;
    line-height: 1.7;
}

.highlight {
    background: #ffe4b5;
    padding: 20px;
    border-radius: 10px;
    font-weight: bold;
    color: #6d4c41;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* 🎨 防湿・防虫機能を生かした日本家屋での採用セクション */
.kiri-japan-house {
    background: linear-gradient(135deg, #f5e9d7, #f1dbc3);
    padding: 50px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.section-title {
    font-size: 2.8rem;
    color: #6d4c41;
    font-weight: bold;
    margin-bottom: 30px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.image-box {
    width: 85%;
    max-width: 1200px;
    background: #ffffff;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.image-box:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

.image-box img {
    width: 100%;
    max-width: 1200px;
    border-radius: 15px;
}

.chart-container {
    width: 80%;
    max-width: 900px;
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    margin: 40px auto;
}

.text-block {
    background: #f9f9f9;
    padding: 25px;
    border-radius: 10px;
    text-align: left;
    width: 80%;
    max-width: 900px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    font-size: 1.3rem;
    line-height: 1.7;
}

.highlight {
    background: #ffe4b5;
    padding: 20px;
    border-radius: 10px;
    font-weight: bold;
    color: #6d4c41;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}


/* 🎨 住宅メーカーの最新トレンド（エコハウス × 桐）セクション */
.eco-kiri-house {
    background: linear-gradient(135deg, #eafaf1, #d9e4d6);
    padding: 60px;
    border-radius: 20px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    text-align: center;
}

.eco-header h3 {
    font-size: 3rem;
    color: #3c6e47;
    font-weight: bold;
    margin-bottom: 15px;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.eco-header p {
    font-size: 1.6rem;
    color: #47693c;
    font-weight: bold;
}

.eco-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}

.eco-card {
    width: 48%;
    background: #ffffff;
    padding: 25px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.eco-card:hover {
    transform: scale(1.05);
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.3);
}

.eco-card img {
    width: 100%;
    max-width: 600px;
    border-radius: 10px;
}

.chart-container {
    width: 80%;
    max-width: 900px;
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
    margin: 40px auto;
}

.eco-highlight {
    background: #c7e2c1;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    width: 80%;
    max-width: 900px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #2b5d34;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* アニメーション */


.zoomIn {
    opacity: 0;
    transform: scale(0.85);
    animation: zoomIn 1s forwards;
}

@keyframes zoomIn {
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.bounce {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* 🎨 高級建築におけるデザイン活用セクション */
.luxury-kiri {
    background: linear-gradient(180deg, #faf5eb, #e7d8c0);
    padding: 100px;
    border-radius: 25px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.luxury-header h3 {
    font-size: 3.5rem;
    color: #9a7c5e;
    font-weight: bold;
    margin-bottom: 30px;
    text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
}

.luxury-header p {
    font-size: 1.8rem;
    color: #7b5e42;
    font-weight: bold;
    margin-bottom: 50px;
}

.luxury-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}

.luxury-item {
    width: 100%;
    max-width: 1200px;
    background: #ffffff;
    padding: 50px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.luxury-item:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.luxury-item img {
    width: 100%;
    max-width: 1000px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.luxury-item h4 {
    font-size: 2rem;
    color: #6e4e32;
    font-weight: bold;
    margin-bottom: 15px;
}

.luxury-item p {
    font-size: 1.6rem;
    color: #4e3825;
    line-height: 1.8;
}

.luxury-highlight {
    background: #c2a88b;
    padding: 40px;
    border-radius: 15px;
    text-align: center;
    width: 85%;
    max-width: 1000px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #3e2a1d;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}



/* 🎨 桐の柔らかい木目が生み出す高級感セクション */
.premium-kiri {
    background: linear-gradient(180deg, #fdf6e3, #e5d0b3);
    padding: 100px;
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.kiri-header h3 {
    font-size: 3.8rem;
    color: #8c6b4e;
    font-weight: bold;
    margin-bottom: 25px;
    text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}

.kiri-header p {
    font-size: 2rem;
    color: #7c5943;
    font-weight: bold;
    margin-bottom: 60px;
}

.kiri-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}

.kiri-item {
    width: 100%;
    max-width: 1100px;
    background: #ffffff;
    padding: 50px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.kiri-item:hover {
    transform: scale(1.08);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4);
}

.kiri-item img {
    width: 100%;
    max-width: 1000px;
    border-radius: 15px;
    margin-bottom: 20px;
}

.kiri-item h4 {
    font-size: 2.2rem;
    color: #6a4d34;
    font-weight: bold;
    margin-bottom: 15px;
}

.kiri-item p {
    font-size: 1.7rem;
    color: #4f3824;
    line-height: 1.9;
}

.kiri-features {
    background: #c1a07d;
    padding: 45px;
    border-radius: 20px;
    text-align: center;
    width: 85%;
    max-width: 1000px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #3c2b1d;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
}

.kiri-features ul {
    list-style: none;
    padding: 0;
}

.kiri-features li {
    font-size: 1.8rem;
    padding: 15px 0;
    color: #fff;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
}

/* アニメーション */


.highlight {
    color: #a06740;
    font-weight: bold;
    font-size: 1.8rem;
}

.bold {
    font-weight: bold;
    font-size: 1.9rem;
    color: #8a5738;
}

/* 🎨 人気の桐製品（タンス・テーブル・ベッド）セクション */
.kiri-products {
    background: linear-gradient(180deg, #fff5e1, #e6d2b8);
    padding: 100px;
    border-radius: 25px;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.4);
    text-align: center;
}

.kiri-header h3 {
    font-size: 4rem;
    color: #7a5a3e;
    font-weight: bold;
    margin-bottom: 30px;
    text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.4);
    animation: glowText 2s infinite alternate;
}

.kiri-header p {
    font-size: 2.2rem;
    color: #6b4832;
    font-weight: bold;
    margin-bottom: 70px;
}



/* 🎨 北欧デザインとの相性セクション */
.kiri-nordic {
    background: linear-gradient(180deg, #fffaf0, #d3c8b4);
    padding: 100px;
    border-radius: 25px;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.4);
    text-align: center;
}

/* ヘッダー */
.kiri-header h3 {
    font-size: 4rem;
    color: #6d4832;
    font-weight: bold;
    margin-bottom: 30px;
    text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.4);
    animation: glowText 2s infinite alternate;
}

.kiri-header p {
    font-size: 2.2rem;
    color: #5c3a24;
    font-weight: bold;
    margin-bottom: 70px;
}

/* カラフルなエフェクト */
.text-glow {
    color: #f4a900;
    text-shadow: 0 0 15px rgba(244, 169, 0, 0.8);
}

.text-highlight {
    color: #ff4500;
    font-weight: bold;
}

.text-flash {
    color: #ff0080;
    animation: flashText 1s infinite alternate;
}

.text-wave {
    animation: waveText 2s infinite;
    display: inline-block;
}

.text-bold {
    font-weight: bold;
    color: #774c32;
}

.text-bounce {
    animation: bounceText 1s infinite alternate;
    color: #0055aa;
}

/* 3Dスクロール */
.kiri-3d-frame {
    width: 100%;
    height: 400px;
    border: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

/* アニメーション */
@keyframes flashText {
    0% { opacity: 1; }
    100% { opacity: 0.3; }
}

@keyframes glowText {
    0% { text-shadow: 0 0 10px rgba(244, 169, 0, 0.8); }
    100% { text-shadow: 0 0 20px rgba(244, 169, 0, 1); }
}

@keyframes bounceText {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes waveText {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(5deg); }
    100% { transform: rotate(0deg); }
}

/* 🎨 海外市場における桐家具の需要増加セクション */
/* 🔥 全体のスタイル */
.kiri-global {
    background: linear-gradient(135deg, #f0f4f8, #d9e2ec);
    padding: 50px 5%;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* 🔥 見出しデザイン */
.kiri-header {
    text-align: center;
    margin-bottom: 30px;
}

.kiri-header h3 {
    font-size: 2.5em;
    color: #34495e;
    text-shadow: 2px 2px 10px rgba(52, 73, 94, 0.3);
    animation: fadeIn-Right 1s ease-in-out;
}

.kiri-header p {
    font-size: 1.2em;
    color: #5d6d7e;
    font-weight: bold;
}

/* 🔥 コンテンツのレイアウト */
.kiri-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    align-items: center;
}

/* 🔥 各ブロック */
.kiri-block {
    background: #ffffff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
}

.kiri-block:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* 🔥 リストデザイン */
.feature-list {
    list-style: none;
    padding: 0;
}

.feature-list li {
    padding: 10px 0;
    font-size: 1.1em;
    font-weight: bold;
    color: #2c3e50;
    border-left: 5px solid #3498db;
    padding-left: 15px;
    margin-bottom: 10px;
    transition: transform 0.3s;
}

.feature-list li:hover {
    transform: scale(1.05);
}

/* 🔥 画像のデザイン */
.kiri-image {
    text-align: center;
}

.kiri-image img {
    width: 100%;
    max-width: 1920px;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

.kiri-image img:hover {
    transform: scale(1.03);
}



/* 🔥 レスポンシブ対応 */
@media (max-width: 1024px) {
    .kiri-content {
        grid-template-columns: 1fr;
    }
}

/* 🎨 未来のエコデザイントレンドセクション */
/* === 🌿 全体レイアウト === */
/* === 🌈 テキスト装飾エフェクト === */
.text-glow {
    color: #ffcc00;
    text-shadow: 0 0 15px rgba(255, 204, 0, 0.8);
}

.text-highlight {
    color: #ff5733;
    font-weight: bold;
    animation: glowText 1.5s infinite alternate;
}

.text-flash {
    color: #ff1493;
    animation: flashText 1s infinite alternate;
}

.text-underline {
    text-decoration: underline;
    color: #ff4500;
}

.text-bold {
    font-weight: bold;
    color: #8b4513;
}

.text-bounce {
    animation: bounceText 1s infinite alternate;
    color: #0077cc;
}

.text-wave {
    animation: waveText 2s infinite;
    display: inline-block;
}

/* === 🔥 画像ボーダー強化 === */
.image-border {
    border: 5px solid #ff5733;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(255, 87, 51, 0.8);
}

/* === 🎬 アニメーション === */
@keyframes flashText {
    0% { opacity: 1; }
    100% { opacity: 0.3; }
}

@keyframes glowText {
    0% { text-shadow: 0 0 10px rgba(255, 204, 0, 0.8); }
    100% { text-shadow: 0 0 20px rgba(255, 204, 0, 1); }
}

@keyframes bounceText {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes waveText {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(5deg); }
    100% { transform: rotate(0deg); }
}

/* === 🏆 その他ビジュアル強化 === */
.eco-trend {
    background: linear-gradient(135deg, #f4f9f4, #d4edda);
    border-radius: 12px;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.3);
    text-align: center;
    padding: 30px;
}

.features {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.feature-item {
    background: linear-gradient(to right, #f39c12, #e74c3c);
    color: white;
    padding: 20px;
    border-radius: 12px;
    font-size: 19px;
    font-weight: bold;
}

.cta {
    background: linear-gradient(135deg, #16a085, #1abc9c);
    color: white;
    padding: 25px;
    border-radius: 12px;
    font-size: 22px;
    margin-top: 30px;
    font-weight: bold;
}

/* === 🖥️ レスポンシブ対応 === */
@media (max-width: 768px) {
    .eco-trend {
        padding: 20px;
    }

    h3 {
        font-size: 28px;
    }

    .text-block {
        font-size: 18px;
    }

    .cta {
        font-size: 20px;
    }
}


/* 🎨 未来のエコデザイントレンドセクション */
/* === 🌍 eco-trend-section 未来のエコデザイントレンドセクション === */
.eco-trend-section {
    background: linear-gradient(135deg, #f4f9f4, #d4edda);
    border-radius: 15px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.4);
    text-align: center;
    padding: 60px;
    margin: 40px 0;
}

/* === 🎨 eco-trend-header (ヘッダーのスタイル) === */
.eco-trend-header h3 {
    font-size: 3.2rem;
    color: #2c3e50;
    font-weight: bold;
    text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.3);
    animation: ecoFadeInUp 1.2s ease-in-out;
}

/* === 🎨 eco-trend-image (画像を縦に並べて100%幅にする) === */
.eco-trend-image-container {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 30px 0;
}

.eco-trend-image-container img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    transition: transform 0.4s ease-in-out;
}

.eco-trend-image-container img:hover {
    transform: scale(1.05);
}

/* === 🔥 eco-trend-text (テキストエフェクト) === */
.eco-trend-text {
    font-size: 1.6rem;
    color: #34495e;
    line-height: 1.8;
    font-weight: bold;
}

/* === 🌟 eco-trend-list (特徴リストデザイン) === */
.eco-trend-list {
    list-style: none;
    padding: 0;
    text-align: left;
    display: inline-block;
    margin-top: 20px;
}

.eco-trend-list li {
    font-size: 1.5rem;
    font-weight: bold;
    color: #2c3e50;
    border-left: 6px solid #ff5733;
    padding-left: 15px;
    margin-bottom: 12px;
    transition: transform 0.3s;
}

.eco-trend-list li:hover {
    transform: scale(1.08);
}

/* === 🌈 eco-trend-highlight (カラフルなテキストエフェクト) === */
.eco-trend-highlight {
    color: #ff4500;
    font-weight: bold;
    animation: ecoGlowText 1.5s infinite alternate;
}

.eco-trend-flash {
    color: #ff1493;
    animation: ecoFlashText 1s infinite alternate;
}

.eco-trend-bold {
    font-weight: bold;
    color: #8b4513;
}

.eco-trend-bounce {
    animation: ecoBounceText 1s infinite alternate;
    color: #0077cc;
}

/* === ✨ eco-trend-animation (アニメーション) === */
@keyframes ecoFlashText {
    0% { opacity: 1; }
    100% { opacity: 0.3; }
}

@keyframes ecoGlowText {
    0% { text-shadow: 0 0 10px rgba(255, 204, 0, 0.8); }
    100% { text-shadow: 0 0 20px rgba(255, 204, 0, 1); }
}

@keyframes ecoBounceText {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes ecoFadeInUp {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* === 📱 eco-trend-responsive (レスポンシブ対応) === */
@media (max-width: 1024px) {
    .eco-trend-section {
        padding: 40px;
    }

    .eco-trend-header h3 {
        font-size: 2.8rem;
    }

    .eco-trend-text {
        font-size: 1.4rem;
    }
}

@media (max-width: 768px) {
    .eco-trend-section {
        padding: 30px;
    }

    .eco-trend-header h3 {
        font-size: 2.4rem;
    }

    .eco-trend-text {
        font-size: 1.2rem;
    }

    .eco-trend-list li {
        font-size: 1.3rem;
    }
}

/* 🎨 桐箱の需要と文化的価値セクション */

/* === 🌸 sakura-box-innovation（メインセクション） === */
.sakura-box-innovation {
    background: linear-gradient(135deg, #fffaf0, #fae0c3);
    border-radius: 30px;
    box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.5);
    text-align: center;
    padding: 90px;
    margin: 70px 0;
}

/* === 🎨 sakura-box-header（ヘッダー） === */
.sakura-box-header h3 {
    font-size: 4.5rem;
    color: #7d3c2f;
    font-weight: bold;
    text-shadow: 6px 6px 20px rgba(0, 0, 0, 0.4);
    animation: slideInDown 1.5s ease-in-out;
}

/* === 📸 sakura-box-image-container（画像） === */
.sakura-box-image-container {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 50px 0;
}

.sakura-box-image-container img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
    transition: transform 0.6s ease-in-out;
}

.sakura-box-image-container img:hover {
    transform: scale(1.12) rotate(-2deg);
}

/* === 📝 sakura-box-text（テキスト） === */
.sakura-box-text {
    font-size: 2.2rem;
    color: #5e3121;
    line-height: 2.5;
    font-weight: bold;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

/* === ✅ sakura-box-list（特徴リスト） === */
.sakura-box-list {
    list-style: none;
    padding: 0;
    text-align: left;
    display: inline-block;
    margin-top: 30px;
}

.sakura-box-list li {
    font-size: 1.9rem;
    font-weight: bold;
    color: #7a3e2f;
    border-left: 14px solid #ff5733;
    padding-left: 25px;
    margin-bottom: 20px;
    transition: transform 0.4s;
}

.sakura-box-list li:hover {
    transform: scale(1.12) rotate(2deg);
}

/* === 🔧 sakura-box-process（製造過程リスト） === */
.sakura-box-process {
    background: linear-gradient(135deg, #fae6d5, #eac2a9);
    padding: 60px;
    border-radius: 25px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.6);
    margin: 70px 0;
    font-size: 1.9rem;
    font-weight: bold;
    color: #693b2b;
}

/* === 🌟 sakura-box-highlight（強調テキスト） === */
.sakura-box-highlight {
    color: #e74c3c;
    font-weight: bold;
    text-shadow: 0 0 20px rgba(231, 76, 60, 0.9);
}

/* === 🎬 アニメーション5種追加 === */
@keyframes fadeInZoom {
    0% { opacity: 0; transform: scale(0.8); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes slideInDown {
    0% { opacity: 0; transform: translateY(-40px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes glowText {
    0% { text-shadow: 0 0 12px rgba(255, 102, 0, 0.9); }
    100% { text-shadow: 0 0 25px rgba(255, 102, 0, 1); }
}

@keyframes zoomIn {
    0% { transform: scale(0.85); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}


@keyframes floatAnimation {
    0% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}

@keyframes rotateGlow {
    0% { transform: rotate(0deg); text-shadow: 0 0 10px rgba(255, 165, 0, 0.7); }
    100% { transform: rotate(2deg); text-shadow: 0 0 20px rgba(255, 165, 0, 1); }
}

/* === 💥 新アニメーション適用 === */
.text-float {
    animation: floatAnimation 2.5s infinite ease-in-out;
    color: #ff8c00;
}

.text-rotate-glow {
    animation: rotateGlow 1.5s infinite alternate;
    color: #ff5733;
}

/* 🎨 書道・茶道における桐製品の重要性セクション */
/* === 🌍 sakura-storage-legacy（メインセクション） === */
.sakura-storage-legacy {
    background: linear-gradient(135deg, #fde2c2, #f9d8a4);
    border-radius: 30px;
    box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.5);
    text-align: center;
    padding: 90px;
    margin: 70px 0;
}

/* === 🎨 sakura-header（ヘッダー） === */
.sakura-header h3 {
    font-size: 4.5rem;
    color: #894c2f;
    font-weight: bold;
    text-shadow: 6px 6px 20px rgba(0, 0, 0, 0.4);
    animation: rollIn 1.5s ease-in-out;
}

/* === 📸 sakura-image-container（画像） === */
.sakura-image {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 50px 0;
}

.sakura-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
    transition: transform 0.6s ease-in-out;
}

.sakura-image img:hover {
    transform: scale(1.12) rotate(-2deg);
}

/* === 📝 sakura-text-box（テキストブロック） === */
.sakura-text-box {
    background: #fff7ea;
    padding: 40px;
    border-radius: 25px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    margin: 40px 0;
    font-size: 2rem;
    font-weight: bold;
    color: #6e3623;
}

/* === ✅ sakura-list（特徴リスト） === */
.sakura-list {
    list-style: none;
    padding: 0;
    text-align: left;
    display: inline-block;
    margin-top: 30px;
}

.sakura-list li {
    font-size: 1.9rem;
    font-weight: bold;
    color: #7a3e2f;
    border-left: 14px solid #ff5733;
    padding-left: 25px;
    margin-bottom: 20px;
    transition: transform 0.4s;
}

.sakura-list li:hover {
    transform: scale(1.12) rotate(2deg);
}

/* === 🚀 sakura-future（未来展望ブロック） === */
.sakura-future {
    background: linear-gradient(135deg, #fae6d5, #eac2a9);
    padding: 60px;
    border-radius: 25px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.6);
    margin: 70px 0;
    font-size: 1.9rem;
    font-weight: bold;
    color: #693b2b;
}

/* === 💥 新アニメーション5個追加！ === */
@keyframes rollIn {
    0% { opacity: 0; transform: translateX(-100px) rotate(-360deg); }
    100% { opacity: 1; transform: translateX(0) rotate(0deg); }
}

@keyframes floatEffect {
    0% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}

/* === 🌟 特殊エフェクト === */
.text-glow {
    animation: floatEffect 2.5s infinite;
}

/* 🎨 日本刀の鞘・武具への使用セクション */
/* === 💥 メインコンテナ（背景・デザイン） === */
.legendary-samurai-container {
    background: radial-gradient(circle, #4e342e, #6d4c41);
    border-radius: 30px;
    box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.7);
    text-align: center;
    padding: 60px;
    margin: 50px auto;
    max-width: 1200px;
}

/* === 🔥 ヘッダー（タイトル） === */
.legendary-header h3 {
    font-size: 3rem;
    color: #ffcc00;
    font-weight: bold;
    text-shadow: 6px 6px 15px rgba(255, 204, 0, 0.8);
    animation: swirlIn 1.5s ease-in-out;
    padding-bottom: 20px;
}

/* === 📸 画像エリア（桐製の鞘と武具の画像） === */
.legendary-image img {
    width: 100%;
    max-width: 900px;
    height: auto;
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
    transition: transform 0.7s ease-in-out;
    margin: 30px auto;
}

.legendary-image img:hover {
    transform: scale(1.08) rotate(-2deg);
}

/* === 📝 テキストボックス（説明文ブロック） === */
.legendary-text-box {
    background: rgba(255, 247, 234, 0.95);
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    margin: 40px 0;
    font-size: 1.6rem;
    font-weight: bold;
    color: #6e3623;
    text-align: left;
    max-width: 1000px;
    margin: 0 auto;
}

/* === ✅ リストスタイル（ポイントリスト） === */
.legendary-list li {
    font-size: 1.5rem;
    font-weight: bold;
    color: #d84315;
    border-left: 8px solid #ff5733;
    padding-left: 15px;
    margin-bottom: 10px;
    transition: transform 0.5s;
}

.legendary-list li:hover {
    transform: scale(1.1) rotate(2deg);
}

/* === 💡 制作工程リスト === */
.legendary-process-list {
    list-style: none;
    font-size: 1.4rem;
    padding: 0;
}

.legendary-process-list li {
    background: rgba(255, 255, 255, 0.1);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #ffeb3b;
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.3);
    transition: background 0.5s ease-in-out;
}

.legendary-process-list li:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.05);
}

/* === 🚀 フューチャー（未来展望ブロック） === */
.legendary-future {
    background: linear-gradient(120deg, #ffcc80, #ff7043);
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    margin-top: 40px;
}

.legendary-future h4 {
    font-size: 2.2rem;
    color: #fff;
    font-weight: bold;
}

.legendary-future p {
    font-size: 1.4rem;
    color: #fff;
    font-weight: bold;
}

/* === 🎇 アニメーション === */
@keyframes swirlIn {
    0% { transform: rotate(-360deg) scale(0); opacity: 0; }
    100% { transform: rotate(0) scale(1); opacity: 1; }
}

@keyframes bounceIn {
    0% { transform: translateY(-50px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

@keyframes flashIn {
    0% { opacity: 0; }
    100% { opacity: 1; text-shadow: 0 0 15px #ffcc00; }
}

/* === ✨ テキストエフェクト === */
.text-glow {
    color: #ffcc00;
    text-shadow: 0 0 15px rgba(255, 204, 0, 0.8);
}

.text-highlight {
    color: #ff5733;
    font-weight: bold;
}

.text-flash {
    color: #ff1493;
    animation: flashText 1s infinite alternate;
}

.text-wave {
    animation: waveText 2s infinite;
    display: inline-block;
}

@keyframes flashText {
    0% { opacity: 1; }
    100% { opacity: 0.3; }
}

@keyframes waveText {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(5deg); }
    100% { transform: rotate(0deg); }
}

/* 🎨 現代のライフスタイルにマッチする新工芸品セクション */
/* 🏆 全体レイアウト */
.kiri-ultimate-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    text-align: center;
    background: linear-gradient(to bottom, #fffbe0, #ffad33);
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.3);
}

/* 🌟 ヘッダー */
.kiri-header {
    font-size: 2.8rem;
    font-weight: bold;
    color: #ff4500;
    text-shadow: 0px 0px 10px rgba(255, 69, 0, 0.8);
    animation: explodeIn 1s ease-in-out;
}

/* 🎨 画像 */
.kiri-image img {
    width: 100%;
    max-width: 1000px;
    border-radius: 15px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4);
    margin: 40px 0;
}

/* 🔥 リスト */
.kiri-list li {
    font-size: 1.4rem;
    font-weight: bold;
    color: #ff6f00;
    list-style: none;
    padding: 12px 0;
    animation: bounceText 1.5s infinite alternate;
}

/* 🚀 未来セクション */
.kiri-future {
    background: #ff4500;
    color: #fff;
    font-size: 2rem;
    padding: 35px;
    border-radius: 20px;
    margin-top: 50px;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.4);
}

/* 🎇 テキストエフェクト */
.text-glow {
    color: #ffcc00;
    text-shadow: 0 0 15px rgba(255, 204, 0, 1);
}

.text-highlight {
    color: #ff5733;
    font-weight: bold;
}

/* 🌈 アニメーション */
@keyframes explodeIn {
    from { opacity: 0; transform: scale(0.5); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes rollIn {
    from { opacity: 0; transform: rotate(-180deg); }
    to { opacity: 1; transform: rotate(0deg); }
}

@keyframes spinIn {
    from { opacity: 0; transform: rotateY(180deg); }
    to { opacity: 1; transform: rotateY(0deg); }
}

@keyframes bounceText {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

/* 🎨 海外市場での工芸品ビジネス戦略セクション */


/* 🏛️ セクション全体のスタイル */
.kiri-export-section {
    background: #ffffff;
    padding: 40px;
    margin: 20px auto;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    max-width: 1000px;
}

/* 🎯 ヘッダー */
.kiri-export-heading {
    text-align: center;
}

.kiri-export-heading h3 {
    font-size: 24px;
    color: #ff5733;
    text-shadow: 2px 2px 4px rgba(255, 87, 51, 0.3);
    margin-bottom: 20px;
    animation: glowText 1s infinite alternate;
}

/* 🌟 イントロダクション */
.kiri-export-content {
    text-align: center;
    padding: 20px;
}

.kiri-export-content p {
    font-size: 18px;
    color: #444;
    background: linear-gradient(to right, #ffcc00, #ff5733);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

/* 📷 画像部分 */
.kiri-export-image {
    text-align: center;
    margin: 20px 0;
}

.kiri-export-image img {
    width: 80%;
    max-width: 700px;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.image-caption {
    font-size: 14px;
    color: #555;
    font-style: italic;
    margin-top: 10px;
}

/* 🚀 活用シーン */
.kiri-market-usage {
    margin: 30px 0;
}

.kiri-market-usage h4 {
    font-size: 20px;
    text-align: center;
    color: #ff1493;
    text-shadow: 2px 2px 4px rgba(255, 20, 147, 0.3);
    margin-bottom: 15px;
    animation: bounceText 1s infinite alternate;
}

.bullet-list {
    list-style: none;
    padding: 0;
}

.bullet-list li {
    font-size: 18px;
    color: #444;
    margin: 10px 0;
    padding: 12px;
    background: #f0f0f0;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.bullet-list li strong {
    margin-right: 10px;
    color: #0077cc;
}

/* 💰 販売戦略 */
.kiri-sales-strategy h4 {
    font-size: 20px;
    text-align: center;
    color: #ffcc00;
    text-shadow: 2px 2px 4px rgba(255, 204, 0, 0.3);
    margin-bottom: 15px;
    animation: waveText 2s infinite;
}

.numbered-list {
    list-style: decimal;
    padding-left: 20px;
}

.numbered-list li {
    font-size: 18px;
    color: #444;
    margin: 10px 0;
    padding: 12px;
    background: #f0f0f0;
    border-radius: 5px;
}

/* 🚀 成功事例 */
.success-cases {
    margin: 30px 0;
}

.success-cases h4 {
    font-size: 20px;
    text-align: center;
    color: #8b4513;
    text-shadow: 2px 2px 4px rgba(139, 69, 19, 0.3);
    margin-bottom: 15px;
}

.success-cases ul {
    list-style: none;
    padding: 0;
}

.success-cases li {
    font-size: 18px;
    color: #444;
    margin: 10px 0;
    padding: 12px;
    background: #e8e8e8;
    border-radius: 5px;
}

/* 🔥 まとめ */
.kiri-conclusion h4 {
    font-size: 20px;
    text-align: center;
    color: #ff4500;
    text-shadow: 2px 2px 4px rgba(255, 69, 0, 0.3);
    margin-bottom: 15px;
}

.kiri-conclusion p {
    font-size: 18px;
    color: #333;
    text-align: center;
    padding: 20px;
    background: linear-gradient(to right, #ff4500, #ffcc00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

/* 🔥 カラフルなテキスト効果 */
.text-glow {
    color: #ffcc00;
    text-shadow: 0 0 10px rgba(255, 204, 0, 0.8);
}

.text-highlight {
    color: #ff5733;
    font-weight: bold;
}

.text-flash {
    color: #ff1493;
    animation: flashText 1s infinite alternate;
}

.text-underline {
    text-decoration: underline;
    color: #ff4500;
}

.text-bold {
    font-weight: bold;
    color: #8b4513;
}

.text-bounce {
    animation: bounceText 1s infinite alternate;
    color: #0077cc;
}

.text-wave {
    animation: waveText 2s infinite;
    display: inline-block;
}

.bold-highlight {
    color: #ff0000;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(255, 0, 0, 0.5);
}

.eco-tag {
    background: #00cc66;
    color: #ffffff;
    padding: 3px 8px;
    border-radius: 5px;
    font-weight: bold;
}

/* 🌊 アニメーション効果 */
@keyframes flashText {
    0% { opacity: 1; }
    100% { opacity: 0.3; }
}

@keyframes glowText {
    0% { text-shadow: 0 0 10px rgba(255, 204, 0, 0.8); }
    100% { text-shadow: 0 0 20px rgba(255, 204, 0, 1); }
}

@keyframes bounceText {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes waveText {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(5deg); }
    100% { transform: rotate(0deg); }
}

/* 🎨 人気の桐製品（タンス・テーブル・ベッド）セクション */
/* 🎨 人気の桐製品（タンス・テーブル・ベッド）セクション */


























/* カラフルなエフェクト */
.text-glow {
    color: #ffcc00;
    text-shadow: 0 0 15px rgba(255, 204, 0, 0.8);
}

.text-highlight {
    color: #ff5733;
    font-weight: bold;
}

.text-flash {
    color: #ff1493;
    animation: flashText 1s infinite alternate;
}

.text-underline {
    text-decoration: underline;
    color: #ff4500;
}

.text-bold {
    font-weight: bold;
    color: #8b4513;
}

.text-bounce {
    animation: bounceText 1s infinite alternate;
    color: #0077cc;
}

.text-wave {
    animation: waveText 2s infinite;
    display: inline-block;
}

/* アニメーション */
@keyframes flashText {
    0% { opacity: 1; }
    100% { opacity: 0.3; }
}

@keyframes glowText {
    0% { text-shadow: 0 0 10px rgba(255, 204, 0, 0.8); }
    100% { text-shadow: 0 0 20px rgba(255, 204, 0, 1); }
}

@keyframes bounceText {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes waveText {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(5deg); }
    100% { transform: rotate(0deg); }
}

@keyframes scrollText {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* 🚀 アニメーション */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
/* 初期状態：マーカークラスでは透明にしておく */

.fadeIn-Slide,
.scale-up,
.fad-eIn,
.fadeIn-Right,
.fadeIn-Left,
.fadeIn-Up {
  opacity: 0;
}

/* アニメーション用クラスを付与されたらアニメーションが発動 */
.fadeIn {
  animation: fadeIn 1s ease forwards;
}
.fadeInRight {
  animation: fadeInRight 1s ease forwards;
}
.fadeInLeft {
  animation: fadeInLeft 1s ease forwards;
}
.fadeInUp {
  animation: fadeInUp 1s ease forwards;
}
.scale-up-top {
  animation: scale-up-top 1s ease forwards;
}
.info-box {
  animation: info-box 1s ease forwards;
}
.fadeInSlide {
    animation: fadeInSlide 0.8s ease-out;
}
.countUp {
    animation: countUp 3s ease-in-out forwards;
}
/* @keyframesの定義 */

/* 🔢 カウントアップアニメーション */
@keyframes countUp {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInSlide {
  from {
        opacity: 0;
        transform: translateY(70px);
    }
  to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
.scale-up-top {
	-webkit-animation: scale-up-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}



/* === 🌿 sustainable-design-trend セクション === */
.sustainable-design-trend {
  background: #f5f9f5;
  border-radius: 12px;
  padding: 60px;
  margin: 50px 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  color: #2c3e50;
  font-family: "Noto Sans JP", sans-serif;
}

.sustainable-design-trend h3 {
  font-size: 2.8rem;
  margin-bottom: 20px;
  color: #004400;
}

.sustainable-design-trend h4 {
  font-size: 2rem;
  margin-top: 30px;
  color: #006600;
}

.sustainable-design-trend p {
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 20px 0;
}

.sustainable-design-trend strong {
  color: #88B04B;
  font-weight: 700;
}

.sustainable-design-trend .sustainable-image {
  text-align: center;
  margin: 30px 0;
}

.sustainable-design-trend .sustainable-image img {
  width: 100%;
  max-width: 800px;
  border-radius: 8px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
}

.sustainable-design-trend .sustainable-features {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin: 40px 0;
}

.sustainable-design-trend .sustainable-feature {
  background: #ffffff;
  padding: 25px;
  border-left: 6px solid #88B04B;
  border-radius: 8px;
}

.sustainable-design-trend .sustainable-list {
  list-style: none;
  padding-left: 0;
  margin: 20px 0 0;
}

.sustainable-design-trend .sustainable-list li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 10px;
  font-size: 1.5rem;
  position: relative;
}

.sustainable-design-trend .sustainable-list li::before {
  content: "✔️ ";
  color: #88B04B;
}

.sustainable-design-trend .sustainable-cta {
  background: #eef7ee;
  padding: 30px;
  border-radius: 8px;
  margin: 40px 0;
}

/* === 📱 レスポンシブ対応 === */
@media (max-width: 768px) {
  .sustainable-design-trend {
    padding: 30px;
  }

  .sustainable-design-trend h3 {
    font-size: 2.2rem;
  }

  .sustainable-design-trend p {
    font-size: 1.4rem;
  }

  .sustainable-design-trend .sustainable-list li {
    font-size: 1.3rem;
  }
}