@charset "UTF-8";
.ls-1 {letter-spacing: -1px;}
.ls-2 {letter-spacing: -2px;}
/* mv ----------------------------------------------------- */
#ec_mv img {width: 100%; height: auto;}
/* hl ----------------------------------------------------- */
#ec_hl {text-align: center; padding: 30px 0;}
#ec_hl p {font-size: 1.1em; line-height: 1.6;}
/* list ----------------------------------------------------- */
#ec_list ul li {margin: 0 0 10px;}
#ec_list ul li a {display: block; border: 1px solid #cccccc; text-align: center;}
#ec_list ul li a {width: 80%; margin: 0 auto;}
#ec_list ul li a img {width: 200px; height: auto;}
/* ant ----------------------------------------------------- */
#ec_ant {padding: 30px 0;}
#ec_ant ul li {text-indent: -1em; margin: 0 0 6px 1em; font-size: 0.8em; line-height: 1.4;}

/* ========================================
Media Querie
for small SP
======================================== */
		@media screen and (max-width: 320px) {
/* hl ----------------------------------------------------- */
#ec_hl p {font-size: 1em;}
		}

/* ======================================
Media Query
641px〜
====================================== */
		@media screen and (min-width: 641px) {
/* hl ----------------------------------------------------- */
#ec_hl {padding: 50px 0;}
#ec_hl p {font-size: 1.2em;}
/* list ----------------------------------------------------- */
#ec_list ul {width: 520px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center;}
#ec_list ul li {margin: 0 0 20px 20px;}
#ec_list ul li:nth-of-type(3n+1) {margin-left: 0;}
#ec_list ul li a {width: 158px;}
#ec_list ul li a img {width: 158px; height: auto;}
#ec_list ul li.rohto a {width: 316px;}
#ec_list ul li.rohto a img {width: 316px; height: auto;}
/* ant ----------------------------------------------------- */
#ec_ant ul {width: 520px; margin: 0 auto;}
#ec_ant ul li {font-size: 0.7em;}
		}