@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi .navi05 a {
    color: #fff;
    background-color: #EF8200;
}
#gNavi .navi05 a .en {
    color: #fff;
}
.mainImg {
    padding-top: 50px;
    background-image: url("../img/common/main_img_bg02.jpg");
}
#gHeader .hTxt {
    display: none;
}
#main .list {
    padding-top: 35px;
    margin: 0 auto 90px;
    width: 823px;
}
#main .list li {
    margin-bottom: 47px;
    width: 386px;
    float: left;
}
#main .list li:nth-child(2n) {
    float: right;
}
#main .list li a {
    padding: 30px 4px 27px 35px;
    display: table;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #000;
}
#main .list li a:hover {
    opacity: 0.7;
}
#main .list li a .img {
    width: 119px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#main .list li a .img img {
    width: 100%;
}
#main .list li a .txtSpan {
    font-size: 2.9rem;
    padding-left: 20px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}









@media all and (min-width: 768px) and (max-width: 1024px) {
}

@media all and (max-width: 767px) {
    #main .list {
        padding-top: 10px;
        width: auto;
        margin: 0 11px 30px;
    }
    #main .list li {
        margin-bottom: 27px;
        width: auto;
        float: none !important;
    }
    #main .list li a {
        padding: 25px 4px 21px 27px;
    }
    #main .list li a .txtSpan {
        font-size: 2.3rem;
    }
    #main .list li a .img {
        width: 95px;
    }
}

@media all and (max-width: 380px) {
    #main .list li a .txtSpan {
        font-size: 2rem;
    }
}