:root {
            --jy-home-primary-color: #0a6e7c;
            --jy-home-secondary-color: #2a9d8f;
            --jy-home-accent-color: #e9c46a;
            --jy-home-light-color: #f1faee;
            --jy-home-dark-color: #1d3557;
            --jy-home-text-color: #333333;
            --jy-home-light-green: #a8dadc;
            --jy-home-white: #ffffff;
            --jy-home-gray-light: #f5f5f5;
            --jy-home-gray: #cccccc;
            --jy-home-green-bg: #2a9d8f;
            --jy-home-row-even: #f9f9f9;
            --jy-home-row-odd: #ffffff;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Noto Sans JP', sans-serif;
        }
        
        body {
            line-height: 1.6;
            color: var(--jy-home-text-color);
           
        }
        
        .jy-home-container {
            width: 100%;.jy-home-contact-info
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 15px;
        }


.ank {
    margin: 0 auto;
    text-align: center;
    padding-top: 28px;
}







.jy-cplistnew-filter-btn-2 {
    background-color: white;
    border: 0px solid var(--jy-cplistnew-light-green);
    color: var(--jy-cplistnew-primary-color);
    padding: 8px 15px;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none;
}





.ank a {
    background-color: #ffd463;
    padding: 6px;
    color: #000000;
    text-decoration: none;
    border-radius: 5px;
}
      











  .jy-home-container {
            width: 100%;
            max-width: 1296px;
            margin: 0 auto;
        }

        /* ==================== 第一行：トップバー（新布局） ==================== */
        .jy-home-top-bar {
            background-color: #ffffff;
            padding: 6px 0;
            font-size: 0.9rem;
        }

        .jy-home-top-bar-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        /* 左侧：标题 + LOGO */
        .jy-home-top-left {
            display: flex;
            flex-direction: column;
           
        }

        .jy-home-top-title {
            color: #7f7e7e;
            font-size: 1rem;
            font-weight: 600;
               padding-top: 10px;
        }

        .jy-home-top-logo img {
            height: 70px;
            width: auto;
        }

        /* 右侧：联系方式 + 按钮组 */
        .jy-home-top-right {
            display: flex;
            gap: 30px;
            align-items: center;
        }

        /* 联系方式区域 */
        .jy-home-contact-info {
            display: flex;
            flex-direction: column;
            gap: 3px;
        }

        .jy-home-contact-item {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #333;
        }

        .jy-home-contact-item i {
            font-size: .9rem;
            color: #898989;
        }

        .jy-home-contact-item span {
            color: #333;
        }

        /* 按钮组：竖排显示 */
        .jy-home-btn-group {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .jy-home-top-btn {
            background-color: #0e6b74;
            color: #ffffff;
            border: none;
            padding: 10px 15px;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 5px;
            border-radius: 25px;
            transition: background-color 0.3s;     justify-content: center; text-decoration: none;     font-size: 18px;
        }

        .jy-home-top-btn:hover {
            background-color: #13b813;
        }

        .jy-home-top-btn.secondary {
            background-color: #13b813;
        }

        .jy-home-top-btn.secondary:hover {
            background-color: #1a76e6;
        }

        /* ==================== LINEモーダル ==================== */
        .jy-home-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 2000;
            justify-content: center;
            align-items: center;
        }

        .jy-home-modal-content {
            background-color: white;
            border-radius: 10px;
            width: 90%;
            max-width: 500px;
            padding: 30px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        }

        .jy-home-modal-close {
            position: absolute;
            top: 15px;
            right: 15px;
            font-size: 1.5rem;
            background: none;
            border: none;
            color: var(--jy-home-text-color);
            cursor: pointer;
        }

        .jy-home-modal-title {
            color: #555555;
            margin-bottom: 20px;
            text-align: center;
            font-size: 1.8rem;
        }

        .jy-home-line-modal-info {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .jy-home-line-account {
            margin-top: 30px;
            text-align: center;
            width: 100%;
        }

        .jy-home-line-account h4 {
            color: #555555;
            margin-bottom: 10px;
        }

        .jy-home-line-account-id {
            font-size: 1.3rem;
            font-weight: 700;
            color: var(--jy-home-secondary-color);
            background-color: #f7f7f7;
            padding: 10px;
            border-radius: 5px;
        }

        .jy-home-qr-code p {
            font-size: 1rem;
            color: #666;
        }

        .bbg {
            background-color: #f7f7f7;
            padding: 20px 0px 20px 20px;
            text-align: left;
        }

        .jy-home-qr-code {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 15px;
        }

        .jy-home-qr-placeholder {
            color: #06c755;
        }

        .jy-home-modal-note {
            color: #666;
            font-size: 1rem;
            text-align: center;
            margin-top: 22px;
        }

        /* ==================== 第二行：ナビゲーションメニュー ==================== */
        .jy-home-nav-bar {
            background-color: #118997; /* 深色背景 */
            width: 100%;
        }

        .jy-home-nav-container {
            width: 100%;
            max-width: 1300px;
            margin: 0 auto;
        }

        .jy-home-nav-menu {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .jy-home-nav-menu li {
            position: relative;
        }

        .jy-home-nav-menu li > a {
            display: block;
            color: white;
            text-decoration: none;
            padding: 15px 23px;
            font-weight: 500;
            transition: all 0.3s;
            white-space: nowrap;
        }

        .jy-home-nav-menu li > a:hover {
            background-color: #8fc347;
            color: white;
        }

        /* 最后两个菜单项添加三角形箭头 */
        .jy-home-nav-menu li:last-child > a,
        .jy-home-nav-menu li:nth-last-child(2) > a {
            position: relative;
            padding-left: 30px;
        }

        .jy-home-nav-menu li:last-child > a::before,
        .jy-home-nav-menu li:nth-last-child(2) > a::before {
            content: "";
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 0 5px 8px;
            border-color: transparent transparent transparent #ffffff;
        }

        /* 2階層メニュー */
        .jy-home-submenu {
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #333;
            min-width: 200px;
            display: none;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
            z-index: 1000;
        }

        .jy-home-nav-menu li:hover .jy-home-submenu {
            display: block;
        }

        .jy-home-submenu li {
            width: 100%;
        }

        .jy-home-submenu a {
            display: block;
            padding: 12px 20px;
            color: white;
            text-decoration: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.3s;
        }

        .jy-home-submenu a:hover {
            background-color: var(--jy-home-accent-color);
            padding-left: 25px;
        }

        /* モバイル対応（基本样式保留） */
        .jy-home-mobile-menu-btn {
            display: none;
            font-size: 1.8rem;
            background: none;
            border: none;
            color: white;
            cursor: pointer;
            padding: 10px;
            z-index: 1001;
        }

        .jy-home-mobile-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            z-index: 999;
        }

        @media (max-width: 768px) {
            .jy-home-top-bar-container {
                flex-direction: column;
                gap: 20px;
            }

            .jy-home-top-right {
                flex-direction: column;
                gap: 15px;
            }

            .jy-home-nav-menu {
                display: none;
            }

            .jy-home-mobile-menu-btn {
                display: block;
            }
        }






























        /* ==================== 以降、既存スタイル（変更なし） ==================== */
        /* ヒーローセクション */
        .jy-home-hero {
            background: linear-gradient(135deg, rgb(10 110 124 / 17%) 0%, rgb(42 157 143 / 64%) 100%), url(/uploadfile/202603/b3999460912ebc.jpg);
            background-size: cover;
            background-position: center;
            color: white;
            padding: 150px 0;
            text-align: center;
        }
        
        .jy-home-hero h1 {
            font-size: 3.2rem;
            margin-bottom: 20px;
            font-weight: 700;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        }
        
        .jy-home-hero p {
            font-size: 1.3rem;
            max-width: 800px;
            margin: 0 auto 40px;
            line-height: 1.8;
        }
        
        .jy-home-cta-button {
            display: inline-block;
            background-color: var(--jy-home-accent-color);
            color: var(--jy-home-dark-color);
            padding: 15px 40px;
            font-size: 1.2rem;
            font-weight: 600;
            text-decoration: none;
            border-radius: 50px;
            transition: all 0.3s;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .jy-home-cta-button:hover {
            background-color: #f4a261;
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
        }
        
        /* セクション共通 */
        .jy-home-section {
            padding: 80px 0;
        }
        
        .jy-home-section-title {
            text-align: center;
            margin-bottom: 50px;
            color: #118997;
            font-size: 2.5rem;
            position: relative;
        }
        
        .jy-home-section-title:after {
            content: '';
            position: absolute;
            width: 80px;
            height: 3px;
            background-color: #118997;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 2px;
        }
        
    
        .jy-home-news-list {
            display: flex;
            flex-direction: column;
            max-width: 1100px;
            margin: 0 auto;
        }





.jy-home-container-2 {
    border: 2px solid #ebebeb;    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}




.jy-home-container-333 {
  width: 90%;
    max-width: 1400px;
    margin: 0 auto;
     margin-bottom: 60px;
}







  .jy-home-news-item-2 {
            display: flex;
            padding: 16px 0;
            border-bottom: 1px solid #eee;
        }
        
        .jy-home-news-item-2:last-child {
            border-bottom: none;
        }


        
        .jy-home-news-item {
            display: flex;
            padding: 20px 0;
            border-bottom: 1px solid #eee;
        }
        
        .jy-home-news-item:last-child {
            border-bottom: none;
        }
        
        .jy-home-news-date {
            width: 120px;
            font-weight: 600;
            color: #555555;
        }
        
        .jy-home-news-category {
          
            margin: 0 20px;
        }
        
        .jy-home-category-tag {
            display: inline-block;
            background-color: #ffd463;
            color: #555555;
            padding: 3px 10px;
            border-radius: 3px;
            font-size: 0.85rem;
            font-weight: 600;
        }
        

    .jy-home-category-tag a {
           
            color: #303030;
           text-decoration: none;
        }


.jy-home-btys {
    text-align: center;
    margin-bottom: 50px;
    font-size: 2.5rem;
    position: relative;
    color: #555555;
}



.jy-home-btys:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 4px;
    background-color: var(--jy-home-secondary-color)!important;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
}




        .jy-home-news-title {
            flex: 1;
            font-weight: 600;
        }
        
        .jy-home-news-link {
            color: var(--jy-home-text-color);
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .jy-home-news-link:hover {
            color: #555555;
            text-decoration: underline;
        }
        
        /* 全幅緑背景セクション */
        .jy-home-full-width-green {
            background-color: #118997;
            color: white;
            padding: 80px 0;
            width: 100%;
        }
        
        .jy-home-green-section-title {
            text-align: center;
            margin-bottom: 50px;
            font-size: 2.5rem;
            position: relative;    color: #ffffff;
        }

  .jy-home-green-section-title:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 3px;
    background-color: #ffffff!important;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
}


        
        .jy-home-green-section-title:after {
            content: '';
            position: absolute;
            width: 80px;
            height: 3px;
            background-color: white;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 2px;
        }
        
        .jy-home-green-content {
            display: flex;
            justify-content: center;
            gap: 50px;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .jy-home-green-box {
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
            padding: 40px;
            width: 45%;
            text-align: center;
            backdrop-filter: blur(5px);
        }
        
        .jy-home-green-box h3 {
            font-size: 1.8rem;
            margin-bottom: 20px;
        }
        
        .jy-home-green-box p {
            margin-bottom: 30px;
            line-height: 1.7;
        }
        
        .jy-home-green-button {
            display: inline-block;
            background-color: white;
            color: var(--jy-home-green-bg);
            padding: 12px 30px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s;
        }
        
        .jy-home-green-button:hover {
            background-color: var(--jy-home-accent-color);
            transform: translateY(-3px);
        }
        
        /* お問い合わせセクション */
        .jy-home-contact-bg {
            background: linear-gradient(rgb(0 0 0 / 67%), rgb(0 0 0 / 28%)), url(/uploadfile/202602/1cbaad62fee0a74.jpg);
            background-size: cover;
            background-position: center;
            color: white;
        }
        
        .jy-home-contact-content {
            display: flex;
            justify-content: center;
            gap: 50px;
            max-width: 1260px;
            margin: 0 auto;
        }
        
        .jy-home-contact-box {
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
            padding: 40px;
            width: 45%;
            text-align: center;
            backdrop-filter: blur(5px);
            position: relative;
        }
        
        /* お問い合わせアイコン */
        .jy-home-contact-icon {
            font-size: 3rem;
            color: var(--jy-home-accent-color);
            margin-bottom: 20px;
            display: block;
        }
        
        .jy-home-contact-box h3 {
            font-size: 1.8rem;
            margin-bottom: 20px;
            position: relative;
            padding-top: 10px;
        }
        
        .jy-home-contact-box h3:after {
            content: '';
            position: absolute;
            width: 50px;
            height: 3px;
            background-color: #ffd463;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
        }
        
        .jy-home-contact-box p {
            margin-bottom: 30px;
            line-height: 1.7;
        }
        
        .jy-home-contact-button {
            display: inline-block;
            background-color: #ffd463;
            color: var(--jy-home-dark-color);
            padding: 12px 30px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s;
        }
        
        .jy-home-contact-button:hover {
            background-color: white;
            transform: translateY(-3px);
        }
        
        /* 会社情報セクション */
        .jy-home-company-info {
            background-color: var(--jy-home-white);
        }
        
        .jy-home-company-table {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto 50px;
            border-collapse: collapse;
        }
        
        .jy-home-company-table tr {
            border-bottom: 1px solid #eee;
        }
        





        .jy-home-company-table tr:nth-child(even) {
            background-color: var(--jy-home-row-even);
        }
        
        .jy-home-company-table tr:nth-child(odd) {
            background-color: var(--jy-home-row-odd);
        }
        
        .jy-home-company-table tr:last-child {
            border-bottom: none;
        }
        
        .jy-home-company-table td {
            padding: 15px 10px;
        }
        
        .jy-home-company-table td:first-child {
            font-weight: 600;
            width: 15%;
            color: #444444;
            border-right: 1px solid #eee;    text-align: center;
        }
        
        /* アクセス情報 */
        .jy-home-maps-container {
            display: flex;
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .jy-home-map-box {
            flex: 1;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .jy-home-map-title {
            background-color: #118997;
            color: white;
            padding: 15px;
            font-weight: 600;
            text-align: center;
        }
        
        .jy-home-map-content {
            padding: 20px;
            background-color: var(--jy-home-white);
        }
        
        /* 最寄り駅・アクセスのスタイル */
        .jy-home-access-info {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        .jy-home-subway-info {
            display: flex;
            align-items: center;
            padding: 15px;
            background-color: var(--jy-home-row-even);
            border-radius: 8px;
            border-left: 5px solid #118997;
        }
        
        .jy-home-subway-icon {
            font-size: 2rem;
            color: #118997;
            margin-right: 15px;
        }
        
        .jy-home-subway-text {
            flex: 1;
        }
        
        .jy-home-subway-text h4 {
            color: #555555;
            margin-bottom: 5px;
            font-size: 1.2rem;
        }
        
        .jy-home-drive-info {
            display: flex;
            align-items: center;
            padding: 15px;
            background-color: var(--jy-home-row-even);
            border-radius: 8px;
            border-left: 5px solid #118997;
        }
        
        .jy-home-drive-icon {
            font-size: 2rem;
           color: #118997;
            margin-right: 15px;
        }
        
        .jy-home-drive-text {
            flex: 1;
        }
        
        .jy-home-drive-text h4 {
            color: #555555;
            margin-bottom: 5px;
            font-size: 1.2rem;
        }
        
        /* フッター */
        .jy-home-footer {
           background-color: #f1f1f1;
    padding-top: 50px;
        }
        
        .jy-home-footer-menu {
                display: flex;
    justify-content: center;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 30px;
    margin-bottom: 40px;
        }
        
        .jy-home-footer-menu ul {
            display: flex;
            list-style: none;
        }
        
        .jy-home-footer-menu ul li {
            margin: 0 25px;
        }
        
        .jy-home-footer-menu ul li a {
            color: var(--jy-home-text-color);
            text-decoration: none;
            font-weight: 600;
        }
        
        .jy-home-footer-menu ul li a:hover {
            color: #555555;
        }
        
        .jy-home-footer-main {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 40px;
        }
        
        .jy-home-footer-logo {
            display: flex;
            align-items: center;
            color: #555555;
            font-size: 1.8rem;
            font-weight: 700;
            text-decoration: none;
        }
        
        .jy-home-footer-logo-img {
            height: 40px;
            width: auto;
            object-fit: contain;
            margin-right: 10px;
        }
        
        .jy-home-footer-logo span {
            color: var(--jy-home-secondary-color);
        }
        
        .jy-home-footer-address {
            line-height: 1.8;
            color: #666;
        }
        
        .jy-home-footer-slogan {
            text-align: right;
            font-style: italic;
            color: #555555;
            font-weight: 600;
            font-size: 1.2rem;
            margin-bottom: 15px;
        }
        
        .jy-home-footer-image {
            width: 100px;
           
            display: flex;
            align-items: center;
            justify-content: center;
            color: #555555;
            font-weight: 600;
            overflow: hidden;
        }
        
        .jy-home-footer-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .jy-home-copyright {
            background-color: #396097;
            color: white;
            text-align: center;
            padding: 20px 0;
            width: 100%;
        }
        
        /* ==================== レスポンシブデザイン ==================== */
        @media screen and (max-width: 1200px) {
            .jy-home-nav-menu li > a {
                padding: 10px 12px;
            }
        }
        
        @media screen and (max-width: 992px) {
            .jy-home-hero h1 {
                font-size: 2.5rem;
            }
            
            .jy-home-green-content, .jy-home-contact-content {
                flex-direction: column;
                align-items: center;
            }
            
            .jy-home-green-box, .jy-home-contact-box {
                width: 90%;
                margin-bottom: 30px;
            }
            
            .jy-home-maps-container {
                flex-direction: column;
            }
            
            .jy-home-footer-main {
                flex-direction: column;
                text-align: center;
            }
            
            .jy-home-footer-slogan, .jy-home-footer-address {
                text-align: center;
                margin: 20px 0;
            }
            
            /* モバイル用2階層メニュー */
            .jy-home-submenu {
                position: static;
                display: none;
                width: 100%;
                box-shadow: none;
                background-color: rgba(0, 0, 0, 0.05);
            }
            
            .jy-home-nav-menu li:hover .jy-home-submenu {
                display: none;
            }
            
            .jy-home-submenu.active {
                display: block;
            }
            
            .jy-home-submenu a {
                padding-left: 40px;
            }
            
            /* メインヘッダーの調整 */
            .jy-home-business-hours {
                display: none;
            }
        }
        
        @media screen and (max-width: 768px) {
            /* トップバー調整 */
            .jy-home-top-bar-container {
                flex-direction: column;
                gap: 10px;
                text-align: center;
            }
            
            .jy-home-contact-info {
                flex-direction: column;
                gap: 10px;
                width: 100%;
            }
            
            .jy-home-line-right {
                width: 100%;
                justify-content: center;
            }
            
            /* メインヘッダー（ロゴとメニュー） */
            .jy-home-header-container {
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
            }
            
            .jy-home-logo-area {
                width: auto;
                margin-bottom: 0;
            }
            
            /* モバイルメニューボタンを表示 */
            .jy-home-mobile-menu-btn {
                display: block;
                order: 2;
            }
            
            /* ナビゲーションメニュー（モバイル用） */
            .jy-home-nav-menu-container {
                width: auto;
                justify-content: flex-end;
            }
            
            /* 修正：モバイルメニューの表示を修正 */
            .jy-home-nav-menu {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100vh;
                background-color: var(--jy-home-white);
                flex-direction: column;
                z-index: 1000;
                padding-top: 80px;
                overflow-y: auto;
                transition: opacity 0.3s ease, visibility 0.3s ease;
                opacity: 0;
                visibility: hidden;
            }
            
            .jy-home-nav-menu.active {
                display: flex;
                opacity: 1;
                visibility: visible;
            }
            
            .jy-home-nav-menu li > a {
                padding: 15px 20px;
                border-bottom: 1px solid #333333;
                width: 100%;
                font-size: 1.1rem;
                color: var(--jy-home-dark-color);
            }
            
            .jy-home-nav-menu li:last-child > a {
                border-bottom: none;
            }
            
            /* モバイルメニューのオーバーレイ */
            .jy-home-mobile-overlay {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.5);
                z-index: 999;
            }
            
            .jy-home-mobile-overlay.active {
                display: block;
            }
            
            /* ヒーローセクション */
            .jy-home-hero {
                padding: 80px 0;
            }
            
            .jy-home-hero h1 {
                font-size: 2rem;
            }
            
            .jy-home-section-title, .jy-home-green-section-title {
                font-size: 2rem;
            }
            
            .jy-home-news-item {
                flex-direction: column;
            }
            
            .jy-home-news-date, .jy-home-news-category {
                margin-bottom: 10px;
                width: auto;
            }
            
            .jy-home-footer-menu ul {
                flex-wrap: wrap;
                justify-content: center;
            }
            
            .jy-home-footer-menu ul li {
                margin: 5px 10px;
            }
            
            .jy-home-contact-icon {
                font-size: 2.5rem;
            }
        }
        
        @media screen and (max-width: 480px) {
            .jy-home-hero h1 {
                font-size: 1.8rem;
            }
            
            .jy-home-section-title, .jy-home-green-section-title {
                font-size: 1.8rem;
            }
            
            .jy-home-green-box, .jy-home-contact-box {
                width: 100%;
                padding: 25px 15px;
            }
            
            .jy-home-logo-img {
                height: 40px;
            }
        }
        
        /* 日本語テキストスタイル */
        .jy-home-jp-text {
            line-height: 1.8;
            letter-spacing: 0.05em;
        }





@media (min-width: 1024px) {
.pd-70 {
    padding-left: 40px!important;
}
}









  .jy-cplist-container {
            width: 90%;
            max-width: 1380px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        /* ページヘッダー */
        .jy-cplist-page-header {
            background: linear-gradient(135deg, #396097 0%, #19a896 100%);
            color: white;
            padding: 80px 0 60px;
            text-align: center;
           
        }
        
        .jy-cplist-page-header h1 {
            font-size: 3rem;
            margin-bottom: 20px;
            font-weight: 700;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
        }
        
        .jy-cplist-page-header p {
            font-size: 1.3rem;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.8;
            opacity: 0.9;
        }
        
        /* セクション共通 */
        .jy-cplist-section {
            padding: 60px 0;
        }
        
        .jy-cplist-section-title {
            text-align: center;
            margin-bottom: 50px;
            color: var(--jy-cplist-primary-color);
            font-size: 2.5rem;
            position: relative;
        }
        
        .jy-cplist-section-title:after {
            content: '';
            position: absolute;
            width: 80px;
            height: 4px;
            background-color: var(--jy-cplist-secondary-color);
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 2px;
        }
        
        /* FAQアコーディオン */
        .jy-cplist-faq-container {
          
            margin: 0 auto;
        }


.glmenu {
    color: #03ad49!important;
}
        
        .jy-cplist-faq-item {
            background-color: white;
            border-radius: 10px;
            margin-bottom: 20px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            overflow: hidden;
            transition: all 0.3s;
        }
        
        .jy-cplist-faq-item:hover {
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }


.jy-cplist-faq-item .active .faqbt{color: #ffffff}


.jy-cplist-faq-item .faqbt:hover{color: #ffffff}
        
        .jy-cplist-faq-question {
            padding: 25px 30px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: var(--jy-cplist-light-green);
            color: #396097;
            font-weight: 600;
            font-size: 1.2rem;
            transition: background-color 0.3s;
        }
        
        .jy-cplist-faq-question:hover {
            background-color: #396097;
            color: white;
        }
        
        .jy-cplist-faq-question.active {
            background-color: #19a896;
            color: white;
        }
        
        .jy-cplist-faq-icon {
            font-size: 1.5rem;
            transition: transform 0.3s;
        }
        
        .jy-cplist-faq-question.active .jy-cplist-faq-icon {
            transform: rotate(180deg);
        }
        
        .jy-cplist-faq-answer {
            padding: 0;
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        
        .jy-cplist-faq-answer.active {
            padding: 30px;
            max-height: 1000px;
        }
        
        .jy-cplist-faq-answer-content {
            line-height: 1.8;
            color: #555;
        }
        
        .jy-cplist-faq-answer-content p {
            margin-bottom: 15px;
        }
        
        .jy-cplist-faq-answer-content ul, 
        .jy-cplist-faq-answer-content ol {
            margin-left: 20px;
            margin-bottom: 15px;
        }
        
        .jy-cplist-faq-answer-content li {
            margin-bottom: 8px;
        }
        
        /* FAQカテゴリ表示 */
        .jy-cplist-faq-category-tag {
            display: inline-block;
            background-color: #ffd463;
            color: #ffffff;
            padding: 3px 12px;
            border-radius: 20px;
            font-size: 18px;
            font-weight: 600;
            margin-right: 10px;
        }
        
        /* FAQ統計情報 */
        .jy-cplist-faq-stats {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 30px;
            margin-bottom: 60px;
        }
        
        .jy-cplist-faq-stat-item {
            background-color: white;
            border-radius: 10px;
            padding: 30px;
            text-align: center;
            min-width: 180px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s;
        }
        
        .jy-cplist-faq-stat-item:hover {
            transform: translateY(-5px);
        }
        
        .jy-cplist-faq-stat-number {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--jy-cplist-primary-color);
            margin-bottom: 10px;
        }
        
        .jy-cplist-faq-stat-label {
            font-size: 1.1rem;
            color: #666;
            font-weight: 600;
        }
        
        /* お問い合わせCTA */
        .jy-cplist-faq-cta {
            background: linear-gradient(rgba(10, 110, 124, 0.9), rgb(42 157 143 / 57%)), url(/uploadfile/202603/5303217c9c939c5.jpg);
            background-size: cover;
            background-position: center;
            color: white;
            padding: 80px 0;
            text-align: center;
            border-radius: 15px;
           
        }
        



    /* お問い合わせCTA */
        .jy-cplist-faq-cta-2 {
            background: linear-gradient(rgba(10, 110, 124, 0.9), rgb(42 157 143 / 57%)), url(/uploadfile/202603/52b63054bbb4955.jpg);
            background-size: cover;
            background-position: center;
            color: white;
            padding: 80px 0;
            text-align: center;
            border-radius: 15px;
           
        }
        





.jy-cplist-philosophy-icon img {
    width: 90px;
}

 .jy-cplist-faq-cta-2 h2 {
            font-size: 2.5rem;
            margin-bottom: 20px;
        }
        
        .jy-cplist-faq-cta-2 p {
            font-size: 1.2rem;
            max-width: 700px;
            margin: 0 auto 40px;
            line-height: 1.7;
        }


        .jy-cplist-faq-cta h2 {
            font-size: 2.5rem;
            margin-bottom: 20px;
        }
        
        .jy-cplist-faq-cta p {
            font-size: 1.2rem;
            max-width: 700px;
            margin: 0 auto 40px;
            line-height: 1.7;
        }
        
        .jy-cplist-faq-cta-button {
            display: inline-block;
            background-color: #06c755;
            color: var(--jy-cplist-dark-color);
            padding: 15px 40px;
            font-size: 1.2rem;
            font-weight: 600;
            border-radius: 50px;
            text-decoration: none;
            transition: all 0.3s;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .jy-cplist-faq-cta-button:hover {
             background-color: #06c755;
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
        }


.jy-cplist-faq-question .faqbt {
    color: #333333;
    font-weight: 500;
}



        /* FAQ注意事項 */
        .jy-cplist-faq-notice {
            background-color: #fff9e6;
            border-left: 5px solid #06c755;
            padding: 30px;
            border-radius: 5px;
            margin-top: 60px;
        }
        
        .jy-cplist-faq-notice h3 {
            color: var(--jy-cplist-dark-color);
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .jy-cplist-faq-notice p {
            margin-bottom: 15px;
            line-height: 1.7;
        }
        
        /* レスポンシブデザイン */
        @media screen and (max-width: 992px) {
            .jy-cplist-page-header h1 {
                font-size: 2.5rem;
            }
            
            .jy-cplist-faq-stats {
                gap: 20px;
            }
            
            .jy-cplist-faq-stat-item {
                min-width: 150px;
                padding: 25px 20px;
            }
            
            .jy-cplist-faq-stat-number {
                font-size: 2rem;
            }
        }
        
        @media screen and (max-width: 768px) {
            .jy-cplist-page-header {
                padding: 60px 0 40px;
            }
            
            .jy-cplist-page-header h1 {
                font-size: 2rem;
            }
            
            .jy-cplist-page-header p {
                font-size: 1.1rem;
            }
            
            .jy-cplist-section-title {
                font-size: 2rem;
            }
            
            .jy-cplist-faq-cta h2 {
                font-size: 2rem;
            }
            
            .jy-cplist-faq-question {
                padding: 20px 25px;
                font-size: 1.1rem;
            }
            
            .jy-cplist-faq-answer.active {
                padding: 25px;
            }
            
            .jy-cplist-faq-stat-item {
                min-width: 120px;
                padding: 20px 15px;
            }
            
            .jy-cplist-faq-stat-number {
                font-size: 1.8rem;
            }
        }
        
        @media screen and (max-width: 480px) {
            .jy-cplist-page-header h1 {
                font-size: 1.8rem;
            }
            
            .jy-cplist-section-title {
                font-size: 1.8rem;
            }
            
            .jy-cplist-faq-question {
                padding: 18px 20px;
                font-size: 1rem;
            }
            
            .jy-cplist-faq-cta-button {
                padding: 12px 30px;
                font-size: 1.1rem;
            }
        }
        
        /* 日本語テキストスタイル */
        .jy-cplist-jp-text {
            line-height: 1.8;
            letter-spacing: 0.05em;
        }




 /* 会社概要テーブル */
        .jy-cplist-company-table-container {
            max-width: 900px;
            margin: 0 auto 60px;
        }
        
        .jy-cplist-company-table {
            width: 100%;
            border-collapse: collapse;
            background-color: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .jy-cplist-company-table tr {
            border-bottom: 1px solid #eee;
            transition: background-color 0.3s;
        }
        
        .jy-cplist-company-table tr:hover {
            background-color: var(--jy-cplist-row-even);
        }
        
        .jy-cplist-company-table tr:last-child {
            border-bottom: none;
        }
        
        .jy-cplist-company-table th {
            background-color: var(--jy-cplist-primary-color);
            color: white;
            font-weight: 600;
            text-align: left;
            padding: 20px 25px;
            width: 35%;
            font-size: 1.1rem;
        }
        
        .jy-cplist-company-table td {
            padding: 20px 25px;
            color: #555;
            line-height: 1.6;
        }
        
        .jy-cplist-company-table tr:nth-child(even) {
            background-color: var(--jy-cplist-row-even);
        }
        
        .jy-cplist-company-table tr:nth-child(even):hover {
            background-color: #f0f0f0;
        }
        
        /* 経営理念セクション */
        .jy-cplist-philosophy-section {
            background-color: var(--jy-cplist-gray-light);
        }
        
        .jy-cplist-philosophy-container {
            max-width: 900px;
            margin: 0 auto;    padding: 60px 0px 0px 0px;
        }
        
        .jy-cplist-philosophy-box {
          
           
           
          
            text-align: center;
        }
        
        .jy-cplist-philosophy-icon {
            font-size: 3.5rem;
            color: var(--jy-cplist-primary-color);
            margin-bottom: 5px;
        }
        
        .jy-cplist-philosophy-title {
            color: var(--jy-cplist-primary-color);
            font-size: 2rem;
            margin-bottom: 20px;
            font-weight: 700;
        }
        
        .jy-cplist-philosophy-text {
            font-size: 1.2rem;
            line-height: 1.8;
            color: #555;
            margin-bottom: 30px;
        }
        
        /* 沿革セクション */
        .jy-cplist-history-section {
            background-color: white;
        }
        
        .jy-cplist-history-container {
            max-width: 900px;
            margin: 0 auto;
            position: relative;
        }
        
        .jy-cplist-history-container:before {
            content: '';
            position: absolute;
            left: 50%;
            top: 0;
            bottom: 0;
            width: 3px;
            background-color: var(--jy-cplist-light-green);
            transform: translateX(-50%);
        }
        
        @media (max-width: 768px) {
            .jy-cplist-history-container:before {
                left: 30px;
            }
        }
        
        .jy-cplist-history-item {
            display: flex;
            margin-bottom: 50px;
            position: relative;
        }
        
        @media (max-width: 768px) {
            .jy-cplist-history-item {
                flex-direction: column;
            }
        }
        
        .jy-cplist-history-year {
            flex: 0 0 200px;
            background-color: var(--jy-cplist-primary-color);
            color: white;
            padding: 15px 25px;
            border-radius: 8px;
            text-align: center;
            font-size: 1.3rem;
            font-weight: 700;
            position: relative;
            z-index: 1;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        @media (max-width: 768px) {
            .jy-cplist-history-year {
                flex: none;
                width: 150px;
                margin-bottom: 20px;
            }
        }
        
        .jy-cplist-history-content {
            flex: 1;
            background-color: white;
            border: 2px solid var(--jy-cplist-light-green);
            border-radius: 10px;
            padding: 25px 30px;
            margin-left: 30px;
            position: relative;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        @media (max-width: 768px) {
            .jy-cplist-history-content {
                margin-left: 0;
            }
        }
        
        .jy-cplist-history-content:before {
            content: '';
            position: absolute;
            left: -10px;
            top: 30px;
            width: 20px;
            height: 20px;
            background-color: var(--jy-cplist-light-green);
            transform: rotate(45deg);
            border-left: 2px solid var(--jy-cplist-light-green);
            border-bottom: 2px solid var(--jy-cplist-light-green);
        }
        
        @media (max-width: 768px) {
            .jy-cplist-history-content:before {
                display: none;
            }
        }
        
        .jy-cplist-history-content h3 {
            color: var(--jy-cplist-primary-color);
            font-size: 1.3rem;
            margin-bottom: 10px;
            font-weight: 700;
        }
        
        .jy-cplist-history-content p {
            color: #555;
            line-height: 1.6;
        }
        
        /* 組織図セクション */
        .jy-cplist-org-section {
            background-color: var(--jy-cplist-gray-light);
        }
        
        .jy-cplist-org-container {
            max-width: 900px;
            margin: 0 auto;
        }
        
        .jy-cplist-org-chart {
            background-color: white;
            border-radius: 10px;
            padding: 40px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .jy-cplist-org-level {
            display: flex;
            justify-content: center;
            margin-bottom: 40px;
        }
        
        .jy-cplist-org-item {
            background-color: var(--jy-cplist-primary-color);
            color: white;
            padding: 20px 30px;
            border-radius: 8px;
            text-align: center;
            min-width: 250px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .jy-cplist-org-item h3 {
            font-size: 1.3rem;
            margin-bottom: 5px;
            font-weight: 700;
        }
        
        .jy-cplist-org-item p {
            font-size: 1rem;
            opacity: 0.9;
        }
        
        .jy-cplist-org-connector {
            display: flex;
            justify-content: center;
            margin: 20px 0;
        }
        
        .jy-cplist-org-line {
            width: 3px;
            height: 30px;
            background-color: var(--jy-cplist-secondary-color);
        }
        
        /* アクセスセクション */
        .jy-cplist-access-section {
            background-color: white;
        }
        
        .jy-cplist-access-container {
            max-width: 900px;
            margin: 0 auto;
        }
        
        .jy-cplist-access-content {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            margin-bottom: 40px;
        }
        
        .jy-cplist-access-info {
            flex: 1;
            min-width: 300px;
        }
        
        .jy-cplist-access-map {
            flex: 1;
            min-width: 300px;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .jy-cplist-access-map-placeholder {
            height: 300px;
            background-color: var(--jy-cplist-gray-light);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            font-size: 1.1rem;
        }
        
        .jy-cplist-access-details {
            background-color: var(--jy-cplist-row-even);
            border-radius: 10px;
            padding: 30px;
        }
        
        .jy-cplist-access-item {
            display: flex;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px dashed #ddd;
        }
        
        .jy-cplist-access-item:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }
        
        .jy-cplist-access-icon {
            font-size: 1.5rem;
            color: var(--jy-cplist-primary-color);
            margin-right: 15px;
            flex: 0 0 30px;
        }
        
        .jy-cplist-access-text h3 {
            color: var(--jy-cplist-primary-color);
            font-size: 1.2rem;
            margin-bottom: 5px;
            font-weight: 700;
        }
        
        .jy-cplist-access-text p {
            color: #555;
            line-height: 1.6;
        }
        
        /* お問い合わせCTA */
        .jy-cplist-company-cta {
            background: linear-gradient(rgba(10, 110, 124, 0.9), rgba(42, 157, 143, 0.9)), url('/uploadfile/202603/84692dda8d8911e.jpg');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 80px 0;
            text-align: center;
            border-radius: 15px;
            margin-top: 60px;
        }
        
        .jy-cplist-company-cta h2 {
            font-size: 2.5rem;
            margin-bottom: 20px;
        }
        
        .jy-cplist-company-cta p {
            font-size: 1.2rem;
            max-width: 700px;
            margin: 0 auto 40px;
            line-height: 1.7;
        }
        
        .jy-cplist-company-cta-button {
            display: inline-block;
            background-color: var(--jy-cplist-accent-color);
            color: var(--jy-cplist-dark-color);
            padding: 15px 40px;
            font-size: 1.2rem;
            font-weight: 600;
            border-radius: 50px;
            text-decoration: none;
            transition: all 0.3s;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .jy-cplist-company-cta-button:hover {
            background-color: white;
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
        }
        
        /* レスポンシブデザイン */
        @media screen and (max-width: 992px) {
          
            
            .jy-cplist-philosophy-box {
                padding: 40px 30px;
            }
            
            .jy-cplist-philosophy-title {
                font-size: 1.8rem;
            }
        }
        
        @media screen and (max-width: 768px) {
          
            
            .jy-cplist-page-header h1 {
                font-size: 2rem;
            }
            
            .jy-cplist-page-header p {
                font-size: 1.1rem;
            }
            
            .jy-cplist-section-title {
                font-size: 2rem;
            }
            
            .jy-cplist-company-cta h2 {
                font-size: 2rem;
            }
            
            .jy-cplist-company-table th,
            .jy-cplist-company-table td {
                padding: 15px 20px;
            }
            
            .jy-cplist-company-table th {
                width: 40%;
                font-size: 1rem;
            }
            
            .jy-cplist-org-chart {
                padding: 30px 20px;
            }
            
            .jy-cplist-org-item {
                min-width: 200px;
                padding: 15px 20px;
            }
            
            .jy-cplist-company-cta-button {
                padding: 12px 30px;
                font-size: 1.1rem;
            }
        }
        
        @media screen and (max-width: 480px) {
         
            .jy-cplist-section-title {
                font-size: 1.8rem;
            }
            
            .jy-cplist-company-table {
                display: block;
                overflow-x: auto;
            }
            
            .jy-cplist-company-table th {
                width: 150px;
            }
            
            .jy-cplist-philosophy-box {
                padding: 30px 20px;
            }
            
            .jy-cplist-philosophy-icon {
                font-size: 2.5rem;
            }
            
            .jy-cplist-philosophy-title {
                font-size: 1.5rem;
            }
        }








 .jy-cplistnew-container {
            width: 100%;
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        /* ページヘッダー */
        .jy-cplistnew-page-header {
            background: linear-gradient(135deg, #396097 0%, #19a896 100%);
            color: white;
            padding: 120px 0 100px;
           
            margin-bottom: 50px;
        }
        
        .jy-cplistnew-page-header h1 {
            font-size: 3rem;
            margin-bottom: 20px;
            font-weight: 700;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
        }
        
        .jy-cplistnew-page-header p {
            font-size: 1.3rem;
          
                      line-height: 1.8;
            
        }


.jli {
    margin: 0 auto;
    text-align: center;    font-size: 32px;
    margin-top: 32px;
}

/*
.jy-ajh {
 
  border: 1px solid #dddddd;
}
*/
.jy-ajh-item {
  display: flex;
  border-bottom: 1px solid #dddddd;
}
.jy-ajh-item:last-child {
  border-bottom: none;
}
.jy-ajh-label {
    width: 46%;
    background-color: #f7f7f7;
    text-align: center;
    padding: 12px 10px;
    font-size: 14px;
    border-right: 1px solid #dddddd; display: flex;
    justify-content: center;
    align-items: center;
}
.jy-ajh-value {
  flex: 1;
  background-color: #ffffff;
  padding: 16px 12px;
  font-size: 14px;
}
        
        /* セクション共通 */
        .jy-cplistnew-section {
            padding: 60px 0;
        }
        
        .jy-cplistnew-section-title {
            text-align: center;
            margin-bottom: 50px;
            color: #ffffff;
            font-size: 2.5rem;
            position: relative;
        }
        
        .jy-cplistnew-section-title:after {
            content: '';
            position: absolute;
            width: 80px;
            height: 4px;
            background-color: #ffffff;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 2px;
        }
        
        /* カテゴリフィルター */
        .jy-cplistnew-category-filter {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 15px;
            margin-bottom: 50px;
        }




     .jy-cplistnew-category-filter-1 {
            display: flex;
            justify-content: left;
            flex-wrap: wrap;
            gap: 15px;
            margin-bottom: 0px;    margin-top: 20px;
        }




        
        .jy-cplistnew-filter-btn {
            background-color: white;
            border: 2px solid var(--jy-cplistnew-light-green);
            color: var(--jy-cplistnew-primary-color);
            padding: 10px 25px;
            border-radius: 50px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;    text-decoration: none;
        }
        
        .jy-cplistnew-filter-btn:hover,
        .jy-cplistnew-filter-btn.active {
            background-color: #19a896;
            color: white;
            border-color: #19a896;
        }
        
        /* 製品グリッド - 1行4列 */
        .jy-cplistnew-products-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            
            margin-bottom: 60px;
        }
        
        /* 製品カード */
        .jy-cplistnew-product-card {
            background-color: white;
            border-radius: 10px;
            overflow: hidden;
           
            transition: all 0.3s;
            cursor: pointer;
            position: relative;
        }
        
/*
        .jy-cplistnew-product-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }
*/
        
        .jy-cplistnew-product-image {
          
            overflow: hidden;
            position: relative;
        }
        
        .jy-cplistnew-product-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }
        
        .jy-cplistnew-product-card:hover .jy-cplistnew-product-image img {
            transform: scale(1.05);
        }
        
/* --- 修改开始：标签样式 --- */
.jy-cplistnew-product-category {
    position: absolute;
    top: 0;       /* 紧贴顶部 */
    left: 0;      /* 紧贴左侧 */
    
    /* 文字样式：保持水平，不旋转 */
    color: var(--jy-cplistnew-dark-color);
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
    
    /* 内边距：决定文字距离三角形直角边的距离 */
    padding: 8px 10px; 
    
    /* 关键：父容器本身不旋转！这样文字就是水平的 */
    transform: none; 
    z-index: 2; /* 确保文字在背景之上 */
    
    /* 允许背景稍微超出一点，或者根据需求设为 hidden */
    overflow: visible; line-height: 1.2;
}

.jy-cplistnew-product-category::before {
  content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffd463;
    z-index: -1;
    width: 280%;
    height: 320%;
    top: -30px;
    left: -50%;
    transform: rotate(5deg);
    transform-origin: top left;
    clip-path: polygon(0 0, 100% 0, 0 100%);
}





        .jy-cplistnew-product-content {
            padding: 20px;
        }
        
        .jy-cplistnew-product-title {
            font-size: 1.3rem;
            color: #333333;
            margin-bottom: 10px;
            font-weight: 700;
            height: 40px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        
        .jy-cplistnew-product-desc {
            color: #666;
            margin-bottom: 15px;
            line-height: 1.6;
            height: 80px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }
        
        /* 新規追加: 商品パラメータ表示エリア */
        .jy-cplistnew-product-params {
            margin-bottom: 15px;
            padding: 10px;
            background-color: var(--jy-cplistnew-gray-light);
            border-radius: 5px;
            font-size: 0.9rem;
        }
        
        .jy-cplistnew-product-param {
            display: flex;
            margin-bottom: 5px;
            line-height: 1.5;
        }
        
        .jy-cplistnew-param-label {
            font-weight: 600;
            color: var(--jy-cplistnew-primary-color);
            min-width: 80px;
        }
        
        .jy-cplistnew-param-value {
            color: var(--jy-cplistnew-text-color);
            flex: 1;
        }
        
        .jy-cplistnew-product-price {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            padding-top: 15px;
            border-top: 1px dashed #eee;
        }
        
        .jy-cplistnew-price-label {
            font-weight: 600;
            color: var(--jy-cplistnew-dark-color);
        }
        
        .jy-cplistnew-price-value {
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--jy-cplistnew-secondary-color);
        }
        
        .jy-cplistnew-view-detail {
            display: block;
            width: 100%;
            text-align: center;
            background-color: #19a896;
            color: #ffffff;
            padding: 10px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: 600;
            transition: background-color 0.3s;
            border: none;
            cursor: pointer;
        }
        
        .jy-cplistnew-view-detail:hover {
            background-color: #ffd463;
            color: white;
        }
        
        /* モーダルスタイル - 中央表示 */
        .jy-cplistnew-modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            display: flex;
            justify-content: center; /* 中央表示 */
            align-items: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
        }
        
        .jy-cplistnew-modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        
        .jy-cplistnew-modal {
            background-color: white;
            border-radius: 15px; /* 通常の角丸 */
            width: 90%;
            max-width: 1000px;
            max-height: 90vh;
            overflow-y: auto;
            position: relative;
            transform: translateY(50px); /* 下からフェードイン */
            transition: transform 0.3s;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
        }
        
        .jy-cplistnew-modal-overlay.active .jy-cplistnew-modal {
            transform: translateY(0);
        }
        
        .jy-cplistnew-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            background-color: transparent;
            border: none;
            color: var(--jy-cplistnew-primary-color);
            font-size: 1.8rem;
            cursor: pointer;
            z-index: 10;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .jy-cplistnew-modal-close:hover {
            background-color: rgba(0, 0, 0, 0.05);
        }
        
        .jy-cplistnew-modal-content {
            display: flex;
            flex-direction: column;
        }
        
        @media (min-width: 992px) {
            .jy-cplistnew-modal-content {
                flex-direction: row;
            }
        }
        
        .jy-cplistnew-modal-image {
            flex: 1;
            min-height: 300px;
            background-color: var(--jy-cplistnew-gray-light);
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border-radius: 15px 15px 0 0;
        }
        
        @media (min-width: 992px) {
            .jy-cplistnew-modal-image {
                border-radius: 15px 0 0 15px;
            }
        }
        
        .jy-cplistnew-modal-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .jy-cplistnew-modal-info {
            flex: 1;
            padding: 40px;
        }
        
        .jy-cplistnew-modal-category {
            display: inline-block;
            background-color: var(--jy-cplistnew-light-green);
            color: var(--jy-cplistnew-primary-color);
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            font-weight: 600;
            margin-bottom: 20px;
        }
        
        .jy-cplistnew-modal-title {
            font-size: 2rem;
            color: var(--jy-cplistnew-primary-color);
            margin-bottom: 20px;
            font-weight: 700;
        }
        
        /* 新規追加: モーダル内の商品パラメータ */
        .jy-cplistnew-modal-params {
            margin-bottom: 25px;
            padding: 20px;
            background-color: var(--jy-cplistnew-gray-light);
            border-radius: 8px;
        }
        
        .jy-cplistnew-modal-param {
            display: flex;
            margin-bottom: 10px;
            font-size: 1.1rem;
        }
        
        .jy-cplistnew-modal-param-label {
            font-weight: 600;
            color: var(--jy-cplistnew-primary-color);
            min-width: 120px;
        }
        
        .jy-cplistnew-modal-param-value {
            color: var(--jy-cplistnew-text-color);
            flex: 1;
        }
        
        .jy-cplistnew-modal-price {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 25px;
            padding-bottom: 20px;
            border-bottom: 2px solid var(--jy-cplistnew-light-green);
        }
        
        .jy-cplistnew-modal-price-label {
            font-weight: 600;
            color: var(--jy-cplistnew-dark-color);
            font-size: 1.2rem;
        }
        
        .jy-cplistnew-modal-price-value {
            font-size: 2rem;
            font-weight: 700;
            color: var(--jy-cplistnew-secondary-color);
        }
        
        .jy-cplistnew-modal-desc {
            color: #666;
            line-height: 1.8;
            margin-bottom: 25px;
            font-size: 1.1rem;
        }
        
        .jy-cplistnew-modal-details {
            margin-bottom: 30px;
        }
        
        .jy-cplistnew-modal-details h4 {
            color: var(--jy-cplistnew-primary-color);
            margin-bottom: 10px;
            font-size: 1.2rem;
        }
        
        .jy-cplistnew-modal-details ul {
            margin-left: 20px;
        }
        
        .jy-cplistnew-modal-details li {
            margin-bottom: 8px;
            line-height: 1.6;
        }
        
        .jy-cplistnew-modal-actions {
            display: flex;
            gap: 15px;
        }
        
        .jy-cplistnew-modal-button {
            flex: 1;
            text-align: center;
            padding: 15px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s;
        }
        
        .jy-cplistnew-modal-button.primary {
            background-color: var(--jy-cplistnew-primary-color);
            color: white;
        }
        
        .jy-cplistnew-modal-button.primary:hover {
            background-color: var(--jy-cplistnew-secondary-color);
        }
        
        .jy-cplistnew-modal-button.secondary {
            background-color: var(--jy-cplistnew-light-green);
            color: var(--jy-cplistnew-primary-color);
        }
        
        .jy-cplistnew-modal-button.secondary:hover {
            background-color: var(--jy-cplistnew-primary-color);
            color: white;
        }
        
        /* 買取条件セクション */
        .jy-cplistnew-conditions-section {
            background-color: #19a896;
        }
        
        .jy-cplistnew-conditions-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }
        
        .jy-cplistnew-condition-card {
            background-color: white;
            border-radius: 10px;
            padding: 30px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s;
        }
        
        .jy-cplistnew-condition-card:hover {
            transform: translateY(-5px);
        }
        
        .jy-cplistnew-condition-icon {
            font-size: 3rem;
            color: #00c300;
           
        }
        
        .jy-cplistnew-condition-card h3 {
            color: var(--jy-cplistnew-dark-color);
            margin-bottom: 8px;
            font-size: 1.3rem;
        }
        
        .jy-cplistnew-condition-card p {
            color: #666;
            line-height: 1.6;
        }
        
        /* 買取プロセス */
        .jy-cplistnew-process-section {
            background-color: white;
        }
        
        .jy-cplistnew-process-steps {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-top: 50px;
        }
        
        .jy-cplistnew-process-step {
            flex: 1;
            min-width: 200px;
            text-align: center;
            padding: 0 20px;
            position: relative;
            margin-bottom: 40px;
        }
        
        .jy-cplistnew-step-number {
            width: 60px;
            height: 60px;
            background-color: var(--jy-cplistnew-primary-color);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            font-weight: 700;
            margin: 0 auto 20px;
        }
        
        .jy-cplistnew-process-step h3 {
            color: var(--jy-cplistnew-dark-color);
            margin-bottom: 15px;
            font-size: 1.3rem;
        }
        
        /* CTAセクション */
        .jy-cplistnew-cta-section {
            background: linear-gradient(rgba(10, 110, 124, 0.9), rgba(42, 157, 143, 0.9)), url('/uploadfile/202603/8179c19ab14170a.jpg');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 80px 0;
            text-align: center;
        }
        
        .jy-cplistnew-cta-section h2 {
            font-size: 2.5rem;
            margin-bottom: 20px;
        }
        
        .jy-cplistnew-cta-section p {
            font-size: 1.2rem;
            max-width: 700px;
            margin: 0 auto 40px;
            line-height: 1.7;
        }
        
        .jy-cplistnew-cta-button {
            display: inline-block;
            background-color: var(--jy-cplistnew-accent-color);
            color: var(--jy-cplistnew-dark-color);
            padding: 15px 40px;
            font-size: 1.2rem;
            font-weight: 600;
            border-radius: 50px;
            text-decoration: none;
            transition: all 0.3s;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .jy-cplistnew-cta-button:hover {
            background-color: white;
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
        }
        
        /* 注意事項 */
        .jy-cplistnew-notice-section {
            background-color: var(--jy-cplistnew-white);
            padding: 60px 0;
        }




        
        .jy-cplistnew-notice-box {
            background-color: #fff9e6;
            border-left: 5px solid var(--jy-cplistnew-accent-color);
            padding: 30px;
            border-radius: 5px;
            margin-top: 40px;
        }
        
        .jy-cplistnew-notice-box h3 {
            color: var(--jy-cplistnew-dark-color);
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .jy-cplistnew-notice-box ul {
            margin-left: 20px;
            margin-bottom: 20px;
        }
        
        .jy-cplistnew-notice-box li {
            margin-bottom: 10px;
            line-height: 1.6;
        }







   
        .jy-cplistnew-notice-box-2 {
            background-color: #ffffff;
          
            padding: 30px;
            border-radius: 5px;
            margin-top: 40px;
        }
        
        .jy-cplistnew-notice-box-2 h3 {
            color: var(--jy-cplistnew-dark-color);
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .jy-cplistnew-notice-box-2 ul {
            margin-left: 20px;
            margin-bottom: 20px;
        }
        
        .jy-cplistnew-notice-box-2 li {
            margin-bottom: 10px;
            line-height: 1.6;
        }





        
        /* レスポンシブデザイン */
        @media screen and (max-width: 1200px) {
            .jy-cplistnew-products-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        
        @media screen and (max-width: 992px) {
            .jy-cplistnew-page-header h1 {
                font-size: 2.5rem;
            }
            
            .jy-cplistnew-products-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .jy-cplistnew-process-steps {
                flex-direction: column;
                align-items: center;
            }
            
            .jy-cplistnew-process-step {
                max-width: 400px;
                margin-bottom: 40px;
            }
            
            .jy-cplistnew-modal-content {
                flex-direction: column;
            }
            
            .jy-cplistnew-modal-image {
                border-radius: 15px 15px 0 0;
                min-height: 250px;
            }
        }
        
        @media screen and (max-width: 768px) {
            .jy-cplistnew-page-header {
                padding: 60px 0 40px;
            }
            
            .jy-cplistnew-page-header h1 {
                font-size: 2rem;
            }
            
            .jy-cplistnew-page-header p {
                font-size: 1.1rem;
            }
            
            .jy-cplistnew-section-title {
                font-size: 2rem;
            }
            
            .jy-cplistnew-cta-section h2 {
                font-size: 2rem;
            }
            
            .jy-cplistnew-products-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .jy-cplistnew-modal-info {
                padding: 25px;
            }
            
            .jy-cplistnew-modal-title {
                font-size: 1.6rem;
            }
            
            .jy-cplistnew-modal-price-value {
                font-size: 1.6rem;
            }
            
            .jy-cplistnew-modal-actions {
                flex-direction: column;
            }
            
            .jy-cplistnew-modal-param {
                flex-direction: column;
                margin-bottom: 15px;
            }
            
            .jy-cplistnew-modal-param-label {
                min-width: auto;
                margin-bottom: 5px;
            }
        }
        
        @media screen and (max-width: 480px) {
            .jy-cplistnew-page-header h1 {
                font-size: 1.8rem;
            }
            
            .jy-cplistnew-section-title {
                font-size: 1.8rem;
            }
            
            .jy-cplistnew-category-filter {
                gap: 10px;
            }
            
            .jy-cplistnew-filter-btn {
                padding: 8px 15px;
                font-size: 0.9rem;
            }
            
            .jy-cplistnew-product-title {
                font-size: 1.2rem;
                height: auto;
            }
            
            .jy-cplistnew-product-desc {
                height: auto;
                margin-bottom: 10px;
            }
            
            .jy-cplistnew-product-param {
                flex-direction: column;
            }
            
            .jy-cplistnew-param-label {
                min-width: auto;
                margin-bottom: 2px;
            }
        }
        
        /* 日本語テキストスタイル */
        .jy-cplistnew-jp-text {
            line-height: 1.8;
            letter-spacing: 0.05em;
        }
        
        /* 隠しデータ要素 */
        .jy-cplistnew-data {
            display: none;
        }

     .jy-cplistnew {
            --jy-cplistnew-primary-color: #0a6e7c;
            --jy-cplistnew-secondary-color: #2a9d8f;
            --jy-cplistnew-accent-color: #e9c46a;
            --jy-cplistnew-light-color: #f1faee;
            --jy-cplistnew-dark-color: #1d3557;
            --jy-cplistnew-text-color: #333333;
            --jy-cplistnew-light-green: #a8dadc;
            --jy-cplistnew-white: #ffffff;
            --jy-cplistnew-gray-light: #f5f5f5;
            --jy-cplistnew-gray: #cccccc;
            --jy-cplistnew-green-bg: #2a9d8f;
            --jy-cplistnew-row-even: #f9f9f9;
            --jy-cplistnew-row-odd: #ffffff;
        }




  .jy-mm-container {
            width: 100%;
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        /* ページヘッダー */
        .jy-mm-page-header {
            background: linear-gradient(135deg, #396097 0%, #19a896 100%);
            color: white;
            padding: 80px 0 60px;
            text-align: center;
           
        }
        
        .jy-mm-page-header h1 {
            font-size: 3rem;
            margin-bottom: 20px;
            font-weight: 700;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
        }
        
        .jy-mm-page-header p {
            font-size: 1.3rem;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.8;
            opacity: 0.9;
        }
        
        /* セクション共通 */
        .jy-mm-section {
            padding: 60px 0;
        }
        
        .jy-mm-section-title {
            text-align: center;
            margin-bottom: 50px;
            color: #0a6e7c;
            font-size: 2.5rem;
            position: relative;
        }
        
        .jy-mm-section-title:after {
            content: '';
            position: absolute;
            width: 80px;
            height: 4px;
            background-color: #2a9d8f;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 2px;
        }
        
        /* 買取方法比較セクション */
        .jy-mm-method-comparison {
            background-color: white;
        }
        
        .jy-mm-method-cards {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            justify-content: center;
            margin-bottom: 60px;
        }
        
        .jy-mm-method-card {
            flex: 1;
            min-width: 300px;
            max-width: 600px;
            background-color: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            transition: all 0.3s;
            border: 3px solid transparent;
        }
        
        .jy-mm-method-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
            border-color: #e9c46a;
        }
        
        .jy-mm-method-header {
            background: linear-gradient(185deg, #396097 0%, #2a9d8f 100%);
            color: white;
            padding: 30px;
            text-align: center;
        }
        
        .jy-mm-method-icon {
            font-size: 3.5rem;
            margin-bottom: 20px;
        }
        
        .jy-mm-method-title {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: 10px;
        }
        
        .jy-mm-method-subtitle {
            font-size: 1.1rem;
            opacity: 0.9;
        }
        
        .jy-mm-method-content {
            padding: 30px;
        }
        
        /* ステップコンテナ */
        .jy-mm-steps-container {
            margin: 30px 0;
        }
        
        .jy-mm-step-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 25px;
            padding-bottom: 25px;
            border-bottom: 1px dashed #eee;
        }
        
        .jy-mm-step-item:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        
        .jy-mm-step-number {
            width: 40px;
            height: 40px;
            background-color: #396097;
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            font-weight: 700;
            margin-right: 15px;
            flex-shrink: 0;
        }
        
        .jy-mm-step-content {
            flex: 1;
        }
        
        .jy-mm-step-content h4 {
            color: #0a6e7c;
            font-size: 1.2rem;
            margin-bottom: 10px;
            font-weight: 600;
        }
        
        .jy-mm-step-content p {
            color: #555;
            line-height: 1.6;
            font-size: 0.95rem;
        }
        
        .jy-mm-method-price {
            background-color: #a8dadc;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            margin-bottom: 25px;
        }
        
        .jy-mm-method-price-label {
            font-size: 1rem;
            color: #0a6e7c;
            margin-bottom: 5px;
            font-weight: 600;
        }
        
        .jy-mm-method-price-value {
            font-size: 2rem;
            font-weight: 700;
            color: #2a9d8f;
        }
        
        .jy-mm-method-button {
            display: block;
            width: 100%;
            text-align: center;
            background-color: #396097;
            color: white;
            padding: 15px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s;
        }
        
        .jy-mm-method-button:hover {
            background-color: #2a9d8f;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        /* 追加コンテンツセクション */
        .jy-mm-additional-content {
            background-color: white;
            border-radius: 10px;
            padding: 0;
            margin-top: 0;
           
        }
        
        .jy-mm-additional-title {
            color: #1d3557;
            font-size: 1.8rem;
            margin-bottom: 25px;
            text-align: center;
        }
        
        .jy-mm-content-section {
            margin-bottom: 0;
            padding: 50px 40px;
            border-bottom: 32px solid #f8f9fa;
        }
        
        .jy-mm-content-section:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 50px;
        }
        
        .jy-mm-content-section h3 {
            color: #333333;
            font-size: 1.8rem;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 2px solid #a8dadc;
        }
        
        .jy-mm-content-section h4 {
            color: #666666;
            font-size: 1.2rem;
            margin: 25px 0 15px;
        }
        
        .jy-mm-content-section p {
            color: #555;
            line-height: 1.8;
            margin-bottom: 15px;
        }
        
        .jy-mm-content-section ul, .jy-mm-content-section ol {
            margin-left: 25px;
            margin-bottom: 20px;
        }
        
        .jy-mm-content-section li {
            margin-bottom: 10px;
            line-height: 1.6;
        }
        
        .jy-mm-contact-info {
            background-color: #f9f9f9;
            border-radius: 8px;
            padding: 25px;
            margin-top: 25px;
            border-left: 4px solid #2a9d8f;
        }
        
        .jy-mm-contact-info h4 {
            margin-top: 0 !important;
            color: #0a6e7c !important;
        }
        
        /* 買取不可品目セクション */
        .jy-mm-not-allowed-section {
            background-color: #fff9e6;
            border-radius: 10px;
            padding: 40px;
            margin-top: 40px;
            border-left: 5px solid #e9c46a;
        }
        
        .jy-mm-not-allowed-title {
            color: #1d3557;
            font-size: 1.5rem;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .jy-mm-not-allowed-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 15px;
        }
        
        .jy-mm-not-allowed-item {
            background-color: white;
            padding: 15px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            gap: 10px;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
        }
        
        .jy-mm-not-allowed-icon {
            color: #e74c3c;
            font-size: 1.2rem;
        }
        
        /* お問い合わせCTA */
        .jy-mm-method-cta {
            background: linear-gradient(rgba(10, 110, 124, 0.9), rgba(42, 157, 143, 0.9)), url('/uploadfile/202603/84692dda8d8911e.jpg');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 80px 0;
            text-align: center;
            border-radius: 15px; 
        }
        
        .jy-mm-method-cta h2 {
            font-size: 2.5rem;
            margin-bottom: 20px;
        }
        
        .jy-mm-method-cta p {
            font-size: 1.2rem;
            max-width: 700px;
            margin: 0 auto 40px;
            line-height: 1.7;
        }
        
        .jy-mm-method-cta-button {
            display: inline-block;
            background-color: #e9c46a;
            color: #1d3557;
            padding: 15px 40px;
            font-size: 1.2rem;
            font-weight: 600;
            border-radius: 50px;
            text-decoration: none;
            transition: all 0.3s;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .jy-mm-method-cta-button:hover {
            background-color: white;
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
        }
        
        /* レスポンシブデザイン */
        @media screen and (max-width: 992px) {
            .jy-mm-page-header h1 {
                font-size: 2.5rem;
            }
            
            .jy-mm-method-cards {
                flex-direction: column;
                align-items: center;
            }
            
            .jy-mm-method-card {
                max-width: 100%;
            }
        }
        
        @media screen and (max-width: 768px) {
            .jy-mm-page-header {
                padding: 60px 0 40px;
            }
            
            .jy-mm-page-header h1 {
                font-size: 2rem;
            }
            
            .jy-mm-page-header p {
                font-size: 1.1rem;
            }
            
            .jy-mm-section-title {
                font-size: 2rem;
            }
            
            .jy-mm-method-cta h2 {
                font-size: 2rem;
            }
            
            .jy-mm-not-allowed-list {
                grid-template-columns: 1fr;
            }
            
            .jy-mm-method-cta-button {
                padding: 12px 30px;
                font-size: 1.1rem;
            }
            
            .jy-mm-content-section {
                padding: 30px 25px;
            }
        }
        
        @media screen and (max-width: 480px) {
            .jy-mm-page-header h1 {
                font-size: 1.8rem;
            }
            
            .jy-mm-section-title {
                font-size: 1.8rem;
            }
            
            .jy-mm-method-title {
                font-size: 1.5rem;
            }
            
            .jy-mm-method-header {
                padding: 25px 20px;
            }
            
            .jy-mm-method-content {
                padding: 25px 20px;
            }
            
            .jy-mm-not-allowed-section {
                padding: 30px 20px;
            }
            
            .jy-mm-step-item {
                flex-direction: column;
            }
            
            .jy-mm-step-number {
                margin-right: 0;
                margin-bottom: 15px;
            }
            
            .jy-mm-content-section {
                padding: 25px 20px;
            }
        }
        
        /* 日本語テキストスタイル */
        .jy-mm-jp-text {
            line-height: 1.8;
            letter-spacing: 0.05em;
        }








  .jy-jypcp-container {
            width: 100%;
            max-width: 1300px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* ヘッダー */
        .jy-jypcp-header {
            background-color: #2a7d8f;
            color: white;
            padding: 60px 0 40px;
            text-align: center;
        }
        
        .jy-jypcp-title {
            font-size: 2.2rem;
            margin-bottom: 15px;
            font-weight: 500;
        }
        
        .jy-jypcp-subtitle {
            font-size: 1.1rem;
            max-width: 800px;
            margin: 0 auto;
            opacity: 0.9;
        }
        
        /* セクション */
        .jy-jypcp-section {
            padding: 60px 0;    background: #ffffff;
        }
        
        .jy-jypcp-section-title {
            font-size: 2rem;
            color: #0b3147;
            text-align: center;
            margin-bottom: 40px;
            padding-bottom: 15px;
           
        }


.jy-2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 3px;
    background: #2b6f9e;
    border-radius: 8px;
}


.jy-2{position: relative}


        
        /* ステップ */
        .jy-jypcp-steps {
            display: flex;
            flex-direction: column;
            gap: 30px;
            margin-bottom: 50px;
        }
        
        .jy-jypcp-step {
            background: white;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
            border-left: 5px solid #2a7d8f;
        }
        
        .jy-jypcp-step-header {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .jy-jypcp-step-number {
            background-color: #2a7d8f;
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            margin-right: 15px;
            flex-shrink: 0;
        }
        
        .jy-jypcp-step-title {
            font-size: 1.3rem;
            color: #2a7d8f;
        }
        
        .jy-jypcp-step-content {
            margin-left: 55px;
        }
        
        .jy-jypcp-step-desc {
            color: #555;
            margin-bottom: 15px;
        }
        
        .jy-jypcp-step-list {
            list-style: none;
            background: #f5f5f5;
            padding: 15px;
            border-radius: 5px;
        }
        
        .jy-jypcp-step-list li {
            padding: 5px 0;
            display: flex;
            align-items: flex-start;
        }
        
        .jy-jypcp-step-list i {
            color: #2a7d8f;
            margin-right: 10px;
            margin-top: 5px;
            font-size: 0.9rem;
        }
        
        /* 比較テーブル */
        .jy-jypcp-comparison {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
        }
        
        .jy-jypcp-table-row {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            border-bottom: 1px solid #eee;
        }
        
        .jy-jypcp-table-header {
            background-color: #2a7d8f;
            color: white;
            font-weight: 600;
        }
        
        .jy-jypcp-table-cell {
            padding: 18px 15px;
        }
        
        .jy-jypcp-table-row:nth-child(even) {
            background-color: #f9f9f9;
        }
        
        .jy-jypcp-table-note {
            text-align: center;
            padding: 20px;
            color: #666;
            font-size: 0.9rem;
            border-top: 1px solid #eee;
        }
        
        /* 注意事項 */
        .jy-jypcp-notices {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
        }
        
        .jy-jypcp-notice {
           
            
        }
        
        .jy-jypcp-notice-title {
            color: #2a7d8f;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
            font-size: 1.2rem;
        }
.jy-jypcp-notice p {
    padding: 6px 0px; line-height: 1.8;
}


.jy-jypcp-notice ul li {
    line-height: 2;
}



.jy-jypcp-notice h1 {
    font-size: 20px;
    margin-bottom: 0px;     margin-top: 20px
}

.jy-jypcp-notice h2 {
    font-size: 20px;
    margin-bottom: 0px;     margin-top: 20px
}

        
        .jy-jypcp-notice-list {
            list-style: none;
        }
        
      .jy-jypcp-notice-list li {
    padding: 12px 0;
    border-bottom: 1px dashed #e1e1e1;
}
        
        .jy-jypcp-notice-list li:last-child {
            border-bottom: none;
        }
        
        /* CTA */
        .jy-jypcp-cta {
            background-color: #f0f7f9;
            padding: 40px;
            border-radius: 8px;
            text-align: center;
            margin-top: 40px;
        }
        
        .jy-jypcp-cta-title {
            color: #2a7d8f;
            margin-bottom: 15px;
            font-size: 1.5rem;
        }
        
        .jy-jypcp-cta-desc {
            color: #555;
            margin-bottom: 25px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .jy-jypcp-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        .jy-jypcp-button {
            display: inline-block;
            padding: 12px 30px;
            background-color: #2a7d8f;
            color: white;
            text-decoration: none;
            border-radius: 5px;
            font-weight: 500;
            transition: background-color 0.3s;
        }
        
        .jy-jypcp-button:hover {
            background-color: #1d5c6a;
        }
        
        .jy-jypcp-button-secondary {
            background-color: #e0e0e0;
            color: #333;
        }
        
        .jy-jypcp-button-secondary:hover {
            background-color: #d0d0d0;
        }
        
        /* レスポンシブ */
        @media (max-width: 768px) {
            .jy-jypcp-header {
                padding: 40px 0 30px;
            }
            
            .jy-jypcp-title {
                font-size: 1.8rem;
            }
            
            .jy-jypcp-section {
                padding: 40px 0;
            }
            
            .jy-jypcp-step-header {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .jy-jypcp-step-number {
                margin-bottom: 10px;
                margin-right: 0;
            }
            
            .jy-jypcp-step-content {
                margin-left: 0;
            }
            
            .jy-jypcp-table-row {
                grid-template-columns: 1fr;
                border-bottom: 2px solid #eee;
            }
            
            .jy-jypcp-table-cell:first-child {
                background-color: #f5f5f5;
                font-weight: 600;
            }
            
            .jy-jypcp-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .jy-jypcp-button {
                width: 100%;
                max-width: 300px;
                text-align: center;
            }
        }
        
        @media (max-width: 480px) {
            .jy-jypcp-title {
                font-size: 1.5rem;
            }
            
            .jy-jypcp-section-title {
                font-size: 1.5rem;
            }
            
            .jy-jypcp-notices {
                grid-template-columns: 1fr;
            }
            
            .jy-jypcp-cta {
                padding: 25px;
            }
        }




 .jy-newsxqqq-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* ヘッダー */
        .jy-newsxqqq-header {
            background-color: #2a7d8f;
            color: white;
            padding: 40px 0 30px;
        }
        
        .jy-newsxqqq-header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .jy-newsxqqq-title {
            font-size: 1.8rem;
            font-weight: 500;
        }
        
        .jy-newsxqqq-back-link {
            color: white;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 0.95rem;
        }
        
        .jy-newsxqqq-back-link:hover {
            text-decoration: underline;
        }
        
        /* パンくずリスト */
        .jy-newsxqqq-breadcrumb {
            background-color: #f0f7f9;
            padding: 15px 0;
            border-bottom: 1px solid #e0e0e0;
        }
        
        .jy-newsxqqq-breadcrumb-list {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            font-size: 0.9rem;
        }
        
        .jy-newsxqqq-breadcrumb-item {
            display: flex;
            align-items: center;
        }
        
        .jy-newsxqqq-breadcrumb-item a {
            color: #2a7d8f;
            text-decoration: none;
        }
        
        .jy-newsxqqq-breadcrumb-item a:hover {
            text-decoration: underline;
        }
        
        .jy-newsxqqq-breadcrumb-separator {
            margin-left: 10px;
            color: #999;
        }
        
        /* メインコンテンツ */
        .jy-newsxqqq-main {
            padding: 40px 0;
        }
        
        /* 記事ヘッダー */
        .jy-newsxqqq-article-header {
            background: white;
            padding: 30px;
            border-radius: 8px;
            margin-bottom: 30px;
           
        }
        
        .jy-newsxqqq-article-title {
            font-size: 1.6rem;
            color: #333333;
            margin-bottom: 15px;
            line-height: 1.4;
        }
        
        .jy-newsxqqq-article-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            color: #666;
            font-size: 0.9rem;
            padding-top: 15px;
            border-top: 1px solid #eee;
        }
        
        .jy-newsxqqq-meta-item {
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        /* 記事本文 */
        .jy-newsxqqq-article-content {
            background: white;
            padding: 40px;
            border-radius: 8px;
         
            margin-bottom: 40px;
        }
        
        .jy-newsxqqq-article-image {
            width: 100%;
            max-height: 400px;
            object-fit: cover;
            border-radius: 6px;
            margin-bottom: 30px;
        }
        
        .jy-newsxqqq-article-text {
            font-size: 1.05rem;
            line-height: 1.8;
            color: #444;
        }
        
        .jy-newsxqqq-article-text p {
            margin-bottom: 20px;
        }
        
        .jy-newsxqqq-article-text h3 {
            color: #2a7d8f;
            margin: 30px 0 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
        }
        
        .jy-newsxqqq-article-text ul,
        .jy-newsxqqq-article-text ol {
            margin-left: 20px;
            margin-bottom: 20px;
        }
        
        .jy-newsxqqq-article-text li {
            margin-bottom: 8px;
        }
        
        .jy-newsxqqq-important-box {
            background-color: #f0f7f9;
            border-left: 4px solid #2a7d8f;
            padding: 20px;
            margin: 25px 0;
            border-radius: 0 6px 6px 0;
        }
        
        .jy-newsxqqq-important-title {
            color: #2a7d8f;
            font-weight: 600;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        /* 関連記事 */
        .jy-newsxqqq-related {
            margin-top: 50px;
        }
        
        .jy-newsxqqq-related-title {
            font-size: 1.5rem;
            color: #2a7d8f;
            margin-bottom: 25px;
            padding-bottom: 10px;
            border-bottom: 2px solid #e0e0e0;
        }
        
        .jy-newsxqqq-related-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
        }
        
        .jy-newsxqqq-related-item {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
            transition: all 0.3s;
        }
        
        .jy-newsxqqq-related-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .jy-newsxqqq-related-link {
            text-decoration: none;
            color: inherit;
            display: block;
            padding: 20px;
        }
        
        .jy-newsxqqq-related-date {
            color: #666;
            font-size: 0.85rem;
            margin-bottom: 8px;
        }
        
        .jy-newsxqqq-related-item-title {
            color: #2a7d8f;
            font-size: 1.1rem;
            line-height: 1.4;
        }
        
        /* ナビゲーション */
        .jy-newsxqqq-navigation {
            display: flex;
            justify-content: space-between;
            margin-top: 50px;
            padding-top: 30px;
            border-top: 1px solid #e0e0e0;
        }
        
        .jy-newsxqqq-nav-link {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #2a7d8f;
            text-decoration: none;
            padding: 12px 20px;
            border-radius: 5px;
            transition: all 0.3s;
            max-width: 45%;
        }
        
        .jy-newsxqqq-nav-link:hover {
            background-color: #f0f7f9;
        }
        
        .jy-newsxqqq-nav-prev {
            text-align: left;
        }
        
        .jy-newsxqqq-nav-next {
            text-align: right;
        }
        
        .jy-newsxqqq-nav-label {
            font-size: 0.9rem;
            color: #666;
        }
        
        .jy-newsxqqq-nav-title {
            font-weight: 500;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        /* フッター */
        .jy-newsxqqq-footer {
            background-color: #2a7d8f;
            color: white;
            padding: 40px 0;
            margin-top: 60px;
            text-align: center;
        }
        
        .jy-newsxqqq-footer-links {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
            margin-bottom: 20px;
        }
        
        .jy-newsxqqq-footer-link {
            color: white;
            text-decoration: none;
            font-size: 0.9rem;
        }
        
        .jy-newsxqqq-footer-link:hover {
            text-decoration: underline;
        }
        
        .jy-newsxqqq-copyright {
            font-size: 0.85rem;
            opacity: 0.8;
        }
        
        /* 戻るボタン（モバイル用） */
        .jy-newsxqqq-mobile-back {
            display: none;
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: #2a7d8f;
            color: white;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 3px 10px rgba(0,0,0,0.2);
            z-index: 100;
            text-decoration: none;
        }
        
        /* ページャー（ニュース一覧ページ用） */
        .jy-newsxqqq-pagination {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 40px;
        }
        
        .jy-newsxqqq-page-link {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: white;
            color: #2a7d8f;
            text-decoration: none;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s;
        }
        
        .jy-newsxqqq-page-link:hover {
            background-color: #f0f7f9;
        }
        
        .jy-newsxqqq-page-link.active {
            background-color: #2a7d8f;
            color: white;
        }
        
        .jy-newsxqqq-page-link.disabled {
            color: #ccc;
            cursor: not-allowed;
        }
        
        /* ニュース一覧アイテム */
        .jy-newsxqqq-news-list {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        .jy-newsxqqq-news-item {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
            transition: all 0.3s;
        }
        
        .jy-newsxqqq-news-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .jy-newsxqqq-news-link {
            text-decoration: none;
            color: inherit;
            display: block;
            padding: 25px;
        }
        
        .jy-newsxqqq-news-date {
            color: #666;
            font-size: 0.85rem;
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .jy-newsxqqq-news-category {
            display: inline-block;
            background-color: #f0f7f9;
            color: #2a7d8f;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.8rem;
            margin-bottom: 10px;
        }
        
        .jy-newsxqqq-news-title {
            color: #2a7d8f;
            font-size: 1.2rem;
            line-height: 1.4;
            margin-bottom: 10px;
        }
        
        .jy-newsxqqq-news-excerpt {
            color: #666;
            font-size: 0.95rem;
            line-height: 1.6;
        }
        
        /* ニュース一覧ページヘッダー */
        .jy-newsxqqq-page-header {
            background-color: #2a7d8f;
            color: white;
            padding: 50px 0 40px;
            text-align: center;
        }
        
        .jy-newsxqqq-page-header-title {
            font-size: 2rem;
            font-weight: 500;
            margin-bottom: 10px;
        }
        
        .jy-newsxqqq-page-header-subtitle {
            font-size: 1.1rem;
            opacity: 0.9;
            max-width: 600px;
            margin: 0 auto;
        }
        
        /* カテゴリーフィルター */
        .jy-newsxqqq-category-filter {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 30px;
        }
        
        .jy-newsxqqq-category-btn {
            background: white;
            color: #2a7d8f;
            border: 1px solid #e0e0e0;
            padding: 8px 20px;
            border-radius: 20px;
            text-decoration: none;
            font-size: 0.9rem;
            transition: all 0.3s;
        }
        
        .jy-newsxqqq-category-btn:hover,
        .jy-newsxqqq-category-btn.active {
            background-color: #2a7d8f;
            color: white;
            border-color: #2a7d8f;
        }
        
        /* 検索ボックス */
        .jy-newsxqqq-search-box {
            display: flex;
            max-width: 500px;
            margin: 0 auto 40px;
        }
        
        .jy-newsxqqq-search-input {
            flex: 1;
            padding: 12px 20px;
            border: 1px solid #e0e0e0;
            border-right: none;
            border-radius: 5px 0 0 5px;
            font-size: 1rem;
        }
        
        .jy-newsxqqq-search-button {
            background-color: #2a7d8f;
            color: white;
            border: none;
            padding: 0 25px;
            border-radius: 0 5px 5px 0;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .jy-newsxqqq-search-button:hover {
            background-color: #1d5c6a;
        }
        
        /* レスポンシブ */
        @media (max-width: 768px) {
            .jy-newsxqqq-header {
                padding: 25px 0;
            }
            
            .jy-newsxqqq-title {
                font-size: 1.5rem;
                margin-bottom: 15px;
            }
            
            .jy-newsxqqq-header-content {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }
            
            .jy-newsxqqq-article-header {
                padding: 20px;
            }
            
            .jy-newsxqqq-article-title {
                font-size: 1.5rem;
            }
            
            .jy-newsxqqq-article-content {
                padding: 25px 20px;
            }
            
            .jy-newsxqqq-related-list {
                grid-template-columns: 1fr;
            }
            
            .jy-newsxqqq-navigation {
                flex-direction: column;
                gap: 15px;
            }
            
            .jy-newsxqqq-nav-link {
                max-width: 100%;
            }
            
            .jy-newsxqqq-mobile-back {
                display: flex;
            }
            
            .jy-newsxqqq-page-header {
                padding: 40px 0 30px;
            }
            
            .jy-newsxqqq-page-header-title {
                font-size: 1.6rem;
            }
            
            .jy-newsxqqq-category-filter {
                justify-content: center;
            }
            
            .jy-newsxqqq-search-box {
                flex-direction: column;
                gap: 10px;
            }
            
            .jy-newsxqqq-search-input {
                border-right: 1px solid #e0e0e0;
                border-radius: 5px;
            }
            
            .jy-newsxqqq-search-button {
                border-radius: 5px;
                padding: 12px;
            }
        }
        
        @media (max-width: 480px) {
            .jy-newsxqqq-container {
                padding: 0 15px;
            }
            
            .jy-newsxqqq-article-title {
                font-size: 1.3rem;
            }
            
            .jy-newsxqqq-article-meta {
                flex-direction: column;
                gap: 10px;
            }
            
            .jy-newsxqqq-article-text {
                font-size: 1rem;
            }
            
            .jy-newsxqqq-footer-links {
                flex-direction: column;
                gap: 10px;
            }
            
            .jy-newsxqqq-news-link {
                padding: 20px;
            }
            
            .jy-newsxqqq-news-title {
                font-size: 1.1rem;
            }
        }

 .jy-lietwz-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* ヘッダー */
        .jy-lietwz-header {
            background-color: #2a7d8f;
            color: white;
            padding: 50px 0 30px;
            text-align: center;
        }
        
        .jy-lietwz-title {
            font-size: 2rem;
            font-weight: 500;
            margin-bottom: 10px;
        }
        
        .jy-lietwz-subtitle {
            font-size: 1.1rem;
            opacity: 0.9;
            max-width: 600px;
            margin: 0 auto;
        }
        
        /* パンくずリスト */
        .jy-lietwz-breadcrumb {
            background-color: #f0f7f9;
            padding: 15px 0;
            border-bottom: 1px solid #e0e0e0;
        }
        
        .jy-lietwz-breadcrumb-list {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            font-size: 0.9rem;
        }
        
        .jy-lietwz-breadcrumb-item {
            display: flex;
            align-items: center;
        }
        
        .jy-lietwz-breadcrumb-item a {
            color: #2a7d8f;
            text-decoration: none;
        }
        
        .jy-lietwz-breadcrumb-item a:hover {
            text-decoration: underline;
        }
        
        .jy-lietwz-breadcrumb-separator {
            margin-left: 10px;
            color: #999;
        }
        
        /* メインコンテンツ */
        .jy-lietwz-main {
            padding: 40px 0;
        }
        
        /* フィルター */
        .jy-lietwz-filters {
            background: white;
            padding: 25px;
            border-radius: 8px;
            margin-bottom: 30px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
        }
        
        .jy-lietwz-filters-title {
            color: #2a7d8f;
            font-size: 1.2rem;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .jy-lietwz-filter-options {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .jy-lietwz-filter-group {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .jy-lietwz-filter-label {
            font-weight: 500;
            color: #555;
        }
        
        .jy-lietwz-filter-select {
            padding: 8px 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            background: white;
            color: #333;
            min-width: 150px;
        }
        
        .jy-lietwz-filter-button {
            padding: 8px 20px;
            background-color: #2a7d8f;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .jy-lietwz-filter-button:hover {
            background-color: #1d5c6a;
        }
        
        /* ニュースリスト */
        .jy-lietwz-news-list {
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-bottom: 40px;
        }
        
        .jy-lietwz-news-item {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
            transition: all 0.3s;
            display: flex;
        }
        
        .jy-lietwz-news-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .jy-lietwz-news-link {
            text-decoration: none;
            color: inherit;
            display: flex;
            width: 100%;
        }
        
        .jy-lietwz-news-date {
            background-color: #2a7d8f;
            color: white;
            width: 80px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 15px;
            flex-shrink: 0;
        }
        
        .jy-lietwz-news-day {
            font-size: 1.8rem;
            font-weight: 600;
            line-height: 1;
        }
        
        .jy-lietwz-news-month {
            font-size: 0.9rem;
            margin-top: 5px;
        }
        
        .jy-lietwz-news-content {
            padding: 20px;
            flex-grow: 1;
        }
        
        .jy-lietwz-news-category {
            display: inline-block;
            background-color: #f0f7f9;
            color: #2a7d8f;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.8rem;
            margin-bottom: 10px;
            font-weight: 500;
        }
        
        .jy-lietwz-news-title {
            color: #2a7d8f;
            font-size: 1.2rem;
            margin-bottom: 10px;
            line-height: 1.4;
        }
        
        .jy-lietwz-news-excerpt {
            color: #666;
            font-size: 0.95rem;
            line-height: 1.6;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .jy-lietwz-news-meta {
            display: flex;
            gap: 15px;
            margin-top: 15px;
            font-size: 0.85rem;
            color: #888;
        }
        
        .jy-lietwz-meta-item {
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .jy-lietwz-new-badge {
            background-color: #e74c3c;
            color: white;
            padding: 2px 8px;
            border-radius: 3px;
            font-size: 0.7rem;
            margin-left: 10px;
            vertical-align: middle;
        }
        
        /* ページネーション */
        .jy-lietwz-pagination {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            margin-top: 50px;
        }
        
        .jy-lietwz-page-link {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 5px;
            background: white;
            color: #2a7d8f;
            text-decoration: none;
            font-weight: 500;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
            transition: all 0.3s;
        }
        
        .jy-lietwz-page-link:hover {
            background-color: #f0f7f9;
            transform: translateY(-2px);
        }
        
        .jy-lietwz-page-link.active {
            background-color: #2a7d8f;
            color: white;
        }
        
        .jy-lietwz-page-link.disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }
        
        .jy-lietwz-page-ellipsis {
            color: #999;
            padding: 0 5px;
        }
        
        /* サイドバー */
        .jy-lietwz-sidebar {
            background: white;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
            margin-bottom: 30px;
        }
        
        .jy-lietwz-sidebar-title {
            color: #2a7d8f;
            font-size: 1.2rem;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
        }
        
        .jy-lietwz-archive-list {
            list-style: none;
        }
        
        .jy-lietwz-archive-item {
            margin-bottom: 10px;
        }
        
        .jy-lietwz-archive-link {
            display: flex;
            justify-content: space-between;
            color: #555;
            text-decoration: none;
            padding: 8px 0;
            border-bottom: 1px dashed #eee;
            transition: color 0.3s;
        }
        
        .jy-lietwz-archive-link:hover {
            color: #2a7d8f;
        }
        
        .jy-lietwz-archive-count {
            background-color: #f0f7f9;
            color: #2a7d8f;
            padding: 2px 8px;
            border-radius: 10px;
            font-size: 0.8rem;
        }
        
        /* レイアウト */
        .jy-lietwz-content-wrapper {
            display: grid;
            grid-template-columns: 1fr 300px;
            gap: 30px;
        }
        
        /* フッター */
        .jy-lietwz-footer {
            background-color: #2a7d8f;
            color: white;
            padding: 40px 0;
            margin-top: 60px;
            text-align: center;
        }
        
        .jy-lietwz-footer-links {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
            margin-bottom: 20px;
        }
        
        .jy-lietwz-footer-link {
            color: white;
            text-decoration: none;
            font-size: 0.9rem;
        }
        
        .jy-lietwz-footer-link:hover {
            text-decoration: underline;
        }
        
        .jy-lietwz-copyright {
            font-size: 0.85rem;
            opacity: 0.8;
        }
        
        /* 検索バー */
        .jy-lietwz-search {
            margin-bottom: 25px;
        }
        
        .jy-lietwz-search-form {
            display: flex;
        }
        
        .jy-lietwz-search-input {
            flex-grow: 1;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 5px 0 0 5px;
            font-size: 1rem;
        }
        
        .jy-lietwz-search-button {
            padding: 12px 25px;
            background-color: #2a7d8f;
            color: white;
            border: none;
            border-radius: 0 5px 5px 0;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .jy-lietwz-search-button:hover {
            background-color: #1d5c6a;
        }
        
        /* レスポンシブ */
        @media (max-width: 900px) {
            .jy-lietwz-content-wrapper {
                grid-template-columns: 1fr;
            }
            
            .jy-lietwz-news-item {
                flex-direction: column;
            }
            
            .jy-lietwz-news-date {
                width: 100%;
                flex-direction: row;
                justify-content: flex-start;
                gap: 10px;
                padding: 10px 20px;
            }
            
            .jy-lietwz-news-day {
                font-size: 1.5rem;
            }
        }
        
        @media (max-width: 768px) {
            .jy-lietwz-header {
                padding: 40px 0 25px;
            }
            
            .jy-lietwz-title {
                font-size: 1.8rem;
            }
            
            .jy-lietwz-filter-options {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .jy-lietwz-filter-group {
                width: 100%;
            }
            
            .jy-lietwz-filter-select {
                flex-grow: 1;
            }
            
            .jy-lietwz-news-title {
                font-size: 1.1rem;
            }
        }
        
        @media (max-width: 480px) {
            .jy-lietwz-container {
                padding: 0 15px;
            }
            
            .jy-lietwz-title {
                font-size: 1.5rem;
            }
            
            .jy-lietwz-filters,
            .jy-lietwz-sidebar {
                padding: 20px;
            }
            
            .jy-lietwz-pagination {
                flex-wrap: wrap;
            }
            
            .jy-lietwz-footer-links {
                flex-direction: column;
                gap: 10px;
            }
        }


  .jy-liexxsddd-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* ヘッダー */
        .jy-liexxsddd-header {
            background-color: #2a7d8f;
            color: white;
            padding: 50px 0 30px;
            text-align: center;
        }
        
        .jy-liexxsddd-title {
            font-size: 2rem;
            font-weight: 500;
            margin-bottom: 10px;
        }
        
        .jy-liexxsddd-subtitle {
            font-size: 1.1rem;
            opacity: 0.9;
            max-width: 600px;
            margin: 0 auto;
        }
        
        /* パンくずリスト */
        .jy-liexxsddd-breadcrumb {
            background-color: #f0f7f9;
            padding: 15px 0;
            border-bottom: 1px solid #e0e0e0;
        }
        
        .jy-liexxsddd-breadcrumb-list {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            font-size: 0.9rem;
        }
        
        .jy-liexxsddd-breadcrumb-item {
            display: flex;
            align-items: center;
        }
        
        .jy-liexxsddd-breadcrumb-item a {
            color: #2a7d8f;
            text-decoration: none;
        }
        
        .jy-liexxsddd-breadcrumb-item a:hover {
            text-decoration: underline;
        }
        
        .jy-liexxsddd-breadcrumb-separator {
            margin-left: 10px;
            color: #999;
        }
        
        /* メインコンテンツ */
        .jy-liexxsddd-main {
            padding: 40px 0;
        }
        
        /* フィルター */
        .jy-liexxsddd-filters {
            background: white;
            padding: 25px;
            border-radius: 8px;
            margin-bottom: 30px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
        }
        
        .jy-liexxsddd-filters-title {
            color: #2a7d8f;
            font-size: 1.2rem;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .jy-liexxsddd-filter-options {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .jy-liexxsddd-filter-group {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .jy-liexxsddd-filter-label {
            font-weight: 500;
            color: #555;
        }
        
        .jy-liexxsddd-filter-select {
            padding: 8px 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            background: white;
            color: #333;
            min-width: 150px;
        }
        
        .jy-liexxsddd-filter-button {
            padding: 8px 20px;
            background-color: #2a7d8f;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .jy-liexxsddd-filter-button:hover {
            background-color: #1d5c6a;
        }
        
        /* ニュースリスト */
        .jy-liexxsddd-news-list {
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-bottom: 40px;
        }
        
        .jy-liexxsddd-news-item {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
            transition: all 0.3s;
            display: flex;
        }
        
        .jy-liexxsddd-news-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .jy-liexxsddd-news-link {
            text-decoration: none;
            color: inherit;
            display: flex;
            width: 100%;
        }
        
        .jy-liexxsddd-news-date {
            background-color: #19a896;
            color: white;
            width: 100px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 15px;
            flex-shrink: 0;
        }
        
        .jy-liexxsddd-news-day {
            font-size: 1.8rem;
            font-weight: 600;
            line-height: 1;
        }
        
        .jy-liexxsddd-news-month {
            font-size: 0.9rem;
            margin-top: 5px;
        }
        
        .jy-liexxsddd-news-content {
            padding: 20px;
            flex-grow: 1;
        }
        
        .jy-liexxsddd-news-category {
            display: inline-block;
            background-color: #f0f7f9;
            color: #333333;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.8rem;
            margin-bottom: 10px;
            font-weight: 500;
        }
        
        .jy-liexxsddd-news-title {
            color: #333333;
            font-size: 1.2rem;
            margin-bottom: 10px;
            line-height: 1.4;
        }
        
        .jy-liexxsddd-news-excerpt {
            color: #666;
            font-size: 0.95rem;
            line-height: 1.6;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .jy-liexxsddd-news-meta {
            display: flex;
            gap: 15px;
            margin-top: 15px;
            font-size: 0.85rem;
            color: #888;
        }
        
        .jy-liexxsddd-meta-item {
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .jy-liexxsddd-new-badge {
            background-color: #e74c3c;
            color: white;
            padding: 2px 8px;
            border-radius: 3px;
            font-size: 0.7rem;
            margin-left: 10px;
            vertical-align: middle;
        }
        
        /* ページネーション */
        .jy-liexxsddd-pagination {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            margin-top: 50px;
        }
        
        .jy-liexxsddd-page-link {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 5px;
            background: white;
            color: #2a7d8f;
            text-decoration: none;
            font-weight: 500;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
            transition: all 0.3s;
        }
        
        .jy-liexxsddd-page-link:hover {
            background-color: #f0f7f9;
            transform: translateY(-2px);
        }
        
        .jy-liexxsddd-page-link.active {
            background-color: #2a7d8f;
            color: white;
        }
        
        .jy-liexxsddd-page-link.disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }
        
        .jy-liexxsddd-page-ellipsis {
            color: #999;
            padding: 0 5px;
        }
        
        /* サイドバー - 独立した高さ設定 */
        .jy-liexxsddd-sidebar-wrapper {
            position: relative;
        }
        
        .jy-liexxsddd-sidebar {
            background: white;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
        
           
            position: sticky;
            top: 30px; /* スクロール時に固定位置 */
        }
        
        /* サイドバーコンテンツエリア */
        .jy-liexxsddd-sidebar-content {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
        
        .jy-liexxsddd-sidebar-title {
            color: #333333;
            font-size: 1.2rem;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
        }
        
        .jy-liexxsddd-archive-list {
            list-style: none;
        }
        
        .jy-liexxsddd-archive-item {
            margin-bottom: 10px;
        }
        
        .jy-liexxsddd-archive-link {
            display: flex;
            justify-content: space-between;
            color: #555;
            text-decoration: none;
            padding: 8px 0;
            border-bottom: 1px dashed #eee;
            transition: color 0.3s;
        }
        
        .jy-liexxsddd-archive-link:hover {
            color: #666666;
        }
        
        .jy-liexxsddd-archive-count {
            background-color: #f0f7f9;
            color: #333333;
            padding: 2px 8px;
            border-radius: 10px;
            font-size: 0.8rem;
        }
        
        /* レイアウト */
        .jy-liexxsddd-content-wrapper {
            display: grid;
            grid-template-columns: 1fr 300px;
            gap: 30px;
            align-items: start; /* 上部で揃える */
        }
        
        /* メインコンテンツエリア */
        .jy-liexxsddd-main-content {
            min-height: 600px; /* メインエリアの最小高さ */
        }
        
        /* フッター */
        .jy-liexxsddd-footer {
            background-color: #2a7d8f;
            color: white;
            padding: 40px 0;
            margin-top: 60px;
            text-align: center;
        }
        
        .jy-liexxsddd-footer-links {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
            margin-bottom: 20px;
        }
        
        .jy-liexxsddd-footer-link {
            color: white;
            text-decoration: none;
            font-size: 0.9rem;
        }
        
        .jy-liexxsddd-footer-link:hover {
            text-decoration: underline;
        }
        
        .jy-liexxsddd-copyright {
            font-size: 0.85rem;
            opacity: 0.8;
        }
        
        /* 検索バー（サイドバー内） */
        .jy-liexxsddd-search {
            margin-bottom: 0;
        }
        
        .jy-liexxsddd-search-form {
            display: flex;
        }
        
        .jy-liexxsddd-search-input {
            flex-grow: 1;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 5px 0 0 5px;
            font-size: 0.95rem;    width: 100px;
        }
        
        .jy-liexxsddd-search-button {
            padding: 12px 20px;
            background-color: #19a896;
            color: white;
            border: none;
            border-radius: 0 5px 5px 0;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .jy-liexxsddd-search-button:hover {
            background-color: #1d5c6a;
        }
        
        /* 人気記事セクション */
        .jy-liexxsddd-popular-articles {
            margin-top: 0;
            padding-top: 0;
        }
        
        .jy-liexxsddd-popular-list {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
        
        .jy-liexxsddd-popular-item {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            padding: 10px;
            border-radius: 5px;
            transition: background-color 0.3s;
            text-decoration: none;
            color: inherit;
        }
        
        .jy-liexxsddd-popular-item:hover {
            background-color: #f9f9f9;
        }
        
        .jy-liexxsddd-popular-rank {
            background-color: #f0f7f9;
            color: #2a7d8f;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.8rem;
            font-weight: 600;
            flex-shrink: 0;
        }
        
        .jy-liexxsddd-popular-rank.top-3 {
            background-color: #19a896;
            color: white;
        }
        
        .jy-liexxsddd-popular-title {
            color: #333;
            font-size: 0.9rem;
            line-height: 1.4;
        }
        
        .jy-liexxsddd-popular-title:hover {
            color: #2a7d8f;
        }
        
        /* サイドバーのスクロールバーカスタマイズ */
        .jy-liexxsddd-sidebar::-webkit-scrollbar {
            width: 6px;
        }
        
        .jy-liexxsddd-sidebar::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 3px;
        }
        
        .jy-liexxsddd-sidebar::-webkit-scrollbar-thumb {
            background: #c1c1c1;
            border-radius: 3px;
        }
        
        .jy-liexxsddd-sidebar::-webkit-scrollbar-thumb:hover {
            background: #a8a8a8;
        }
        
        /* レスポンシブ */
        @media (max-width: 900px) {
            .jy-liexxsddd-content-wrapper {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .jy-liexxsddd-sidebar {
                position: static; /* モバイルでは固定解除 */
                max-height: none; /* モバイルでは高さ制限解除 */
                min-height: auto;
                overflow-y: visible;
            }
            
            .jy-liexxsddd-news-item {
                flex-direction: column;
            }
            
            .jy-liexxsddd-news-date {
                width: 100%;
                flex-direction: row;
                justify-content: flex-start;
                gap: 10px;
                padding: 10px 20px;
            }
            
            .jy-liexxsddd-news-day {
                font-size: 1.5rem;
            }
        }
        
        @media (max-width: 768px) {
            .jy-liexxsddd-header {
                padding: 40px 0 25px;
            }
            
            .jy-liexxsddd-title {
                font-size: 1.8rem;
            }
            
            .jy-liexxsddd-filter-options {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .jy-liexxsddd-filter-group {
                width: 100%;
            }
            
            .jy-liexxsddd-filter-select {
                flex-grow: 1;
            }
            
            .jy-liexxsddd-news-title {
                font-size: 1.1rem;
            }
        }
        
        @media (max-width: 480px) {
            .jy-liexxsddd-container {
                padding: 0 15px;
            }
            
            .jy-liexxsddd-title {
                font-size: 1.5rem;
            }
            
            .jy-liexxsddd-filters,
            .jy-liexxsddd-sidebar {
                padding: 20px;
            }
            
            .jy-liexxsddd-pagination {
                flex-wrap: wrap;
            }
            
            .jy-liexxsddd-footer-links {
                flex-direction: column;
                gap: 10px;
            }
        }





.pagination {
    padding-left: 0;
    list-style: none;
}
	
	.pagination li a {
        height: 43px;
    text-decoration: none;
    text-align: center;
    line-height: 42px;
    display: inline-block;
    color: #475467;
    background-color: transparent;
    border: 1px solid #d1d1d1;
    font-weight: 400;
    font-size: 16px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 50px;
        padding: 0px 16px;
}
	
	 .pagination li {
    display: inline-block;
    margin-right: 6px;
}
	
	
	.pagination .active {
  
    color: #333333;
}
	

		.pagination li:hover a {
  
    color: #333333;
}


.jy-home-qr-placeholder img {
    width: 100px;
}

     /* グリッドコンテナ - jy-gywmm プレフィックス */
        .jy-gywmm-grid {
           
            width: 100%;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px 20px;
            background: transparent;
            padding: 20px 0;
            margin: 0 auto;
        }

        /* 各アイテムカード */
        .jy-gywmm-item {
            background-color: #ffffff;
            border-radius: 20px;
            padding: 28px 16px 22px 16px;
            text-align: center;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 40, 20, 0.05);
            transition: transform 0.2s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            border: 1px solid #edf2f0;
        }

        .jy-gywmm-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 14px 28px rgba(0, 60, 30, 0.08);
        }

        /* アイコンを囲む円形の背景 */
        .jy-gywmm-icon {
            background: #eff5f5;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            color: #118997;
            font-size: 48px;
        }

        /* タイトル部分 */
        .jy-gywmm-title {
            font-size: 22px;
            font-weight: 600;
            color: #1f2e2a;
            letter-spacing: 0.4px;
            line-height: 1.4;
            white-space: nowrap;
        }

        /* 小さな画面ではタイトルを折り返し許可 */
        @media (max-width: 600px) {
            .jy-gywmm-grid {
                gap: 16px;
            }
            .jy-gywmm-title {
                font-size: 15px;
                white-space: normal;
            }
            .jy-gywmm-icon {
                width: 80px;
                height: 80px;
                font-size: 40px;
            }
        }

        /* ヘッダー・フッターを一切書かない */
        .jy-gywmm-wrapper {
            width: 100%;
        }





.jy-newsfooter-menu a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 15px;
    border-color: transparent transparent transparent #333;
}

.jy-newsfooter-menu a{
     position: relative
}



 /* jy-newsfooter 命名規則 - 背景色 #f1f1f1、文字色調整 */
        .jy-newsfooter {
            width: 100%;
            background-color: #f1f1f1;  /* 明るいグレーに変更 */
            color: #333333;              /* ベース文字色をダークグレーに */
            padding: 48px 40px 40px;
            border-top: 4px solid #cccccc; /* ボーダーもグレー系に調和 */
            font-family: 'Helvetica Neue', 'Segoe UI', Roboto, sans-serif;
        }

        .jy-newsfooter-container {
            max-width: 1380px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 4fr 3fr;
            gap: 30px;
            align-items: start;
        }

        .jy-newsfooter h3 {
            font-size: 20px;
            font-weight: 600;
            color: #444444;               /* 見出しは濃いめグレー */
            margin-bottom: 12px;
            letter-spacing: 0.5px;
            border-left: 4px solid #999999; /* アクセントボーダーもグレーに */
            padding-left: 12px;
        }

        .jy-newsfooter p, 
        .jy-newsfooter a, 
        .jy-newsfooter .jy-newsfooter-text,
        .jy-newsfooter address {
            color: #555555;               /* テキストはミディアムグレー */
            line-height: 1.7;
            font-size: 15px;
            text-decoration: none;
            transition: color 0.2s;
            font-style: normal;
        }

        .jy-newsfooter a:hover {
            color: #000000;                /* ホバーは黒に */
        }

        /* カラム1: LOGO画像 + 郵便番号・住所 */
        .jy-newsfooter-logo-area {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

    .jy-newsfooter-logo-img {
    max-width: 300px;
    height: auto;
    display: block;
}

        .jy-newsfooter-address {
            font-style: normal;
            margin-top: 4px;
        }

        .jy-newsfooter-address span {
            display: block;
           
        }

        /* カラム2: 電話 */
        .jy-newsfooter-phone {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .jy-newsfooter-phone-number {
            font-size: 28px;
            font-weight: 600;
            color: #222222;               /* 電話番号はより強調 */
            letter-spacing: 1px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .jy-newsfooter-phone-number i {
            color: #666666;               /* アイコンもグレー */
            font-size: 26px;
        }

     .jy-newsfooter-hours {
   
    border-radius: 30px;
    display: inline-block;
    width: fit-content;
    font-size: 15px;
    color: #444444;
}


.dhzt {
    font-size: 26px;
    color: #ed7300;
}




        /* カラム3: FAX + メール表示（ボタン→静的なテキストに変更） */
        .jy-newsfooter-fax {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

     .jy-newsfooter-fax-number {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    padding: 6px 15px 6px 6px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
}

        .jy-newsfooter-fax-number i {
            color: #666666;
        }

        /* メール表示（静的テキスト）- ボタンから変更 */
        .jy-newsfooter-email-static {
            margin: 8px 0 4px;
            background: #ffffff;
            border-radius: 50px;
            padding: 12px 25px;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            border: 1px solid #cccccc;
            font-size: 16px;
            color: #333333;
            width: fit-content;
            box-shadow: 0 2px 6px rgba(0,0,0,0.03);
        }

        .jy-newsfooter-email-static i {
            color: #666666;
        }

        /* カラム4: 縦メニュー（2列×3行） */
        .jy-newsfooter-menu {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px 22px;
            margin-top: 5px;
        }

        .jy-newsfooter-menu a {
            color: #555555;
            text-decoration: none;
            font-size: 15px;
            padding: 5px 0;
            border-bottom: 1px dotted #cccccc;
            transition: border-color 0.2s, color 0.2s;
            white-space: nowrap;    padding-left: 23px;
        }

        .jy-newsfooter-menu a:hover {
            color: #000000;
            border-bottom-color: #999999;
        }

        /* レスポンシブ */
        @media (max-width: 900px) {
            .jy-newsfooter-container {
                grid-template-columns: 1fr 1fr;
                gap: 40px;
            }
        }

        @media (max-width: 550px) {
            .jy-newsfooter-container {
                grid-template-columns: 1fr;
            }
        }




.fyjz {
   
    text-align: center;
}




.jy-home-section-title-3 {
    position: relative;
    top: -22px;
  
    width: 120px;
    left: 30px;
    text-align: center;
}


.jy-home-section-title-34 {
       text-align: center;
    margin-bottom: 50px;
    color: #dd2726;
    font-size: 2.2rem;
    position: relative;
}

   /* 基础样式 - 清除默认列表样式 */
        .jy-cplistnew-jp-text {
            list-style: none;
            padding-left: 0;
              
        }

        .jy-cplistnew-jp-text li {
            position: relative;
            padding-left: 28px; /* 为图片对号留出空间，可根据图片大小调整 */
            margin-bottom: 12px;
            line-height: 1.6;
            font-size: 14px;
            color: #333;
        }

        /* 使用图片作为对号标记 */
        .jy-cplistnew-jp-text li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 2px; /* 垂直居中对齐，可根据需要微调 */
            /* 图片相关设置 */
            width: 18px;  /* 图片宽度，根据实际图片尺寸调整 */
            height: 18px; /* 图片高度，根据实际图片尺寸调整 */
            background-image: url('/uploadfile/202603/921e02eed000.png'); /* 你的对号图片路径 */
            background-size: contain; /* 保证图片完整显示，不拉伸 */
            background-repeat: no-repeat;
            background-position: center;
        }








        /* すべてのクラス名を jy-newsskhg に */
        .jy-newsskhg-section {
            
            padding: 90px 0px 90px 0px;
          
          
            max-width: 1380px;
            margin: 0 auto;
        }

        .jy-newsskhg-container {
          
            margin: 0 auto;
        }

        .jy-newsskhg-section-title {
            font-size: 2.4rem;
            font-weight: 600;
            letter-spacing: 0.05em;
            text-align: center;
            color: #1e3c5c;
            margin-bottom: 2.5rem;
            position: relative;
            padding-bottom: 1rem;
        }
        .jy-newsskhg-section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 90px;
            height: 4px;
            background: #2b6f9e;
            border-radius: 4px;
        }

        /* グリッド：カード横並び */
        .jy-newsskhg-conditions-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.8rem;
        }

        /* カード */
        .jy-newsskhg-condition-card {
            background: #ffffffdd;
            backdrop-filter: blur(2px);
            background: white;
            border-radius: 15px;
          
            box-shadow: 0 12px 22px -8px rgba(30, 60, 80, 0.2);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
           
        }
        .jy-newsskhg-condition-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 24px 30px -10px rgba(18, 67, 102, 0.3);
        }

        /* ★★★ 変更点: アイコン枠（画像を全幅表示）★★★ */
        .jy-newsskhg-condition-icon {
           
            margin-bottom: 1.5rem;
           
            display: flex;
            align-items: center;     /* 縦方向中央 */
            justify-content: center; /* 横方向中央 */
            box-shadow: 0 6px 14px rgba(0,50,70,0.1);
            transition: background 0.25s;
            overflow: hidden;        /* 丸からはみ出た部分を隠す */
            padding: 0;       border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;       /* 余白を完全にゼロに */
        }

        /* 画像を全幅表示 (丸い枠いっぱいに広げる) */
        .jy-newsskhg-condition-icon img {
            width: 100%;             /* 親の幅に合わせる → 全幅 */
            height: 100%;            /* 親の高さに合わせる */
            object-fit: cover;       /* 縦横比を保ちつつ枠を完全に埋める (はみ出た部分は隠れる) */
            display: block;
        }

        /* タイトル */
        .jy-newsskhg-condition-card h3 {
            font-size: 1.3rem;
            font-weight: 600;
            color: #163a4f;
            margin-bottom: 0.8rem;
            border-bottom: 2px solid #b4d0e7;
            padding-bottom: 0.4rem;
            display: inline-block;
        }

        /* 日本語テキスト */
        .jy-newsskhg-jp-text {
               font-size: 15px;
    line-height: 1.7;
    color: #2d4b63;
    padding: 6px 18px 20px 18px;
    border-radius: 110px;
    width: 100%;
        }

        /* レスポンシブ */
        @media screen and (max-width: 960px) {
            .jy-newsskhg-conditions-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 1.5rem;
            }
            .jy-newsskhg-section-title {
                font-size: 2rem;
            }
        }
        @media screen and (max-width: 560px) {
            .jy-newsskhg-conditions-grid {
                grid-template-columns: 1fr;
            }
        }



  /* ★★★ 全てのクラス名を jy-nmetnm に変更 ★★★ */
        .jy-nmetnm-section {
            
            padding: 60px 0px 120px 0px;
            
        
            max-width: 1400px;
            margin: 0 auto;
        }

        .jy-nmetnm-container {
            max-width: 1300px;
            margin: 0 auto;
        }

        .jy-nmetnm-section-title {
            font-size: 2rem;
            font-weight: 700;
            letter-spacing: 0.05em;
            text-align: center;
            color: #0b3147;
            margin-bottom: 3rem;
            position: relative;
            padding-bottom: 1rem;
        }
        .jy-nmetnm-section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 3px;
            background: #2b6f9e;
            border-radius: 6px;
        }

        /* グリッド：5カード横並び */
        .jy-nmetnm-conditions-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 1.5rem;
        }

        /* カード（数字の相対位置基準） */
        .jy-nmetnm-condition-card {
            background: white;
            border-radius: 2rem;
            padding: 1.8rem 1rem 2rem 1rem;
            box-shadow: 0 15px 25px -8px rgba(18, 55, 85, 0.15);
            transition: transform 0.2s ease, box-shadow 0.25s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            border: 1px solid rgba(255,255,255,0.8);
            position: relative; /* 数字バッジの基準位置 */
        }
        .jy-nmetnm-condition-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 22px 32px -10px rgba(6, 60, 95, 0.25);
        }

        /* ★★★ 数字バッジ (左上に配置) ★★★ */
        .jy-nmetnm-step-number {
            position: absolute;
            top: 15px;
            left: 15px;
            width: 36px;
            height: 36px;
            background: #1f5e8e;        /* 落ち着いた青 */
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.3rem;
            font-weight: 700;
            box-shadow: 0 4px 8px rgba(0, 30, 50, 0.2);
            border: 2px solid white;
            z-index: 2;
        }

        /* Font Awesome アイコンエリア */
        .jy-nmetnm-condition-icon {
            width: 120px;
            height: 120px;
            margin-bottom: 1.5rem;
            border-radius: 50%;
            background: #d5e9ff;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 10px 15px -5px rgba(0,70,100,0.15);
            border: 2px solid rgba(255,255,255,0.7);
            font-size: 3.5rem;
            color: #1f5e8e;
            transition: background 0.2s, color 0.2s;
        }
        .jy-nmetnm-condition-card:hover .jy-nmetnm-condition-icon {
            background: #c0defa;
            color: #0a3b5c;
        }

        /* タイトル */
        .jy-nmetnm-condition-card h3 {
            font-size: 1.4rem;
            font-weight: 600;
            color: #113e5a;
            margin-bottom: 0.5rem;
            line-height: 1.4;
            letter-spacing: 0.02em;
            border-bottom: 2px solid #b8d4ed;
            padding-bottom: 0.4rem;
            display: inline-block;
            width: 100%;
        }

        /* 補足説明は非表示 */
        .jy-nmetnm-jp-text {
            display: none;
        }

        /* レスポンシブ */
        @media screen and (max-width: 1100px) {
            .jy-nmetnm-conditions-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 1.5rem;
            }
            .jy-nmetnm-section-title {
                font-size: 2.2rem;
            }
        }
        @media screen and (max-width: 700px) {
            .jy-nmetnm-conditions-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .jy-nmetnm-condition-icon {
                width: 100px;
                height: 100px;
                font-size: 3rem;
            }
            .jy-nmetnm-step-number {
                width: 32px;
                height: 32px;
                font-size: 1.1rem;
                top: 10px;
                left: 10px;
            }
        }
        @media screen and (max-width: 450px) {
            .jy-nmetnm-conditions-grid {
                grid-template-columns: 1fr;
            }
        }

  /* ★★★ 全てのクラス名を jy-newslxmnn に変更 ★★★ */
        .jy-newslxmnn-compare-section {
           
               margin: 0 auto;
    background: #f9e285;
    padding: 6rem 0rem 6rem 0rem;
   
        }

        /* タイトル（中央寄せ） */
        .jy-newslxmnn-compare-title {
            text-align: center;
            font-size: 2rem;
            font-weight: 700;
            color: #0b3147;
            margin-bottom: 3rem;
            letter-spacing: 0.03em;
            position: relative;
            padding-bottom: 1.2rem;
        }
        .jy-newslxmnn-compare-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 120px;
            height: 3px;
            background: #2b6f9e;
            border-radius: 8px;
        }

        /* 3カードグリッド */
        .jy-newslxmnn-compare-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
            max-width: 1300px;
            margin: 0 auto;
        }

        /* 共通カードスタイル */
        .jy-newslxmnn-compare-card {
            background: #fdfcfd;
            border-radius: 15px;
            padding: 2.5rem 1.8rem 2.5rem 1.8rem;
            box-shadow: 0 15px 30px -8px rgba(0, 40, 70, 0.12);
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            border: 1px solid rgba(255,255,255,0.9);
            transition: transform 0.2s ease, box-shadow 0.3s ease;
        }
        .jy-newslxmnn-compare-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 22px 38px -8px rgba(18, 70, 110, 0.2);
        }

        /* アイコン円 */
        .jy-newslxmnn-compare-icon {
         width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
    color: #1f5e8e;
        }

        /* カードタイトル */
        .jy-newslxmnn-compare-card h3 {
            font-size: 24px;
            font-weight: 600;
            color: #113e5a;
            margin-bottom: 2rem;
           
          
            width: 100%;
        }

        /* ボタン共通 */
        .jy-newslxmnn-compare-btn {
          display: inline-block;
    background: #118997;
    color: white;
    font-size: 20px;
    font-weight: 500;
    padding: 12px 10px;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(0, 50, 80, 0.2);
    transition: background 0.2s, transform 0.1s;
    border: none;
    cursor: pointer;
    width: 100%;
    max-width: 260px;
    letter-spacing: 0.05em;
        }
        .jy-newslxmnn-compare-btn:hover {
            background: #0f4268;
            transform: scale(1.02);
        }

        /* 電話番号表示（2つ目のカード用） */
        .jy-newslxmnn-compare-phone {
            font-size: 22px;
            font-weight: 700;
            color: #1f5e8e;
          
            background: #e9f0f9;
            padding: 0.8rem 1.5rem;
            border-radius: 15px;
            display: inline-block;
            box-shadow: inset 0 2px 5px rgba(0,0,0,0.02);
        }

        /* 電話番号下の小さなテキスト（任意） */
        .jy-newslxmnn-compare-phone-note {
            font-size: 1rem;
            color: #4f6b7e;
            margin-top: 0.3rem;
        }

        /* レスポンシブ */
        @media screen and (max-width: 850px) {
            .jy-newslxmnn-compare-grid {
                gap: 1.5rem;
            }
            .jy-newslxmnn-compare-card h3 {
                font-size: 1.8rem;
            }
            .jy-newslxmnn-compare-btn {
                font-size: 1.2rem;
                padding: 0.9rem 1.8rem;
            }
        }
        @media screen and (max-width: 700px) {
            .jy-newslxmnn-compare-grid {
                grid-template-columns: 1fr;  /* スマホで縦積み */
                max-width: 400px;
            }
            .jy-newslxmnn-compare-title {
                font-size: 2.2rem;
            }
        }





.jy-mm-section-23{
           
            width: 100%;
            margin: 0 auto;
           
               background: #ffffff;
            padding: 80px 0px 100px 0px;
        }




 /* ページ全体を1400pxで中央配置 */
        .jy-ntws4-container {
            max-width: 1400px;
            width: 100%;
            margin: 0 auto;
           
        }

        /* ----- 4ボタンエリア（等幅）----- */
        .jy-ntws4-button-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 3rem;
            margin-bottom: 4rem;
        }



.jkl .bty {
    color: #0e383b;
    text-align: center;
    margin-bottom: 20px;
    font-size: 2.5rem;
    position: relative;
}

.jkl p {
    text-align: center;
}

   .jkl {
    margin-bottom: 30px;
}













.jy-ntws4-nav-button {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #199c93;
            color: white;
            font-size: 1.4rem;
            font-weight: 500;
            padding: 1rem 0.5rem;
               border-radius: 5px;
            text-decoration: none;
            box-shadow: 0 8px 16px rgba(0, 40, 70, 0.25);
            transition: transform 0.15s, box-shadow 0.2s;
            letter-spacing: 0.04em;
            text-align: center;
            border: 2px solid rgba(255,255,255,0.1);    position: relative;
        }
        .jy-ntws4-nav-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 25px rgba(0, 50, 90, 0.35);
            background: linear-gradient(145deg, #256f9e, #154a70);
        }

        /* ----- 3カラムレイアウト（左中右）----- */
        .jy-ntws3-columns {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
            margin-top: 1rem;
        }

        /* 各カラム共通 */
        .jy-ntws4-column {
            background: #e1f2f1;
            border-radius: 15px;
            padding: 2rem 1.5rem;
            box-shadow: 0 10px 25px -8px rgba(0, 30, 60, 0.1);
           
            display: flex;
            flex-direction: column;
        }

.gkcv {
    height: 80px;
}


.jy-ntws4222 {
    
    height: 150px;
}



        /* カラム見出し */
        .jy-ntws4-column-title {
            font-size: 2rem;
            font-weight: 700;
            color: #0b3147;
            text-align: center;
            margin-bottom: 2rem;
            padding-bottom: 0.8rem;
            border-bottom: 2px solid #b8d4ed;    letter-spacing: 10px;
        }

        /* コンテンツモジュールのリスト（縦積み） */
        .jy-ntws4-module-list {
            display: flex;
            flex-direction: column;
            gap: .5rem;
            flex: 1;
        }

        /* 1つのコンテンツモジュール */
    


.febt {
    font-size: 20px;
    line-height: 1;letter-spacing: 0px;
}



        /* モジュールタイトル */
        .jy-ntws4-module-title {
            font-size: 1.3rem;
            font-weight: 600;
            color: #1f5e8e;
            margin-bottom: 0.8rem;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .jy-ntws4-module-title i {
            color: #2b6f9e;
            font-size: 1.2rem;
        }

        /* モジュール本文 */
        .jy-ntws4-module-text {
            font-size: 1rem;
            line-height: 1.6;
            color: #8a6d3b;
        }

        /* ★★★ 矢印はモジュールの外（下）に配置 ★★★ */
        .jy-ntws4-module-arrow {
            text-align: center;
            font-size: 18px;
            color: #1f5e8e;
          
            width: 100%;
        }
        .jy-ntws4-module-arrow i {
            filter: drop-shadow(0 4px 6px rgba(0,60,100,0.15));
        }

        /* ★★★ 最後のモジュール専用：画像エリア（全幅） ★★★ */
        .jy-ntws4-last-module-image {
            margin-top: 0.5rem;
            width: 100%;
            border-radius: 10px;
            overflow: hidden;
            background: #e6f0fa;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .jy-ntws4-last-module-image img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 10px;
            object-fit: cover;
            max-height: 150px;  /* 画像の高さ調整（必要に応じて） */
        }

        /* 画像がない通常モジュールの下には余白だけ確保 */
        .jy-ntws4-module:not(:last-child) {
            margin-bottom: 0;
        }

        /* 各カラムの最後のモジュールにだけ画像を表示するためのクラス */
        .jy-ntws4-module.jy-ntws4-has-image {
            /* 特別なスタイルは不要、画像ブロックが下に来る */
        }

        /* レスポンシブ：タブレット・スマホ */
        @media screen and (max-width: 1000px) {
            .jy-ntws3-columns {
                grid-template-columns: repeat(2, 1fr);
            }
            .jy-ntws4-button-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media screen and (max-width: 700px) {
            .jy-ntws3-columns {
                grid-template-columns: 1fr;
            }
            .jy-ntws4-button-grid {
                grid-template-columns: 1fr;
            }
            .jy-ntws4-container {
                padding: 2rem 1.5rem;
            }
            .jy-ntws4-column-title {
                font-size: 1.8rem;
            }
        }



 /* ページ全体を1400pxで中央配置 */
        .jy-kppwjs-container {
            max-width: 1300px;
            width: 100%;
            margin: 0 auto;
          
           
            padding: 100px 0px 20px 0px;
        }

        /* ----- 4カードセクション（1行4列）----- */
        .jy-kppwjs-card-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.8rem;
            margin-bottom: 4rem;
        }

        /* カード全体に背景色 */
        .jy-kppwjs-feature-card {
           
            border-radius: 15px;
            overflow: hidden;
         
            transition: transform 0.2s ease;
            display: flex;
            flex-direction: column;margin: 0 auto;     width: 100%;
        }
        .jy-kppwjs-feature-card:hover {
            transform: translateY(-5px);
        }

        /* カード上部：タイトルエリア */
        .jy-kppwjs-card-title {
            padding: 1rem 1.5rem 0.8rem 1.5rem;
            font-size: 22px;
            font-weight: 700;
            color: #0b3147;
            text-align: center;
           
            
        }

        /* 画像エリア：全幅表示 */
        .jy-kppwjs-card-image {
            width: 100%;
           
        }
        .jy-kppwjs-card-image img {
           
            display: block;     width: 100%;
          
           
        }

        /* ----- 取引順序セクション（全幅ステップ）----- */
        .jy-kppwjs-steps-section {
            margin-top: 2rem;
            
        }

        .jy-kppwjs-steps-title {
            font-size: 2.4rem;
            font-weight: 700;
            color: #0b3147;
            text-align: center;
            margin-bottom: 2.5rem;
            padding-bottom: 1rem;
            border-bottom: 4px solid #b8d4ed;
        }

        /* ステップのリスト（縦積み・全幅） */
        .jy-kppwjs-step-list {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        /* ★★★ 1つのステップ：左右2カラム構造 ＋ 間に縦線 ★★★ */
        .jy-kppwjs-step-item {
            display: flex;
            align-items: flex-start;
            background: white;
            border-radius: 15px;
            padding: 38px;
            box-shadow: 0 6px 14px rgb(0 30 50 / 1%);
     
            width: 100%;
            gap: 2rem;
            position: relative;
        }

        /* 左側：アイコンエリア */
        .jy-kppwjs-step-icon {
            flex-shrink: 0;
            width: 80px;
            height: 80px;
            background: #d5e9ff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2.5rem;
            color: #1f5e8e;
            box-shadow: 0 8px 12px -4px rgba(0,60,100,0.15);
            border: 2px solid white;
        }

        /* ★★★ 左右を区切る縦線 ★★★ */
        .jy-kppwjs-step-divider {
            width: 2px;
            background: linear-gradient(180deg, #b0d0ec 0%, #6a9ac5 50%, #b0d0ec 100%);
            align-self: stretch;  /* 高さを親に合わせる */
            margin: 0.5rem 0;
            flex-shrink: 0;
        }

        /* 右側コンテンツエリア（数字・タイトル・本文） */
        .jy-kppwjs-step-content {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        /* 数字とタイトルの横並び */
        .jy-kppwjs-step-header {
            display: flex;
            align-items: baseline;
            gap: 1rem;
            margin-bottom: 0.6rem;
            flex-wrap: wrap;
        }

        /* 大きく目立つ数字 */
        .jy-kppwjs-step-number {
            font-size: 3.2rem;
            font-weight: 800;
            color: #1f5e8e;
            line-height: 1;
            letter-spacing: -0.02em;
            background: #e1effa;
            padding: 0.2rem 0.8rem;
            border-radius: 50px;
            display: inline-block;
            box-shadow: 0 4px 8px rgba(0,40,70,0.1);
        }

        /* ステップタイトル */
        .jy-kppwjs-step-title {
            font-size: 2rem;
            font-weight: 600;
            color: #113e5a;
        }

        /* ステップ説明文 */
        .jy-kppwjs-step-description {
            font-size: 1.1rem;
            line-height: 1.6;
            color: #2d4b63;
            margin-top: 0.2rem;
        }

        /* ★★★ レスポンシブ（移動端末に最適化）★★★ */
        @media screen and (max-width: 1100px) {
            .jy-kppwjs-card-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 1.5rem;
            }
        }

        @media screen and (max-width: 900px) {
            .jy-kppwjs-step-item {
                padding: 1.5rem 1.5rem;
                gap: 1.2rem;
            }
        }

        /* タブレット・スマホ向け：縦線を維持しつつ調整 */
        @media screen and (max-width: 800px) {
            .jy-kppwjs-step-item {
                /* 左右構造は維持（flex-direction: row のまま） */
                padding: 1.2rem 1.2rem;
                gap: 0.8rem;
            }
            
            .jy-kppwjs-step-icon {
                width: 60px;
                height: 60px;
                font-size: 2rem;
            }
            
            .jy-kppwjs-step-number {
                font-size: 2.5rem;
                padding: 0.1rem 0.6rem;
            }
            
            .jy-kppwjs-step-title {
                font-size: 1.6rem;
            }
            
            .jy-kppwjs-step-description {
                font-size: 1rem;
            }
        }

        /* モバイル (600px以下) でも左右構造＋縦線を維持しつつ見やすく */
        @media screen and (max-width: 600px) {
            .jy-kppwjs-card-grid {
                grid-template-columns: 1fr;
            }
            
            .jy-kppwjs-steps-title {
                font-size: 2rem;
            }
            
            .jy-kppwjs-container {
                padding: 2rem 1.5rem;
            }
            
            .jy-kppwjs-card-title {
                font-size: 1.8rem;
            }
            
            /* モバイルではアイコンを少し小さく、数字も調整 */
            .jy-kppwjs-step-icon {
                width: 50px;
                height: 50px;
                font-size: 1.8rem;
            }
            
            .jy-kppwjs-step-number {
                font-size: 2.2rem;
            }
            
            .jy-kppwjs-step-title {
                font-size: 1.4rem;
            }
            
            .jy-kppwjs-step-divider {
                margin: 0.2rem 0;
            }
        }

        /* 非常に小さい画面 (400px以下) でも左右構造維持 */
        @media screen and (max-width: 400px) {
            .jy-kppwjs-step-item {
                padding: 1rem 0.8rem;
                gap: 0.5rem;
                border-left-width: 5px;
            }
            
            .jy-kppwjs-step-icon {
                width: 45px;
                height: 45px;
                font-size: 1.5rem;
            }
            
            .jy-kppwjs-step-number {
                font-size: 2rem;
                padding: 0.1rem 0.4rem;
            }
            
            .jy-kppwjs-step-title {
                font-size: 1.3rem;
            }
            
            .jy-kppwjs-step-divider {
                width: 1.5px;
            }
        }

      /* 步骤序号 - 圆形背景 */
        .jy-qll-number {
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            border-radius: 50%; /* 圆形 */
            background-color: #00897b; /* 深青绿色圆形背景 */
            color: white; /* 白色数字 */
            font-size: 18px;
            font-weight: bold;
            text-align: center;
        }

        /* 流程主体容器 */
        .flow-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* 流程步骤列表 */
        .flow-steps {
            display: flex;
            justify-content: space-between;
            align-items: stretch;
            margin-top: 0;    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }

        /* 单个步骤项 */
        .flow-step {
            flex: 1;
            text-align: center;
            border-right: 1px solid #e0e0e0;
            background-color: white;
        }

        /* 最后一个步骤去掉右侧边框 */
        .flow-step:last-child {
            border-right: none;
        }

        /* 步骤序号 */
        .step-number {
            background-color: #fdd866; /* 黄色背景 */
            color: #00897b; /* 深青绿色文字 */
            font-size: 18px;
            font-weight: bold;
            padding: 10px 0;
        }


.bdt{
    border-bottom-left-radius: 10px;
}
.bdt-2{
    border-bottom-right-radius: 10px;
}


.bdy {
    
    border-top-left-radius: 10px;
}

.bdy-2 {
    
    border-top-right-radius: 10px;
}
        /* 步骤内容区域 */
        .step-content {
            padding: 30px 15px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0px;
        }

        /* 步骤图标 */
        .step-icon {
            font-size: 48px;
            color: #00897b; /* 深青绿色图标 */
        }

        /* 步骤文字说明 */
        .step-text {
               font-size: 20px;
    color: #333333;
    line-height: 1.4;
    font-weight: bolder;
        }

        /* 响应式适配 - 小屏幕下改为纵向排列 */
        @media (max-width: 768px) {
            .flow-steps {
                flex-direction: column;
            }
            .flow-step {
                border-right: none;
                border-bottom: 1px solid #e0e0e0;
            }
            .flow-step:last-child {
                border-bottom: none;
            }
        }









  /* 容器：包含所有5行内容 */
        .jy-sxdff-container {
            max-width: 1300px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 26px; /* 缩小行间距匹配图片 */
        }

        /* 每行的核心布局：左30% 右70% */
        .jy-sxdff-row-item {
            display: flex;
            background-color: white;
            border-radius: 4px; /* 缩小圆角匹配图片 */
            overflow: hidden;
            box-shadow: none; /* 去掉阴影匹配图片 */    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 40, 20, 0.05);
        }

        /* 左侧图片区域：固定30%宽度 */
        .jy-sxdff-img-section {
            width: 10%;
            position: relative; /* 用于定位左上角的数字序号 */
          
            display: flex;
            align-items: center;
            justify-content: left;
           
            color: #333;
            /* 确保容器高度和内容匹配 */
            min-height: 180px;
        }

        /* 图片样式：铺满左侧区域 */
        .jy-sxdff-img-section img {
          
        }

        /* 左上角数字序号（确保在图片上层） */
        .jy-sxdff-step-number {
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 18px;
    font-weight: bold;
    color: #219e92;
    background-color: transparent;
    width: auto;
    height: auto;
    border-radius: 0;
    z-index: 99;
    background: #f9e285;
    padding: 6px 10px;
}

        /* 右侧内容区域：固定70%宽度 */
        .jy-sxdff-content-section {
            width: 90%;
            padding: 15px;
            /* 让内容垂直居中 */
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        /* 段落样式 */
        .jy-sxdff-content-section p {
            margin-bottom: 8px; /* 缩小段落间距 */
            font-size: 16px; /* 匹配图片字体大小 */
            line-height: 1.5;
        }

        /* 最后一个段落去掉底部间距 */
        .jy-sxdff-content-section p:last-child {
            margin-bottom: 0;
        }

        /* 带序号的文本样式 */
        .jy-sxdff-content-section .numbered-text {
            display: block;
        }

        /* 响应式适配：小屏幕下改为上下布局 */
        @media (max-width: 768px) {
            .jy-sxdff-row-item {
                flex-direction: column;
            }
            .jy-sxdff-img-section, .jy-sxdff-content-section {
                width: 100%;
            }
            .jy-sxdff-img-section {
                min-height: 120px; /* 调整最小高度 */
                padding: 20px;
            }
            .jy-sxdff-img-section img {
                width: 60px; /* 移动端恢复小图标尺寸 */
                height: 60px;
            }
        }

 /* 标题样式 */
        .jy-kkkjg-page-title {
            text-align: center;
            font-size: 1.5rem;
            color: #333;
            margin-bottom: 30px;
            font-weight: 600;
        }

        /* 主容器 - 三列布局 */
        .jy-kkkjg-main-container {
            display: flex;
            gap: 20px;
            max-width: 1380px;
            margin: 0 auto;
            flex-wrap: wrap;
        }

        /* 每个服务卡片样式 */
        .jy-kkkjg-service-card {
            flex: 1;
            min-width: 300px;
            background-color: #fdfcfd;
            border-radius: 8px;
          
            overflow: hidden;
        }

        /* 卡片头部（图标+标题） */
        .jy-kkkjg-card-header {
            padding: 15px;
    text-align: center;
    
        }

     

.tcjmm {
  
    text-align: center;
}



        .jy-kkkjg-card-title {
            font-size: 1.2rem;
            color: #2d3748;
            font-weight: bold;
        }

        /* 卡片内容（步骤列表） */
        .jy-kkkjg-card-content {
            padding: 20px;background-color: #e1f2f1;     border-radius: 10px;
        }



.h140 {
    height: 148px;
}





        .jy-kkkjg-step-item {
            margin-bottom: 20px;
        }

        .jy-kkkjg-step-number {
            display: inline-block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            background-color: #066c7a;
            color: white;
            border-radius: 50%;
            text-align: center;
            font-weight: bold;
            margin-right: 10px;
        }

        .jy-kkkjg-step-title {
            display: inline-block;
            font-size: 1.1rem;
            color: #2d3748;
            font-weight: 600;
            margin-bottom: 8px;
        }

        .jy-kkkjg-step-desc {
            margin-left: 40px;
            color: #4a5568;
            font-size: 0.95rem;
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .jy-kkkjg-main-container {
                flex-direction: column;
            }
        }









.jyyssd-home-cta-button,
.jyyssd-home-top-btn,
.jyyssd-home-contact-button {
    display: inline-block;
    padding: 12px 24px;
    margin: 10px;
    background: #0066cc;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 6px;
    cursor: pointer;
    border: none;
    font-size: 16px;
}
.jyyssd-home-top-btn { background: #222; }
.jyyssd-home-contact-button { background: #555; }

/* 弹窗遮罩层 */
#jyyssd-modalOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(6px);
    z-index: 999;
}

/* 弹窗容器 */
.jyyssd-modalContent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 90%;
    max-width: 700px;
    max-height: 90vh;
    padding: 30px;
    border-radius: 12px;
    overflow-y: auto;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
}

/* 关闭按钮 */
.jyyssd-modalClose {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    color: #666;
}

/* 表单样式 */
.jyyssd-formTitle {
    text-align: center;
    font-size: 22px;
    margin-bottom: 25px;
    color: #333;
}
.jyyssd-formTable {
    width: 100%;
    border-collapse: collapse;
}
.jyyssd-formTable tr {
    border-bottom: 1px solid #eee;
}
.jyyssd-formTable th {
    width: 30%;
    padding: 15px;
    text-align: left;
    background: #f7f7f7;
    font-weight: normal;
}
.jyyssd-formTable td {
    padding: 15px;
}
.jyyssd-formTable input,
.jyyssd-formTable textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px;
}
.jyyssd-formTable textarea {
    min-height: 120px;
    resize: vertical;
}

/* 提交按钮 */
.jyyssd-submitBtn {
    width: 100%;
    padding: 14px;
    background: #7ac0c7;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 18px;
    margin-top: 20px;
    cursor: pointer;
}
.jyyssd-submitBtn:hover {
    opacity: 0.9;
}

/* 自适应 */
@media (max-width: 768px) {
    .jyyssd-formTable th,
    .jyyssd-formTable td {
        display: block;
        width: 100%;
        padding: 10px;
    }
    .jyyssd-formTable th {
        padding-bottom: 5px;
    }
}


  /* 弹窗遮罩层 */
        .jyyhg-modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        /* 弹窗容器 */
        .jyyhg-modal-container {
            background: #fff;
            width: 80%;
            max-width: 600px;
            padding: 40px 30px;
            border-radius: 8px;
            text-align: center;
            font-family: "Meiryo", "MS PGothic", sans-serif;
        }

        /* 标题样式 */
        .jyyhg-modal-title {
            font-size: 28px;
            color: #003399;
            margin-bottom: 30px;
            font-weight: bold;
        }

        /* 红色提示文本 */
        .jyyhg-modal-red-text {
            color: #d92121;
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 20px;
        }

        /* 普通说明文本 */
        .jyyhg-modal-desc {
            font-size: 15px;
            line-height: 1.8;
            margin-bottom: 30px;
            color: #333;
            text-align: left;
        }

        /* 提问文本 */
        .jyyhg-modal-question {
            font-size: 18px;
            margin-bottom: 30px;
            color: #333;
        }

        /* 按钮样式 */
        .jyyhg-modal-btn {
            padding: 12px 40px;
            font-size: 16px;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            margin: 0 10px;
        }

        .jyyhg-btn-yes {
            background: #0e6b74;
            color: white;
        }

        .jyyhg-btn-no {
            background: #fff;
            color: #333;
            border: 1px solid #ccc;
        }

        /* 隐藏弹窗的样式 */
        .jyyhg-hidden {
            display: none;
        }

        /* 主内容样式（示例） */
        .jyyhg-main-content {
            /* 保持原有主内容样式，仅修改类名 */
        }



.footer-copyright {
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    background-color: #118997;
    padding: 20px 0;
}




     .jy-ahdjj-search-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px;
        }
        .jy-ahdjj-search-left {
            display: flex;
            align-items: center;
            gap: 0;
        }
        .jy-ahdjj-search-input {
            padding: 8px 12px;
            border: 1px solid #ddd;
            border-radius: 20px 0 0 20px;
            width: 320px;
            height: 38px;
        }
        .jy-ahdjj-search-btn {
            background-color: #e2e2e2;
            border: 1px solid #ddd;
            padding: 0 16px;
            height: 38px;
            border-radius: 0 20px 20px 0;
            cursor: pointer;
        }
        .jy-ahdjj-print-btn {
            background-color: #f78c1c;
            color: #fff;
            border: none;
            border-radius: 6px;
            padding: 9px 24px;
            font-size: 15px;
            cursor: pointer;
        }

        /* 【已修改】取消固定高度与滚动条 */
        .jy-ahdjj-table-wrapper {
            width: calc(100% - 32px);
            margin: 0 16px;
            border: 1px solid #f2e3bc;
        }

        .jy-ahdjj-table-row {
            display: flex;
            width: 100%;
        }
        .jy-ahdjj-table-header-cell {
            flex: 1;
            padding: 12px 10px;
            background-color: #f9e7a8;
            border: 1px solid #f2e3bc;
            font-weight: bold;
            text-align: left;
        }
        .jy-ahdjj-table-cell {
            flex: 1;
            padding: 12px 10px;
            border: 1px solid #f2e3bc;
        }
        .jy-ahdjj-table-row:nth-child(even) .jy-ahdjj-table-cell {
            background-color: #fffaf0;
        }