@media only screen and (max-width:768px){
    .header { background:transparent;}
    .header .logo { height: 60px;}
    .header .logo img { height: 35px;
    margin-left: 10px;}
    .ir1_box { margin-top: 68px; margin-top: 0;}
    
    .header .head { padding: 8px 0 0;}
    .g-nav2 { padding-top: 60px;}
    .ban { margin-top: 0;}
}
.ul-imgtxt-q1 { display: flex; flex-wrap: wrap; justify-content: space-between;}

.ul-imgtxt-q1 li { background: #2144a407; width: 20%; text-align: center; padding: 2em 0; border: 1px solid #2144a4; margin: 1em;  border-radius: 0.6em; box-shadow: 0px 5px 6px #0002;}
.ul-imgtxt-q1 li .txt { transition: 0.4s;}
.ul-imgtxt-q1 li:hover { background: transparent;  border-radius: 0.6em; box-shadow: 0px 5px 6px #0005;}
.ul-imgtxt-q1 li:hover .txt { transform: translateY(-0.2em);}
.ul-imgtxt-q1 img { display: block;  margin: 0 auto;}