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

/*PC*/
@media print, screen and (min-width:  769px) {
.bg_hed {
width: 100%;
height: 260px;
background: url(../images/newsletter/bg_img.jpg) center center no-repeat;
background-size: auto;
background-size: cover;
margin: 0 0 10px;
}

.newsletter_list{
display: flex;
flex-wrap: wrap;
}

.newsletter_list li{
width: 25%;
margin: 0 2% 2%;
padding:10px;
box-sizing: border-box;
background: #ffe100;
}

.newsletter_list li a{
text-align: center;
color: #121212;
text-decoration: none;
}

.newsletter_list li a h3{
font-size:20px;
line-height: 1;
margin-top: 10px;
}

.newsletter_list li a h3 span{
display: block;
font-size: 14px;
margin-bottom: 10px;
}

}
/*sp*/
@media only screen and (max-width:  768px) {
.bg_hed {
width: 100%;
height:180px;
background: url(../images/newsletter/bg_img.jpg) center center no-repeat;
background-size: auto;
background-size: cover;
margin: 0 0 10px;
}


.newsletter_list{
width: 90%;
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.newsletter_list li{
width:49%;
margin: 0 0 3%;
padding:10px;
box-sizing: border-box;
background: #ffe100;
}

.newsletter_list li a{
text-align: center;
color: #121212;
text-decoration: none;
}

.newsletter_list li a h3{
font-size:18px;
line-height: 1;
margin-top: 10px;
}

.newsletter_list li a h3 span{
display: block;
font-size: 12px;
margin-bottom: 10px;
}


}