/* 基本スタイル */
#faq h2{
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #00853f;
  margin: 0 0 20px;
}
#faq #faqList{
	margin-bottom: 30px;
}


/* ---------------------------------------
faq
--------------------------------------- */
.faq_l {
}
.faq_l li {
	margin-bottom: 1px;
}
.faq_l li a {
	display: block;
	text-align: center;
	background-color: #eee;
	line-height: 100%;
	padding: 15px 0 18px;
}

panel {
	width: 500px;
}
.panel > dt {
	border-bottom: solid 1px white;
	background-image: url(../images/faq/ttl_q.png), url(../images/common/point06.png);
	background-repeat: no-repeat,no-repeat;
	background-position: 10px 17px, right 10px center;
	background-color: #eee;
	color: #008741;
	cursor: pointer;
	padding: 10px 35px 12px 35px;
	font-size: 110%;
	font-weight: 700;
	line-height: 150%;
	font-family: "kan48typos-std",sans-serif;/*タイポス*/
}
.panel > dd {
	border: solid 1px Silver;
	margin: 0px;
	padding: 10px;
}

.panel2 {
	width: 100%;
}
.panel2 > dt {
	background-image: url(../images/faq/ttl_q.png);
	background-repeat: no-repeat;
	background-position: 10px 17px;
	background-color: #eee;
	color: #008741;
	padding: 10px 35px 12px 35px;
	font-size: 110%;
	font-weight: 700;
	line-height: 150%;
	font-family: "kan48typos-std",sans-serif;/*タイポス*/
	margin-bottom: 10px;
}
.panel2 > dd {
	background-image: url(../images/faq/ttl_a.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	margin: 0px;
	margin-bottom: 30px;
	padding: 0px 20px 0px 35px;
}

/* カテゴリーごとのセクションにマージンを設定 */
.faq-section {
    margin-bottom: 50px; /* 下側に50pxの余白を作る（数値はお好みで調整してください） */
}

/* 最後のセクションだけは下の余白を不要にする場合 */
.faq-section:last-child {
    margin-bottom: 0;
}

/* 1. テーブルを囲む外枠 */
.table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0;
}

/* 2. テーブル全体のスタイル */
.table-container table {
    width: 100%;
    min-width: 500px; /* スマホで潰れすぎるのを防ぐ */
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    table-layout: fixed; /* ★重要: 列の幅を％指定通りにきっちり固定する設定 */
}

/* 見出し（th）とセル（td）の共通指定 */
.table-container th,
.table-container td {
    padding: 12px 15px;
    border-bottom: 1px solid #e0e0e0;
    word-break: break-all; /* ★セルの幅に合わせて適度に改行させる（はみ出し防止） */
}

/* ★見出し（th）のスタイル（ここで50%に固定） */
.table-container th {
    width: 50%; /* ★2列をきれいに50%ずつ（半分ずつ）にする */
    background-color: #f7f9fa;
    color: #333333;
    font-weight: bold;
    border-top: 2px solid #b0bfc6;
    border-bottom: 2px solid #d0d7da;
}

/* 1行おきに背景色を変える（縞模様） */
.table-container tbody tr:nth-child(even) {
    background-color: #fcfdfe;
}


/* マウスを乗せた行の色を変える（PCのみ適用） */
@media (hover: hover) {
    .table-container tbody tr:hover {
        background-color: #f1f5f8;
    }
}
/* マウスを乗せた行の色を変える（PCのみ適用） */
@media (hover: hover) {
    .table-container tbody tr:hover {
        background-color: #f1f5f8;
    }
}


/* 以下アコーディオン */
.accordion_inner {
	display: none;
}

.accordion_header{
	display: flex;
	scroll-margin-top: 150px;
}

/* アイコンの基本スタイル */
.accordion_header i {
	display: inline-block; /* 回転させるために必要 */
	transition: transform 0.3s; /* 0.3秒かけてくるっと回る */
	margin-right: 8px; /* 前に聞いた右側の余白もここに */
}

/* headerに open クラスがついた時のアイコンの動き */
.accordion_header.open i {
	transform: rotate(90deg); /* 90度回転して下向きに */
}

.accordion_header span {
  margin-left: auto; /* 左側の余白を最大にとる ＝ 右端に押し出される */
}

.panel2 > dt {
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
}

.s_in ul li:nth-of-type(1) a,
.s_in ul li:nth-of-type(1) a:hover {
	background-color: #33A169;
}

.faq_l li:nth-child(1) a,
.faq_l li:nth-child(1) a:hover {
	background: url(images/common/point04.png) no-repeat right 10px center;
	background-color: #008741;
	color: #fff;
}
.sb-menu .f_nav06 a,
.sb-menu .f_nav06 a:hover {
	background-color: rgba(0,135,65,.1);
}


a.contact_link{
	text-decoration: underline;
	color: #008741;

}
a:hover{
	opacity: 0.8;
}