@charset "UTF-8";:root{--main-color:#3B49AF;--light-blue:#EFF1FA;--action-color:#FFA726;--light-gray:#f4f4f4;--font-color:#333333;--black:#3E3A39;--gray:#A29B99;--font-stack:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans", Meiryo,sans-serif;--en-font:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans", Meiryo,sans-serif;--mincho:"Shippori Mincho", serif}.grecaptcha-badge{visibility:hidden}html{font-size:62.5%}body{font-family:var(--font-stack);color:var(--font-color)}h1{font-weight:500;font-size:2.4rem;margin-bottom:56px}h1, h2, h3{text-wrap:balance}p, dt, dd, li, th, td, a{font-size:1.5rem;line-height:1.8}@media screen and (max-width:767.98px){p, dt, dd, li, th, td, a{font-size:1.4rem}}a{color:var(--black);transition:0.3s all}.site-header-logo a{white-space:nowrap;text-wrap:nowrap;font-size:2.8rem;color:var(--main-color)}@media screen and (max-width:767.98px){.site-header-logo a{font-size:2rem}}@media screen and (max-width:991.98px){.site-header-logo img{max-height:28px}}.site-footer{border:none;background-color:var(--light-blue);margin-top:72px}.site-footer-copyright{background:var(--main-color);text-align:center;padding:16px 0}.site-footer-copyright p{font-size:1.3rem;margin:0;color:#fff}.global-nav-list li.global-nav-list{font-size:1.3rem}@media screen and (min-width:992px){.device-pc .global-nav-list >li >a{padding:10px 1rem}}.footer_about h2{color:var(--main-color);border:none;font-size:2.4rem;margin-bottom:0}.sec{padding:96px 0 0}@media screen and (max-width:767.98px){.sec{padding:80px 0 0}}.subSection{margin-top:96px}@media screen and (max-width:767.98px){.subSection{margin-top:56px}}.halfFlex{display:flex;gap:48px;margin-bottom:56px}@media screen and (max-width:767.98px){.halfFlex{flex-direction:column;gap:24px}}.halfFlex .flex_item{flex:1 1 calc((100% - (48px * (4 - 1))) / 4)}@media screen and (max-width:767.98px){.halfFlex .flex_item{flex:none;width:auto}}.reverse{flex-direction:row-reverse}@media screen and (max-width:767.98px){.reverse{flex-direction:column}}.alignCenter{align-items:center}/* ============================================== 汎用レイアウトコンポーネント ============================================== */ @media screen and (max-width:767.98px){.l-page-body{padding:0 16px}}.sec-content{margin-bottom:80px}@media screen and (max-width:767.98px){.sec-content{margin-bottom:56px}}/* 2. メディア・テキスト分割レイアウト (.media-text-split) 用途:代表挨拶、製品紹介など（左：文 / 右：画像）
-------------------------------------------------- */
.media-text-split{display:flex;justify-content:space-between;gap:40px}@media screen and (max-width:767.98px){.media-text-split{flex-direction:column;gap:24px}}.media-text-split__body{flex:1}.media-text-split__body p{margin-bottom:24px;text-align:justify}.media-text-split__sign{margin-top:32px;margin-bottom:0}.media-text-split__media{width:350px;flex-shrink:0}@media screen and (max-width:767.98px){.media-text-split__media{width:100%;order:-1}}.media-text-split__media .img-placeholder{width:100%;height:300px;background-color:#999}.media-text-split__media img{width:100%;height:auto;vertical-align:bottom;object-fit:cover}/* 3. データリスト表組み (.data-table-list) 用途:会社概要、スペック表など
-------------------------------------------------- */
.data-table-list{border:none}.data-table-list__row{display:flex;margin:0;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}.data-table-list__row:first-child{border-top:1px solid #ccc}@media screen and (max-width:767.98px){.data-table-list__row{flex-direction:column}}.data-table-list__head{width:30%;min-width:200px;background-color:var(--main-color);color:#fff;display:flex;align-items:center;justify-content:center;padding:24px;font-weight:bold;font-size:1.5rem;border-right:1px solid #ccc;margin:0}@media screen and (max-width:767.98px){.data-table-list__head{width:100%;min-width:auto;padding:12px;border-right:none;border-bottom:1px solid #eee}}.data-table-list__body{width:70%;padding:24px 32px;background-color:#fff;flex:1;margin:0;display:flex;align-items:center}@media screen and (max-width:767.98px){.data-table-list__body{width:100%;padding:16px}}/* 4. カードグリッドレイアウト (.card-grid) 用途:事業一覧、商品一覧、バナーリンクなど
-------------------------------------------------- */
.card-grid{display:flex;gap:24px}@media screen and (max-width:767.98px){.card-grid{flex-direction:column;gap:32px}}.card-grid__item{flex:1}.card-grid__figure{margin:0;position:relative;overflow:hidden}.card-grid__figure img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;display:block}.card-grid__caption{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(239, 241, 250, 0.9);color:var(--main-color);font-weight:bold;text-align:center;padding:12px 0;font-size:1.5rem}h1.secHead{font-size:2.4rem;margin-bottom:56px;letter-spacing:1px;padding-left:3.2rem;color:var(--font-color);position:relative}h1.secHead:before{content:"";width:24px;height:24px;border:4px solid var(--main-color);border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%)}@media screen and (max-width:767.98px){h1.secHead{margin-bottom:32px}}.page-header{background:var(--light-blue)}.page-header h1.page-header-title, .page-header .page-header-title{text-align:center;color:var(--main-color);margin:0;padding:56px 0}@media screen and (max-width:767.98px){.page-header h1.page-header-title, .page-header .page-header-title{padding:40px 0;font-size:2rem}}.band-header{width:100%;background-color:var(--main-color);color:#fff;font-size:1.8rem;font-weight:500;text-align:center;padding:16px;margin-bottom:32px;border:none;line-height:1.4}@media screen and (max-width:767.98px){.band-header{font-size:1.6rem;padding:12px;margin-bottom:24px}}/* ============================================== 追加スタイル：お問い合わせページ ============================================== */
.contact-page-wrapper{max-width:1000px;margin:0 auto;padding:0 20px}@media screen and (max-width:767.98px){.contact-page-wrapper{padding:0 16px}}.contact-info-section{margin-bottom:80px}@media screen and (max-width:767.98px){.contact-info-section{margin-bottom:56px}}.contact-info-body p{margin-bottom:24px;font-size:1.4rem}.contact-tel-block{margin-top:32px}.contact-tel-block .tel-link{display:inline-flex;align-items:center;color:var(--main-color);font-size:3.6rem;font-weight:700;text-decoration:none;line-height:1;margin-bottom:8px}@media screen and (max-width:767.98px){.contact-tel-block .tel-link{font-size:2.8rem}}.contact-tel-block .tel-link:hover{opacity:0.8}.contact-tel-block .tel-link .tel-icon{margin-right:12px;font-size:0.8em;display:flex;align-items:center;border:2px solid var(--main-color);border-radius:50%;padding:8px;width:48px;height:48px;justify-content:center}@media screen and (max-width:767.98px){.contact-tel-block .tel-link .tel-icon{width:36px;height:36px;padding:6px}}.contact-tel-block .business-hours{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.contact-tel-block .business-hours .badge{background-color:#eee;color:var(--black);font-size:1.4rem;font-weight:bold;padding:4px 12px;border-radius:4px}.contact-tel-block .business-hours .text{font-size:1.6rem;font-weight:500;letter-spacing:0.05em}.contact-form-section{margin-bottom:80px}.wpcf7 form .wpcf7-response-output{margin:2em 0.5em 1em;padding:0.2em 1em;border:2px solid var(--main-color)}.wpcf7-not-valid-tip{font-size:1.2rem;color:#dc3232;display:block;margin-top:4px}.form-row{display:flex;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}.form-row:first-child{border-top:1px solid #ccc}@media screen and (max-width:767.98px){.form-row{flex-direction:column}}.form-row .form-label{width:30%;min-width:200px;background-color:var(--light-blue);display:flex;align-items:center;padding:24px;border-right:1px solid #ccc}.form-row .form-label label{font-weight:bold;font-size:1.5rem;margin:0;width:100%}@media screen and (max-width:767.98px){.form-row .form-label{width:100%;min-width:auto;padding:16px;border-right:none;border-bottom:1px solid #eee}}.form-row .form-input{width:70%;padding:24px 32px;background-color:#fff;flex:1}@media screen and (max-width:767.98px){.form-row .form-input{width:100%;padding:16px}}.form-row .form-input input[type="text"], .form-row .form-input input[type="email"], .form-row .form-input input[type="tel"], .form-row .form-input select, .form-row .form-input textarea{width:100%;padding:12px 16px;font-size:1.6rem;border:1px solid #aaa;border-radius:6px;background-color:#fff;appearance:none;outline:none;transition:border-color 0.3s;box-sizing:border-box}.form-row .form-input input[type="text"]:focus, .form-row .form-input input[type="email"]:focus, .form-row .form-input input[type="tel"]:focus, .form-row .form-input select:focus, .form-row .form-input textarea:focus{border-color:var(--main-color)}.form-row .form-input input[type="text"]::placeholder, .form-row .form-input input[type="email"]::placeholder, .form-row .form-input input[type="tel"]::placeholder, .form-row .form-input select::placeholder, .form-row .form-input textarea::placeholder{color:#ccc}.form-row .form-input textarea{resize:vertical;min-height:120px}.form-row .form-input .wpcf7-form-control-wrap{display:block;width:100%}.form-row .form-input .select-wrapper{position:relative}.form-row .form-input .select-wrapper::after{content:'';position:absolute;top:50%;right:16px;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--black);pointer-events:none;z-index:1}.form-row .form-input .select-wrapper select{cursor:pointer;padding-right:32px}.form-submit-area{margin-top:48px;text-align:center;border:none}.form-submit-area .ajax-loader{position:absolute;margin-left:10px}.submit-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:var(--main-color);border:1px solid var(--main-color);padding:12px 64px;font-size:1.6rem;font-weight:bold;border-radius:50px;cursor:pointer;transition:all 0.3s ease;position:relative;min-width:240px;text-decoration:none}@media screen and (max-width:767.98px){.submit-btn{padding:12px 32px;width:100%;box-sizing:border-box}}.submit-btn .btn-icon{display:inline-flex;align-items:center;margin-left:12px;border:1px solid var(--main-color);border-radius:50%;width:24px;height:24px;justify-content:center;transition:all 0.3s ease;flex-shrink:0}.submit-btn .btn-icon svg{width:12px;height:12px}.submit-btn:hover{background-color:var(--main-color);color:#fff}.submit-btn:hover .btn-icon{border-color:#fff}.submit-btn:disabled{opacity:0.7;cursor:not-allowed}/* ============================================== 追加スタイル：トップページ ============================================== */ .sec-home-content{margin-top:80px;margin-bottom:80px}@media screen and (max-width:767.98px){.sec-home-content{margin-top:56px;margin-bottom:56px}}/* 1. ヒーローエリア (.top-hero) 背景に工場などの画像、右に製品画像、左にテキスト
-------------------------------------------------- */
.top-hero{width:100%;background:url(https://restyle1.com/mss/images/top/bg_mainv.jpg) center/cover no-repeat;position:relative;color:#fff;overflow:hidden}@media screen and (max-width:767.98px){.top-hero{padding:56px 0}}.top-hero::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(59, 73, 175, 0.8);z-index:0}@media screen and (max-width:767.98px){.top-hero::before{background:rgba(59, 73, 175, 0.9)}}.top-hero::after{content:"";display:none}@media screen and (max-width:767.98px){.top-hero::after{display:block;position:absolute;top:0;right:40px;width:72%;height:100%;background:var(--light-blue);transform:skewX(-43deg);transform-origin:bottom right;z-index:1}}.top-hero__inner{max-width:1140px;margin:0 auto;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:40px}@media screen and (max-width:767.98px){.top-hero__inner{flex-direction:column;gap:30px;padding:0 16px}}.top-hero__content{flex:1;padding-left:16px}@media screen and (max-width:767.98px){.top-hero__content{padding-left:0;width:100%}}.top-hero__title{font-size:2.8rem;border:none;font-weight:500;line-height:1.4;margin-bottom:24px;text-shadow:0 2px 4px rgba(0, 0, 0, 0.3)}.top-hero__title .pickup{font-size:3.2rem;font-weight:bold}@media screen and (max-width:767.98px){.top-hero__title .pickup{font-size:2.2rem}}@media screen and (max-width:767.98px){.top-hero__title{font-size:2.2rem;line-height:1.6}}.top-hero__sub{font-size:2.4rem;line-height:1.8}@media screen and (max-width:767.98px){.top-hero__sub{font-size:1.8rem}}.top-hero__img{width:45%}@media screen and (max-width:767.98px){.top-hero__img{width:100%;display:flex;justify-content:center}}.top-hero__img img{position:relative;width:100%;height:auto;filter:drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2))}@media screen and (max-width:767.98px){.top-hero__img img{width:80%}}.top-hero__rect{width:500px;height:100%;position:relative;z-index:0}.top-hero__rect::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--light-blue);transform:skewX(-20deg);transform-origin:bottom left;z-index:-1}@media screen and (max-width:767.98px){.top-hero__rect::before{display:none}}@media screen and (max-width:767.98px){.top-hero__rect{width:100%;height:auto;display:block;text-align:center}}/* トップページ用見出し (.home-heading) 青い円アイコン付きの見出し
-------------------------------------------------- */
.home-heading{font-size:2.4rem;line-height:1.4;font-weight:bold;text-wrap:wrap;margin-bottom:24px;display:flex;align-items:center;border:none;gap:12px}.home-heading::after{display:none}.home-heading .circle-icon{display:inline-block;width:16px;height:16px;border:3px solid var(--main-color);border-radius:50%;flex-shrink:0}@media screen and (max-width:767.98px){.home-heading{font-size:2.4rem}}/* ボタンのサイズ調整 (.submit-btn--sm) トップページ内の少し小さめのボタン
-------------------------------------------------- */
.submit-btn--sm{padding:10px 32px;min-width:180px;font-size:1.4rem}.submit-btn--sm .btn-icon{width:20px;height:20px;margin-left:8px}.submit-btn--sm .btn-icon svg{width:10px;height:10px}/* 3. MSSの特徴ボックス (.features-box) 左側に青帯見出し+リスト、右側に画像
-------------------------------------------------- */
.sec-home-features{background-color:var(--light-blue);padding:60px 0}@media screen and (max-width:767.98px){.sec-home-features{padding:40px 0}}.features-box{display:flex;background-color:#fff;box-shadow:0 4px 12px rgba(0, 0, 0, 0.05)}@media screen and (max-width:767.98px){.features-box{flex-direction:column}}.features-box__content{flex:1;padding:0}.features-box__title{background-color:var(--main-color);color:#fff;padding:16px 24px;font-size:1.8rem;font-weight:bold;margin:0}.features-box .check-list-blue{list-style:none;padding:32px;margin:0}.features-box .check-list-blue li{position:relative;padding-left:1.5em;margin-bottom:16px;line-height:1.5;font-size:1.5rem;font-weight:bold;color:var(--black)}.features-box .check-list-blue li::before{content:'';position:absolute;left:0;top:3px;width:1.4rem;height:1.4rem;border:2px solid var(--main-color);border-radius:50%}.features-box__img{width:40%}@media screen and (max-width:767.98px){.features-box__img{width:100%;height:200px}}.features-box__img img{width:100%;height:100%;object-fit:cover;display:block}/* 4. 事業紹介カードグリッド (.business-card-grid) 2カラムのカードレイアウト
-------------------------------------------------- */
.business-card-grid{display:flex;gap:32px}@media screen and (max-width:767.98px){.business-card-grid{flex-direction:column}}.business-card{flex:1;background-color:#fff;border:3px solid var(--main-color);display:flex;align-items:stretch;box-shadow:0 2px 8px rgba(0, 0, 0, 0.05)}@media screen and (max-width:767.98px){.business-card{flex-direction:column-reverse}}.business-card__body{flex:1;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.business-card__img{width:160px;flex-shrink:0}@media screen and (max-width:767.98px){.business-card__img{width:100%;height:180px}}.business-card__img img{width:100%;height:100%;object-fit:cover;display:block}/* 6. 会社概要バナー (.sec-home-company-banner) 背景画像の上に白ボックス
-------------------------------------------------- */
.sec-home-company-banner{position:relative;width:100%;height:300px;background:url(https://restyle1.com/mss/images/bg_company.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;margin-top:80px;margin-bottom:80px;background-attachment:fixed}.sec-home-company-banner::before{content:"";width:100%;height:100%;background:rgba(0, 0, 0, 0.4);position:absolute;left:0;top:0}@media screen and (max-width:767.98px){.sec-home-company-banner{background-attachment:scroll}}.sec-home-company-banner .company-banner-content{position:relative;padding:40px 60px;text-align:center;border-radius:4px}@media screen and (max-width:767.98px){.sec-home-company-banner .company-banner-content{padding:24px;width:90%}}.sec-home-company-banner .company-banner-title{font-size:2.4rem;margin-bottom:8px;color:#fff;border:none}.sec-home-company-banner .company-banner-title::after{display:none}.sec-home-company-banner .company-banner-text{margin-bottom:24px;font-size:1.4rem;color:#fff}.sec-home-company-banner .submit-btn--white{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:var(--main-color);border:1px solid var(--main-color);padding:12px 64px;font-size:1.6rem;font-weight:bold;border-radius:50px;cursor:pointer;transition:all 0.3s ease;position:relative;min-width:240px;text-decoration:none}@media screen and (max-width:767.98px){.sec-home-company-banner .submit-btn--white{padding:12px 32px;width:100%;box-sizing:border-box}}.sec-home-company-banner .submit-btn--white .btn-icon{display:inline-flex;align-items:center;margin-left:12px;border:1px solid var(--main-color);border-radius:50%;width:24px;height:24px;justify-content:center;transition:all 0.3s ease;flex-shrink:0}.sec-home-company-banner .submit-btn--white .btn-icon svg{width:12px;height:12px}.sec-home-company-banner .submit-btn--white:hover{background-color:var(--main-color);color:#fff}.sec-home-company-banner .submit-btn--white:hover .btn-icon{border-color:#fff}.sec-home-company-banner .submit-btn--white:disabled{opacity:0.7;cursor:not-allowed}/* ============================================== 追加スタイル：トラブル・サポート事業ページ ============================================== */
/* 1. チェックマークリスト (.check-mark-list) 用途:「お困りごと」リストなど
-------------------------------------------------- */
.check-mark-list{list-style:none;padding:0;margin:0;border:1px solid #ccc;padding:32px;background-color:#fff}@media screen and (max-width:767.98px){.check-mark-list{padding:24px 16px}}.check-mark-list li{position:relative;padding-left:2em;margin-bottom:16px;font-weight:bold;line-height:1.6;font-size:1.5rem}.check-mark-list li:last-child{margin-bottom:0}.check-mark-list li::before{content:'';position:absolute;left:0;top:0.2em;width:1.2em;height:1.2em;border:2px solid var(--main-color);border-radius:50%;background-color:#fff}.check-mark-list li::after{content:'';position:absolute;left:0.35em;top:0.45em;width:0.5em;height:0.3em;border-left:2px solid var(--main-color);border-bottom:2px solid var(--main-color);transform:rotate(-45deg)}/* 2. プロセス/ステップリスト (.process-step-list) 用途:「サポート内容」など、手順や特徴を列挙
-------------------------------------------------- */
.process-step-list{display:flex;flex-direction:column;gap:48px}@media screen and (max-width:767.98px){.process-step-list{gap:40px}}.process-step-list__item{display:flex;justify-content:space-between;gap:40px}@media screen and (max-width:767.98px){.process-step-list__item{flex-direction:column;gap:24px}}.process-step-list__content{flex:1}.process-step-list__head{font-size:1.8rem;font-weight:bold;color:var(--main-color);margin-bottom:16px;display:flex;align-items:center;gap:12px;line-height:1.4;border:none;background-color:var(--light-blue);padding:12px;border-radius:24px}.process-step-list__head::after{display:none;height:0}@media screen and (max-width:767.98px){.process-step-list__head{font-size:1.6rem}}.process-step-list__head .step-num{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#fff;border:2px solid var(--main-color);color:var(--main-color);border-radius:50%;font-weight:bold;font-size:1.6rem;line-height:1;padding-top:2px}.process-step-list__media{width:350px;flex-shrink:0;margin:0}@media screen and (max-width:767.98px){.process-step-list__media{width:100%;order:-1}}.process-step-list__media img{width:100%;height:auto;border-radius:4px;object-fit:cover;aspect-ratio:1.3333333333}.info-box-blue{background-color:var(--light-blue);padding:24px;margin-top:24px;border-radius:4px}@media screen and (max-width:767.98px){.info-box-blue{padding:16px}}.info-box-blue .info-box-title{font-size:1.5rem;color:var(--main-color);margin-bottom:12px;font-weight:bold;border-left:4px solid var(--main-color);padding-left:10px}.info-box-blue .simple-disc-list{margin:0;padding-left:20px}.info-box-blue .simple-disc-list li{font-size:1.4rem;margin-bottom:8px}.supportProduct{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}@media screen and (max-width:767.98px){.supportProduct{flex-direction:column}}.product_desc{flex:1}.product_img{width:350px;flex-shrink:0}.product_img img{width:100%;height:auto;display:block}/* 3. 事例リスト (.case-study-list) 用途:「解決実績・導入事例」など
-------------------------------------------------- */
.case-study-list{display:flex;flex-direction:column;gap:32px}.case-study-list__item{padding-bottom:24px;border-bottom:1px solid #eee}.case-study-list__item:last-child{border-bottom:none}.case-study-list__item .case-title{font-size:1.6rem;font-weight:bold;padding-left:24px;color:var(--black);margin-bottom:8px;border:none;display:flex;align-items:center}.case-study-list__item .case-title::before{content:'';position:absolute;left:0;top:12%;width:1.4rem;height:1.4rem;border:2px solid var(--main-color);border-radius:50%}.case-study-list__item .case-title::after{display:none}.case-study-list__item p{margin:0;padding-left:1.5em;font-size:1.4rem}.simple-box h3.simple-title{background-color:var(--light-blue);color:var(--main-color);font-size:1.6rem;font-weight:bold;padding:12px 16px;margin-bottom:16px;border:none;border-left:4px solid var(--main-color)}.simple-box h3.simple-title::after{border:none;display:none}/* 4. FAQリスト (.qa-list) 用途:「よくある質問」
-------------------------------------------------- */
.qa-list{border-top:1px solid #ccc}.qa-list__row{border-bottom:1px solid #ccc;padding:24px 0}@media screen and (max-width:767.98px){.qa-list__row{padding:20px 0}}.qa-list__q{font-weight:bold;color:var(--main-color);margin-bottom:12px;font-size:1.6rem;display:flex;gap:8px}.qa-list__q::before{content:'Q.';color:var(--main-color);font-weight:900}.qa-list__a{margin:0;font-size:1.5rem;display:flex;gap:8px;line-height:1.6}.qa-list__a::before{content:'A.';font-weight:900}/* ============================================== 追加スタイル：シール製品事業ページ ============================================== */ h3.u-text-highlight{font-size:2.2rem;font-weight:bold;color:var(--black);margin-bottom:24px;line-height:1.6;border:none;position:relative;padding-left:2.4rem}h3.u-text-highlight::before{content:'';position:absolute;left:0;top:10%;width:1.6rem;height:1.6rem;border:3px solid var(--main-color);border-radius:50%}h3.u-text-highlight::after{display:none}@media screen and (max-width:767.98px){h3.u-text-highlight{font-size:1.6rem}}.u-mb-sm{margin-bottom:16px !important}.u-mt-md{margin-top:32px !important}.u-text-center{text-align:center}/* 1. 特徴ボックス (.feature-box) 用途:Quality / Delivery / Cost などの3点訴求
-------------------------------------------------- */
.feature-box-list{display:flex;flex-direction:column;gap:24px}.feature-box{background-color:var(--light-blue);padding:32px;border-radius:4px}@media screen and (max-width:767.98px){.feature-box{padding:24px 16px}}.feature-box__en{display:block;font-family:var(--en-font);color:var(--gray);font-size:2.4rem;margin-bottom:8px;letter-spacing:1rem}.feature-box__en::first-letter{color:var(--main-color)}.feature-box__title{font-size:1.8rem;color:var(--main-color);font-weight:bold;margin-bottom:16px;border:none}.feature-box .feature-box__title::after{display:none}@media screen and (max-width:767.98px){.feature-box__title{font-size:1.6rem}}.feature-box p{margin:0;background-color:#fff;padding:20px;border-radius:4px;font-size:1.5rem;line-height:1.8}/* 2. グループ化リスト (.grouped-list) 用途:商品カテゴリー、メーカー一覧など
-------------------------------------------------- */
.grouped-list-container{display:flex;flex-direction:column;gap:32px;margin-top:32px}.grouped-list__head{background-color:var(--light-blue);color:var(--main-color);font-size:1.6rem;font-weight:bold;padding:12px 16px;margin-bottom:16px;border:none;border-left:4px solid var(--main-color);border-radius:0}.grouped-list .grouped-list__head::after{display:none}.grouped-list__body{list-style:none;padding:0;margin:0 0 0 16px}.grouped-list__body li{position:relative;padding-left:2.4rem;padding-bottom:12px;border-bottom:1px solid var(--light-blue);margin-bottom:12px;font-size:1.6rem}.grouped-list__body li::before{content:'';position:absolute;left:0;top:12%;width:1.4rem;height:1.4rem;border:2px solid var(--main-color);border-radius:50%}/* 3. 簡易情報ボックス (.info-box-simple) 用途:取引実績のリストなど、背景帯のみのシンプルな囲み
-------------------------------------------------- */
.info-box-simple__title{border-left:8px solid var(--main-color);background-color:var(--light-blue);color:var(--main-color);font-size:1.5rem;font-weight:bold;padding:8px 16px;margin-bottom:16px;display:block;border-radius:0 !important}.info-box-simple .simple-disc-list{margin:0;padding-left:20px}.info-box-simple .simple-disc-list li{font-size:1.4rem;margin-bottom:6px}/* ============================================== 追加スタイル：油圧シリンダー事業（共通パーツ以外の追加分） ============================================== */
/* テキスト強調（オレンジ色） 用途:特徴ボックス内の重要キーワードなど
-------------------------------------------------- */
.u-text-accent{color:var(--action-color);font-weight:bold}/* ============================================== 追加スタイル：MSS株式会社とは（トップページ/企業情報） ============================================== */
.record-table th{padding:10px;text-align:left;font-size:1.5rem;background-color:var(--light-blue)}.record-table td{padding:10px;font-size:1.5rem}/* 1. 強みリスト (.strength-list) 用途:丸数字付きのリスト
-------------------------------------------------- */
.strength-list{list-style:none;padding:0;margin:0;counter-reset:item}.strength-list >li{margin-bottom:24px;position:relative;padding-left:3.5em}.strength-list >li:last-child{margin-bottom:0}.strength-list >li::before{content:counter(item);counter-increment:item;position:absolute;left:0;top:0;width:2.5em;height:2.5em;border:2px solid var(--main-color);color:var(--main-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.4rem;background-color:#fff}.strength-list__head{display:block;font-weight:bold;font-size:1.6rem;color:var(--main-color);margin-bottom:8px;padding-top:6px;line-height:1.4}.strength-list__desc{font-size:1.4rem;margin:0;line-height:1.6}.strength-list .strength-list__child{list-style:none;margin-top:12px;padding:0}.strength-list .strength-list__child li{margin-bottom:8px;position:relative;padding-left:2em;font-size:1.4rem;line-height:1.6}.strength-list .strength-list__child li::before{content:'';position:absolute;left:0;top:0.4em;width:1.4rem;height:1.4rem;border:2px solid var(--main-color);border-radius:50%;background-color:#fff;display:block;color:transparent;font-weight:normal}/* 画像とテキストの配置調整（逆配置用） 既存の .media-text-split に追加するヘルパークラス
-------------------------------------------------- */
.media-text-split.reverse{flex-direction:row-reverse}@media screen and (max-width:767.98px){.media-text-split.reverse{flex-direction:column}}/* 2. 事業内容リストの積み上げ (.business-list-stack)
-------------------------------------------------- */
.business-list-stack{display:flex;flex-direction:column;gap:48px}.business-list-stack .business-title{background-color:var(--light-blue);color:var(--main-color);font-size:1.6rem;font-weight:bold;padding:12px 16px;border:none;border-left:4px solid var(--main-color);margin-bottom:16px;margin-top:0}.business-list-stack .business-title::after{display:none}/* リンクボタン (.link-button) 事業詳細や会社概要へのリンク
-------------------------------------------------- */
.link-button{display:inline-flex;align-items:center;justify-content:space-between;border:1px solid var(--main-color);color:var(--main-color);background-color:#fff;padding:10px 24px;border-radius:50px;text-decoration:none;font-weight:bold;font-size:1.4rem;transition:all 0.3s;margin-top:16px;min-width:200px}.link-button .arrow-icon{font-family:sans-serif;margin-left:12px;font-size:1.2em}.link-button:hover{background-color:var(--main-color);color:#fff}.link-button--center{margin:0 auto}/* 3. 新着情報リスト (.news-list)
-------------------------------------------------- */
.news-list{border-top:1px solid #ccc}.news-list__item{display:flex;align-items:baseline;padding:16px 8px;border-bottom:1px solid #ccc;text-decoration:none;color:inherit;transition:background-color 0.2s}@media screen and (max-width:767.98px){.news-list__item{flex-direction:column;align-items:flex-start;gap:8px}}.news-list__item:hover{background-color:var(--light-blue)}.news-list__meta{display:flex;align-items:center;gap:12px;min-width:220px;flex-shrink:0}.news-list__date{font-family:var(--en-font);color:var(--black);font-size:1.4rem}.news-list__cat{background-color:var(--main-color);color:#fff;font-size:1.1rem;padding:2px 10px;border-radius:2px}.news-list__title{font-size:1.5rem;flex:1}/* 4. 下部2カラムグリッド (.info-grid) 主要販売先・対応エリア
-------------------------------------------------- */
.info-grid{display:flex;gap:40px}@media screen and (max-width:767.98px){.info-grid{flex-direction:column;gap:32px}}.info-grid__col{flex:1;background-color:var(--light-gray);padding:24px;border-radius:4px}@media screen and (max-width:767.98px){.info-grid__col{padding:16px}}.info-grid__head{background-color:var(--light-blue);color:var(--main-color);font-size:1.6rem;font-weight:bold;padding:8px 12px;margin-top:0;margin-bottom:16px;border-left:4px solid var(--main-color)}.u-mb-md{margin-bottom:32px !important}/* ============================================== 追加スタイル：CTA（クロージング）セクション ============================================== */
.cta-box{display:flex;align-items:center;justify-content:space-between;gap:40px;background-color:#fff;border:2px solid var(--main-color);padding:40px}@media screen and (max-width:767.98px){.cta-box{flex-direction:column-reverse;padding:24px 16px;gap:32px}}.cta-box__body{flex:1;min-width:0}.cta-box__media{width:350px;flex-shrink:0;margin:0}@media screen and (max-width:767.98px){.cta-box__media{width:100%;max-width:240px}}.cta-box__media img{width:100%;height:auto;vertical-align:bottom;object-fit:contain}.cta-box__title{font-size:2.4rem;font-weight:bold;color:var(--black);margin-bottom:16px;line-height:1.4;border:none}.cta-box__title::after{display:none}@media screen and (max-width:767.98px){.cta-box__title{font-size:2rem;text-align:center}}.cta-box__text{font-size:1.5rem;margin-bottom:24px}@media screen and (max-width:767.98px){.cta-box__text{text-align:center}}.cta-box__note{font-size:1.4rem;margin-bottom:16px}@media screen and (max-width:767.98px){.cta-box__note{text-align:center}}.cta-box .contact-tel-block{margin-top:0}@media screen and (max-width:767.98px){.cta-box .contact-tel-block{display:flex;flex-direction:column;align-items:center}}@media screen and (max-width:767.98px){.cta-btn{width:100%;box-sizing:border-box}}