@charset "UTF-8";

/******  課題・ニーズ　**********/
.accbox {
    margin: 0;
    padding: 0;
    width:100%;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 2px 0 0 0;
    cursor :pointer;
	
	font-size: 1em; 
	font-weight: 500; 
	padding: 15px 40px 15px 20px; 
	/*
    transition: all 0.5s;
	background: #fff;*/
	
	background: url("../img/keyboard_arrow_down.svg") no-repeat right,#fff;
	background-size:40px 40px;
}

/*アイコンを表示*/
/*
.accbox label:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 8px;
}
*/
/*ラベルホバー時*/
.accbox label:hover {
    background :#eee;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
	padding: 0 0 0 38px; 
	margin: 0; 
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    background: #fff;
    opacity: 1; 
	
	font-size: 1em; 
	line-height: 150%; 
	padding: 8px 5px 5px 38px; 
	margin: 0 0 3px 0; 
}

/*アイコンを入れ替える*/
.cssacc:checked + label {
    /*content: '\f078';*/
	
	background: url("../img/keyboard_arrow_up.svg") no-repeat right,#fff;
	background-size:40px 40px;
}

.accbox .acc_btn{
	width:100%;
	padding-right: 1.5em;
	text-align:right;
	background: url("../img/arrows/linkarrow-w20.png") no-repeat top right;
	
}