.at {
	position: relative;
}
.mov {
	position: absolute;
	left: 22px;
	height: 550px;
	width: 854px;
	top: 0px;
}


/*ボックス全体*/
.accbox {
margin-right: 0;
margin-left: 0;
padding: 0;/*最大幅*/
position: relative;
z-index: 999;
}




/*ラベル*/

.accbox label {
display: block;
margin-bottom: 2px;
padding : 13px 12px;
color: #FFF;
background: #A85135;
cursor : pointer;
transition: all 0.5s;
font-size: 2.5em;
font-weight: bold;
}


.accbox label div {

text-align: center;
width: 83%;
float: left;	
}




/*アイコンを表示*/
.accbox label:before {
content: '\f054';
font-family: 'Font Awesome 5 Free';
color: #FFFFFF;
float: left;
width: 10%;
}

/*ラベルホバー時*/
.accbox label:hover {
filter:alpha(opacity=70);
	-ms-filter:""alpha(opacity=70)"";
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
}

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

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

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #C57500;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f078';
}


.boxmov{
	padding-bottom: 15px;
}