/* CSS Document */

.hpeTable tr th {
	text-align: center;
}
.hpeTable tr td:last-child {
	text-align: right;
}

.plantable {
	width: 100%;
}
.plantable tr th {
	background: rgba(0,150,214,.2);
	font-weight: normal;
	font-size: 1.6em;
	padding: 0.3em 0.8em;
}
.plantable td {
	font-size: 14px;
	padding: 10px 15px;
	overflow: hidden;
	word-break: normal;
	border-bottom:1px solid #ccc;
}
.plantable td:last-child {
	width: 70%;
}
.plantable .rowtitle td {
	font-size: 20px !important;
	font-weight: bold;
	border-top: 1px solid #999;
	border-bottom: none;
	border-right: none;
	border-left: none;
	color: #767676;
}

/*----------------------*/
#flow p.footnote,
#flow ul.footnote > li{
	color:#ff0000;
}
@media screen and (min-width: 480px) {

	#flow h4 span{
		position: relative;
		padding:0 10px;
	}
	#flow h4 span::before {
		content: "\30FB\30FB\30FB";
		position: absolute;
		top: 50%;
		left: -40px;
		font-size: 1.2rem;
		color: #767676;
		transform: translateY(-50%);
	}
	#flow h4 span::after {
		content: "\30FB\30FB\30FB";
		position: absolute;
		top: 50%;
		right: -40px;
		font-size: 1.2rem;
		color: #767676;
		transform: translateY(-50%);
	}
}

/* ==================================================

accordion

================================================== */

.acco_trigger {
	display: block;
	cursor: pointer;
}
.acco_content {
	display: none;
}

/* common -------------------- */
.acco_basic .acco_trigger{
	position: relative;
	padding: .8em 4rem .8em 1.6rem;
	transition: .2s;
}
.acco_basic .acco_trigger::after{
	font-family: HPIcons;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: bottom;
}
.acco_basic .acco_trigger::after{
	content: "\E90c";
	position: absolute;
	top: 50%;
	right: 1.6rem;
	transform: translateY(-50%);
	font-size: 18px;
}
.acco_basic .acco_trigger.acco_open::after{
	content: "\E90b";
}
.acco_basic .acco_content{
	padding: 1.6rem;
	background: #fff;
	text-align:left;
}

@media screen and (min-width: 1024px) {
	.acco_basic .acco_trigger{
		padding: .8em 50px .8em 20px;
	}
	.acco_basic .acco_content{
		padding: 20px;
	}
	.acco_basic .acco_trigger::after{
		right: 20px;
	}
}



/* basic -------------------- */

.acco_basic {
	border-top: 1px solid #ccc;
}
.acco_basic .acco_trigger {
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.acco_basic .acco_trigger:hover,
.acco_basic .acco_open {
	background: #f2f2f2;
}
.acco_basic .acco_content {
	border-bottom: 1px solid #ccc;
}


/*------------*/
.ac_area > li{
	padding:20px;
}
.acco_basic {
	border-top: none;
}

.acco_basic .acco_trigger{
	font-weight: normal;
	letter-spacing: 2px;
}

.acco_basic .acco_trigger > span{
	display: inline-block;
	margin-right:1em;
}

/* cp_box */
.cp_box .acco_basic .acco_trigger {
	background: rgba(0,150,214,0.07);
	color:#007dba;
}
/* ac_box */
.ac_box .acco_basic .acco_trigger {
	background: rgba(79,175,0,.1);
	color:#4faf00;
}

