@charset "utf-8";

/* accordion
========================================================================== */

#main dl.accordion dt {
	margin: 2px 0;
	padding: 1em;
	background: #f8f8f8;
	cursor: pointer;
	display: block;
	position: relative;
}

#main dl.accordion dt:after {
	content: "\f0fe";
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	right: 1em;
}

#main dl.accordion dt:hover {
	background: #f1f1f1;
}

#main dl.accordion dt.active {
	background: #f1f1f1;
}
#main dl.accordion dt.active:after {
	content: "\f146";
}

#main dl.accordion dd {
	padding: 1em;
	display: none;
}


/* accordion（service）
-------------------------------------------------------------------------- */

#main dl.accordion_service {
	padding: .75em;
/*	background: #ffdb3f; */
	background: #fff;
	border-radius: 10px;
}

#main dl.accordion_service dt {
	padding: .5em;
	margin: .5em 0 0 0;
	/*margin-bottom: .5em;*/
	border: 3px solid #33aa33;
	background: #fff;
	color: #33aa33;
	border-radius: 5px;
	text-align: center;
	font-size: 125%;
}

#main dl.accordion_service dt:last-child {
	margin-bottom: 0;
}

#main dl.accordion_service dt:hover {
	background: #33aa33;
	color: #fff;
}

#main dl.accordion_service dt.active {
	background: #33aa33;
	color: #fff;
}
#main dl.accordion_service dd {
	margin-top: -1em;
	padding: 2em 1em 1em 1em;
	display: none;
	border: 3px solid #33aa33;
	background: #fff;
	border-radius: 5px;
}



/* switch
-------------------------------------------------------------------------- */

#main nav.switch-accordion {
	margin-bottom: .75em;
	text-align: right;
}

#main nav.switch-accordion ul li {
	margin: 0;
	display: inline-block;
}
#main nav.switch-accordion ul li:before {
	display: none;
}

#main nav.switch-accordion ul li a {
	padding: .5em 1em;
	background: #f8f8f8;
	color: #333;
	display: block;
}

#main nav.switch-accordion ul li a:before {
	margin-right: .25em;
	font-family: FontAwesome;
	vertical-align: middle;
	display: inline-block;
}
#main nav.switch-accordion ul li.open a:before {
	content: "\f0fe";
}
#main nav.switch-accordion ul li.close a:before {
	content: "\f146";
}

#main nav.switch-accordion ul li a:hover {
	background: #f1f1f1;
}