@charset "UTF-8";

main h3 {color:#444;}

main h2 {line-height:1.6;}
main h2 span {display:block; width:100%; color:#39901b; font-size:70%;}
main .pL_fee1 {padding-left:4.3em;}


/*********************************
 * ～900（スマホ・タブレット）
 *********************************/

@media screen and (max-width:900px){

  table.policy {width:100%; border-top:1px solid #7f7f7f;}
  table.policy th {padding:0.5em 0.8em; border:1px solid #cacaca; text-align:left; vertical-align:middle; line-height:1.4;}
  table.policy td + td {text-align:left;}
  table.policy td {padding:0.5em 0.8em; border:1px solid #cacaca; text-align:center; line-height:1.4;}
  table.policy thead th {background:#39901b; color:#fff; text-align:left;}

}


/*********************************
 * 901～（PC）
 *********************************/

@media screen and (min-width:901px) {

  table.policy {width:100%; border-top:1px solid #7f7f7f;}
  table.policy th {padding:0.5em 0.8em; border:1px solid #cacaca; text-align:left; vertical-align:middle; line-height:1.4;}
  table.policy td {padding:0.5em 0.8em; border:1px solid #cacaca; text-align:left; line-height:1.4;}
  table.policy td + td {text-align:left;}
  table.policy thead th {background:#39901b; color:#fff; text-align:left;}

}


/*********************************
 * 問い合わせ先：レイアウト制御
 * スマホ：縦並び
 * PC：横並び（左＝テキスト／右＝SRP）
 *********************************/

/* ===== 共通（スマホ想定：縦並び） ===== */
.area3 .ptxt {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* CMS既存のfloat指定を無効化 */
.area3 .fleft,
.area3 .fright {
  float: none !important;
}

/* 並び順を明示（HTML順に依存しない） */
.area3 .fleft  { order: 1; }   /* テキスト */
.area3 .fright { order: 2; }   /* SRPロゴ */

/* スマホ時の右画像ブロック */
.area3 .fright {
  width: auto;
  margin-left: 0;
}

/* メールアドレスの分断防止（共通） */
.area3 .subtext {
  word-break: normal;
  overflow-wrap: break-word;
}


/* ===== PCのみ横並び ===== */
@media screen and (min-width:901px) {

  .area3 .ptxt {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
  }

  /* 左カラム（テキスト）を最大限広く */
  .area3 .fleft {
    flex: 1;
    min-width: 0; /* 英数字1行表示に必須 */
  }

  /* 右カラム（SRPロゴ）固定幅 */
  .area3 .fright {
    width: 240px;        /* ロゴ200px＋余白 */
    flex: 0 0 240px;
    margin-left: 20px;
    text-align: right;
  }

  /* PCではメールアドレスを必ず1行に */
  .area3 .subtext {
    white-space: nowrap;
  }
}