@charset "utf-8";

@media screen and (max-width: 1600px) { 
    .airplane-wrap { width:17rem; height: 17rem; }
}

@media screen and (max-width: 1200px) {
    html,body { font-size: 19px;}
    .airplane-wrap { margin: 0 auto; }
    .index-wrap { display: block; top:-2rem; }
    .info-wrap { margin: 0 auto; top: -5rem; }
}

@media screen and (max-width: 992px) {
    html,body { font-size: 18px;}
    section.service-1 { grid-template-columns: 100%; }
}

@media screen and (max-width: 768px) {
    html,body { font-size: 17px;}
    section.service-2 ul { grid-template-columns: 1fr 1fr; }
    .status-wrap { display: block; padding:1rem; }
    .status-wrap > div { flex-direction: row; margin-bottom: 0.7rem; }
    .status-wrap > div label { width: 7rem; padding-right: 7rem; }
    .status-wrap.status-warning > div label { border-bottom: 1px solid rgb(0 0 0 / 0.1); }
    .status-wrap.status-warning > div span { border-bottom: 1px solid rgb(0 0 0 / 0.1); }
    .status-wrap > div span { padding-top:0; padding-bottom: 0.7rem; border-bottom: 1px solid #e6e6e6; width:100%; }
    .status-wrap > div:last-of-type { margin-bottom: 0; }
    .status-wrap > div:last-of-type label { border-bottom: 0; padding-bottom: 0; }
    .status-wrap > div:last-of-type span { border-bottom: 0; padding-bottom: 0; }
    .status-wrap.type2 label { display: block; }
}

@media screen and (max-width: 650px) {
    #ww_c4efc8a3c9bbc .ww_name { font-size: 1.5rem !important; margin:0 !important; }
    #ww_c4efc8a3c9bbc .ww_temp { font-size: 1.5rem !important; height: 48px !important; }
    .a2 { font-size: 1.6rem; }
    #ww_c4efc8a3c9bbc .ww_icon { position: relative; }
    #ww_c4efc8a3c9bbc .ww_icon svg { width:2.5rem !important; height: 2.5rem !important; }
    /* .index-wrap { margin-top: -10rem; } */
    .device-location { padding: 0.5rem 1rem; }
    .device-location li { height: 3.5rem; }
    .loca { place-self: center; display: flex; gap: 0.3rem; flex-direction: column; align-items: flex-start; }
    ul.schedule li label { display: block; border-bottom: 1px dashed #ccc; width:100%; padding-bottom: 0.5rem; }
    ul.schedule li {display: block; }
    ul.schedule li span { padding-top: 0.5rem; }
    .graph-info-y ul.left-temp li div { display: none; }

    
}

@media screen and (max-width: 576px) {
    html,body { font-size: 16px;}
    .index-wrap { top: -8rem; }
    .info-wrap { width:20rem; }
    section.service-2 ul { grid-template-columns: 1fr; }
    h2.line-h2 { display: block; }
}

@media screen and (max-width: 360px) {
    html,body { font-size: 16px;}
    .index-wrap { top: -5rem; }
}

@media screen and (max-width: 916px) and (orientation: landscape) {
    .index-section { top: -1rem; }
    .index-wrap { display: flex; flex-wrap: nowrap; }
    .airplane-wrap { min-width: 13rem; width: 13rem; height: 13rem; top:2rem; }
    .index-wrap { top:0; }
    .info-wrap { top:0; width:16rem; }
    #ww_c4efc8a3c9bbc .ww-box { width:auto; top:0.3rem !important; }
    #ww_c4efc8a3c9bbc .ww_name { font-size: 1.2rem !important; margin:0 !important; top: 0.4rem; }
    #ww_c4efc8a3c9bbc .ww_temp { font-size: 1.2rem !important; }
    .a2 { font-size: 1.3rem; }
    #ww_c4efc8a3c9bbc .ww_icon svg { width:2.0rem !important; height: 2.0rem !important; }
    .login-box-wrap { padding:1rem 2rem; width:70%; }
}