@charset "UTF-8";

/* ==================================================================
CSS information
style info :「INTRODUCTION MAP」 用
================================================================== */


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { background: url(../_img/introduction/c3_bg.jpg) top center; }

hr.line { background: url(../_img/introduction/line_p.png) center center no-repeat; width: 100%; height: 35px; border: none; margin: 0;}


/* #c1
-------------------------------------------------------- */
#c1 { padding-bottom: 50px; }
#c1 img { width: 100%; height: auto;}
#c1 .copy { padding: 14px 4.6875% 0; }
#c1 .text { padding: 0 4.6875% 0; }

#picBox { width: 100%; height: auto; position: relative; top: 0; left: 0; overflow: hidden; }
#picBox:before { content: ""; display: block; padding-top: 56.2069%; }
#picBox-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#picBox { vertical-align: top;}
#picBox li { border: 1px solid #000; position: absolute; top: 0; width: 100%;}

#picbtnList { letter-spacing: -.45em; vertical-align: top; font-size: 0.1; text-align: center;}
#picbtnList li { display: inline-block; width: 22.7586%; font-size:inherit; margin: 20px 0 30px  2.9310%;}
#picbtnList li:first-child { margin-left: 0;}
#picbtnList li img { border: 1px solid #000;}



#btnList { letter-spacing: -.45em; vertical-align: top; font-size: 0.1; padding-top: 30px; margin-bottom: 30px;}
#btnList li { display: inline-block; width: 50%; font-size:inherit; margin-bottom: 15px;}
#btnList li a { display: block;}
#btnList li img { position: relative;}

#btnList li:nth-child(even) { padding-left: 15px; }
#btnList li:nth-child(odd) { padding-right: 15px; }


#btn_back { width: 66.4062%; margin: 0 auto; }