@charset "utf-8";
#bg_main_image {
	background-image: url(../img/img_main.jpg);
}

#transportation2 > ul > li:nth-child(1) > .icon{
background-image: url(../img/icon_transportation01.png);
}
#transportation2 > ul > li:nth-child(2) > .icon{
background-image: url(../img/icon_transportation02.png);
}
#transportation2 > ul > li:nth-child(3) > .icon{
background-image: url(../img/icon_transportation03.png);
}
#transportation2 > ul > li:nth-child(4) > .icon{
background-image: url(../img/icon_transportation04.png);
}

@media screen and (min-width:1025px) {
}

@media screen and (max-width: 1024px) and (min-width: 751px) {
}

@media print, screen and (min-width: 751px) {
#transportation2{
margin: 60px auto 0;
padding: 0 20px;
max-width: 1120px;
}
#transportation2 > h3{
background-color: #FFF;
color: #004DA0;
font-size: 26px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
text-align: center;
padding: 30px;
}
#transportation2 > ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#transportation2 > ul > li{
background-color: #FFF;
margin-top: 20px;
padding: 25px 35px;
width: 49.1%;
}
#transportation2 > ul > li > .icon{
background-position: center center;
background-repeat: no-repeat;
background-size: 100px auto;
margin: 0 auto;
height: 100px;
width: 100px;
}
#transportation2 .small_head{
text-align: center;
}
#transportation2 > ul > li > p{
margin-top: 10px;
}

}

@media screen and (max-width: 750px) {
#transportation2{
margin: 30px auto 0;
padding: 0 20px;
}
#transportation2 > h3{
background-color: #FFF;
color: #004DA0;
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
text-align: center;
word-break: keep-all;
padding: 15px;
}
#transportation2 > ul > li{
background-color: #FFF;
margin-top: 20px;
padding: 30px 20px;
}
#transportation2 > ul > li > .icon{
background-position: center center;
background-repeat: no-repeat;
background-size: 100px auto;
margin: 0 auto;
height: 100px;
width: 100px;
}
#transportation2 .small_head{
text-align: center;
}
#transportation2 > ul > li > p{
margin-top: 10px;
}
}