.contents--area .section01{
    margin-bottom:50px;
}
.csr_list_wrap{
    margin: 30px 30px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.csr_list_wrap .csr_list{
    display: flex;
    gap: 30px;
}
.csr_list_wrap .csr_list .image{
    width:280px;
}
.csr_list_wrap .csr_list .text{
}
.csr_list_wrap .csr_list .text .date{
}
.csr_list_wrap .csr_list .text .title{
    font-size:16px;
}
.csr_list_wrap .csr_list .text .title a{
    text-decoration:underline;
}
.pro_list_wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 50px;
}
.pro_list_wrap .pro_list_box{
    width:100%;
	aspect-ratio: 4 / 3;
	border-radius: 30px;
	overflow:hidden;
}
.pro_list_wrap .pro_list_box img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.pro_list_wrap .pro_list_box .pro_text{
    font-size: 16px;
    margin-bottom: 15px;
}
.content_bottom{
	margin-top:50px;
}

@media screen and (max-width: 767px) {
	
.csr_list_wrap .csr_list{
    flex-direction: column;
    gap:0;
}
.csr_list_wrap .csr_list .image{
    width:100%;
}
.csr_list_wrap .csr_list .text .title{
    margin-top:10px;
}
.pro_list_wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

}

/* コンテンツ用css */
	@charset "UTF-8";

h2{margin-top:50px;}

a.fc_banner{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    width: 200px;
    height: 70px;
	border: 1px solid #ccc;
    margin-top: 10px;
}
a.fc_banner img{
    width:180px;
}

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

img.logo{
    float: right;
    margin: 40px 0 40px 30px;
}
.photo_wrap{
    margin: 40px auto 0;
    display: flex;
    flex-wrap: wrap;
    width: 900px;
    gap:40px 0;
}
.photo_wrap img{
    width:420px;
    margin:0 15px;
}
div.item_wrap{display:flex; flex-wrap:nowrap;}
img.coolerbox{width:250px; margin:30px 0;}
img.goal{width:500px; margin:30px 0;}

}

@media screen and (max-width: 767px) {

a.fc_banner{margin-bottom:30px;}

img.logo{
    display: block;
    width: 80%;
    margin: 6vw auto 0;
}
.photo_wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.photo_wrap img{
    width:90%;
}
div.item_wrap{display:flex; flex-direction:column; align-items:center; gap:30px;}
img.coolerbox{width:45%;}
img.goal{width:80%; height:auto;}

}


/*# sourceMappingURL=csr_case.css.map */