@charset "utf-8";
/* CSS Document */

/* アコーディオンメニュー */
/*----------------------------------------------*/
.main_contents {
	margin-bottom: 40px;
	padding: 0;
}

.wrap_accordion {
	width: 100%;
	margin: 0 auto;
  display: block;
  font-size: 1.6rem;
  /*background: url(/common/images/svg/arrow_link_white.svg) #008042 no-repeat right 10px center;
  background-size: 6px;*/
  text-align: left;
  white-space: normal;
  border-radius: 8px;
  box-sizing: border-box;
	border:#008042 2px solid;
  color: #333;
  text-decoration: none;

}

.wrap_accordion a {
  /*display: block;
  padding: 10px;
	text-decoration: none;
	color: #000;
  line-height: 1;*/
}

label {
  display: block;
  margin: 0;
  line-height: 1;
	color :#008042;
  /*background :#007bbb;*/
	/*border-bottom: #008042 4px solid;*/
	padding: 30px 20px;
	cursor :pointer;
	font-size: 2.2rem;
	font-weight: 600;
	background: url(/common/images/svg/icon_plus_green_acc.svg) no-repeat 97% center;
	background-size: 26px;
}

input {
	display: none;
}
/*
.wrap_accordion ul {
	margin: 0;
	padding: 0;
  background :#f4f4f4;
}
*/

/*表示で・が出ちゃう（簡易対応）*/
/*.main_contents ul li:before {
  content: "" !important;
  color: #333;
}*/

/*
.wrap_accordion li {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
*/

#menu_bar01:checked,
#menu_bar02:checked {
	background-color: #cc0000 !important;


}

#menu_bar01:checked ~ #links01 li{
	max-height: 46px;
  opacity: 1;
}
#menu_bar02:checked ~ #links01 li{
	max-height: 46px;
  opacity: 1;
}
.accordion {
	transition: 0.3s;
}

/*アイコンを表示*/
.wrap_accordion label:before {
	/*content: '\f054';
	font-family: 'FontAwesome';
	padding-right: 8px;*/
}

/*ラベルホバー時*/
.wrap_accordion label:hover {
	/*background :#008042;
	color: #fff;*/
}

/*アイコンを入れ替える*/
.accordion:checked + label:before {
	/*content: '\f078';*/
}
.accordion:checked + label {
	background: url(/common/images/svg/icon_minus_green_acc.svg) no-repeat 97% center;
	background-size: 26px;
}
/*中身を非表示にしておく*/
.wrap_accordion .acc_content {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.3s;
}
/*クリックで中身表示*/
.accordion:checked + label + .acc_content {
	height: auto;
	margin: 0 20px;
	padding: 20px 0;
	border-top: #008042 6px solid;
	opacity: 1;
}
.acc_title {
	background: url(/common/images/bg_line_dot_green_text_border.png) repeat-x left bottom;
	padding-bottom: 14px;
	display: table;
	color: #008042;
	font-weight: 600;
	font-size: 2.0rem;
	margin: 0 0 14px;
	line-height: 1.6em !important;
}
.acc_title_h5 {
	background-color: #e8f0ee;
	padding: 15px;
	color: #008042;
	font-size:1.8rem;
	margin: 0 0 14px;
}
.acc_text_large {
	color:#008042;
	font-size: 1.8rem;
	font-weight: 600;
	margin: 0 0 10px;
	line-height: 1.4em !important;
}
.acc_list li {
	line-height: 1.6em;
	margin-bottom: 1.0rem;
	font-size: 1.4rem;
}
.acc_list  li {
  padding-left: 1em;
  text-indent: -1em;
}
.acc_list  li:before {
  content: "・";
  color: #333;
}
.cont_half_left img,
.cont_half_right img{
	border:#008042 1px solid;
	box-sizing: border-box;
}
.acc_list_subtxt {
	font-weight: 600;
	font-size: 1.4rem;
}

.acc_content_border {
	margin: 0 0 10px;
	border-bottom: #ccc 1px solid;
}

/* MEDIAQUERY for SMARTPHONE（ウィンドウ幅が0～480pxの場合に適用するCSS）
-------------------------------------------------------------------- */
@media screen and (max-width: 480px){
	.main_contents {
		margin-bottom: 30px;
	}

	label {
		padding: 22px 20px;
		font-size: 1.8rem;
		text-align: left;
		font-weight: 600;
		background: url(/common/images/svg/icon_plus_green_acc.svg) no-repeat 97% center;
		background-size: 20px;
	}

	.accordion:checked + label {
		background: url(/common/images/svg/icon_minus_green_acc.svg) no-repeat 97% center;
		background-size: 20px;
	}

}