/* body */
body {
	color:#1a1a1a;
	margin:0px;
	padding:0px;
	background:#ffffff url(bg6.gif) repeat-y;
	background-position:center;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

/* テーブル・段落 */
td { font-size:17px; line-height:160%; }
p  { margin:3px 5px; letter-spacing:0.1em;}



/* リンク */
a       { color:#588d67; text-decoration:underline; font-weight: bold;}
a:hover { color:#aa0000; text-decoration:none; background-color:#ffcc99; }

/* コンテンツ */
h1 { color:#333333; font-size:14pt; margin:0px 0px;}
h2 { color:#588d67; font-size:14pt; margin:0px 0px;}
h3 { color:#333333; font-size:15pt; margin:0px 0px;}

h3 {
  position: relative;
  padding-left: 25px;
}

h3:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(88, 141, 103);
}
h3:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 90%;
  border-bottom: solid 3px rgb(88, 141, 103);
}


h4 {
  /*線の種類（二重線）太さ 色*/
  border-bottom: double 5px #588d67;
}


h4 { color:#333333; font-size:15pt; margin:0px 0px;}
h5 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #588d67;/*左線*/
}


h5 { color:#333333; font-size:15pt; margin:0px 0px;width: 80%;}


h6 { color:#ff6a00; font-size:15pt; margin:0px 0px;}

/* CSSコード */
.hr1 {
       border-top: 2px dotted #c6b587; /* 点線 */
       width: 96%;
}

h7 { color:#333333; font-size:15pt; margin:0px 0px;}

h8 {
  padding: 0.5em;/*文字周りの余白*/
  color: #333333;/*文字色*/
  background: #eae6d9;/*背景色*/
  border-left: solid 5px #588d67;/*左線（実線 太さ 色）*/
  font-size:15pt;
  font-weight: bold; /*太字に*/
}





/* hr線の色を変えてみたバージョン */
.bar1 {
  display: block;
  width: 100%;
  height: 5px;
  background: linear-gradient(to left, white, red);
  border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
}

.bar2 {
  display: block;
  width: 95%;
  height: 5px;
  background: linear-gradient(to left, white, #ff6a00);
  border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
}

.bar3 {
  display: block;
  width: 95%;
  height: 5px;
  background: linear-gradient(to left, white, #007500);
  border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
}

.bar4 {
  display: block;
  width: 100%;
  height: 5px;
  background: linear-gradient(to left, white, #009fc9);
  border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
}

/* hr線の背景に画像を用いたバージョン */
.bar5 {
  height: 3px;
  background: linear-gradient(to reft,red,white,);
  border: none;
}



  background: url("hr-bar.gif") no-repeat top center;
  -webkit-background-size: 512px 28px;
}



.example {/*親div*/
  position: relative;/*相対配置*/
  }

.example p {
  position: absolute;
  color: black;/*文字は黒に*/
  font-weight: bold; /*太字に*/

  font-size: 2.7em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 270px;
  left: 25%;


  }

.example pp {
  position: absolute;
  color: black;/*文字は黒に*/
  font-weight: bold; /*太字に*/

  font-size: 2.7em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 320px;
  left: 32%;


  }


.example ppp {
  position: absolute;
  color: black;/*文字は黒に*/
  font-weight: bold; /*太字に*/

  font-size: 2.7em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 530px;
  left: 25%;


  }


.example pppp {
  position: absolute;
  color: black;/*文字は黒に*/
  font-weight: bold; /*太字に*/

  font-size: 2.7em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 580px;
  left: 27%;


  }





.example ppppp {
  position: absolute;
  color: black;/*文字は黒に*/

  font-size: 1.0em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 695px;
  left: 26%;


  }

.example pppppp {
  position: absolute;
  color: black;/*文字は黒に*/
  font-size: 1.0em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/

  top: 725px;
  left: 26%;
  }
.example ppppppp {
  position: absolute;
  color: black;/*文字は黒に*/

  font-size: 1.0em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/

  top: 755px;
  left: 26%;
  }

.example pppppppp {
  position: absolute;
  color: black;/*文字は黒に*/

  font-size: 1.0em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/

  top: 785px;
  left: 26%;
  }

.example ppppppppp {
  position: absolute;
  color: black;/*文字は黒に*/
  font-size: 1.0em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 815px;
  left: 26%;
  }



.example pppppppppp {
  position: absolute;
  color: black;/*文字は黒に*/
  font-size: 1.0em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 845px;
  left: 26%;
  }

.example ppppppppppp {
  position: absolute;
  color: black;/*文字は黒に*/
  font-size: 1.0em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 875px;
  left: 26%;
  }

.example pppppppppppp {
  position: absolute;
  color: black;/*文字は黒に*/
  font-size: 1.0em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 905px;
  left: 26%;
  }

.example td{
    vertical-align: top;
}


/* ドロップダウンメニュー */
.menu {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	display: flex;
	justify-content: center;
	list-style: none;
}

.menu li {
	list-style: none;
}

.menu li a {
	width: 170px;
	height: 40px;
        font-weight: bold; /*太字に*/
	font-size: 15px;
	color: #ffffff;
	background: #588d67;
	text-decoration: none;
	border-right: 1px solid #c6b587;
	box-sizing: border-box;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.menu > li:hover > a {
	color: #ffffff;
	background: #7fbbff;
}

.menu li ul {
	display: none;
	margin-left: -40px;
	position: absolute;
}

.menu > li li:hover > a {
	color: #ffffff;
	background: #7fbbff;
}

.menu li ul li a {
	border-top: 1px solid #eeeeee;
}





/* アコーディオンパネル */

.faq-section {
	border: 1px solid #ababab;
	background: #ffffff;
}
.question {
	position: relative;
	padding: 12px;
	cursor: pointer;
	font-size: 18px;
	text-align: left;
	line-height: 1.4;
}
.open-btn {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background: #1466b9;
	display: block;
	width: 25px;
	height: 25px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
}
.open-btn:before, .open-btn:after {
	display: block;
	content: '';
	background-color: #ffffff;
	position: absolute;
	width: 10px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.open-btn:before {
	width: 2px;
	height: 10px;
}
.question.selected .open-btn:before {
	content: normal;
}
.answer {
	display: none;
	background: #f3f3f3;
	margin:0 3% 3% 3%;
	padding: 3%;
	font-size: 16px;
	line-height: 1.6;
}



.marker_yellow {
        background: linear-gradient(transparent 60%, #ccff66 0%);
        font-weight: bold; /*太字に*/
 }