
/* 9つの特徴 */

.No{
    font-size: 3rem;
    color:#007E51
}
.feature__list--title{
    font-size: 1.4rem;
    font-weight: bold;
    text-shadow: -3px -3px 0 white, -3px 0 0 white, -3px 3px 0 white,0 -3px 0 white, 0 3px 0 white,3px -3px 0 white,  3px 0 0 white,  3px 3px 0 white;
}


/*PC用*/
@media print, screen and (min-width: 641px){

    #fee{
        text-align: center;
    }

    #fee img{
        width:480px;
    }

    .onayami_icon:before {
        content: '';/*何も入れない*/
        display: inline-block;/*忘れずに！*/
        width: 25px;/*画像の幅*/
        height: 25px;/*画像の高さ*/
        background-image: url(../images/top/allow_green2.png);
        background-size: contain;
        vertical-align: middle;
        margin-right:10px;
    }

    .onayami_icon,.onayami_nolink{
        font-size: 1.2rem;
        font-weight: bold;
    }

}

/*SP用*/
@media screen and (max-width:640px) {

    .onayami_icon:before {
        content: '';/*何も入れない*/
        display: inline-block;/*忘れずに！*/
        width: 25px;/*画像の幅*/
        height: 25px;/*画像の高さ*/
        background-image: url(../images/top/allow_green2.png);
        background-size: contain;
        vertical-align: middle;
        margin-right:10px;
    }

    .onayami_icon,.onayami_nolink{
        font-size: 1.2rem;
        font-weight: bold;
        width:90%;
    }


}




/*----------------アコーディオン型------------------------*/


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

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

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

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

.area_child:hover{
    color:#007E51;
}

/*PC用*/
@media print, screen and (min-width: 641px){

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

    .accbox {
        padding: 0;
        width: 480px;
        margin:auto;  
        margin-bottom:2rem;
    }

    .area_child{
        position: relative;
        background-color: white;
        border: 3px solid #007E51;
        border-radius: 5px;
        width:350px;
        margin:auto;
        margin-bottom:1rem;
        padding-top:0.5rem;
        padding-bottom:0.5rem;
    }
    
    .area_child p{
        font-size: 1.2rem;
        font-weight: bold;
        text-align: center;
        margin:0;
    }
    
    .area_child img{
        position: absolute;
        width:30px;
        top:10px;
        right:10px;
    }
    
}

/*SP用*/
@media screen and (max-width:640px) {

    /*ラベル*/
    .accbox label {
        display: block;
        cursor :pointer;/*カーソルの形が変わる*/
        transition: all 0.7s;/*動作（変化）の時間を設定する*/
        margin:0;
    }

    .accbox {
        padding: 0;
        width: 100%;
        margin:auto;  
    }

    .area_child{
        position: relative;
        background-color: white;
        border: 3px solid #007E51;
        border-radius: 5px;
        width:85%;
        margin:auto;
        margin-bottom:1rem;
        padding-top:0.5rem;
        padding-bottom:0.5rem;
    }
    
    .area_child p{
        font-weight: bold;
        text-align: center;
        margin:0;
    }
    
    .area_child img{
        position: absolute;
        width:30px;
        top:6px;
        right:6px;
    }
    


}
/*----------------//アコーディオン型------------------------*/


