@charset "utf-8";

/* ****************************************************
Title: .css
---------------------------------------------------------------------------- */
#pagebody article section {margin-bottom:0;}


/* =============================
 .section1
==============================*/
.sec01 ul { padding:0 20px; width:960px;}
.sec01 ul li {width:450px; margin-bottom: 60px;}
.sec01 ul li:nth-child(3n),
.sec01 ul li:nth-child(4n) {margin-bottom:0;}
.sec01 ul li img {width:100%;}

.sec01 ul li figure figcaption {background: #fff; border-bottom:solid 1px #ccc; width:100%; text-align:center; font-weight:bold; padding:1em 0;}
.sec01 ul li figure figcaption span {display:block;}
.sec01 ul li figure figcaption span.en {font-size:125%;}


@media screen and (max-width:767px){
section {padding:0 1em;}

/* =============================
 .section1
==============================*/
.sec01 ul { width:90%;padding: 0 5%;}
.sec01 ul li {width:100%; margin-bottom: 40px;}
.sec01 ul li:nth-child(3n) {margin-bottom:40px;}

}