@charset "utf-8";
/* ------------------------------------------------------------ set */
#lead { padding: 50px 0; text-align: center; }
#lead h3 { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size: 38px; padding: 30px 0; }
#lead h3 span { font-size: 19px; display: block; }
#lead p { font-size: 16px; line-height: 200%; }

#main .bg_c { padding: 45px 0 0; }
#main .container { padding: 0 0 70px; }
#main .container ul{ width: 100%; padding: 0 }
#main .container li { width: 320px; float: left; font-size: 18px; text-align: center; color: #fff; margin: 0 0 20px; line-height: 3em; position: relative; }
#main .container li p { position: absolute; width: 100%; left: 0; bottom: 0; line-height: 35px; background: url(../../images/atsuta/information/shadow.png) center center; text-align: left; text-indent: 10px; }

#main .container .etc li { color: #000; }
#main .container li.center { margin: 0 20px 20px; }



/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ set */
#main img { width: 100%; height: auto; }


/* ------------------------------------------------------------ set */
#lead { }
#lead h3 { font-size: 26px; padding: 20px 0 15px; line-height: 150%; }
#lead h3 span { font-size: 17px; }
#lead p { font-size: 14px;}

.line{  background: url(../../images/common/line_01.png) repeat-x center center; background-size: 26px 13px; letter-spacing: 0; padding: 30px 0; }

#main .bg_c { padding: 0; }
#main .container { width: 94%; padding: 7% 0; margin:0 3%; }
#main .container ul { width: 102%; margin: 0 0 0 -2%; }
#main .container li { width: 48%; font-size: 15px; margin: 0 0 10px 2%; }
#main .container li img { width: 100%; height: auto; }
#main .container li p { position: absolute; width: 100%; left: 0; bottom: 0; line-height: 35px; background: url(../../images/atsuta/information/shadow.png) center center; text-align: left; text-indent: 10px; }

#main .container .etc li { color: #000; }
#main .container li.center { margin: 0 0 10px 2%; }


}