@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){
  /*必要ならばここにコードを書く*/
}

/************************************
** スタジオ経営支援LP 専用スタイル
** 追加日: 2026-08-31 / 更新: 2026-08-31（シンプル版）
** 適用範囲: .sslp クラス配下のみ（他ページに影響しません）
** 削除する場合: この行から「スタジオ経営支援LP 専用スタイル ここまで」までを消してください
************************************/
.sslp{
  --ink:#2F343A;
  --ink-soft:#5A6470;
  --ink-mute:#8A939E;
  --line:#E7E4DE;
  --bg:#FCFBF9;
  --tq:#7FB6BD;
  --tq-deep:#5E9BA3;
  --tq-pale:#EFF7F8;
  --tq-line:#CFE4E7;
  --gold:#B99C5A;
  --serif:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;
  --sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  font-family:var(--sans);
  color:var(--ink);
  background:var(--bg);
  line-height:1.95;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  margin:0 calc(50% - 50vw);
  width:100vw;
  overflow-x:hidden;
}
.sslp *{box-sizing:border-box;}
.sslp p{margin:0 0 1.3em;}
.sslp ul{margin:0;padding:0;list-style:none;}
.sslp li{margin:0;}
.sslp a{color:var(--tq-deep);}

.sslp .wrap{max-width:800px;margin:0 auto;padding:0 24px;}
.sslp .sec{padding:104px 0;}
.sslp .sec--tint{background:var(--tq-pale);}

.sslp h1,.sslp h2,.sslp h3{
  font-family:var(--serif);font-weight:600;line-height:1.6;
  color:var(--ink);border:none;padding:0;background:none;
}
.sslp h1{font-size:2.2em;margin:0 0 .8em;letter-spacing:.01em;}
.sslp h2{font-size:1.5em;margin:0 0 1.6em;}
.sslp h3{font-size:1.2em;margin:0 0 .5em;}
.sslp h2::before,.sslp h2::after,.sslp h3::before,.sslp h3::after{display:none;}
.sslp .eyebrow{
  font-family:var(--sans);font-size:.76em;letter-spacing:.2em;
  color:var(--gold);margin:0 0 1.1em;font-weight:500;
}

/* hero */
.sslp .hero{
  background:linear-gradient(178deg,#FFFFFF 0%, var(--tq-pale) 100%);
  padding:110px 0 92px;border-bottom:1px solid var(--tq-line);
}
.sslp .hero .lead{font-size:1.03em;color:var(--ink-soft);max-width:30em;margin-bottom:2.6em;}
.sslp .hero .who{
  font-size:.88em;color:var(--ink-mute);margin:2.8em 0 0;padding-top:1.5em;
  border-top:1px solid var(--tq-line);line-height:1.85;
}

/* buttons */
.sslp .btns{display:flex;flex-wrap:wrap;gap:14px;margin:0;}
.sslp .btn{
  display:inline-block;text-decoration:none !important;text-align:center;
  padding:1.1em 2.6em;border-radius:999px;font-weight:700;font-size:1em;
  background:var(--tq);color:#fff !important;border:none;
  box-shadow:0 6px 18px rgba(127,182,189,.35);
  transition:transform .15s ease, box-shadow .15s ease;
}
.sslp .btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(127,182,189,.45);color:#fff !important;}

/* 箇条書き（こんな方へ） */
.sslp .points li{
  position:relative;padding:0 0 0 1.7em;margin-bottom:1.1em;font-size:1.03em;
}
.sslp .points li::before{
  content:"";position:absolute;left:0;top:.85em;
  width:7px;height:7px;border-radius:50%;background:var(--tq);
}
.sslp .after-note{margin:2em 0 0;color:var(--ink-soft);font-size:.96em;}

/* 商品 */
.sslp .prod{
  background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:38px 32px;margin-bottom:20px;position:relative;
}
.sslp .prod h3{font-size:1.28em;margin-bottom:.65em;}
.sslp .prod__price{
  font-family:var(--serif);font-size:1.6em;margin:0 0 .1em;line-height:1.35;color:var(--ink);
}
.sslp .prod__term{font-size:.88em;color:var(--ink-mute);margin:0 0 1.4em;}
.sslp .prod__for{font-weight:700;color:var(--tq-deep);margin:0 0 .5em;font-size:.98em;}
.sslp .prod p:last-child{margin-bottom:0;}

.sslp .prod--feature{
  border:1px solid var(--tq);
  box-shadow:0 10px 34px rgba(127,182,189,.18);
  padding-top:48px;
}
.sslp .prod--feature .prod__label{
  position:absolute;top:0;left:0;
  background:var(--tq);color:#fff;
  font-size:.79em;font-weight:700;letter-spacing:.06em;
  padding:.5em 1.3em;border-radius:16px 0 12px 0;
}
.sslp .prod--feature .prod__price{color:var(--tq-deep);}

.sslp .paynote{margin:2.2em 0 0;font-size:.92em;color:var(--ink-mute);line-height:1.85;}

/* どれを選べばいい */
.sslp .pick li{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.2em 1em;
  padding:1.15em 0;border-bottom:1px solid var(--tq-line);
}
.sslp .pick li:first-child{border-top:1px solid var(--tq-line);}
.sslp .pick .cond{flex:1 1 15em;color:var(--ink-soft);font-size:.98em;}
.sslp .pick .to{
  font-family:var(--serif);font-weight:600;color:var(--tq-deep);font-size:1.02em;
}
.sslp .pick .to::before{content:"→　";color:var(--tq);}

/* 私について */
.sslp .profile{display:flex;gap:32px;align-items:flex-start;}
.sslp .profile__photo{
  flex:0 0 132px;width:132px;height:132px;border-radius:50%;
  object-fit:cover;object-position:center center;
  border:3px solid #fff;box-shadow:0 6px 18px rgba(47,52,58,.10);
}
.sslp .profile__body{flex:1 1 auto;min-width:0;}
.sslp .profile__body p:last-child{margin-bottom:0;}
.sslp .name{
  font-family:var(--serif);font-size:1.3em;font-weight:600;
  margin:0 0 .35em;letter-spacing:.04em;
}
.sslp .role{
  font-size:.88em;color:var(--tq-deep);letter-spacing:.08em;
  margin:0 0 1.4em;font-weight:500;
}

/* FAQ */
.sslp .faq{
  background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:22px 24px;margin-bottom:12px;
}
.sslp .faq summary{
  font-family:var(--serif);font-weight:600;cursor:pointer;list-style:none;line-height:1.7;
}
.sslp .faq summary::-webkit-details-marker{display:none;}
.sslp .faq summary::before{content:"Q.　";color:var(--gold);}
.sslp .faq[open] summary{margin-bottom:.9em;padding-bottom:.9em;border-bottom:1px solid var(--line);}
.sslp .faq p{font-size:.96em;color:var(--ink-soft);margin-bottom:0;}

/* 最後のCTA */
.sslp .final{
  background:linear-gradient(178deg,var(--tq-pale) 0%,#FFFFFF 100%);
  border-top:1px solid var(--tq-line);text-align:center;padding:104px 0;
}
.sslp .final h2{font-size:1.6em;margin-bottom:1.2em;}
.sslp .final .lead{color:var(--ink-soft);max-width:28em;margin:0 auto 2.6em;}
.sslp .final .btns{justify-content:center;}
.sslp .final .note{font-size:.86em;color:var(--ink-mute);margin:2.2em 0 0;}

@media screen and (max-width:600px){
  .sslp{font-size:15.5px;}
  .sslp .sec{padding:72px 0;}
  .sslp .hero{padding:76px 0 62px;}
  .sslp .final{padding:76px 0;}
  .sslp h1{font-size:1.7em;}
  .sslp h2{font-size:1.28em;margin-bottom:1.3em;}
  .sslp .prod{padding:30px 24px;}
  .sslp .prod--feature{padding-top:44px;}
  .sslp .prod__price{font-size:1.42em;}
  .sslp .btn{display:block;width:100%;padding:1.15em 1em;}
  .sslp .pick li{flex-direction:column;gap:.35em;padding:1.1em 0;}
  .sslp .pick .cond{flex:none;}
  .sslp .profile{flex-direction:column;align-items:center;gap:24px;text-align:center;}
  .sslp .profile__photo{flex:0 0 110px;width:110px;height:110px;}
  .sslp .profile__body{text-align:left;width:100%;}
  .sslp .name,.sslp .role{text-align:center;}
}
/************************************

/* AI（3商品共通・2026-09-14 追加） */
.sslp .prod__ai{
  margin:1.5em 0 0;padding:1.15em 1.35em;
  background:var(--tq-pale);border:1px solid var(--tq-line);border-radius:12px;
  font-size:.95em;line-height:1.85;color:var(--ink-soft);
}
.sslp .prod__ai .t{
  display:block;font-weight:700;color:var(--tq-deep);margin:0 0 .35em;font-size:1.02em;
}
.sslp .prod p.prod__ai:last-child{margin-bottom:0;}

.sslp .ainote{
  margin:2.8em 0 0;padding:36px 32px;
  background:#fff;border:1px solid var(--tq-line);border-radius:16px;
}
.sslp .ainote .eyebrow{margin-bottom:.9em;}
.sslp .ainote h3{margin:0 0 .8em;}
.sslp .ainote p{color:var(--ink-soft);}
.sslp .ainote .small{
  margin:1.5em 0 0;padding-top:1.3em;border-top:1px solid var(--line);
  font-size:.9em;color:var(--ink-mute);line-height:1.85;
}
@media (max-width:600px){
  .sslp .ainote{padding:28px 22px;}
  .sslp .prod__ai{padding:1em 1.1em;}
}
** スタジオ経営支援LP 専用スタイル ここまで
************************************/

/* AI比較表（2026-09-14 追加） */
.sslp .ainote p.aiscroll{
  display:none !important;margin:1.8em 0 .5em;font-size:.84em;color:var(--ink-mute);text-align:right;
}
.sslp .aitable{margin:1.8em 0 0;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.sslp .aitable table{
  border-collapse:collapse;width:100%;min-width:600px;font-size:.9em;line-height:1.75;
}
.sslp .aitable th,.sslp .aitable td{
  border:1px solid var(--line);padding:.85em 1em;text-align:left;vertical-align:top;
}
.sslp .aitable thead th{
  background:var(--tq-pale);color:var(--tq-deep);font-weight:700;
  font-size:.95em;line-height:1.5;white-space:nowrap;
}
.sslp .aitable thead th span{
  display:block;font-family:var(--serif);font-size:.92em;
  color:var(--ink-mute);font-weight:400;margin-top:.25em;
}
.sslp .aitable thead th:first-child{background:transparent;border-top:none;border-left:none;}
.sslp .aitable tbody th{
  background:var(--bg);color:var(--ink-soft);font-weight:700;
  white-space:nowrap;font-size:.95em;
}
.sslp .aitable tbody td{color:var(--ink-soft);}
.sslp .aitable tbody td b{color:var(--tq-deep);font-weight:700;}
.sslp .aitable tbody td .n{color:var(--ink-mute);font-size:.9em;}
.sslp .aifoot{
  margin:1.2em 0 0;font-size:.9em;color:var(--ink-mute);line-height:1.85;
}
@media (max-width:640px){
  .sslp .ainote p.aiscroll{display:block !important;}
  .sslp .aitable table{font-size:.86em;}
  .sslp .aitable th,.sslp .aitable td{padding:.7em .8em;}
}