.appcontents {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.appitem_1 {
    width: 60%;
    padding: 2px 5px;
    text-align: left;
}

.appitem_2 {
    width: 30%;
    padding: 2px 5px;
    text-align: left;
}

.inputbox{
    width: 100%; 
    padding: 8px 10px; 
    border-radius: 3px; 
    border: 2px solid #ddd; 
    box-sizing: border-box; /*横幅の解釈をpadding, borderまで*/
}

.buttonarea{
    text-align: center;
    padding: 20px 0;
}

.buttonbox{
    display:inline-block;
    background:#d13415;
    padding:10px;
    text-align:center;
    font-size: 16px;
    color:#FFF;
    margin:2px;
    border-radius: 8px; 
    border:1px solid #d13415;
    cursor:pointer;
    width: 160px;
}

.wrap-chart {
    width: 100%;
    height: 500px;
}

@media (max-width: 480px) { 
    .wrap-chart {
        height: 400px;
    }
}