@charset "UTF-8";
/* 高精度クリアランスを実現するセラミック精密加工 — ページ専用CSS（すべて .fc-lp 配下に限定） */
.fc-lp{--fc-red:#DF0523;--fc-ink:#000000;--fc-white:#FFFFFF;--fc-gray:#555555;--fc-line:#D9D9D9;--fc-bg:#F5F5F5;
  font-family:"Noto Sans JP","Noto Sans",sans-serif;color:var(--fc-ink);line-height:1.8;font-size:1rem;background:var(--fc-white)}
.fc-lp *,.fc-lp *::before,.fc-lp *::after{box-sizing:border-box}
.fc-lp img{max-width:100%;height:auto;display:block}
.fc-lp a{color:var(--fc-red);text-decoration:underline}
.fc-inner{max-width:1312px;margin:0 auto;padding:0 52px}
.fc-section{padding:72px 0}
.fc-section--gray{background:var(--fc-bg)}
.fc-section{border-top:1px solid #D9D9D9}
.fc-section h2{margin:0 0 16px;padding-left:16px;border-left:6px solid #4C7E6D;color:#3A806C;font-size:24px;font-weight:bold;line-height:1.4}
.fc-section h3{font-size:1.2rem;line-height:1.5;margin:0 0 8px}
.fc-subhead{margin-top:48px!important}
.fc-lead{margin:0 0 32px;max-width:880px}
.fc-note{font-size:.875rem;color:var(--fc-gray);margin:12px 0 0}
.fc-todo{display:inline-block;background:#FFF3B0;color:#000;font-size:.875rem;padding:0 6px;margin:4px 0}
/* Title back + Hero（024.html common.css #sec01 に準拠）*/
.fc-titleback{--fc-tb-main:#4c7c6d;--fc-tb-mid:#689386;--fc-tb-end:#b9ccc6;--fc-tb-right:#EDEFEE;--fc-tb-st1:#aabcb6;--fc-tb-st2:#d3dad8;
  position:relative;overflow:hidden;height:360px;margin-bottom:60px;
  background:linear-gradient(to right,var(--fc-tb-main) 0%,var(--fc-tb-main) 50%,var(--fc-tb-right) 51%,var(--fc-tb-right) 100%)}
.fc-titleback__inner{position:relative;max-width:1200px;height:100%;margin:0 auto;padding:100px 15px 0}
.fc-titleback__inner::before{content:"";position:absolute;z-index:0;top:0;left:0;width:50%;height:360px;
  background:linear-gradient(to right,var(--fc-tb-main) 0%,var(--fc-tb-mid) 72%,var(--fc-tb-end) 100%)}
.fc-titleback__inner::after{content:"";position:absolute;z-index:2;top:0;left:50%;width:40px;height:360px;
  background:linear-gradient(to bottom,var(--fc-tb-st1) 0%,var(--fc-tb-st2) 100%)}
.fc-titleback h1{position:relative;z-index:1;width:50%;margin:0;padding-left:50px;color:#FFF;font-size:30px;line-height:1.2em;text-align:left}
.fc-titleback__img{position:absolute;z-index:1;top:0;left:50%;right:-100vw;height:360px;overflow:hidden}
.fc-titleback__img::before{content:"";position:absolute;z-index:1;top:0;left:40px;width:40px;height:360px;background:#DDD;opacity:.5}
.fc-titleback .fc-titleback__img img{position:relative;top:calc((360px - 480px) * .5);width:auto;height:480px;max-width:none}
.fc-intro{padding:0 0 48px}
.fc-intro__lead{margin:0;max-width:880px}
.fc-figure{margin:0}
.fc-figure figcaption{font-size:.875rem;color:var(--fc-gray);margin-top:8px}
/* Cards */
.fc-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fc-card{background:var(--fc-white);border:1px solid var(--fc-line);border-top:4px solid #4C7E6D;padding:24px}
.fc-card p{margin:0}
.fc-card__num{font-size:.875rem;font-weight:700;color:#3A806C;margin:0 0 4px}
/* Applications */
.fc-apps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.fc-apps li{background:var(--fc-white);border:1px solid var(--fc-line);padding:20px 16px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center}
/* Results */
.fc-results{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.fc-figure--chart img{border:1px solid var(--fc-line);background:#fff}
.fc-kv{margin:0;border-top:1px solid var(--fc-line)}
.fc-kv div{display:grid;grid-template-columns:10em 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--fc-line)}
.fc-kv dt{font-weight:700}
.fc-kv dd{margin:0}
.fc-kv strong{font-size:1.25rem;color:var(--fc-red)}
/* Tables */
.fc-table-wrap{overflow-x:auto;margin:32px 0 8px}
.fc-table-wrap:focus-visible{outline:3px solid var(--fc-ink)}
.fc-table{border-collapse:collapse;width:100%;min-width:640px;font-size:.9375rem;background:var(--fc-white)}
.fc-table--narrow{min-width:0}
.fc-table caption{text-align:left;font-weight:700;margin-bottom:8px}
.fc-table th,.fc-table td{border:1px solid var(--fc-line);padding:10px 12px;text-align:center;vertical-align:middle}
.fc-table thead th{background:var(--fc-ink);color:var(--fc-white)}
.fc-table tbody th{background:var(--fc-bg);text-align:left;font-weight:700}
@media (max-width:768px){
  .fc-titleback{height:auto;margin-bottom:30px}
  .fc-titleback__inner{padding:10px;height:calc(100vw * .4)}
  .fc-titleback__inner::before{width:60%;height:calc(100vw * .4)}
  .fc-titleback__inner::after{left:60%;width:calc(100vw * .05);height:calc(100vw * .4)}
  .fc-titleback h1{width:60%;padding-left:0;font-size:calc(100vw * .045)}
  .fc-titleback__img{left:60%;right:0;height:calc(100vw * .4)}
  .fc-titleback__img::before{left:calc(100vw * .05);width:calc(100vw * .05);height:calc(100vw * .4)}
  .fc-titleback .fc-titleback__img img{top:0;left:-50%;height:calc(100vw * .4)}
  .fc-titleback{background:linear-gradient(to right,var(--fc-tb-main) 0%,var(--fc-tb-main) 60%,var(--fc-tb-right) 60%)}
}
/* Tablet */
@media (max-width:1023px){
  .fc-inner{padding:0 40px}
  .fc-results{grid-template-columns:1fr;gap:32px}
  .fc-cards{grid-template-columns:1fr 1fr}
  .fc-apps{grid-template-columns:repeat(3,1fr)}
}
/* Smartphone */
@media (max-width:767px){
  .fc-inner{padding:0 16px}
  .fc-section{padding:48px 0}
  .fc-section h2{margin:0 0 16px;padding-left:12px;border-left-width:5px;font-size:1.2rem;line-height:1.4em}
  .fc-cards{grid-template-columns:1fr}
  .fc-apps{grid-template-columns:1fr 1fr}
  .fc-kv div{grid-template-columns:1fr;gap:4px}
}
