@charset "utf-8";

#katei{
Padding:0 10px;
}
@media screen and (min-width: 1200px) {
                                #katei{
                                Padding:0px;
                                }
}


#irai-pr h2{
Margin:-5px -11px 10px;
}
#irai-pr p{
Font-size:14px;
}
#irai-pr ul{
Display:flex;
Flex-wrap:wrap;
Justify-content:space-between;
Margin-bottom:-10px;
}
#irai-pr ul li{
Width:19%;
Margin-bottom:10px;
}
#irai-pr ul li a{
Display:block;
Background:white;
Border:1px solid #ccc;
Padding:5px;
}
#irai-pr ul li img{
object-fit: contain;
width: 100%;
height: 80px;
}
#irai-pr ul li.double{
Width:39.3%;
}
@media screen and (min-width: 768px) {
                                #irai-pr ul li{
                                Width:11.8%;
                                Margin-bottom:10px;
                                }
                                #irai-pr ul li a{
                                Display:block;
                                Padding:10px 15px;
                                }
                                #irai-pr ul li img{
                                height:80px;
                                }
                                #irai-pr ul li.double{
                                Width:24.4%;
                                }
}
@media screen and (min-width: 1200px) {
                                #irai-pr ul li{
                                Width:9.5%;
                                Margin-bottom:10px;
                                }
                                #irai-pr ul li a{
                                Display:block;
                                Padding:10px 15px;
                                }
                                #irai-pr ul li img{
                                height:80px;
                                }
                                #irai-pr ul li.double{
                                Width:20%;
                                }
}



.kateilist ul{
Display:flex;
Flex-wrap:wrap;
Justify-content:space-between;
}
.kateilist ul li{
Width:24%;
Margin-bottom:10px;
}
.kateilist ul li a{
Display:block;
Background:white;
Border:1px solid #ccc;
Padding:5px;
Text-align:center;
Font-size:12px;
}
.kateilist ul li img{
object-fit: contain;
width: 100%;
height: 100px;
Margin-bottom:5px;
}
.kateilist ul li.double{
Width:49%;
}
@media screen and (min-width: 768px) {
                                .kateilist ul li{
                                Width:19.1%;
                                }
                                .kateilist ul li a{
                                Padding:10px;
                                Font-size:14px;
                                }
                                .kateilist ul li img{
                                height: 180px;
                                }
                                .kateilist ul li.double{
                                Width:39.3%;
                                }
}