@charset "UTF-8";

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


/* --------------------------------------------------------
#mainvisual
-------------------------------------------------------- */
#mainvisual { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; overflow: hidden; }
#mainvisual img { width: 100%; height: auto; max-width: none;}

#mainvisual #mvpic { position: relative; }

#mv-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#wdBlock { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#wdBlock li { position: absolute;}
#wdBlock li img { position: relative;}
#wdBlock .wd_1 { top: 28.7371%; left: 62.1875%; width: 36.7188%;}
#wdBlock .wd_2 { top: 28.7371%; left: 0.0000%; width: 39.0625%;}
#wdBlock .wd_3 { top: 63.6598%; left: 0.0000%; width: 32.1875%;}
#wdBlock .wd_4 { top: 35.3093%; left: 83.1250%; width: 16.8750%;}
#wdBlock .wd_5 { top: 49.3557%; left: 0.0000%; width: 37.3438%;}
#wdBlock .wd_6 { top: 92.1392%; left: 56.2500%; width: 43.7500%;}
#wdBlock .wd_7 { top: 57.4742%; left: 28.1250%; width: 71.8750%;}
#wdBlock .wd_8 { top: 77.3196%; left: 3.5938%; width: 87.6563%;}
#wdBlock .wd_9 { top: 1.6753%; left: 36.0938%; width: 61.0938%;}
#wdBlock .wd_10 { top: 6.1856%; left: 55.0000%; width: 44.3750%;}
#wdBlock .wd_11 { top: 74.8711%; left: 63.2813%; width: 36.7188%;}
#wdBlock .wd_12 { top: 5.6701%; left: 3.1250%; width: 66.7188%;}
#wdBlock .wd_13 { top: 90.0773%; left: 0.0000%; width: 34.8438%;}

.wd_14 { position: absolute; top: 35.4381%; left: 22.34375%; width: 50.9375%; }
.wd_14 img { position: relative; }


.not #mainvisual { position: relative; top: 0; left: 0; z-index: 10; width: 100%; overflow: hidden; }



/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { }

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


/* #c1
-------------------------------------------------------- */
#c1 { }
#c1 img { width: 100%; height: auto;}


/* #c2
-------------------------------------------------------- */
#c2 {}
#c2 img { width: 100%; height: auto;}

#c2 .block1 { background: #0e0d2e; padding-bottom: 26px;}
#c2 .block1 .copy { position: relative; top:-9px; margin-bottom: -9px;}
#c2 .block1 .text {}
#c2 .block1 .btn { width: 66.4062%; margin: 0 auto; }

#c2 .block2 { }
#c2 .block2 .copy { }
#c2 .block2 .text { }


/* #c3
-------------------------------------------------------- */
#c3 { background: url(../_img/introduction/c3_bg.jpg) top center; padding-bottom: 60px; }
#c3 .copy { }
#c3 .text {}

#c3 #mapBox { position: relative; }

#c3 #mappic { margin-bottom: 30px;}

#c3 #mapBox #btnList { letter-spacing: -.45em; vertical-align: top; font-size: 0.1;}
#c3 #mapBox #btnList li { display: inline-block; width: 50%; font-size:inherit; margin-bottom: 15px;}
#c3 #mapBox #btnList li a { display: block;}
#c3 #mapBox #btnList li img { position: relative;}
#c3 #mapBox #btnList li:nth-child(even) { padding-left: 15px; }
#c3 #mapBox #btnList li:nth-child(odd) { padding-right: 15px; }