/* /m_curtain 専用CSS 完成版 */

#main .content-block .mcurtain-page * {box-sizing:border-box}#main .content-block .mcurtain-page {
  width:100%;
  max-width:745px;
  margin:24px auto;
  background:#fff;
  padding:0 26px 54px;
}#main .content-block .mcurtain-page .hero {
  margin:0 -26px 42px;
  padding:42px 30px 38px;
  background:linear-gradient(135deg,#eef5f2 0%,#fff 58%,#f7f1e8 100%);
  border-bottom:1px solid #dbe5e1;
}#main .content-block .mcurtain-page .eyebrow {
  display:inline-block;
  padding:5px 11px;
  border-radius:999px;
  background:#fff;
  border:1px solid #d4e1dc;
  color:#476b5e;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
}#main .content-block .mcurtain-page h1:where(:not(.as-h2)) {
  margin:14px 0 14px;
  font-size:31px;
  line-height:1.42;
}#main .content-block .mcurtain-page h1:where(:not(.as-h2)) em {font-style:normal;color:#3e6959}#main .content-block .mcurtain-page .lead {
  margin:0;
  color:#57646b;
  font-size:17px;
}#main .content-block .mcurtain-page .hero-message {
  margin:22px 0 0;
  padding:17px 18px;
  background:#fff;
  border:1px solid #dce6e2;
  border-radius:14px;
}#main .content-block .mcurtain-page .hero-message strong {
  display:block;
  margin-bottom:5px;
  color:#365e50;
  font-size:18px;
}#main .content-block .mcurtain-page .hero-message p {margin:0;color:#5e6a70;font-size:14px}#main .content-block .mcurtain-page .five {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  margin:20px 0 0;
}#main .content-block .mcurtain-page .five a {
  display:block;
  padding:10px 6px;
  background:#fff;
  border:1px solid #dce5e1;
  border-radius:10px;
  color:#365e50;
  text-align:center;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
}#main .content-block .mcurtain-page .five b {
  display:block;
  font-size:18px;
  line-height:1.2;
}#main .content-block .mcurtain-page section {margin:50px 0}#main .content-block .mcurtain-page .kicker {
  margin:0 0 5px;
  color:#567a6d;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
}#main .content-block .mcurtain-page h2,
#main .content-block .mcurtain-page h1.as-h2 {
  margin:0 0 18px;
  padding-bottom:9px;
  border-bottom:3px solid #567a6d;
  font-size:25px;
  line-height:1.5;
}#main .content-block .mcurtain-page .intro {margin:0 0 20px;color:#5e6a70;font-size:15px}#main .content-block .mcurtain-page .notice {
  padding:17px 18px;
  border-left:5px solid #b98542;
  border-radius:0 12px 12px 0;
  background:#fff7e9;
  color:#625c52;
  font-size:14px;
}#main .content-block .mcurtain-page .notice strong {display:block;color:#6b512b;margin-bottom:4px}#main .content-block .mcurtain-page .rulebox {
  padding:21px;
  border:1px solid #dce7e2;
  border-radius:16px;
  background:#f5f9f7;
}#main .content-block .mcurtain-page .rulebox h3 {
  margin:0 0 10px;
  color:#365e50;
  font-size:20px;
}#main .content-block .mcurtain-page .rulebox ul {margin:0;padding-left:21px}#main .content-block .mcurtain-page .rulebox li {margin-bottom:6px;color:#5e6a70;font-size:14px}#main .content-block .mcurtain-page .step-head {
  display:grid;
  grid-template-columns:52px 1fr;
  gap:12px;
  align-items:start;
  margin-bottom:18px;
}#main .content-block .mcurtain-page .step-no {
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;height:46px;
  border-radius:50%;
  background:#3f6d5c;
  color:#fff;
  font-weight:900;
}#main .content-block .mcurtain-page .step-title {
  font-size:24px;
  font-weight:900;
  line-height:1.45;
}#main .content-block .mcurtain-page .step-sub {color:#66736f;font-size:14px}#main .content-block .mcurtain-page .window-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
}#main .content-block .mcurtain-page .window-card {
  border:1px solid #dfe6e3;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}#main .content-block .mcurtain-page .illust {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:180px;
  background:repeating-linear-gradient(45deg,#f4f7f5,#f4f7f5 10px,#eef3f0 10px,#eef3f0 20px);
  color:#7c8983;
  text-align:center;
  font-size:13px;
  padding:18px;
}#main .content-block .mcurtain-page .window-card .
.window-card h3 {margin:0 0 6px;font-size:17px}#main .content-block .mcurtain-page .window-card p {margin:0;color:#657078;font-size:13px}#main .content-block .mcurtain-page .measure-block {
  margin-top:16px;
  border:1px solid #dfe6e3;
  border-radius:16px;
  overflow:hidden;
}#main .content-block .mcurtain-page .measure-title {
  padding:13px 16px;
  background:#edf4f1;
  color:#365e50;
  font-size:19px;
  font-weight:900;
}#main .content-block .mcurtain-page .measure-
.measure-copy p {margin:0 0 9px;color:#5f6c72;font-size:14px}#main .content-block .mcurtain-page .measure-copy strong {color:#365e50}#main .content-block .mcurtain-page .measure-key {
  margin:10px 0;
  padding:12px 13px;
  border-radius:10px;
  background:#f7faf8;
  color:#37484f;
  font-weight:800;
}#main .content-block .mcurtain-page .finish-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}#main .content-block .mcurtain-page .finish {
  padding:13px;
  border:1px solid #dfe6e3;
  border-radius:12px;
  background:#fff;
}#main .content-block .mcurtain-page .finish b {display:block;color:#365e50;margin-bottom:4px}#main .content-block .mcurtain-page .finish p {margin:0;color:#66736f;font-size:13px}#main .content-block .mcurtain-page .style-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}#main .content-block .mcurtain-page .style-card {
  border:1px solid #dfe6e3;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}#main .content-block .mcurtain-page .style-card .
.style-card h3 {margin:0 0 6px;font-size:17px}#main .content-block .mcurtain-page .style-card p {margin:0;color:#657078;font-size:13px}#main .content-block .mcurtain-page .choice {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
}#main .content-block .mcurtain-page .choice-card {
  padding:18px;
  border:1px solid #dfe6e3;
  border-radius:14px;
  background:#fff;
}#main .content-block .mcurtain-page .choice-card h3 {margin:0 0 8px;color:#365e50;font-size:18px}#main .content-block .mcurtain-page .choice-card p {margin:0;color:#647178;font-size:14px}#main .content-block .mcurtain-page .summary {
  padding:22px;
  background:#345b4e;
  color:#fff;
  border-radius:17px;
}#main .content-block .mcurtain-page .summary h2,
#main .content-block .mcurtain-page .summary h1.as-h2 {margin:0 0 12px;padding:0;border:0;color:#fff}#main .content-block .mcurtain-page .summary ol {margin:0;padding-left:24px}#main .content-block .mcurtain-page .summary li {margin-bottom:6px;color:#edf4f1}#main .content-block .mcurtain-page .summary-note {
  margin-top:15px;
  padding:14px;
  background:rgba(255,255,255,.1);
  border-radius:10px;
  color:#eff5f2;
  font-size:14px;
}#main .content-block .mcurtain-page .video-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}#main .content-block .mcurtain-page .video {
  overflow:hidden;
  border:1px solid #dfe6e3;
  border-radius:14px;
  background:#fff;
}#main .content-block .mcurtain-page .video iframe {
  display:block;
  width:100%;
  aspect-ratio:16/9;
  border:0;
}#main .content-block .mcurtain-page .video .cap {padding:12px 14px;color:#637078;font-size:13px}#main .content-block .mcurtain-page .cta {
  text-align:center;
  padding:25px 20px;
  background:#f4f8f6;
  border:1px solid #dce7e2;
  border-radius:16px;
}#main .content-block .mcurtain-page .cta h3 {margin:0 0 7px;color:#365e50;font-size:21px}#main .content-block .mcurtain-page .cta p {margin:0 0 14px;color:#617078;font-size:14px}#main .content-block .mcurtain-page .btn {
  display:inline-block;
  padding:12px 18px;
  background:#3f6d5c;
  color:#fff;
  text-decoration:none;
  border-radius:9px;
  font-weight:800;
}#main .content-block .mcurtain-page .seo {
  margin-top:45px;
  padding:17px;
  border:1px dashed #aebdb7;
  background:#fbfcfb;
  font-size:13px;
}#main .content-block .mcurtain-page .seo strong {color:#365e50}

@media(max-width:787px){#main .content-block .mcurtain-page {margin:0;padding:0 3% 40px}#main .content-block .mcurtain-page .hero {margin:0 -3.2% 32px;padding:28px 5%}#main .content-block .mcurtain-page h1:where(:not(.as-h2)) {font-size:26px}#main .content-block .mcurtain-page .lead {font-size:15px}#main .content-block .mcurtain-page .five {grid-template-columns:1fr}#main .content-block .mcurtain-page section {margin:38px 0}#main .content-block .mcurtain-page h2,
#main .content-block .mcurtain-page h1.as-h2 {font-size:21px}#main .content-block .mcurtain-page .window-grid,
#main .content-block .mcurtain-page .style-grid,
#main .content-block .mcurtain-page .choice,
#main .content-block .mcurtain-page .video-grid,
#main .content-block .mcurtain-page .finish-grid {display:block}#main .content-block .mcurtain-page .window-card,
#main .content-block .mcurtain-page .style-card,
#main .content-block .mcurtain-page .choice-card,
#main .content-block .mcurtain-page .video,
#main .content-block .mcurtain-page .finish {margin-bottom:11px}
  }/* =========================================================
   CMS競合対策・実画像・STEP5追加
   ========================================================= */
#main .content-block .mcurtain-page,
#main .content-block .mcurtain-page * { box-sizing:border-box; }#main .content-block .mcurtain-page h1:where(:not(.as-h2)),
#main .content-block .mcurtain-page h2,
#main .content-block .mcurtain-page h1.as-h2,
#main .content-block .mcurtain-page h3 {
  background:none;
  border-radius:0;
  text-align:left;
}#main .content-block .mcurtain-page h3::first-letter {
  border-left:0;
  padding-left:0;
}#main .content-block .mcurtain-page .rulebox ul { list-style-type:disc; }#main .content-block .mcurtain-page .rulebox li { list-style-type:disc; }#main .content-block .mcurtain-page .guide-img,
#main .content-block .mcurtain-page .measure-img,
#main .content-block .mcurtain-page .style-img,
#main .content-block .mcurtain-page .opening-img,
#main .content-block .mcurtain-page .hook-main-image img,
#main .content-block .mcurtain-page .rail-grid img {
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin:0;
  padding:0;
  border:0;
}#main .content-block .mcurtain-page .window-card .guide-img {
  aspect-ratio:4 / 3;
  object-fit:cover;
  background:#f5f7f6;
}#main .content-block .mcurtain-page .measure-body {
  align-items:start;
}#main .content-block .mcurtain-page .measure-img {
  border:1px solid #e1e7e4;
  border-radius:11px;
}#main .content-block .mcurtain-page .style-img {
  height:190px;
  object-fit:cover;
  background:#f5f7f6;
}#main .content-block .mcurtain-page .opening-img {
  max-width:700px;
  margin:0 auto 16px;
}/* STEP5 */
#main .content-block .mcurtain-page .hook-main-image {
  width:100%;
  margin:0 0 20px;
  overflow:hidden;
  border:1px solid #dce5e1;
  border-radius:14px;
  background:#fff;
}#main .content-block .mcurtain-page .hook-compare {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  margin:0 0 20px;
}#main .content-block .mcurtain-page .hook-card {
  padding:17px;
  border:1px solid #dfe6e3;
  border-radius:13px;
  background:#fff;
}#main .content-block .mcurtain-page .hook-a { border-top:5px solid #d97168; }#main .content-block .mcurtain-page .hook-b { border-top:5px solid #527bb5; }#main .content-block .mcurtain-page .hook-label {
  display:inline-block;
  margin:0 0 8px;
  padding:4px 9px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
}#main .content-block .mcurtain-page .hook-a .hook-label { background:#fbeceb; color:#ad5048; }#main .content-block .mcurtain-page .hook-b .hook-label { background:#edf2fa; color:#426797; }#main .content-block .mcurtain-page .hook-card h3 {
  margin:0 0 7px;
  padding:0;
  border:0;
  color:#27323a;
  font-size:17px;
  line-height:1.5;
}#main .content-block .mcurtain-page .hook-card p {
  margin:0;
  color:#626f75;
  font-size:14px;
  line-height:1.8;
}#main .content-block .mcurtain-page .hook-point {
  margin:10px 0 0;
  padding:10px 11px;
  border-radius:8px;
  background:#f5f8f6;
  color:#50615a;
  font-size:13px;
  font-weight:700;
  line-height:1.7;
}#main .content-block .mcurtain-page .hook-choice,
#main .content-block .mcurtain-page .rail-guide {
  margin:0 0 20px;
  padding:18px;
  border:1px solid #dce6e1;
  border-radius:14px;
  background:#f6f9f7;
}#main .content-block .mcurtain-page .rail-guide { background:#fff; }#main .content-block .mcurtain-page .hook-choice > h3,
#main .content-block .mcurtain-page .rail-guide > h3 {
  margin:0 0 7px;
  padding:0;
  border:0;
  color:#365e50;
  font-size:18px;
  line-height:1.5;
}#main .content-block .mcurtain-page .hook-choice > p,
#main .content-block .mcurtain-page .rail-guide > p {
  margin:0 0 13px;
  color:#5f6c72;
  font-size:14px;
  line-height:1.8;
}#main .content-block .mcurtain-page .hook-choice-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}#main .content-block .mcurtain-page .hook-choice-grid > div {
  padding:13px;
  border:1px solid #dfe6e3;
  border-radius:10px;
  background:#fff;
}#main .content-block .mcurtain-page .hook-choice-grid strong {
  display:block;
  margin:0 0 4px;
  color:#365e50;
  font-size:14px;
}#main .content-block .mcurtain-page .hook-choice-grid p {
  margin:0;
  color:#626f75;
  font-size:13px;
  line-height:1.75;
}#main .content-block .mcurtain-page .rail-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}#main .content-block .mcurtain-page .rail-grid a {
  overflow:hidden;
  border:1px solid #dce5e1;
  border-radius:10px;
  background:#f8faf9;
  color:#365e50;
  text-align:center;
  text-decoration:none;
}#main .content-block .mcurtain-page .rail-grid span {
  display:block;
  padding:9px;
  font-size:13px;
  font-weight:700;
}

@media screen and (max-width:787px) {#main .content-block .mcurtain-page .hook-compare,
#main .content-block .mcurtain-page .hook-choice-grid,
#main .content-block .mcurtain-page .rail-grid {
    display:block;
  }#main .content-block .mcurtain-page .hook-card,
#main .content-block .mcurtain-page .hook-choice-grid > div,
#main .content-block .mcurtain-page .rail-grid a {
    display:block;
    width:100%;
    margin:0 0 11px;
  }#main .content-block .mcurtain-page .window-card .guide-img,
#main .content-block .mcurtain-page .style-img {
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
  }
}/* =========================================================
   最終調整：旧CMS見出しリセット・可読性・SP
   ========================================================= */
#main .content-block .mcurtain-page h1:where(:not(.as-h2)) {
  background:none;
  border:none;
  padding:0;
}#main .content-block .mcurtain-page h2,
#main .content-block .mcurtain-page h1.as-h2 {
  background:none;
  border-top:none;
  border-right:none;
  border-left:none;
}#main .content-block .mcurtain-page h3 {
  background:none;
  border:none;
  padding:0;
}#main .content-block .mcurtain-page .window-card p,
#main .content-block .mcurtain-page .style-card p,
#main .content-block .mcurtain-page .choice-card p,
#main .content-block .mcurtain-page .finish p {
  font-size:14px;
  line-height:1.8;
}

@media screen and (max-width:787px) {#main .content-block .mcurtain-page .measure-body {
    grid-template-columns:1fr;
  }#main .content-block .mcurtain-page .measure-img {
    width:100%;
    max-width:100%;
  }#main .content-block .mcurtain-page .hero {
    margin-left:0;
    margin-right:0;
  }#main .content-block .mcurtain-page .eyebrow {
    font-size:11px;
  }#main .content-block .mcurtain-page .step-title {
    font-size:21px;
  }
}