@charset "utf-8";
.mark {
    display: inline;
    font-weight: 700;
    line-height: 1.4;
    background: linear-gradient(
        transparent 60%,
        var(--mark-color, #ffe66d) 40%
    );
}

/* .box内にあるすべての画像に対して背景を透明にする */
.box img {
    background-color: transparent !important;
    background: none !important;
    mix-blend-mode: normal !important;
}

/* FAQ全体の枠 */
.faq-container {
  max-width: 800px;
  margin: 20px auto;
}

/* 各Q&Aのブロック（余白と枠線の設定） */
.faq-item {
  margin-bottom: 20px; /* ★ここで各QA間の余白を作っています */
  border: 1px solid #038a33; /* オレンジ色の枠線 */
  border-radius: 8px; /* 角を少し丸くする */
  background-color: #ffffff;
  overflow: hidden; /* 角丸からはみ出さないようにする */
}

/* 質問部分（オレンジ背景・白文字） */
.faq-question {
  padding: 15px 50px 15px 20px; /* アイコン用のスペースを右側に確保 */
  font-weight: bold;
  cursor: pointer;
  list-style: none;
  position: relative;
  background-color: #038a33; /* ★オレンジ背景 */
  color: #ffffff; /* ★白文字 */
  transition: opacity 0.3s;
}

.faq-question:hover {
  opacity: 0.9; /* マウスを乗せた時に少し変化させる */
}

/* デフォルトの三角マーカーを消す */
.faq-question::-webkit-details-marker {
  display: none;
}

/* ＋アイコン（白） */
.faq-question::after {
  content: '+';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 1.5em;
  color: #ffffff; /* アイコンも白 */
}

/* 開いている時の－アイコン */
.faq-item[open] .faq-question::after {
  content: '-';
}

/* 回答部分（白背景） */
.faq-answer {
  padding: 20px;
  background-color: #ffffff; /* ★白背景 */
  line-height: 1.6;
  color: #333;
}
#c10 {
	clear: both;
	background-color: var(--title1);
	background-image: url(../images/home/title1.jpg);
	margin:    ;
	padding:    ;
}
#c11 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c11 h3,
#c11 div {
	text-align: right;
}
#c24 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c24 h2,
#c24 div {
	text-align: left;
}
#c31 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c31 h3,
#c31 div {
	text-align: left;
}
#c33 {
	clear: both;
	margin: 40px auto  ;
	padding:    ;
}
#c33 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c33 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c33 > div:nth-of-type(1) img {
	width: 3379px;
}
#c33 > div:nth-of-type(2) img {
	width: 3339px;
}
#c33 > div:nth-of-type(3) img {
	width: 3653px;
}
#c23 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c23 h3,
#c23 div {
	text-align: center;
}
#c12 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c12 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c12 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c12 > div:nth-of-type(3) img {
	width: 800px;
}
#c39 {
	clear: both;
	margin:   30px ;
	padding:    ;
}
#c39 h2,
#c39 div {
	text-align: left;
}
#c40 {
	clear: both;
	margin: 0   ;
	padding:    ;
}
#c40 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c40 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c40 > div:nth-of-type(3) img {
	width: 234px;
}
#c36 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c36 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c36 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c36 > div:nth-of-type(3) img {
	width: 800px;
}
#c26 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c26 h3,
#c26 div {
	text-align: center;
}
#c34 {
	clear: both;
	margin: 50px 0 20px 0;
	padding:    ;
}
#c34 h3,
#c34 div {
	text-align: left;
}
#c35 {
	clear: both;
	margin: 0 20px 50px 20px;
	padding:    ;
}
#c35 table td {
	padding: 10px;
}
#c35_cell_1_1 {
	text-align: center;
	vertical-align: middle;
	background: #14cc52;
	color: #1c2021;
}
#c35_cell_2_1 {
	text-align: center;
	vertical-align: middle;
	background: #14cc52;
	color: #1c2021;
}
#c35_cell_3_1 {
	text-align: center;
	vertical-align: middle;
	background: #14cc52;
	color: #1c2021;
}
#c35_cell_1_2 {
	text-align: center;
	vertical-align: middle;
	background: #14cc52;
	color: #1c2021;
}
#c35_cell_2_2 {
	text-align: left;
	vertical-align: middle;
}
#c35_cell_3_2 {
	text-align: left;
	vertical-align: middle;
}
#c35_cell_1_3 {
	text-align: center;
	vertical-align: middle;
	background: #14cc52;
	color: #1c2021;
}
#c35_cell_2_3 {
	text-align: left;
	vertical-align: middle;
}
#c35_cell_3_3 {
	text-align: left;
	vertical-align: middle;
}
#c35_cell_1_4 {
	text-align: center;
	vertical-align: middle;
	background: #14cc52;
	color: #1c2021;
}
#c35_cell_2_4 {
	text-align: left;
	vertical-align: middle;
}
#c35_cell_3_4 {
	text-align: left;
	vertical-align: middle;
}
#c35_cell_1_5 {
	text-align: center;
	vertical-align: middle;
	background: #14cc52;
	color: #1c2021;
}
#c35_cell_2_5 {
	text-align: left;
	vertical-align: middle;
}
#c35_cell_3_5 {
	text-align: left;
	vertical-align: middle;
}
#c32 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c32 h2,
#c32 div {
	text-align: left;
}
#c27 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c27 h2,
#c27 div {
	text-align: left;
}
#c38 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c38 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c38 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c28 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c28 h3,
#c28 div {
	text-align: left;
}
#c17 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c17 h2,
#c17 div {
	text-align: center;
}
#c18 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c20 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c20 h3,
#c20 div {
	text-align: left;
}
#c29 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c29 h3,
#c29 div {
	text-align: left;
}
#c19 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c37 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c37 h2,
#c37 div {
	text-align: center;
}
#c30 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c30 h3,
#c30 div {
	text-align: center;
}
#c41 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c41 h2,
#c41 div {
	text-align: center;
}
#c42 {
	clear: both;
	margin:    ;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c10 {
}
#c11 {
}
#c24 {
}
#c31 {
}
#c33 {
}
#c33 {
}
#c23 {
}
#c12 {
}
#c12 {
}
#c39 {
}
#c40 {
}
#c40 {
}
#c36 {
}
#c36 {
}
#c26 {
}
#c34 {
}
#c35 {
}
#c32 {
}
#c27 {
}
#c38 {
}
#c38 {
}
#c28 {
	display: none;
}
#c17 {
}
#c18 {
}
#c20 {
}
#c29 {
}
#c19 {
}
#c37 {
}
#c30 {
}
#c41 {
}
#c42 {
}
}
@media screen and (max-width: 640px) {
#c10 {
}
#c11 {
}
#c24 {
}
#c31 {
}
#c33 {
}
#c33 {
}
#c23 {
}
#c12 {
}
#c12 {
}
#c39 {
}
#c40 {
}
#c40 {
}
#c36 {
}
#c36 {
}
#c26 {
}
#c34 {
}
#c35 {
}
#c32 {
}
#c27 {
}
#c38 {
}
#c38 {
}
#c28 {
	display: none;
}
#c17 {
}
#c18 {
}
#c20 {
}
#c29 {
}
#c19 {
}
#c37 {
}
#c30 {
}
#c41 {
}
#c42 {
}
}