/*
Theme Name: textorage
*/

/* --- 01. Base Styles & Reset --- */
*,::before,::after{box-sizing:border-box}
html{font-size:62.5%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
    font-size:1.6rem;
    line-height:1.6;
    color:#000;
    font-family:'Noto Sans JP',sans-serif,Arial,sans-serif;
    background-color:#fff;
    overflow-x:hidden;
    margin:0;
    padding-top:80px
}
body.no-scroll{overflow:hidden}
img{max-width:100%;height:auto;vertical-align:middle}

/* Headings */
h1,h2,h3,h4{line-height:1.3;margin-top:2em;margin-bottom:.5em;font-weight:700;color:#000}
h1{font-size:2.8rem}
h2{font-size:2.4rem}
h3{font-size:2rem}
h4{font-size:1.8rem}
p{margin-bottom:1.5em}

/* Links */
a{color:#0070c0;text-decoration:none;transition:opacity .2s;cursor:pointer}
a:hover{opacity:.7;text-decoration:underline}

/* Lists */
ul,ol{margin:0;padding:0;list-style:none}

/* --- 02. Header & Navigation --- */
#site-header{
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    background-color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,.1);
    transition:all 0.3s ease;
    height:80px;
    display:flex;
    align-items:center;
    width:100%
}
.header__container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
#site-header.is-scrolled{box-shadow:0 4px 10px rgba(0,0,0,.2)}
.site-logo{text-align:center;padding-bottom:5px;padding-left:5px}
.site-logo a.logo-link{display:inline-block;position:relative;text-decoration:none}
.site-logo .logo-subtext{font-size:1.2rem;font-weight:700;color:#000;white-space:nowrap;line-height:1}
.site-logo img{display:block}
.site-nav{display:block}
.site-nav .nav-menu{list-style:none;margin:0;padding:0;display:flex}
.site-nav .nav-menu .menu-item{margin-left:10px}
.site-nav a{font-size:1.4rem;padding:.5rem 1rem;display:block;background:#4fbe97;color:#fff;border-radius:30px;white-space:nowrap}
.site-nav a:hover{opacity:.7;text-decoration:none}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;position:relative;z-index:100}
.menu-toggle span{display:block;width:25px;height:3px;background-color:#000;margin:5px 0;transition:all .2s}

/* --- 03. Layout & Content Wrapper --- */
#content{width:100%;}
.kabepita-inner{max-width:1200px;margin:0 auto;padding:0 20px}
#content>section{padding:40px 0 20px;text-align:center}
#primary{width:100%;margin-bottom:40px}
#secondary{width:100%}
.kabepita-cover-background{display:none} /* For PC */

/* --- 04. Sidebar & Widget Styles (Unified) --- */
.sidebar-block{
    padding:20px;
    margin-bottom:30px;
    border:1px solid #e0e0e0;
    border-radius:5px;
    background-color:#ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.sidebar-title{
    font-size:1.8rem;
    font-weight:700;
    color:#333;
    margin-top:0;
    margin-bottom:15px;
    border-bottom:2px solid #5C6BC0;
    padding-bottom:5px;
}
.category-block ul{list-style:none;padding-left:0}
.category-block li{margin-bottom:8px}
.category-block a{text-decoration:none;color:#555;font-size:14px;transition:color 0.2s}
.category-block a:hover{color:#5C6BC0}

/* Search Form Specific Styling */
.search-form-wrap input[type="search"],
.search-form-wrap input[type="text"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 1.4rem;
}
.search-form-wrap input[type="submit"] {
    width: 100%;
    background-color: #5C6BC0;
    color: #ffffff;
    border: none;
    padding: 10px;
    margin-top: 10px;
    cursor: pointer;
    border-radius: 3px;
    font-size: 1.6rem;
    transition: background-color 0.2s;
}
.search-form-wrap input[type="submit"]:hover {
    background-color: #4b58a1;
}

/* --- 05. Archive/News Content Styles (General) --- */
.archive-layout{display:flex;flex-direction:column;gap:30px;margin-top:30px} /* Mobile Default */
.archive-content,.archive-sidebar{flex:1 1 100%;min-width:0}

/* News List Items */
.news-item{display:flex;align-items:flex-start;padding:15px 0;border-bottom:1px solid #eee}
.news-visual{flex-shrink:0;width:60px;height:60px;margin-right:15px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:4px;background-color:#f0f0f0}
.news-thumbnail{width:100%;height:100%;object-fit:cover}.default-news-icon{font-size:24px;font-weight:700;color:#4CAF50}
.news-text-area{flex-grow:1}
.news-category{margin-right: .5em;}
.news-category a{
    color: #fff;
    background: #4fbe97;
    padding: .2em .5em;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
}
.entry-title{margin:0;font-size:18px;font-weight:400}
.entry-title a{color:#333;text-decoration:none;transition:color 0.2s}
.entry-title a:hover{color:#007bff}
.entry-meta{font-size:12px;color:#777;margin-bottom:5px}

/* --- 06. Custom Section Styles (Kabepita specific) --- */
/* (中略: カスタムセクションのスタイルは以前のまま) */
.section-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:40px;position:relative;z-index:1}.section-title span{position:relative;padding:0 20px;background-color:#fff;z-index:2}.section-title::before{content:"";right:0;height:1px;background:#000;z-index:1;width:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.service-link-wrap a,.detail-link-button{display:inline-block;padding:10px 45px;font-size:1.5rem;color:#fff;background:#4fbe97;border-radius:30px;text-decoration:none;transition:background-color 0.2s,color .2s}.service-link-wrap a:hover,.detail-link-button:hover{background-color:#4fbe97;color:#fff;text-decoration:none}.service-link-wrap i,.detail-link-button i{font-size:1.6rem;margin:0 5px 0 0}.service-link-wrap:hover i,.detail-link-button:hover i{color:#fff}.all-link-wrap{margin-top:30px;text-align:center}.all-link-button{display:inline-block;padding:10px 25px;font-size:1.5rem;color:#00a5d4;border:1px solid #00a5d4;border-radius:30px;text-decoration:none;transition:background-color 0.2s,color .2s}.all-link-button:hover{background-color:#00a5d4;color:#fff;text-decoration:none}.kabepita-hero-section{padding:20px 0 0!important}.kabepita-hero-section .kabepita-hero-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;padding:0}.hero-image-content{width:100%;order:2;text-align:center;margin-bottom:40px}.hero-image-content .mockup-image{max-width:230px;height:auto;display:block;margin:0 auto}.hero-text-content{width:90%;order:1;text-align:center;margin-bottom:30px}.hero-title-image{margin-top:0}.hero-gmark img{width:250px}.hero-download-area{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;max-width:500px;margin:0 auto;padding:0 10px;align-items:center}.download-item{width:30%;text-align:center;margin:0 3%}.app-icon-area img{height:69px}.app-icon-area{width:69px}.download-item img{max-width:110px}.download-arrow,.download-qr{display:none}.download-badge img{width:auto;height:60px;object-fit:contain}.download-qr img{width:100px}.download-note{font-size:1.2rem;line-height:1.2}.hero-notes{max-width:500px;margin:30px auto 0;text-align:left;font-size:1.2rem;color:#000}.news-list{width:90%;margin:0 auto;list-style:none;padding:0}.news-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px dashed #eee}.news-date{flex-shrink:0;font-size:1.4rem;color:#000;padding-right:20px}.news-title{font-size:1.6rem;line-height:1.4;margin:0}.news-title a{color:#00a5d4;text-decoration:none;display:block;transition:color .2s}.news-title a:hover{color:#4fbe97}.introduction-title{margin-bottom:20px;font-size:2.4rem}.introduction-subtext{margin-bottom:3em}.introduction-sub-title{font-size:2.2rem;font-weight:700;color:#333;margin-bottom:40px}.kabepita-point-text{margin-top:4em;border:1px solid rgba(79,190,151,.5);padding:2em 1em;box-shadow:15px 8px 0 0 rgba(79,190,151,.5);position:relative;text-align:left;font-size:1.9rem}.kabepita-point-text:before{content:"POINT";position:absolute;display:inline-block;left:0;top:-28px;font-size:1.4rem;border-radius:10px 10px 0 0;background:#4fbe97;color:#fff;padding:.5rem 1rem 0;height:28px}.kabepita-intro-text-area i{display:inline-block;margin:1em 0}.kabepita-ai-description span{background:linear-gradient(transparent 60%,rgba(255,241,0,.7) 0)}.kabepita-usage-content{padding:40px 0}.kabepita-usage-text-area{margin-bottom:40px}.usage-title{border-top:double 3px #333;border-bottom:double 3px #333;padding:.6em 0;margin-bottom:20px;text-align:left}.usage-description{text-align:left}.usage-list{list-style:disc;padding-left:20px}.usage-list li{text-align:left}.kabepita-technology-section{background:linear-gradient(270deg,#020381 0%,#000d26 100%);color:#fff;padding:40px 0 70px!important}.kabepita-tech-title{color:#fff}.kabepita-tech-title::before{background:#fff;width:100%}.kabepita-tech-title span{font-size:3.4rem;background:linear-gradient(270deg,#020381 0%,#000d26 100%)}.kabepita-tech-grid{display:flex;flex-direction:column;align-items:center;gap:40px;margin-top:50px}.kabepita-tech-image-area{width:100%;max-width:500px}.kabepita-tech-image-area .tech-visual-img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 10px rgba(79,190,151,.5))}.kabepita-tech-text-area{width:100%;max-width:550px;text-align:left}.tech-feature-title{font-size:2.3rem;font-weight:700;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #ddd}.tech-feature-title span{color:#fcf16e}.tech-feature-title sup{font-size:.6em;vertical-align:top;margin-left:-10px;margin-right:4px}.tech-description{font-size:1.5rem;line-height:1.8;margin-bottom:10px}.tech-external-link{text-align:right;margin-bottom:10px;font-size:1.3rem}.tech-external-link a{color:#4fbe97;text-decoration:underline;margin-bottom:10px}.tech-external-link a:hover{color:#fff}.tech-footer-notes{font-size:1.2rem;margin-bottom:30px;text-align:right}.tech-detail-wrap{text-align:center}.tech-detail-button{display:inline-block;background-color:#fcf16e;color:#333;padding:10px 30px;border-radius:30px;text-decoration:none;font-weight:700;font-size:1.6rem;transition:opacity .3s;box-shadow:0 4px 6px rgba(0,0,0,.2);border:none}.tech-detail-button:hover{opacity:.9;text-decoration:none;background-color:#ffe018}.kabepita-feature-title,.kabepita-catalog-title{margin-bottom:10px}.kabepita-feature-title span,.kabepita-catalog-title span{position:relative}.kabepita-feature-title sup,.kabepita-catalog-title sup{font-size:1.2rem;position:absolute;margin-left:5px;top:0}.feature-note-text,.catalog-note-text{font-size:1.2rem;margin-bottom:40px}.kabepita-feature-grid{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:50px}.feature-item{width:calc(100% / 2 - 2%);margin:1% 1% 10%}.feature-item-header{background-color:#f5f5f5;padding:10px 15px;font-size:1.6rem;color:#333;border-radius:5px;margin-bottom:15px}.feature-item-body{padding:0 5px}.feature-mockup-img{width:100%;max-width:150px;height:auto;display:block;margin:0 auto 20px}.feature-description{font-size:1.4rem;line-height:1.5;margin:0}.feature-detail-button{background-color:#4fbe97;color:#fff;border:none;border-radius:30px;padding:15px 35px;font-size:1.7rem;transition:background-color .3s}.feature-detail-button:hover{background-color:#3aa87f;text-decoration:none}.catalog-manufacturer-column{width:100%;text-align:center;margin-bottom:40px}.manufacturer-title{font-size:2.2rem;font-weight:700;margin-top:0;padding:.6em 0 .5em;margin-bottom:1.2em;border-top:double 3px #333;border-bottom:double 3px #333}.manufacturer-series-name{font-size:2rem;color:#555;margin-top:5px;margin-bottom:20px}.catalog-item-wrap{width:100%;margin:10px 0;padding:0 10px}.catalog-item-content{display:flex;align-items:start;overflow:hidden;padding:10px}.catalog-image-area{width:50%;display:flex;align-items:center;justify-content:center;margin-right:15px}.catalog-box-img{height:100%;width:auto;object-fit:contain;display:block}.catalog-info-area{flex-grow:1;text-align:left}.catalog-period,.catalog-range{font-size:1.8rem;line-height:1.3;margin:0;font-weight:700}.catalog-range{font-size:1.4rem;font-weight:400;margin-top:5px}.catalog-range span{background:linear-gradient(transparent 60%,rgba(246,173,198,.7) 0)}.catalog-item-divider{border:0;border-top:1px dashed #ddd;width:80%;margin:20px auto}.catalog-footer-notes{font-size:1.4rem;color:#555;margin-top:20px;padding:0 20px}.awards-grid{display:flex;flex-wrap:wrap;justify-content:center;max-width:1200px;margin:0 auto}.award-item{width:calc(100% / 2 - 2%);margin:1% 1% 10%;text-align:center;padding:10px}.award-logo{width:100%;height:auto;max-height:158px;object-fit:contain;margin-bottom:15px}.award-name{font-size:1.6rem;font-weight:700;margin-bottom:5px;line-height:1.2}.award-prize{font-size:1.4rem;margin-bottom:0}.media-logos-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:1000px;margin:40px auto}.media-logo-item{width:calc(100% / 3 - 2%);margin:1%;height:60px;display:flex;justify-content:center;align-items:center;overflow:hidden}.media-logo-item img{max-width:80%;width:auto;height:auto;object-fit:contain}.media-logo-item:hover img{filter:none;opacity:1}.media-small-note{font-size:1.2rem;color:#888;margin-top:20px;margin-bottom:50px}.liaison-newsletter-block{max-width:400px;margin:0 auto;text-align:center;padding-top:40px;border-top:1px solid #ddd}.liaison-text{font-size:1.8rem;margin-bottom:5px}.liaison-issue{font-size:1.6rem;margin-bottom:20px}.liaison-content-wrap{display:flex;flex-direction:column;align-items:center}.liaison-image{width:auto;margin-bottom:30px;box-shadow:1px 1px 4px rgba(0,0,0,.2);padding:10px}.liaison-link-button{display:inline-block;padding:8px 20px;font-size:1.5rem;color:#fff;background-color:#4fbe97;border-radius:60px;text-decoration:none;transition:background-color 0.2s,color .2s}.liaison-link-button:hover{background-color:#4fbe97;color:#fff;text-decoration:none}.download-title{margin-bottom:50px}.download-link-wrap a{font-size:1.8rem;padding:7px 35px}

/* --- 07. Footer --- */
#site-footer{background-color:#f5f5f5;padding-top:40px;text-align:center;font-size:1.4rem;margin-top:40px;padding-bottom:20px;width:100%}
.footer__container{max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;padding-bottom:20px}
/* (中略: フッターのスタイルは以前のまま) */
.footer__app-links{padding-bottom:40px;border-bottom:1px solid #ddd;margin-bottom:40px;text-align:center;display:none}.footer__app-links-inner{display:inline-block;width:100%;text-align:left}.app-links__outer-row{display:flex}.app-links__large-logo-wrap{flex-shrink:0;width:190px;padding-top:5px;margin-left:20px;margin-right:20px}.app-logo-image{width:100%;height:auto;display:block}.app-links__download-block{flex-grow:1}.app-links__heading{font-weight:700;font-size:1.6rem;margin-top:0;margin-bottom:10px;white-space:nowrap;background:#fff;padding:2rem}.app-links__row{display:flex;margin-left:-15px;margin-right:-15px;justify-content:flex-start}.app-links__item{text-align:center;display:flex;flex-wrap:wrap;align-items:center;position:relative;margin-left:15px;margin-right:15px}.app-links__item-top{display:flex;align-items:center;margin-right:10px}.app-links__link{display:block;margin-bottom:0}.app-links__badge{height:80px;width:auto;max-width:none}.app-links__arrow{font-size:2rem;color:#666;font-weight:700;display:inline-block;margin:0 20px}.app-links__qr-group{display:flex;flex-wrap:wrap;align-items:center;width:120px;margin-top:10px;justify-content:center}.app-links__qr{display:block;margin:0}.app-links__text{font-size:1.2rem;color:#000;margin-top:-5px;margin-bottom:0;white-space:nowrap;width:100%}.footer__info{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:40px}.footer__info-left{width:100%;margin-bottom:20px;text-align:left}.footer__logo-wrap{margin-bottom:20px}.footer__logo-subtext{font-size:1.4rem;font-weight:700;color:#555;text-align:left;margin-bottom:5px}.footer__logo{width:200px;height:auto;display:block;margin-bottom:5px;margin-left:0;margin-right:auto}.footer__project-name{font-size:1.4rem;color:#555;text-align:left}.footer__contact p{font-size:1.4rem;line-height:1.5;margin:0}.footer__nav{display:flex;flex-wrap:wrap;margin-left:0;margin-right:0;width:100%;text-align:left}.footer__nav-column{list-style:none;padding:0;margin:0;width:100%;margin-left:15px;margin-right:15px}.footer__nav-column li{margin-bottom:5px}.footer__nav-column a{color:#000;font-size:1.4rem;text-decoration:none}.footer__nav-column a:hover{color:#0070c0;text-decoration:underline}.footer__disclaimer{border-top:1px solid #ddd;padding-top:20px;padding-bottom:20px;text-align:left}.copyright{font-size:1.2rem;color:#fff;margin-top:0;margin-bottom:0;padding-top:10px;padding-bottom:10px;width:100%;text-align:center;border-top:1px solid #ddd;background:#000}.disclaimer__text{text-align:left;color:#666}.disclaimer__text p{font-size:1.2rem;color:#666;line-height:1.8;margin-bottom:5px}.mobile-app-banner{display:none}

/* --- 08. H1 タイトルエリアのカスタムスタイル (お知らせ一覧) ⭐⭐ 追加箇所 ⭐⭐ */
.page-header {
    width: 100vw; 
    margin-left: calc(50% - 50vw); 
    height: 250px; 
    /* ⭐⭐⭐ 注意: 以下の URL をあなたの画像パスに必ず置き換えてください ⭐⭐⭐ */
    background-image: url('URL_TO_YOUR_BACKGROUND_IMAGE.jpg'); 
    background-size: cover;
    background-position: center;
    background-color: #333; 
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    margin-bottom: 40px; /* H1エリアの下に少し余白を追加 */
}

.page-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); 
    z-index: 1; 
}

.page-title-wrap {
    text-align: center;
    color: #fff;
    z-index: 10; 
    padding: 20px 40px;
    position: relative;
}

.page-title {
    font-size: 4rem; 
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1;
    position: relative;
    padding-bottom: 25px;
}

.page-title::after {
    content: "";
    display: block;
    width: 100px; 
    height: 3px;
    background-color: #4fbe97; 
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); 
}

.page-sub-title {
    font-size: 1.4rem;
    color: #ccc;
    margin: 10px 0 0;
    font-weight: 300;
}
/* --- 08. End of H1 Title Styles --- */

/* --- 09. Media Queries (Mobile & Tablet) --- */
@media (max-width:1023px){
    body{padding-bottom:70px}
    /* Mobile Navigation */
    .site-nav{display:none;position:fixed;top:80px;left:0;width:100%;height:100vh;background-color:#ffffff8a;z-index:95;overflow-y:auto}
    .menu-toggle{display:block}
    .site-nav.active{display:block}
    .menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
    .menu-toggle.active span:nth-child(2){opacity:0}
    .menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
    .site-nav .nav-menu{flex-wrap:wrap;width:100%;align-items:center;background:#4fbe97}
    .site-nav .nav-menu .menu-item{margin:0;width:100%;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}
    .site-nav a{color:#fff;padding:15px 20px;font-size:1.8rem;background:none;border-radius:0;display:block}
    /* Mobile App Banner */
    .footer__app-links{display:none}
    .mobile-app-banner{display:block;position:fixed;bottom:0;left:0;width:100%;background-color:#4fbe97;box-shadow:0 -2px 10px rgba(0,0,0,.2);z-index:900;padding:10px 0}
    .mobile-app-banner-inner{display:flex;justify-content:center;align-items:center;max-width:600px;margin:0 auto;padding:0 10px}
    .mobile-app-banner__info{display:flex;align-items:center;color:#fff;margin-right:1em}
    .mobile-app-banner__heading{font-size:1.4rem;font-weight:700;margin:0}
    .links-wrapper{display:flex;margin-left:-2.5px;margin-right:-2.5px}
    .mobile-app-link{margin-left:2.5px;margin-right:2.5px}
    .mobile-app-banner__links p{margin-top: 0;margin-bottom:.5em;text-align:center;font-size:1.4rem;color:#fff}
    .mobile-app-link img{height:40px;width:auto}
}

/* --- 10. Media Queries (Tablet & PC: min-width: 768px) --- */
@media (min-width:768px){
    /* ⭐⭐ Archive Layout FIX: サイドバーを下部に横並びで表示 ⭐⭐ */
    .archive-layout{flex-direction: column;gap: 0;margin-top: 30px}
    .archive-content{flex: 1 1 100%;width: 100%}
    .archive-sidebar{display: none;}
    .archive-layout-top {margin-top: 40px;margin-bottom: 30px}
    .sidebar-area {display: flex;gap: 30px;margin-bottom: 60px}
    .sidebar-bottom-wrap .sidebar-block {flex: 1 1 0%;min-width: 0}
    /* ⭐⭐ /Archive Layout FIX ⭐⭐ */

    /* Hero Section */
    .kabepita-hero-section .kabepita-hero-grid{flex-wrap:nowrap;justify-content:center;align-items:start}
    .hero-title-image{margin-top:40px}
    .hero-text-content{width:800px;text-align:left;order:1;margin-bottom:0}
    .hero-image-content{margin-top:50px;margin-bottom:0;margin-left:0;width:500px;order:2}
    /* Download Area */
    .hero-download-area{justify-content:flex-start;margin:0;max-width:none;padding:0;align-items:flex-start;flex-wrap:nowrap;width:500px;margin:0 auto}
    .download-item{width:calc((100% - 150px) / 2);margin:0 10px 0 0;text-align:left}
    .app-icon-area{width:120px;flex-shrink:0;margin-right:10px}
    .app-icon-area img{height:auto}.ios-download-wrap,.android-download-wrap{width:calc((100% - 180px) / 2);margin:0}
    .download-arrow,.download-qr{display:block;text-align:center}
    .download-arrow{margin:.5em 0 -.25em;text-align:center}
    .download-badge img{height:54px;max-width:-webkit-fill-available}
    .download-qr img{width:auto}
    .android-download-wrap{margin-left:10px}
    .hero-gmark{text-align:center;margin:2em 0}.hero-notes{max-width:500px;margin:0 auto}

    /* Technology Section */
    .kabepita-tech-grid{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}
    .kabepita-tech-image-area{width:45%;order:1}
    .kabepita-tech-text-area{width:50%;order:2}
    .tech-detail-wrap{text-align:left}

    /* Feature & Catalog */
    .feature-item{width:calc(100% / 4 - 2%);margin:0 1%}.kabepita-intro-grid{display:flex;flex-wrap:wrap}
    .kabepita-intro-image-area,.kabepita-intro-text-area,.kabepita-usage-text-area,.kabepita-usage-image-area{width:calc(100% / 2 - 4%);margin:0 2%}
    .kabepita-point-text{margin-top:1.5em}
    .kabepita-intro-text-area i{margin:.5em 0}.kabepita-ai-description{text-align:left}
    .kabepita-ai-description span{background:linear-gradient(transparent 60%,rgba(255,241,0,.7) 0)}
    .kabepita-usage-content{padding:80px 0;display:flex;flex-wrap:wrap}
    .kabepita-catalog-grid{display:flex;flex-wrap:wrap}
    .catalog-manufacturer-column{width:calc(100% / 3 - 20px);margin:0 10px 40px}
    .media-logo-item{width:calc(100% / 5 - 2%)}
    .award-item{width:calc(100% / 3 - 2%);margin:1% 1% 5%}
    
    /* Footer */
    .footer__nav{width:60%}.footer__info-left{width:40%}.app-links__download-block{text-align:left}.app-links__row{justify-content:flex-start}
}

/* --- 11. Media Queries (Large PC: min-width: 1024px) --- */
@media (min-width:1024px){
    .header__container,.footer__container,.kabepita-inner{padding-left:20px;padding-right:20px}
    h1{font-size:3.2rem}h2{font-size:2.8rem}h3{font-size:2.2rem}
    
    /* Content Layout Overrides */
    .content-wrap{max-width:1200px;margin:0 auto;padding-right:40px;box-sizing:border-box}
    .kabepita-cover-background{display:block}
    
    /* ⭐⭐ Archive Layout FIX: PCでサイドバーを非表示にし、コンテンツを中央に ⭐⭐ */
    #primary{width:100%;margin-bottom:0;margin:0 auto} 
    #secondary{display:none;}
    /* ⭐⭐ /Archive Layout FIX ⭐⭐ */
    
    /* Footer */
    .footer__info-left{width:auto;margin-bottom:0}
    .footer__info{flex-wrap:nowrap}
    .footer__nav{flex-wrap:nowrap;width:auto;margin-left:-30px;margin-right:-30px}
    .footer__nav-column{width:auto;margin-left:30px;margin-right:30px}
    .footer__app-links{display:block}
    .mobile-app-banner{display:none}
}