/*----------------アコーディオン型------------------------*/
.accbox {
    margin: 2em 0;
    padding: 0;
    width: 90%;
    margin:auto;  
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#737373;
    font-weight: bold;
    background :#EbFDFA;
    cursor :pointer;/*カーソルの形が変わる*/
    transition: all 0.7s;/*動作（変化）の時間を設定する*/
}

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

/*ラベルで設定したチェックは隠す*/
.accbox input {
    display: none;
}

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

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    border: solid 2px #EbFDFA;
    background:white;
    opacity: 1;
}
.A_size{
    font-size:1.2rem;
}

/*----------------//アコーディオン型------------------------*/
/*====================================================pc設定==========================================================*/
@media print, screen and (min-width:768px){
.accbox label {
    text-align:center;
    width:60%;
    margin:auto;
}
.accbox p{
    margin-top:1%;
}
.accshow {
    margin:1% auto;
}
.accshow table{
    width:100%;
    margin:auto;
}
.accbox label:hover{
    width:60%;
    margin:auto;
}
.cssacc:checked + .accshow{
    width:60%;
    margin:auto;
}
.invi{
    width:30%;
}
}
/*====================================================sp設定==========================================================*/
@media print, screen and (max-width:767px){
.accbox{
    margin-top:8%;
}
.accshow {
    margin:3% auto;
}
.invi{
    width:100%;
}

}