@charset "utf-8";

.spSite { display: none !important; }

/* アコーディオン */
.acMenu dt {
	display: block;
	line-height: 1.6;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #000;
	padding: 5px 0;
	text-align: center;
	font-size: 120%;
}

.acMenu dd {
	display: none;
	border-bottom: 1px solid #000;
}

.acMenu dt:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
	margin: auto 0;
	font-size: 1rem;
	color: #FFF;
	line-height: 1em;
	height: 1em;
	padding: 3px;
	background-color: #000;
	-webkit-border-radius: 50px;
			border-radius: 50px;
}
.acMenu dt:after, .acMenu dt.is-open:after { content: "ー"; }
.acMenu dt.is-close::after { content: "＋"; }

.acMenu.ac02 dt { text-align: left; }
.acMenu.ac02 dt.is-open { border-bottom: none; }

.acMenu .acMenu { border-top: none !important; }
.acMenu .acMenu dt, .acMenu .acMenu dd,.acMenu dt:last-of-type, .acMenu dd:last-of-type { border-bottom: none !important; }
.acMenu .acMenu dd {padding-bottom: 30px;}

/* アコーディオン */
.acMenu dt { padding-right: 2.5em !important; }
.acMenu.ac02 dt {
	padding: 20px 0;
	padding-right: 2.5em;
}
.acMenu.ac02 dt:after {
	font-size: 1rem;
	color: #FFF;
	height: 1em;
	padding: 8px;
}
.acMenu.ac02 dd .acMenu.ac02 dd {
	position: relative;
	padding-left: 1.7em;
	padding-right: 60px;
}
.acMenu.ac02 dd .acMenu.ac02 dd span.orange {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1rem;
	line-height: 1.4;
}
.actop > dt { font-weight: bold; }
.actop > dt:after { font-size: 1.4rem !important;right: 0.2em;}

@media screen and (min-width: 769px) {
	.envcomp01 {padding: 3% 5%;}
	.envcomp02 {padding: 0 60px 0 30px;}
}

@media screen and (max-width: 768px) {
	dd {padding: 0 0 5vw 0 !important;}
	.envcomp01 {padding: 2vw 0;}
}