@charset "UTF-8";


/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    width: 100%;
    max-width: 980px;
    margin:0 auto;
}

.accordion-area li{
    margin:0;
}


/*アコーディオンタイトル*/
.accordion-title {
	position: relative;/*+マークの位置基準とするためrelative指定*/
	cursor: pointer;
    padding:.5vw 1vw;
	transition: all .5s ease;
	background-color: #9FDFDF;
	border-bottom: solid 1px #fff;
	color: #333;
	font-weight: 600;
}
.accordion-title span{
	line-height: 160%;
	margin-right:5px;
	font-weight:600;
	}
	
	
/*　closeというクラスがついたら形状変化　*/
.accordion-title.close::before{
	transform: rotate(45deg);
}

.accordion-title.close::after{
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.accordion-box {
	display: none;
	margin: 0 auto 20px;
    padding:.2vw 1vw;
	background-color: #E5F9F9;
}