@charset "utf-8";

#trouble ul {
}
#trouble li {
    position: relative;
}
#trouble li i {
    position: absolute;
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
    left: 0;
    top: 0;
}
#trouble li i img {
    width: 25px;
}
#trouble li p {
    margin-bottom: 0;
    padding: 0 10px 10px 10px;
}
#trouble li h4 {
    position: relative;
    min-height: 50px;
    padding: 10px 10px 10px 60px;
}
.trouble_mizu {
    background: #e0eaf5;
}
.trouble_kagi {
    background: #f3efdb;
}
.trouble_kyuutou {
    background: #fbe9e3;
}
.trouble_bouhan {
    background: #eee;
}
.trouble_mizu i {
    background: #344c66;
}
.trouble_kagi i {
    background: #b09c67;
}
.trouble_kyuutou i {
    background: #ad8071;
}
.trouble_bouhan i {
    background: #ccc;
}


@media only screen and ( max-width : 768px ) {
    #trouble li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10px;
    }
    #trouble li:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and ( max-width : 640px ) {
}

@media only screen and ( max-width : 480px ) {
    #trouble li {
        width: 100%;
        margin-right: 0;
    }
}

@media only screen and ( max-width : 320px ) {
}

@media print, screen and ( min-width : 769px ) {
    #trouble ul {
        margin-bottom: 40px;
    }
    #trouble li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 15px;
    }
    #trouble li:nth-child(2n) {
        margin-right: 0;
    }
}

@media print, screen and ( min-width : 1100px ) {
    #trouble li {
        width: 23.5%;
        margin-right: 2%;
    }
    #trouble li:nth-child(2n) {
        margin-right: 2%;
    }
    #trouble li:last-child {
        margin-right: 0;
    }
}




/*******************************
// Large devices (desktops, less than 1339px)
*******************************/
@media(min-width:1339px) {
}

/*******************************
// Large devices (desktops, less than 1339px)
*******************************/
@media(max-width:1338.98px) {
}

/*******************************
// Large devices (desktops, less than 1200px)
*******************************/
@media(max-width:1199.98px) {
}

/*******************************
// Medium devices (tablets, less than 1024px)
*******************************/
@media(max-width:1024px) {
}

/*******************************
// Medium devices (tablets, less than 992px)
*******************************/
@media(min-width:992px) {
}

/*******************************
// Medium devices (tablets, less than 992px)
*******************************/
@media(max-width:991.98px) {
}

/*******************************
// Medium devices (tablets, less than 920px)
*******************************/
@media screen and (min-width: 920px) {
}

/*******************************
// Medium devices (tablets, less than 880px)
*******************************/
@media(max-width:879.98px) {
}

/*******************************
// Small devices (landscape phones, less than 768px)
*******************************/
@media(max-width:767.98px){
}

/*******************************
// Extra small devices (portrait phones, less than 576px)
*******************************/
@media(min-width:576px){
}

/*******************************
// Extra small devices (portrait phones, less than 576px)
*******************************/
@media(max-width:575.98px){
}

/*******************************
// Extra small devices (portrait phones, less than 385px)
*******************************/
@media(min-width:385px){
}

/*******************************
// Extra small devices (portrait phones, less than 385px)
*******************************/
@media(max-width:384.98px){
}

/*******************************
// Extra small devices (portrait phones, less than 322px)
*******************************/
@media(max-width:321.98px){
}