@charset "utf-8";
/* CSS Document */


/*PC*/
@media print, screen and (min-width: 768px) {
.main_titbox { margin-bottom: 70px; }
.sub_txt { font-size: 18px; text-align: center; }
/*----------------------------------------------------*/
#hedImg { background:url(../images/resource/bg_hed_img.jpg) center center no-repeat; background-size:cover;}


.resource_list_img {
width:100%;
margin:60px 0 0;
display:flex;
flex-wrap:wrap;
}

.resource_list_img div {
width:30.33%;
margin:0 1.5%;
}

.resource_list_img div p {
padding:10px 0;
color:#1a6bb5;
font-weight:bold;
text-align:center;
}

.maker_wrap02 {

}

.maker_wrap02 .img_r{
width: 40%;
float: right;
margin: 0 0 3% 3%;
}

.maker_wrap02 .img_l{
width: 40%;
float:left;
margin: 0 3% 3% 0;
}


}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 767px) {

.main_titbox { margin-bottom: 70px; }
.sub_txt { font-size: 16px; text-align: center; }

/*----------------------------------------------------*/
#hedImg { background:url(../images/resource/bg_hed_img.jpg) center center no-repeat; background-size:cover;}

.resource_list_img {
width:90%;
margin:30px auto 0;
}

.resource_list_img div {
width:100%;
margin:0 0 20px;
}

.resource_list_img div p {
padding:10px 0;
color:#1a6bb5;
font-weight:bold;
text-align:center;
}


.maker_wrap02 {

}

.maker_wrap02 .img_r,
.maker_wrap02 .img_l{
width: 80%;
margin: 0 auto 4%;
}

.maker_wrap02 p{
margin-bottom: 30px;
}

}