/*ボックス全体*/
.accbox {
    margin: 50px auto 20px;
    padding: 0;
    max-width: 100%;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding: 1rem 12px;
    font-size: 1.5em;
    color: #15becd;
    letter-spacing: 2px;
    font-weight: bold;
    background: #dbf0f2;
    cursor: pointer;
    transition: all 0.8s;
}

.accbox__label {
  position: relative;
}

@media screen and (max-width: 767px) {
  .accbox__label::before {
    content: "";
    background: url("../img/arrow.svg") no-repeat center center/contain;
    position: absolute;
    width: 10px;
    height: 16px;
    right: 24px;
    top: 52%;
    transform: translateY(-50%)rotate(90deg);
  }
}



/*ラベルホバー時*/
/*.accbox label:hover {
    background :#85baef;
}*/

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

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

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
   padding: 0 0 10% 0;
    background: #fff;
    opacity: 1;
	transition: 0.8s;
}


.cssacc:checked + label:before {
	    display: block;
    margin: 1.5px 0;
    padding:1px 12px 10px;
    font-size: 1.5em;
    color: #15becd;
    letter-spacing: 2px;
    font-weight: bold;
	background: url(../img/sp/tab_close.png);
	background-size: contain;
	background-repeat: no-repeat;
    cursor: pointer;
    transition: all 0.8s;
}


.accbox .zairai-btn{
	margin: 0 auto 5%;
}