@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.links, .mob-cta{display:none!important;}
	section{padding-left:5%!important; padding-right:5%!important;}
	.hero{padding-left:0%!important; padding-right:0%!important;}
}

.date-tags{display:none;}
.eye-catch-wrap{margin: auto;
    text-align: center;
    display: block;
}

  :root{
    --ground:#fbf6f4; --surface:#ffffff; --ink:#26182e; --muted:#8a7c90;
    --line:#eadfe4; --line2:#e1d3da;
    --rose:#ec3466; --rose-ink:#c81f52; --rose-soft:rgba(236,52,102,.10);
    --plum:#2b1b3d; --apricot:#f7913f; --apricot-soft:rgba(247,145,63,.15);
    --line-green:#06c755;
    --band-bg:#2b1b3d; --band-ink:#f7eff4; --band-muted:#c9b6d5; --band-line:rgba(255,255,255,.16);
    --serif:"Hiragino Mincho ProN","Yu Mincho",YuMincho,"Noto Serif JP","Times New Roman",serif;
    --sans:"Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",Meiryo,-apple-system,BlinkMacSystemFont,sans-serif;
    --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
    --maxw:1160px;
  }
  @media (prefers-color-scheme:dark){
    :root{
      --ground:#17101f; --surface:#221830; --ink:#f4edf3; --muted:#b0a0ba;
      --line:#33273f; --line2:#3d2f4a;
      --rose:#ff5c86; --rose-ink:#ff89a8; --rose-soft:rgba(255,92,134,.14);
      --plum:#0e0916; --apricot:#ffa65c; --apricot-soft:rgba(255,166,92,.16);
      --band-bg:#0e0916; --band-ink:#f4edf3; --band-muted:#b09cbc; --band-line:rgba(255,255,255,.12);
    }
  }
  :root[data-theme="light"]{
    --ground:#fbf6f4; --surface:#ffffff; --ink:#26182e; --muted:#8a7c90;
    --line:#eadfe4; --line2:#e1d3da; --rose:#ec3466; --rose-ink:#c81f52; --rose-soft:rgba(236,52,102,.10);
    --plum:#2b1b3d; --apricot:#f7913f; --apricot-soft:rgba(247,145,63,.15);
    --band-bg:#2b1b3d; --band-ink:#f7eff4; --band-muted:#c9b6d5; --band-line:rgba(255,255,255,.16);
  }
  :root[data-theme="dark"]{
    --ground:#17101f; --surface:#221830; --ink:#f4edf3; --muted:#b0a0ba;
    --line:#33273f; --line2:#3d2f4a; --rose:#ff5c86; --rose-ink:#ff89a8; --rose-soft:rgba(255,92,134,.14);
    --plum:#0e0916; --apricot:#ffa65c; --apricot-soft:rgba(255,166,92,.16);
    --band-bg:#0e0916; --band-ink:#f4edf3; --band-muted:#b09cbc; --band-line:rgba(255,255,255,.12);
  }
  .mjk *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  .mjk{color:var(--ink);font-family:var(--sans);line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  body.mjk-lp{background:var(--ground)}
  .mjk-wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}
  .mjk h1,.mjk h2,.mjk h3{font-family:var(--serif);font-weight:600;letter-spacing:.02em;text-wrap:balance;margin:0;}
  .mjk a{color:inherit;text-decoration:none}
  .mjk img{max-width:100%}

  /* eyebrow / labels */
  .mjk .eyebrow{font-family:var(--sans);font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
    color:var(--rose-ink);display:inline-flex;align-items:center;gap:9px;}
  .mjk .eyebrow::before{content:"";width:22px;height:1.5px;background:var(--rose);display:inline-block;}
  .mjk .num-eyebrow{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.1em;}

  /* buttons */
  .mjk .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:700;font-size:15px;
    padding:15px 28px;border-radius:999px;background:var(--rose);color:#fff;border:none;cursor:pointer;
    transition:transform .18s ease, box-shadow .18s ease;box-shadow:0 8px 22px -8px var(--rose);}
  .mjk .btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px var(--rose);}
  .mjk .btn.line{background:var(--line-green);box-shadow:0 8px 22px -8px rgba(6,199,85,.7);}
  .mjk .btn.ghost{background:transparent;color:var(--rose-ink);border:1.5px solid var(--rose);box-shadow:none;}
  .mjk .btn.ghost:hover{background:var(--rose-soft)}
  .mjk .btn.on-band{box-shadow:none}
  .mjk .btn .ar{font-family:var(--mono);font-weight:400}

  /* ---------- top note ---------- */
  .mjk .comp-note{background:var(--band-bg);color:var(--band-ink);font-size:12.5px;text-align:center;
    padding:9px 16px;letter-spacing:.02em;}
  .mjk .comp-note b{color:#fff}

  /* ---------- header ---------- */
  .mjk header.site{position:sticky;top:0;z-index:40;background:var(--surface);
    backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);}
  @supports (backdrop-filter:blur(1px)){.mjk header.site{background:color-mix(in srgb,var(--surface) 86%,transparent)}}
  .mjk .nav{display:flex;align-items:center;gap:26px;height:70px;}
  .mjk .brand{font-family:var(--serif);font-weight:600;font-size:20px;letter-spacing:.06em;}
  .mjk .brand small{display:block;font-family:var(--sans);font-size:9.5px;letter-spacing:.28em;color:var(--muted);font-weight:700;margin-top:1px;}
  .mjk .nav .links{display:flex;gap:22px;margin-left:12px;font-size:14px;font-weight:600;}
  .mjk .nav .links a{color:var(--ink);opacity:.85;transition:color .15s;position:relative;padding:4px 0}
  .mjk .nav .links a:hover{color:var(--rose-ink);opacity:1}
  .mjk .nav .right{margin-left:auto;display:flex;align-items:center;gap:12px}
  .mjk .nav .btn{padding:11px 20px;font-size:14px}
  /* --- mobile 映画村 header parts (hidden on desktop) --- */
  .mjk .menu-btn,.mjk .quick-bar,.mjk .bottom-cta,.mjk .mob-cta{display:none}
  .mjk .menu-btn{border:1.5px solid var(--ink);background:transparent;color:var(--ink);border-radius:8px;
    font-family:var(--mono);font-size:11px;font-weight:700;padding:8px 11px;cursor:pointer;line-height:1;align-items:center;gap:8px}
  .mjk .quick-bar{gap:16px;overflow-x:auto;padding:10px 20px;background:var(--plum);scrollbar-width:none}
  .mjk .quick-bar::-webkit-scrollbar{display:none}
  .mjk .quick-bar .q{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;
    font-weight:700;color:#fff;opacity:.9;white-space:nowrap}
  .mjk .quick-bar .q i{font-style:normal;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.14);
    display:flex;align-items:center;justify-content:center;font-size:15px}
  .mjk .quick-bar .q.on{opacity:1}.mjk .quick-bar .q.on i{background:var(--rose)}
  .mjk .bottom-cta{position:fixed;left:0;right:0;bottom:0;z-index:45;gap:10px;padding:10px 16px;
    background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px -16px rgba(0,0,0,.45)}
  .mjk .bottom-cta a{flex:1;text-align:center;font-weight:800;font-size:14px;padding:14px;border-radius:999px}
  .mjk .bottom-cta .a{background:var(--rose);color:#fff}.mjk .bottom-cta .b{background:var(--line-green);color:#fff}
  /* --- mobile full-screen MENU overlay (映画村 style) --- */
  .mjk .menu-btn .bars{display:inline-block;width:16px;height:11px;position:relative}
  .mjk .menu-btn .bars::before,.mjk .menu-btn .bars::after,.mjk .menu-btn .bars span{content:"";position:absolute;left:0;right:0;height:2px;background:currentColor;border-radius:2px}
  .mjk .menu-btn .bars::before{top:0}.mjk .menu-btn .bars span{top:4.5px}.mjk .menu-btn .bars::after{bottom:0}
  .mjk .nav-overlay{position:fixed;inset:0;z-index:60;background:var(--band-bg);color:#fff;flex-direction:column;
    opacity:0;visibility:hidden;transform:translateY(-10px);overflow-y:auto;-webkit-overflow-scrolling:touch;
    transition:opacity .32s ease,transform .32s ease,visibility .32s;display:flex}
  .mjk .nav-overlay.open{opacity:1;visibility:visible;transform:none}
  .mjk .ov-top{position:sticky;top:0;background:var(--band-bg);display:flex;align-items:center;justify-content:space-between;
    padding:16px 22px;border-bottom:1px solid var(--band-line)}
  .mjk .ov-brand{font-family:var(--serif);font-size:18px;letter-spacing:.06em}
  .mjk .ov-brand small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.26em;color:var(--band-muted);margin-top:2px}
  .mjk .ov-close{background:transparent;border:1.5px solid rgba(255,255,255,.45);color:#fff;border-radius:8px;
    font-family:var(--mono);font-size:11px;font-weight:700;padding:9px 13px;cursor:pointer;display:flex;gap:8px;align-items:center}
  .mjk .ov-close:hover{border-color:#fff;background:rgba(255,255,255,.06)}
  .mjk .ov-body{padding:6px 22px 44px;display:flex;flex-direction:column}
  .mjk .ov-group-label{font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.2em;color:#ff9cb6;margin:26px 0 4px}
  .mjk .ov-links{display:flex;flex-direction:column}
  .mjk .ov-links a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#fff;
    font-family:var(--serif);font-size:20px;padding:15px 2px;border-bottom:1px solid var(--band-line);
    opacity:0;transform:translateY(10px);transition:color .15s ease}
  .mjk .nav-overlay.open .ov-links a{opacity:1;transform:none;transition:color .15s ease,opacity .5s ease,transform .5s ease}
  .mjk .ov-links a .en{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--band-muted);text-transform:uppercase}
  .mjk .ov-links a:hover,.mjk .ov-links a:active{color:#ff9cb6}
  .mjk .ov-cta{display:flex;flex-direction:column;gap:12px;margin-top:30px}
  .mjk .ov-cta a{justify-content:center;padding:16px;font-size:15px}
  .mjk .ov-sns{display:flex;gap:20px;margin-top:24px;font-size:12px;letter-spacing:.08em}
  .mjk .ov-sns a{color:var(--band-muted)}.mjk .ov-sns a:hover{color:#fff}
  body.menu-open{overflow:hidden}
  .mjk header.site.scrolled{box-shadow:0 8px 24px -16px rgba(43,27,61,.55)}
  @media (prefers-reduced-motion:reduce){
    .mjk .nav-overlay{transition:opacity .001s}
    .mjk .ov-links a{opacity:1;transform:none;transition:none}
    .mjk .nav-overlay.open .ov-links a{transition:color .15s}
  }
  @media(max-width:860px){
    .mjk .nav .links{display:none}
    .mjk .desk-only{display:none!important}
    .mjk .mob-cta{display:inline-flex;padding:10px 16px;font-size:13px}
    .mjk .menu-btn{display:inline-flex}
    .mjk .quick-bar{display:flex}
    .mjk .bottom-cta{display:flex}
    .mjk .nav{height:60px}
    body{padding-bottom:74px}
  }

  /* ---------- hero ---------- */
  .mjk .hero{position:relative;overflow:hidden}
  .mjk .hero .mjk-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;
	  background: url(https://majikoi-co.com/wp-content/uploads/2026/09/ChatGPT-Image-2026年9月1日-22_14_40.png);
    background-size: auto 100%;
    background-position: right;
    min-height:min(78vh,660px);padding-top:30px;padding-bottom:30px;}
  .mjk .hero-copy{display:flex;flex-direction:column;gap:22px;max-width:560px}
  .mjk .hero h1{font-size:clamp(38px,6.4vw,72px);line-height:1.16;letter-spacing:.01em}
  .mjk .hero h1 .accent{color:var(--rose)}
  .mjk .hero .sub{font-family:var(--serif);font-size:clamp(17px,2.2vw,22px);color:var(--ink);opacity:.9;line-height:1.7}
  .mjk .hero .lede{font-size:15.5px;color:var(--muted);line-height:1.95;max-width:46ch}
  .mjk .hero-list{list-style:none;margin:12px 0 2px;padding:0;display:flex;flex-direction:column;gap:8px}
  .mjk .hero-list li{position:relative;padding-left:22px!important;font-size:14.5px;color:var(--ink);line-height:1.7}
  .mjk .hero-list li::before{content:"" !important;position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--rose)}
  .mjk .hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:4px}
  .mjk .trust{display:flex;gap:20px;flex-wrap:wrap;font-size:12.5px;color:#292929;margin-top:8px;
    padding-top:18px;border-top:1px solid var(--line)}
  .mjk .trust b{color:var(--ink);font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums}

  /* photo placeholders */
  .mjk .photo{position:relative;border-radius:18px;overflow:hidden;background:var(--line);
    box-shadow:0 24px 60px -28px rgba(43,27,61,.5)}
  .mjk .photo::after{content:"PHOTO";position:absolute;left:12px;bottom:11px;font-family:var(--mono);font-size:10px;
    letter-spacing:.18em;color:rgba(255,255,255,.72)}
  .mjk .photo.no-ph::after{content:none}
  .mjk .ph-hero{aspect-ratio:4/5;    background: url(https://majikoi-co.com/wp-content/uploads/2026/08/IMG_3122.jpg);
    background-size: 100%;}
  .mjk .ph-a{background: url(https://majikoi-co.com/wp-content/uploads/2026/08/IMG_3109.jpg);
    background-size: 100%;}
  .mjk .ph-b{    background: url(https://majikoi-co.com/wp-content/uploads/2026/08/IMG_3111.jpg);
    background-size: 100%;}
  .mjk .ph-c{background: url(https://majikoi-co.com/wp-content/uploads/2026/08/IMG_3110.jpg);
    background-size: 100%;
    background-position: 0%;}
  .mjk .hero-art{position:relative}
  .mjk .hero-badge{position:absolute;left:-22px;bottom:34px;background:var(--surface);border:1px solid var(--line);
    border-radius:14px;padding:12px 16px;box-shadow:0 16px 40px -18px rgba(43,27,61,.55);display:flex;gap:11px;align-items:center}
  .mjk .hero-badge .dot{width:38px;height:38px;border-radius:50%;background:var(--rose-soft);color:var(--rose-ink);
    display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:19px}
  .mjk .hero-badge b{font-size:13px}.mjk .hero-badge span{display:block;font-size:11px;color:var(--muted)}
  @media(max-width:820px){
    .mjk .hero .mjk-wrap{grid-template-columns:1fr;min-height:auto;gap:0px;padding-top:30px;
    background: url(https://majikoi-co.com/wp-content/uploads/2026/09/ChatGPT-Image-2026年9月1日-22_14_40.png);
    background-size: auto 28%;
    background-position: right top;
    background-repeat: no-repeat;
	  }
	  .mjk .hero h1{    margin-bottom: 60px;}
    .mjk .hero-art{order:-1}.mjk .ph-hero{aspect-ratio:16/12}.mjk .hero-badge{left:12px}
  }

  /* ---------- generic section ---------- */
  .mjk section.sec{padding:40px 0}
  .mjk .sec-head{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;max-width:730px}
  .mjk .sec-head h2{font-size:clamp(20px,3.6vw,38px);line-height:1.3}
  .mjk .sec-head p{color:var(--muted);font-size:15px;margin:0}

  /* worries */
  .mjk .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  @media(max-width:820px){.mjk .cards{grid-template-columns:1fr}}
  .mjk .worry{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 22px;
    display:flex;flex-direction:column;gap:12px;transition:transform .2s,box-shadow .2s}
  .mjk .worry:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(43,27,61,.5)}
  .mjk .worry .n{font-family:var(--mono);font-size:12px;color:var(--rose-ink);letter-spacing:.1em}
  .mjk .worry h3{font-size:18px;font-family:var(--serif)}
  .mjk .worry p{margin:0;font-size:14px;color:var(--muted);line-height:1.85}

  /* philosophy band */
  .mjk .band{background:var(--band-bg);color:var(--band-ink)}
  .mjk .band .eyebrow{color:#ff9cb6}.mjk .band .eyebrow::before{background:#ff6f96}
  .mjk .band-inner{padding:58px 0;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
  @media(max-width:820px){.mjk .band-inner{grid-template-columns:1fr;gap:24px;padding:44px 0}}
  .mjk .band h2{font-size:clamp(26px,4vw,38px);line-height:1.4;color:#fff}
  .mjk .band h2 .u{color:var(--rose);font-style:normal}
  .mjk .band p{color:var(--band-muted);font-size:15.5px;line-height:2}
  .mjk .band .quote-list{display:flex;flex-direction:column;gap:18px}
  .mjk .band .qi{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--band-line);padding-top:18px}
  .mjk .band .qi .k{font-family:var(--serif);color:#fff;font-size:17px;flex:none;width:112px}
  .mjk .band .qi p{margin:0;font-size:14px}

  /* why us */
  .mjk .why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  @media(max-width:820px){.mjk .why{grid-template-columns:1fr}}
  .mjk .why-item{display:flex;flex-direction:column;gap:14px;padding:8px 4px}
  .mjk .why-item .icn{width:52px;height:52px;border-radius:14px;background:var(--rose-soft);color:var(--rose-ink);
    display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:24px}
  .mjk .why-item:nth-child(2) .icn{background:var(--apricot-soft);color:var(--apricot)}
  .mjk .why-item h3{font-size:19px}.mjk .why-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.9}

  /* services */
  .mjk .svc{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  @media(max-width:900px){.mjk .svc{grid-template-columns:1fr}}
  .mjk .svc-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;
    display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
  .mjk .svc-card:hover{transform:translateY(-5px);box-shadow:0 28px 54px -30px rgba(43,27,61,.55)}
  .mjk .svc-card .top{aspect-ratio:16/10;position:relative}
  .mjk .svc-card .top .lbl{position:absolute;left:16px;top:14px;background:rgba(255,255,255,.92);color:var(--plum);
    font-size:11px;font-weight:800;letter-spacing:.1em;padding:5px 11px;border-radius:999px}
  .mjk .svc-card .body{padding:24px 24px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
  .mjk .svc-card h3{font-size:21px}
  .mjk .svc-card .desc{font-size:13.5px;color:var(--muted);line-height:1.85;flex:1}
  .mjk .price{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink);
    border-top:1px dashed var(--line2);padding-top:14px;display:flex;flex-direction:column;gap:3px}
  .mjk .price b{color:var(--rose-ink);font-size:16px}
  .mjk .svc-card .go{color:var(--rose-ink);font-weight:700;font-size:14px;display:inline-flex;gap:7px;align-items:center}

  /* diagnosis banner */
  .mjk .diag{background:linear-gradient(135deg,var(--apricot),var(--rose));border-radius:22px;color:#fff;
    padding:46px 44px;display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap;
    box-shadow:0 30px 60px -30px var(--rose)}
  .mjk .diag .t .eyebrow{color:rgba(255,255,255,.9)}.mjk .diag .t .eyebrow::before{background:#fff}
  .mjk .diag h2{color:#fff;font-size:clamp(23px,3vw,32px);margin-top:12px}
  .mjk .diag p{margin:8px 0 0;color:rgba(255,255,255,.92);font-size:14.5px}
  .mjk .diag .btn{background:#fff;color:var(--rose-ink);box-shadow:none}
  .mjk .diag .btn:hover{transform:translateY(-2px)}

  /* stories */
  .mjk .stories{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  @media(max-width:900px){.mjk .stories{grid-template-columns:1fr}}
  .mjk .story{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
  .mjk .story .ba{display:grid;grid-template-columns:1fr 1fr;gap:2px}
  .mjk .story .ba .photo{border-radius:0;box-shadow:none;aspect-ratio:1/1}
  .mjk .story .ba .photo::after{font-size:9px;left:8px;bottom:7px}
  .mjk .story .txt{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px}
  .mjk .story .txt .q{font-family:var(--serif);font-size:16px;line-height:1.7}
  .mjk .story .txt .meta{font-size:12px;color:var(--muted)}

  /* column */
  .mjk .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  @media(max-width:900px){.mjk .cols{grid-template-columns:1fr}}
  .mjk .col-card{display:flex;flex-direction:column;gap:14px}
  .mjk .col-card .photo{aspect-ratio:16/10}
  .mjk .col-card .cat{font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--rose-ink)}
  .mjk .col-card h3{font-size:17px;line-height:1.6;font-family:var(--serif)}
  .mjk .col-card .date{font-family:var(--mono);font-size:11.5px;color:var(--muted)}

  /* final cta */
  .mjk .final{background:var(--band-bg);color:#fff;text-align:center}
  .mjk .final-inner{padding:64px 0;display:flex;flex-direction:column;align-items:center;gap:20px}
  .mjk .final h2{font-size:clamp(30px,5vw,52px);color:#fff;line-height:1.35}
  .mjk .final p{color:var(--band-muted);font-size:16px;max-width:44ch;margin:0}
  .mjk .final .cta-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:6px}

  /* footer */
  .mjk footer.site{background:var(--surface);border-top:1px solid var(--line);padding:44px 0 26px;font-size:13.5px}
  .mjk .foot{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
  @media(max-width:820px){.mjk .foot{grid-template-columns:1fr 1fr}}
  .mjk .foot .brand{font-size:19px}
  .mjk .foot h4{font-family:var(--sans);font-size:12px;letter-spacing:.14em;color:var(--muted);margin:0 0 14px;font-weight:800}
  .mjk .foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
  .mjk .foot a{color:var(--ink);opacity:.8}.mjk .foot a:hover{color:var(--rose-ink);opacity:1}
  .mjk .foot .legal{grid-column:1/-1;border-top:1px solid var(--line);margin-top:34px;padding-top:20px;
    display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:12px}

  /* ---------- phone showcase ---------- */
  .mjk .showcase{display:grid;grid-template-columns:1fr 340px;gap:44px;align-items:center}
  @media(max-width:820px){.mjk .showcase{grid-template-columns:1fr;gap:30px}.mjk .phone{margin:0 auto}}
  .mjk .phone{width:320px;border:11px solid #17101d;border-radius:40px;overflow:hidden;background:var(--surface);
    box-shadow:0 40px 90px -40px rgba(43,27,61,.7);position:relative}
  .mjk .p-brand{display:flex;align-items:center;gap:9px;padding:12px 14px;background:var(--surface);border-bottom:1px solid var(--line)}
  .mjk .p-brand .lg{font-family:var(--serif);font-size:15px;font-weight:600;letter-spacing:.05em}
  .mjk .p-brand .mini-cta{margin-left:auto;background:var(--rose);color:#fff;font-size:11px;font-weight:800;padding:7px 12px;border-radius:999px}
  .mjk .p-brand .mn{border:1.5px solid var(--ink);border-radius:7px;font-family:var(--mono);font-size:10px;font-weight:700;padding:6px 7px}
  .mjk .p-quick{display:flex;gap:14px;overflow-x:auto;padding:12px 14px;background:var(--plum);scrollbar-width:none}
  .mjk .p-quick::-webkit-scrollbar{display:none}
  .mjk .q{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#fff;opacity:.9;white-space:nowrap}
  .mjk .q i{font-style:normal;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:16px}
  .mjk .q.on{opacity:1}.mjk .q.on i{background:var(--rose)}
  .mjk .p-hero{padding:16px 14px 18px;display:flex;flex-direction:column;gap:12px}
  .mjk .p-hero .ph-hero{aspect-ratio:16/11;border-radius:14px}
  .mjk .p-hero .ph-hero::after{font-size:9px}
  .mjk .p-h1{font-family:var(--serif);font-size:22px;line-height:1.3}
  .mjk .p-h1 .accent{color:var(--rose)}
  .mjk .p-hero .sub{font-size:12px;color:var(--muted)}
  .mjk .p-hero .btn{justify-content:center;padding:12px;font-size:13px}
  .mjk .p-bottom{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:var(--surface)}
  .mjk .p-bottom span{flex:1;text-align:center;font-size:12px;font-weight:800;padding:11px;border-radius:999px}
  .mjk .p-bottom .a{background:var(--rose);color:#fff}.mjk .p-bottom .b{background:var(--line-green);color:#fff}
  .mjk .sc-map{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
  .mjk .sc-map li{display:flex;gap:12px;font-size:13.5px;color:var(--muted);align-items:baseline}
  .mjk .sc-map b{color:var(--ink);font-family:var(--serif);flex:none;width:150px}

  /* reveal */
  .mjk .reveal{transition:opacity .7s ease,transform .7s ease}
  html.mjk-anim .reveal{opacity:0;transform:translateY(18px)}
  html.mjk-anim .reveal.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){
    .mjk .reveal{opacity:1;transform:none;transition:none}
    .mjk .btn,.mjk .worry,.mjk .svc-card{transition:none}
    html{scroll-behavior:auto}
  }
  @supports not (backdrop-filter:blur(1px)){.mjk header.site{background:var(--surface)}}

/* ===== Cocoon標準ヘッダー/フッター等を隠す（全ページ・映画村に置換） ===== */
#header,#header-container,.header-container,#navi,.navi,.navi-in,.navi-menu,.navi-menu-content,
#footer,.footer,#footer-in,.footer-in,.footer-widgets,.footer-bottom,
#breadcrumb,.breadcrumb,.breadcrumbs,
.footer-mobile-buttons,.mobile-menu-buttons,#mobile-menu-buttons,.mobile-header-menu-buttons,
.go-to-top,#go-to-top-button{display:none !important;}
/* ===== LPページのみ：本文枠をフルワイド化＆固定ページタイトル非表示 ===== */
body.mjk-lp #content,body.mjk-lp .content,body.mjk-lp #main,body.mjk-lp .main,
body.mjk-lp #container,body.mjk-lp .content-in,body.mjk-lp .mjk-wrap-content,body.mjk-lp .wrap-content,
body.mjk-lp .entry-content,body.mjk-lp article,body.mjk-lp .article,body.mjk-lp .a-wrap,body.mjk-lp #main-in{
  max-width:100% !important;width:auto !important;margin:0 !important;padding:0 !important;
  background:transparent !important;box-shadow:none !important;border:none !important;}
body.mjk-lp .entry-title,body.mjk-lp .article-title,body.mjk-lp h1.entry-title,body.mjk-lp .page .entry-title{display:none !important;}
body.mjk-lp .date-tags,body.mjk-lp .post-meta,body.mjk-lp .entry-meta,body.mjk-lp .post-date,body.mjk-lp .entry-date,body.mjk-lp .updated,body.mjk-lp .entry-read-time,body.mjk-lp .card-thumb-overlay{display:none !important;}
body.mjk-lp #sidebar,body.mjk-lp .sidebar,body.mjk-lp #sidebar-scroll,body.mjk-lp .content-sidebar,body.mjk-lp #main.wide-content{display:none !important;}
body.mjk-lp{background:var(--ground);}
/* ===== 見出し等のCocoon装飾を打ち消す ===== */
.mjk h1,.mjk h2,.mjk h3{background:none !important;border:none !important;box-shadow:none !important;
  padding:0 !important;border-radius:0 !important;font-family:var(--serif) !important;color:var(--ink);line-height:1.3;}
.mjk h2::before,.mjk h2::after,.mjk h3::before,.mjk h3::after{content:none !important;display:none !important;border:none !important;background:none !important;}
.mjk .band h2,.mjk .band h3,.mjk .final h2,.mjk .diag h2{color:#fff !important;}
.mjk .hero h1 .accent,.mjk .band h2 .u{color:var(--rose) !important;}
.mjk a{text-decoration:none !important;box-shadow:none !important;border-bottom:none !important;}
.mjk .btn{color:#fff !important;}
.mjk .btn.ghost{color:var(--rose-ink) !important;}
.mjk .btn.line{color:#fff !important;}
.mjk .diag .btn{color:var(--rose-ink) !important;}
.mjk ul,.mjk ol{list-style:none !important;margin:0 !important;padding:0 !important;}
.mjk li{margin:0 !important;padding:0 !important;list-style:none !important;}
.mjk li::before{content:none !important;}
.mjk p{margin:0;}
.mjk .diag p{margin:8px 0 0 !important;}
/* ===== フッターをウィジェット出力に対応 ===== */
.mjk .foot .footer-left,.mjk .foot .footer-center,.mjk .foot .footer-right,
.mjk .foot [class^="footer-"]{min-width:0;}
.mjk .foot .widget{margin:0 0 8px;}
.mjk .foot .widget-title,.mjk .foot .widget h3,.mjk .foot .widget h4{font-family:var(--sans) !important;
  font-size:12px !important;letter-spacing:.14em;color:var(--muted) !important;margin:0 0 14px !important;font-weight:800 !important;
  background:none !important;border:none !important;padding:0 !important;}
.mjk .foot .widget ul{list-style:none !important;margin:0 !important;padding:0 !important;display:flex;flex-direction:column;gap:9px;}
.mjk .foot .widget li{margin:0 !important;}
.mjk .foot .widget a{color:var(--ink);opacity:.8;text-decoration:none;}
.mjk .foot .widget a:hover{color:var(--rose-ink);opacity:1;}
/* ===== page-hero / prose / steps / cbox / spec / CF7 ===== */
.mjk .page-hero{padding:52px 0 6px}
.mjk .page-hero h1{font-size:clamp(28px,5vw,46px);line-height:1.25;font-family:var(--serif)}
.mjk .page-hero .lede{color:var(--muted);font-size:15px;max-width:62ch;margin-top:16px;line-height:1.95}
.mjk .prose{max-width:780px}
.mjk .prose h2{font-size:21px;margin:34px 0 10px}
.mjk .prose h3{font-size:17px;margin:22px 0 8px}
.mjk .prose p{color:var(--ink);font-size:15px;line-height:1.95;margin:0 0 14px !important}
.mjk .prose ul{list-style:disc !important;padding-left:1.2em !important;margin:0 0 16px !important}
.mjk .prose li{list-style:disc !important;margin:6px 0 !important;padding:0 !important;font-size:15px;line-height:1.9}
.mjk .prose a{color:var(--rose-ink) !important;text-decoration:underline !important}
.mjk .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mjk .step{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px}
.mjk .step .no{font-family:var(--mono);color:var(--rose-ink);font-size:11px;letter-spacing:.1em}
.mjk .step h3{font-size:17px;margin:8px 0 8px;font-family:var(--serif)}
.mjk .step p{color:var(--muted);font-size:13.5px;line-height:1.85;margin:0}
.mjk .contact-cta{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mjk .cbox{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.mjk .cbox h3{font-size:18px;font-family:var(--serif)}
.mjk .cbox p{color:var(--muted);font-size:13.5px;margin:0}
.mjk .spec{width:100%;border-collapse:collapse;font-size:14.5px;margin:6px 0 18px}
.mjk .spec th,.mjk .spec td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.mjk .spec th{background:var(--surface);white-space:nowrap;width:36%;font-weight:700}
.mjk .mjk-cf7-wrap{max-width:780px}
.mjk .wpcf7 .mjk-field,.mjk .mjk-cf7 .mjk-field{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}
.mjk .wpcf7 label,.mjk .mjk-cf7 label{font-size:13px;font-weight:700;color:var(--ink)}
.mjk .mjk-req,.mjk .mjk-opt{display:inline-block;font-size:10.5px;font-weight:700;margin-left:8px;padding:2px 8px;border-radius:999px}
.mjk .mjk-req{background:var(--rose);color:#fff}
.mjk .mjk-opt{background:var(--line);color:var(--muted)}
.mjk .wpcf7-form-control-wrap{display:block}
.mjk .wpcf7 input.wpcf7-form-control,.mjk .wpcf7 textarea.wpcf7-form-control,.mjk .wpcf7 select.wpcf7-form-control{
  width:100% !important;border:1px solid var(--line) !important;border-radius:10px !important;padding:12px 14px !important;
  font:inherit !important;background:var(--surface) !important;color:var(--ink) !important;box-sizing:border-box}
.mjk .wpcf7 textarea.wpcf7-form-control{min-height:140px;resize:vertical}
.mjk .wpcf7 input.wpcf7-form-control:focus,.mjk .wpcf7 textarea.wpcf7-form-control:focus{outline:2px solid var(--rose);outline-offset:1px;border-color:transparent}
.mjk .wpcf7 input.wpcf7-submit{background:var(--rose) !important;color:#fff !important;border:none !important;border-radius:999px !important;
  padding:15px 34px !important;font-weight:800 !important;font-size:15px !important;cursor:pointer;margin-top:6px;box-shadow:0 8px 22px -8px var(--rose)}
.mjk .wpcf7 input.wpcf7-submit:hover{transform:translateY(-2px)}
.mjk .wpcf7-not-valid-tip{color:#e0245e;font-size:12px;margin-top:4px}
.mjk .wpcf7 .wpcf7-response-output{border-radius:10px;font-size:13.5px;margin:14px 0 0;padding:12px 14px}
/* ===== 無料相談フォーム（詳細版）追加スタイル ===== */
.mjk .mjk-cf7{max-width:640px}
.mjk .mjk-cf7 .mjk-field{display:flex;flex-direction:column;gap:7px;margin:0 0 18px}
.mjk .mjk-cf7 .mjk-field > label{font-size:13.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}
.mjk .mjk-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mjk .mjk-row-3{grid-template-columns:1fr 1fr 1fr}
.mjk .mjk-row .wpcf7-form-control-wrap{display:block}
.mjk .mjk-hint{font-size:12px;color:var(--muted);margin-top:2px}
.mjk .mjk-note{font-size:12.5px;color:var(--rose-ink);background:var(--rose-soft);border-radius:10px;padding:11px 13px;margin:-4px 0 18px;line-height:1.7}
.mjk .wpcf7-radio{display:flex;gap:10px;flex-wrap:wrap}
.mjk .wpcf7-radio .wpcf7-list-item{margin:0}
.mjk .wpcf7-radio .wpcf7-list-item label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:11px 18px;cursor:pointer;font-size:14px;background:var(--surface)}
.mjk .wpcf7-radio input,.mjk .wpcf7-acceptance input{accent-color:var(--rose)}
.mjk .mjk-eligibility{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:8px 0 18px}
.mjk .mjk-elig-title{font-weight:800;font-size:12px;letter-spacing:.1em;color:var(--rose-ink);margin-bottom:10px}
.mjk .mjk-eligibility ul{list-style:none !important;margin:0 !important;padding:0 !important;display:flex;flex-direction:column;gap:7px}
.mjk .mjk-eligibility li{position:relative;padding-left:18px!important;font-size:14px;color:var(--ink);line-height:1.7;list-style:none !important}
.mjk .mjk-eligibility li::before{content:"" !important;position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--rose)}
.mjk .mjk-consent{font-size:12.5px;color:var(--muted);line-height:1.85;margin:8px 0 12px}
.mjk .mjk-consent a{color:var(--rose-ink) !important;text-decoration:underline !important}
.mjk .wpcf7-acceptance{margin:0 0 18px}
.mjk .wpcf7-acceptance .wpcf7-list-item{margin:0}
.mjk .wpcf7-acceptance label{display:flex;align-items:center;gap:9px;font-size:14px;cursor:pointer;font-weight:700}
.mjk .wpcf7-acceptance input{width:18px;height:18px}
@media(max-width:520px){.mjk .mjk-row{grid-template-columns:1fr}.mjk .mjk-row-3{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:820px){.mjk .steps,.mjk .contact-cta{grid-template-columns:1fr}}
/* ===== WordPressメニュー(wp_nav_menu)のul出力に対応 ===== */
.mjk .nav .links{display:flex;align-items:center}
.mjk .nav .links ul{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}
.mjk .nav .links li{list-style:none;margin:0}
.mjk .nav .links li a{color:var(--ink);opacity:.85;font-size:14px;font-weight:600;padding:4px 0;transition:color .15s}
.mjk .nav .links li a:hover{color:var(--rose-ink);opacity:1}
.mjk .ov-links ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}
.mjk .ov-links li{list-style:none;margin:0}
.mjk .ov-links li a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#fff;
  font-family:var(--serif);font-size:20px;padding:15px 2px;border-bottom:1px solid var(--band-line)}
.mjk .ov-links li a:hover{color:#ff9cb6}



／／／／／ ① フォントを Noto Sans に統一 ／／／／／
※2ステップ（順番が大事）

(A) CSSの一番上（@charset の直後）に、この1行を追加：
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800&display=swap');

(B) 既存の :root{ } の中のフォント3行を、その場で下記に書き換え：
  --serif:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --mono:"Noto Sans JP",sans-serif;
（末尾に足すのではなく“その場で書き換え”。@importは必ず先頭でないと無効）


／／／／／ ② 相談担当者プロフィール（CSS・末尾に追記でOK）／／／／／
.mjk .profile{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 20px 50px -30px rgba(43,27,61,.4)}
.mjk .profile-photo{aspect-ratio:3/4;border-radius:14px;background:var(--line) center/cover no-repeat}
.mjk .profile-name{font-family:var(--serif);font-size:22px;font-weight:700;line-height:1.3}
.mjk .profile-role{font-size:12.5px;font-weight:700;color:var(--rose-ink);margin-top:5px;line-height:1.6}
.mjk .profile-bio{font-size:14px;color:var(--ink);line-height:1.9;margin:14px 0 0}
.mjk .profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mjk .profile-tags span{font-size:12px;font-weight:700;background:var(--rose-soft);color:var(--rose-ink);border-radius:999px;padding:5px 12px}
.mjk .profile-quals{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.mjk .pq-title{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}
.mjk .profile-quals ul{list-style:none !important;margin:0 !important;padding:0 !important;display:flex;flex-direction:column;gap:7px}
.mjk .profile-quals li{position:relative;padding-left:18px!important;font-size:13px;color:var(--ink);line-height:1.65;list-style:none !important}
.mjk .profile-quals li::before{content:"" !important;position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--apricot)}

.mjk .profile-photo{background-image:url(https://majikoi-co.com/wp-content/uploads/2026/08/LINE_ALBUM_結婚式_260827_1.jpg)} 
@media(max-width:640px){.mjk .profile{grid-template-columns:1fr;gap:18px}.mjk .profile-photo{aspect-ratio:4/3;max-width:300px}}


／／／／／ ③ サービス詳細ページ（CSS・末尾に追記でOK）／／／／／
.mjk .service-catch{font-family:var(--serif);font-size:clamp(18px,2.6vw,24px);color:var(--ink);line-height:1.7;margin:14px 0 0;font-weight:700}
.mjk .feat{display:flex;flex-direction:column;gap:16px}
.mjk .feat-item{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px 26px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}
.mjk .feat-icn{width:44px;height:44px;border-radius:12px;background:var(--rose-soft);color:var(--rose-ink);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.mjk .feat-item h3{font-size:17px;font-family:var(--serif);margin:0 0 8px}
.mjk .feat-item p{font-size:14px;color:var(--muted);line-height:1.85;margin:0}
.mjk .check-list{max-width:820px;display:flex;flex-direction:column;gap:12px}
.mjk .check-list li{position:relative;padding-left:32px!important;font-size:15px;line-height:1.8;color:var(--ink);list-style:none !important}
.mjk .check-list li::before{content:"✓" !important;position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--rose);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.mjk .price-box{max-width:560px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:8px 26px 22px;box-shadow:0 20px 50px -30px rgba(43,27,61,.4)}
.mjk .pr{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;border-bottom:1px dashed var(--line2)}
.mjk .pr:last-of-type{border-bottom:none}
.mjk .pr-l{font-size:14px;font-weight:700;color:var(--ink)}
.mjk .pr-v{font-family:var(--mono);font-size:22px;font-weight:800;color:var(--rose-ink);font-variant-numeric:tabular-nums}
.mjk .pr-note{font-size:12.5px;color:var(--muted);line-height:1.8;margin:14px 0 0}
.mjk .cta-band{background:var(--band-bg);border-radius:22px;padding:44px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.mjk .cta-band h2{color:#fff !important;font-size:clamp(22px,3vw,30px)}
.mjk .cert-banner{max-width:280px;margin:6px 0 18px}
.mjk .cert-banner img{width:100%;height:auto;border-radius:6px}
@media(max-width:520px){.mjk .feat-item{grid-template-columns:1fr;gap:12px}}


/* ===== ① フォントを Noto Sans に統一（末尾に追記）===== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800&display=swap');
:root{
  --serif:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --mono:"Noto Sans JP",sans-serif;
}

/* ===== ② 相談担当者プロフィール ===== */
.mjk .profile{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 20px 50px -30px rgba(43,27,61,.4)}
.mjk .profile-photo{aspect-ratio:3/4;border-radius:14px;}
.mjk .profile-name{font-family:var(--serif);font-size:22px;font-weight:700;line-height:1.3}
.mjk .profile-role{font-size:12.5px;font-weight:700;color:var(--rose-ink);margin-top:5px;line-height:1.6}
.mjk .profile-bio{font-size:14px;color:var(--ink);line-height:1.9;margin:14px 0 0}
.mjk .profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mjk .profile-tags span{font-size:12px;font-weight:700;background:var(--rose-soft);color:var(--rose-ink);border-radius:999px;padding:5px 12px}
.mjk .profile-quals{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.mjk .pq-title{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}
.mjk .profile-quals ul{list-style:none !important;margin:0 !important;padding:0 !important;display:flex;flex-direction:column;gap:7px}
.mjk .profile-quals li{position:relative;padding-left:18px;font-size:13px;color:var(--ink);line-height:1.65;list-style:none !important}
.mjk .profile-quals li::before{content:"" !important;position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--apricot)}
/* 顔写真を入れる時↓のURLだけ差し替え（無ければグレー枠のまま）
.mjk .profile-photo{background-image:url(https://majikoi-co.com/wp-content/uploads/2026/08/XXXX.jpg)}
*/
@media(max-width:640px){.mjk .profile{grid-template-columns:1fr;gap:18px}.mjk .profile-photo{aspect-ratio:4/3;max-width:300px}}