/* 体験談本文 =========================================== */

/* タイトル部分 */
/* #exp_con dt	{ padding: 2cqw 3cqw 2cqw; } */
#exp_con dt	{ padding: 1cqw 2cqw 1cqw; }

#exp_con dt p	{
	/* font-size:4.2cqw; */
	font-size:4cqw;
	line-height: 1.2;
}

/* 本文 */
#exp_con dd	{
	padding: 2cqw 3cqw 2cqw;
	/* font-size:4cqw; */
	font-size:3.8cqw;
	line-height: 1.2;
}
#exp_con dd span	{
	color:#418FD6;
	background:#FFFF4D;
	font-weight:bold;
}

/* ナビゲーションリスト（base.cssを使わない） ::::::::::::::::::::::::::::::::::::::: */

/* 白背景、左にアイコン、右に矢印 =========== */
.navList2	{
	background:#FFF;
	border-top:1px solid #DBDBDB;
}

.navList2 li	{
	background:url(../img/common/arrow_r_lgy.png) no-repeat 96% center;
	background-size:2%;
}
	
.navList2 li a	{
	display:block;
	/* padding: 3cqw 0 3cqw 3cqw; */
	padding: 2cqw 7cqw 2cqw 3cqw;
	border-bottom:1px solid #DBDBDB;
	color:#363636;
	/* font-size:4.2cqw; */
	font-size:4cqw;
	font-weight:bold;
	line-height: 1.2;
}


/* --------------------------------------------------------------
   「遷移元ページに戻るボタン」を追加
   -------------------------------------------------------------- */
/* 新規追加: 左下のボタン全体を囲むコンテナ */
.floating-buttons-left {
	position: fixed;
	left: 5cqw; /* 左端から30px */
	bottom: 17cqw; /* 既存のpagetopと同じ高さ */
	z-index: 1000; /* 他の要素の上に表示 */
	display: flex; /* ボタンを横並びにする */
	flex-direction: column; /* ボタンを縦に並べる（既存のpagetopと縦位置を合わせるため） */
	gap: 3cqw; /* ボタン間の間隔 */
}

/* 個別ボタンの設定 */
.floating-buttons-left p {
	margin: 0; /* pタグのデフォルトマージンをリセット */
}

/* 遷移元に戻るボタン */
.backtohistory {
    /* ↓常に表示に変更するため削除 */
    /* display: none; */ /* JSで制御するので削除 */
}


/* -----------------------------------
    Font Awesome（文頭にアイコン）
   ----------------------------------- */
/* Icon Name ： square ------------------------------ */
/* アイコン用クラスの定義 */
.fa-square-before-text {
    /* <span>自体を非表示にするか、インラインブロック要素として扱う */
    display: inline-block;
    vertical-align: 0%; /* テキストとの縦位置を合わせる */
}

.fa-square-before-text::before {
    /* 1. squareアイコンの Unicode を指定 */
    content: "\f0c8"; 
    /* 2. Font Awesome のフォントとウェイトを指定 (Solidアイコン用) */
    font-family: "Font Awesome 7 Free"; 
    font-weight: 900; 
    /* 3. アイコンのスタイル調整 */
    color: #000000; /* 黒 */
/*    font-size: 1em; */ /* フォントサイズは別に指定 */
    margin-right: 2cqw; /* テキストとの間に隙間を空ける */
}

/* Icon Name ： caret-right ------------------------- */
/* アイコン用クラスの定義 */
.fa-caret-right-before-text {
    /* <span>自体を非表示にするか、インラインブロック要素として扱う */
    display: inline-block;
    vertical-align: 0%; /* テキストとの縦位置を合わせる */
}

.fa-caret-right-before-text::before {
    /* 1. caret-rightアイコンの Unicode を指定 */
    content: "\f0da"; 
    /* 2. Font Awesome のフォントとウェイトを指定 (Solidアイコン用) */
    font-family: "Font Awesome 7 Free"; 
    font-weight: 900; 
    /* 3. アイコンのスタイル調整 */
    color: #000000; /* 黒 */
/*    font-size: 1em; */ /* フォントサイズは別に指定 */
    margin-right: 2cqw; /* テキストとの間に隙間を空ける */
}

/* Icon Name ： comment-dots ------------------------- */
/* アイコン用クラスの定義 */
.fa-comment-dots-before-text {
    /* <span>自体を非表示にするか、インラインブロック要素として扱う */
    display: inline-block;
    vertical-align: 0%; /* テキストとの縦位置を合わせる */
}

.fa-comment-dots-before-text::before {
    /* 1. caret-rightアイコンの Unicode を指定 */
    content: "\f4ad"; 
    /* 2. Font Awesome のフォントとウェイトを指定 (Solidアイコン用) */
    font-family: "Font Awesome 7 Free"; 
    font-weight: 900; 
    /* 3. アイコンのスタイル調整 */
    color: #418FD6; /* 青 */
/*    font-size: 1em; */ /* フォントサイズは別に指定 */
    margin-right: 2cqw; /* テキストとの間に隙間を空ける */
}