/*
Theme Name: SYN Ownd Child
Template: syn-ownd
Theme URI: https://syn.design/
Author: 株式会社ウェブライダー
Author URI: https://web-rider.jp/
Description: SYN Ownd の子テーマ
Version: 1.0.0
Text Domain: syn-ownd-child
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
@charset "utf-8";

/* ▼▼監修者プロフィールBOX */
.supervisor-box{
  background:#f3f3f3;
  border:1px solid #e2e2e2;
  padding:18px 20px;
  margin:24px 0;
}

/* 「監修者Profile」見出し（左上） */
.supervisor-box__label{
  display:block;
  font-weight:700;
  color:#8e8e8e;
  letter-spacing:.02em;
  margin:0 0 14px 0;
  padding:0 0 10px 0;
  border-bottom:1px solid #cfcfcf;
}

/* 中身のレイアウト（上線は消す） */
.supervisor-box__inner{
  display:flex;
  gap:18px;
  align-items:center;             /* 画像と本文を縦中央に */
  padding-top:6px;                /* 見出し下の余白でバランス調整 */
  padding-bottom:12px;
  border-top:none;                /* ←2本目の原因なので削除 */
  border-bottom:1px dotted #bdbdbd; /* 下側の点線は残す（不要なら消してOK） */
}

/* 左のイラスト枠 */
.supervisor-box__img{
  flex:0 0 150px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.supervisor-box__img img{
  width:140px;
  height:auto;
  display:block;
}

/* 右側テキスト */
.supervisor-box__body{
  flex:1;
  min-width:0;
}

/* 名前 */
.supervisor-box__name{
  font-size:20px;
  font-weight:800;
  color:#333;
  line-height:1.3;
  margin:0 0 8px 0;
}

/* 説明文 */
.supervisor-box__text{
  font-size:14px;
  line-height:1.9;
  color:#444;
}

/* スマホ対応 */
/* スマホ表示 */
@media (max-width: 600px){
  .supervisor-box{
    padding:16px;
  }

  .supervisor-box__inner{
    flex-direction:column;
    align-items:stretch;   /* テキストは幅いっぱいでOK */
    gap:12px;
  }

  /* 画像ブロックを中央寄せ */
  .supervisor-box__img{
    width:100%;
    justify-content:center; 
    align-items:center;     /* 縦も中央寄りに */
    margin:6px 0 2px;       /* 上下のバランス調整（好みで微調整OK） */
  }

  .supervisor-box__img img{
    width:120px;            /* 既存のまま */
    display:block;
    margin:0 auto;          /* 念のため img 単体でも中央寄せ */
  }

  .supervisor-box__name{
    font-size:18px;
		text-align:center;
  }
}
/* ▲▲監修者プロフィールBOX */