@charset "utf-8";
/* ------------------------------------------------------------ common */

#header #right ul li.info { border-bottom: 2px solid #1a478b;}

/* ------------------------------------------------------------  */

#fv { background: url(../images/information/fv.jpg) center center no-repeat; background-size: cover;}

#info_nav { padding: 30px 0 100px; text-align: center;}
#info_nav ul li { display: inline-block; *display: inline; *zoom: 1; border: 2px solid #0086d1; width: 245px; margin: 0 10px;}
#info_nav ul li a { display: inline-block; *display: inline; *zoom: 1; color: #0086d1; background: url(../images/information/arw.gif) 94% center no-repeat; width: 245px; font-weight: bold; height: 47px; line-height: 47px;}

#company { background: url(../images/index/bg_02.gif); padding: 70px 0 115px;}
#company h3.h3 { margin: 0 0 65px;}
#company .con { background: #fff; width: 970px; margin: 0 auto; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 50px 95px 75px; margin: 0 auto 95px;}
#company .con h4 { width: 189px; margin: 0 auto; background: url(../images/information/bg_left.png) left center no-repeat; padding: 10px 0 10px 45px;}
#company .con h4 span { background: url(../images/information/bg_right.png) right center no-repeat; display: block; padding: 15px 45px 15px 0;}
#company .con h4 small { font-size: 30px; background: url(../images/information/line.png) left bottom repeat-x; letter-spacing: 6px;}
#company .con.contents ul { width: 640px; margin: 30px auto 70px;}
#company .con.contents ul li { display: inline-block; *display: inline; *zoom: 1; text-align: center; vertical-align: top; margin: 0 15px;}
#company .con.contents ul li p { color: #0099cc; font-weight: bold; line-height: 150%; padding: 10px 0 0;}
#company .con table { width: 100%; text-align: left;}
#company .con table tr th { font-weight: bold; width: 255px; padding: 20px 0 20px 35px; border-bottom: 1px solid #dfdfdf;}
#company .con table tr td { padding: 20px 0; border-bottom: 1px solid #dfdfdf;}
#company .con table tr.double th { vertical-align: text-top;}
#company .con table tr.bottom th,
#company .con table tr.bottom td { border-bottom: none;}
#company .con.customer { padding: 50px 0;}
#company .con.customer h4 { width: 225px; margin: 0 auto 65px;}
#company .con div { /* margin: 0 0 0 170px; */ margin: 0 0 0 80px; }
#company .con div ul li { font-size: 18px; float: left; /* width: 306px; */ width: 380px; margin: 0 50px 0 0; padding: 0 0 20px;}
#company .con div p { text-align: right; margin: 0 175px 0 0;}


#history { padding: 270px 0 190px; background: url(../images/information/bg_01.jpg) center top no-repeat; background-size: cover; margin: 10px 0 0;}
#history .con { background: url(../images/information/bg.png); width: 770px; margin: 0 auto; padding: 100px 120px;}
#history .con h3.h3 { margin: 0 0 50px;}
#history .con table { width: 100%; text-align: left;}
#history .con table tr th,
#history .con table tr td { padding: 20px 0; border-bottom: 1px solid #d4d5d6;}
#history .con table tr th { width: 160px;}
#history .con table tr.bottom th,
#history .con table tr.bottom td { border-bottom: none;}





/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
	

/* ------------------------------------------------------------  */

#fv { background: url(../images/information/fv.jpg) center center no-repeat; background-size: cover;}

#info_nav { padding: 30px 0 50px; text-align: center;}
#info_nav ul li { display: block; border: 1px solid #0086d1; width: 245px; margin: 0 auto 15px;}
#info_nav ul li a { display: block; color: #0086d1; background: url(../images/information/arw.gif) 94% center no-repeat; width: 245px; font-weight: bold; height: 47px; line-height: 47px;}

#company { background: url(../images/index/bg_02.gif); padding: 30px 0 40px; background-size: 4px auto;}
#company h3.h3 { margin: 0 0 30px;}
#company .con { background: #fff; width: 90%; margin: 0 auto; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px 4% 35px; margin: 0 auto 45px;}
#company .con h4 { width: 133px; margin: 0 auto; background: url(../images/information/bg_left.png) left center no-repeat; padding: 5px 0 5px 25px; background-size: 10px auto;}
#company .con h4 span { background: url(../images/information/bg_right.png) right center no-repeat; display: block; padding: 10px 25px 10px 0; background-size: 10px auto;}
#company .con h4 small { font-size: 21px; background: url(../images/information/line.png) left bottom repeat-x; letter-spacing: 6px;}
#company .con.contents ul { width: 100%; margin: 20px auto 30px;}
#company .con.contents ul li { display: inline-block; *display: inline; *zoom: 1; text-align: center; vertical-align: top; margin: 0 3% 15px; width: 43%;}
#company .con.contents ul li img { width: 100px; height: auto;}
#company .con.contents ul li p { color: #0099cc; font-weight: bold; line-height: 150%; padding: 10px 0 0;}
#company .con table { width: 100%; text-align: left;}
#company .con table tr th { font-weight: bold; width: 100%; padding: 10px 0; border-bottom: 1px solid #dfdfdf; display: block; border-top: 1px solid #dfdfdf; text-align: center;}
#company .con table tr td { padding: 15px 0; border-bottom: none; display: block;}
#company .con table tr.double th { vertical-align: text-top;}
#company .con table tr.bottom th { border-bottom: 1px solid #dfdfdf;}
#company .con table tr.bottom td { border-bottom: none;}
#company .con.customer { padding: 25px 0;}
#company .con.customer h4 { width: 160px; margin: 0 auto 30px;}
#company .con div { margin: 0 4%;}
#company .con div ul li { font-size: 14px; float: none; width: 100%; margin: 0 0 15px; padding: 0;}
#company .con div p { text-align: right; margin: 0;}


#history { padding: 30px 0 40px; background: url(../images/information/bg_01_sp.jpg) center top no-repeat; background-size: cover; margin: 10px 0 0;}
#history .con { background: url(../images/information/bg.png); width: 84%; margin: 0 auto; padding: 30px 4%;}
#history .con h3.h3 { margin: 0 0 25px;}
#history .con table { width: 100%; text-align: left; border-top: 1px solid #d4d5d6;}
#history .con table tr th,
#history .con table tr td { padding: 10px 0; border-bottom: 1px solid #d4d5d6; display: block;}
#history .con table tr th { width: 100%; text-align: center;}
#history .con table tr td { padding: 15px 0;}
#history .con table tr.bottom th { border-bottom: 1px solid #d4d5d6;}
#history .con table tr.bottom td { border-bottom: none;}





}