@charset "utf-8";

/* ------------------------------------------------------------ common */

h3 { font-size: 34px; color: #042347; text-align: center; line-height: 140%; }
h3 span { display: block; font-size: 15px; color: #000; }
/* ------------------------------------------------------------ fv */

#fv { background: url(../images/company/fv.jpg) no-repeat center center; }
#fv h2 { text-align: center; padding: 200px 0 240px; }
#fv h2 span { display: block; padding: 10px 0 0; }

/* ------------------------------------------------------------ company */

#company { padding: 90px 0 140px; }
#company h3 { background: url(../images/common/hatching.gif) repeat-x center bottom; padding: 0 0 40px; }
#company .profile { width: 800px; margin: 0 auto; padding: 60px 0 0; }
#company .profile th { font-size: 16px; font-weight: bold; text-align: left; width: 80px; padding: 25px 20px 30px; border-bottom: 1px solid #eeeeee; vertical-align: top; }
#company .profile td { font-size: 16px; border-bottom: 1px solid #eeeeee; padding: 25px 20px 30px; width: 640px; }

/* ------------------------------------------------------------ access */

#access { padding: 80px 0 50px; background: #f2f2f2; text-align: center; }
#access .access { font-size: 15px; padding: 30px 0; }
#access iframe { width: 100%; height: 430px; margin: 0 auto; }
#access .map { padding: 25px 0 60px; }
#access .map a { font-size: 15px; background: url(../images/company/icon_01.png) no-repeat left center; padding: 0 0 0 25px; }
#access .address { background: #fff; width: 1100px; margin: 0 auto; }
#access .address .near { font-size: 18px; padding: 40px 0 25px; }
#access .address .cation { font-size: 15px; padding: 0 0 50px; }
/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ common */

#fv h2 { text-align: center; padding: 100px 0; }
#fv h2 img { width: auto; height: 30px; }
#fv h2 span { display: block; padding: 10px 0 0; font-size: 14px; }

/* ------------------------------------------------------------ company */

#company { padding: 30px 0 50px; }
#company h3 { padding: 0 0 20px; }
#company .profile { width: 100%; padding: 30px 0 0; }
#company .profile th { display: block; font-size: 14px; width: 94%; padding: 15px 3% 0; border-bottom: none; }
#company .profile td { display: block; font-size: 14px; border-bottom: 1px solid #eeeeee; padding: 10px 3% 15px; width: 94%; }

/* ------------------------------------------------------------ access */

#access { padding: 40px 0; }
#access .access { padding: 30px 3% 15px; text-align: left; }
#access iframe { width: 100%; height: 350px; }
#access .map { padding: 25px 0 40px; }
#access .map a { font-size: 14px; background: url(../images/company/icon_01.png) no-repeat left center; padding: 0 0 0 25px; }
#access .address { background: #fff; width: 94%; margin: 0 3%; }
#access .address .near { padding: 30px 0 20px; }
#access .address .cation { font-size: 13px; padding: 0 3% 30px; text-align: left; }

}