@charset "utf-8";
/* リスト項目(li)の前に付いているマークを赤くする */
.list_dot li::before {
    color: #ff0000 !important; /* 強制的に赤色を適用 */
}


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


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

/* 各Q&Aのブロック（余白と枠線の設定） */
.faq-item {
  margin-bottom: 20px; /* ★ここで各QA間の余白を作っています */
  border: 1px solid ##e8f4fe; /* 水色の枠線 */
  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: #e8f4fe; /* ★水色背景 */
  color: #4a4a4a; /* ★黒文字 */
  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;
}
#c1 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c1 h1,
#c1 div {
	text-align: left;
}
#c2 {
	clear: both;
	margin: 50px 0  ;
	padding:    ;
}
#c38 {
	clear: both;
	margin: 30px 0 80px 0;
	padding:    ;
}
#c38 h3,
#c38 div {
	text-align: center;
}
#c3 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c3 h3,
#c3 div {
	text-align: left;
}
#c4 {
	clear: both;
	margin: 0 0 48px ;
	padding:    ;
}
#c4 h3,
#c4 div {
	text-align: left;
}
#c5 {
	clear: both;
	margin: 0 0 48px ;
	padding:    ;
}
#c5 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c5 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c5 > div:nth-of-type(1) img {
	width: 800px;
}
#c5 > div:nth-of-type(2) img {
	width: 800px;
}
#c32 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c6 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c6 h3,
#c6 div {
	text-align: left;
}
#c7 {
	clear: both;
	margin: 0 0 48px ;
	padding:    ;
}
#c7 h3,
#c7 div {
	text-align: left;
}
#c8 {
	clear: both;
	margin: 0 0 48px ;
	padding:    ;
}
#c8 h3,
#c8 div {
	text-align: left;
}
#c9 {
	clear: both;
	margin: 0 0 48px ;
	padding:    ;
}
#c9 h3,
#c9 div {
	text-align: center;
}
#c10 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c10 h3,
#c10 div {
	text-align: left;
}
#c11 {
	clear: both;
	margin: 0 0 48px ;
	padding:    ;
}
#c11 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c11 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c11 > div:nth-of-type(1) img {
	width: 800px;
}
#c11 > div:nth-of-type(2) img {
	width: 800px;
}
#c11 > div:nth-of-type(3) img {
	width: 800px;
}
#c34 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c13 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c13 h3,
#c13 div {
	text-align: left;
}
#c12 {
	clear: both;
	margin: 0 0 10px ;
	padding:    ;
}
#c12 h3,
#c12 div {
	text-align: left;
}
#c15 {
	clear: both;
	margin: 0 0 48px ;
	padding:    ;
}
#c15 h3,
#c15 div {
	text-align: left;
}
#c14 {
	clear: both;
	margin: 0 0 48px ;
	padding:    ;
}
#c14 h3,
#c14 div {
	text-align: left;
}
#c16 {
	clear: both;
	margin: 0 0 10px ;
	padding:    ;
}
#c16 h3,
#c16 div {
	text-align: left;
}
#c17 {
	clear: both;
	margin: 0 0 48px ;
	padding:    ;
}
#c17 h3,
#c17 div {
	text-align: left;
}
#c18 {
	clear: both;
	margin: 0 0 48px ;
	padding:    ;
}
#c18 h3,
#c18 div {
	text-align: left;
}
#c35 {
	clear: both;
	margin: 0 0 48px ;
	padding:    ;
}
#c35 h3,
#c35 div {
	text-align: left;
}
#c19 {
	clear: both;
	margin: 0 0 48px ;
	padding:    ;
}
#c19 h3,
#c19 div {
	text-align: center;
}
#c20 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c20 h3,
#c20 div {
	text-align: left;
}
#c21 {
	clear: both;
	margin: 0 0 40px ;
	padding:    ;
}
#c21 a.itext, #c21 img, #c21 video {
	width: 800px;
	height: 533px;
}
#c21 h3,
#c21 div {
	text-align: left;
}
#c22 {
	clear: both;
	margin: 0 0 40px ;
	padding:    ;
}
#c22 a.itext, #c22 img, #c22 video {
	width: 800px;
	height: 533px;
}
#c22 h3,
#c22 div {
	text-align: left;
}
#c36 {
	clear: both;
	margin: 0 0 40px ;
	padding:    ;
}
#c36 a.itext, #c36 img, #c36 video {
	width: 800px;
	height: 522px;
}
#c36 h3,
#c36 div {
	text-align: left;
}
#c23 {
	clear: both;
	margin: 0 0 40px ;
	padding:    ;
}
#c23 a.itext, #c23 img, #c23 video {
	width: 800px;
	height: 533px;
}
#c23 h3,
#c23 div {
	text-align: left;
}
#c37 {
	clear: both;
	margin: 0 0 40px ;
	padding:    ;
}
#c37 a.itext, #c37 img, #c37 video {
	width: 800px;
	height: 600px;
}
#c37 h3,
#c37 div {
	text-align: left;
}
#c24 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c24 h3,
#c24 div {
	text-align: left;
}
#c40 {
	clear: both;
	margin: 0 0 50px 0;
	padding:    ;
}
#c39 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c39 h3,
#c39 div {
	text-align: left;
}
#c25 {
	clear: both;
	margin: 0 0 60px ;
	padding:    ;
}
#c25 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c25 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c25 > div:nth-of-type(1) img {
	width: 99px;
}
#c25 > div:nth-of-type(2) img {
	width: 100px;
}
#c25 > div:nth-of-type(3) img {
	width: 100px;
}
#c25 > div:nth-of-type(4) img {
	width: 100px;
}
#c25 > div:nth-of-type(5) img {
	width: 100px;
}
#c25 > div:nth-of-type(6) img {
	width: 100px;
}
#c25 > div:nth-of-type(7) img {
	width: 100px;
}
#c41 {
	clear: both;
	margin:  0 30px ;
	padding:    ;
}
#c41 h3,
#c41 div {
	text-align: center;
}
#c42 {
	clear: both;
	margin: 0 0 120px 0;
	padding:    ;
}
#c42 h3,
#c42 div {
	text-align: center;
}
#c26 {
	clear: both;
	background-image: url(../images/top/contct_bg.jpg);
	margin: 20px 0 -120px ;
	padding: 70px 0  ;
}
#c27 {
	clear: both;
	margin: 0 0 60px ;
	padding:    ;
}
#c27 h3,
#c27 div {
	text-align: center;
}
#c28 {
	clear: both;
	margin: 0 0 60px ;
	padding:    ;
}
#c28 h3,
#c28 div {
	text-align: center;
}
#c29 {
	clear: both;
	margin: 0 0 48px ;
	padding:    ;
}
#c29 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c29 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c30 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c30 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c30 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c31 {
	clear: both;
	margin:    ;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c1 {
}
#c2 {
}
#c38 {
}
#c3 {
}
#c4 {
}
#c5 {
}
#c5 {
}
#c32 {
}
#c6 {
}
#c7 {
}
#c8 {
}
#c9 {
}
#c10 {
}
#c11 {
}
#c11 {
}
#c34 {
}
#c13 {
}
#c12 {
}
#c15 {
}
#c14 {
}
#c16 {
}
#c17 {
}
#c18 {
}
#c35 {
}
#c19 {
}
#c20 {
}
#c21 {
}
#c22 {
}
#c36 {
}
#c23 {
}
#c37 {
}
#c24 {
}
#c40 {
}
#c39 {
}
#c25 {
}
#c25 {
}
#c41 {
}
#c42 {
}
#c26 {
	margin: 0 0 -120px;
	padding: 140px 0;
}
#c27 {
}
#c28 {
}
#c29 {
	margin: 0 0 48px;
}
#c29 {
}
#c30 {
}
#c30 {
}
#c31 {
}
}
@media screen and (max-width: 640px) {
#c1 {
}
#c2 {
}
#c38 {
}
#c3 {
}
#c4 {
}
#c5 {
}
#c5 {
}
#c32 {
}
#c6 {
}
#c7 {
}
#c8 {
}
#c9 {
}
#c10 {
}
#c11 {
}
#c11 {
}
#c34 {
}
#c13 {
}
#c12 {
}
#c15 {
}
#c14 {
}
#c16 {
}
#c17 {
}
#c18 {
}
#c35 {
}
#c19 {
}
#c20 {
}
#c21 {
}
#c22 {
}
#c36 {
}
#c23 {
}
#c37 {
}
#c24 {
}
#c40 {
}
#c39 {
}
#c25 {
}
#c25 {
}
#c41 {
}
#c42 {
}
#c26 {
	margin: 0 0 -80px;
	padding: 80px 0;
}
#c27 {
}
#c28 {
}
#c29 {
	margin: 0 0 30px;
}
#c29 {
}
#c30 {
}
#c30 {
}
#c31 {
}
}