* { padding:0; margin:0; }
body, td, div{ 
	font-family:"メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Meiryo","MS PGothic","Hiragino Kaku Gothic Pro","MS UI Gothic",Osaka,sans-serif; 
	font-size:12px; 
	color:#000; 
}

input, button, textarea, select { color:#222222; }
img { border:0; }
a:link, a:active { text-decoration:none; color:#000; outline:none; }
a:visited  { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; color:#000; }
h1 { display:none; }
h2 { text-shadow:0px 0px 5px #999999;}
h3 { font-weight:bold; font-size:20px; }
li {list-style:none; }

body{margin:0; padding:0; }
#wrapper {width:100%; }
section#conceptWrap {float:left; width:100%; height:285px; background:url('../../images/main/bg_concept.jpg'); background-size: cover; }
section#service2Wrap {float:left; width:100%; height:500px; background:#f2f2f2; }
section#carWrap {float:left; width:100%; height:500px; background:#f2f2f2; }
section#qnaWrap {float:left; width:100%; height:1250px; background:#f2f2f2; }
section#breadcrumbWrap {float:left; width:100%; margin:10px 0; }
section#faqWarp { float:left; width:100%; height:300px; background:#eeeeee; margin:40px 0 0; padding:40px 0; text-align:center; }
section {float:left; width:100%; margin-bottom:40px; }

.contents-wrapper { margin:0 auto; width:1200px; }

/*=== header					============================================================================================================*/
#header-wrapper { position:fixed; top:0; left:0; width:100%; z-index:1; }
#header-section { margin:0 auto; width:1200px; height:100px; background:#fff; box-shadow: 0 3px 3px 3px rgba(0,0,0,0.1); }
#header-section .logo { float:left; margin:10px 0 10px 20px;}
#header-section .logo span { position:relative; bottom:22px; font-size:18px; }
#header-section ul.menu { float:right; width:580px; font-size:16px; margin-top:30px; }
#header-section ul.menu li { float:left; color:#000; font-size:12px; letter-spacing:1.2px; padding:0 30px 5px 20px; font-weight:normal; margin-bottom:10px; text-align:center; }
#header-section ul.menu li span { font-size:20px; display:block; color:#000; line-height:1.2; }
#header-section .contact { float:right; width:120px; height:60px; text-align:center; padding:20px 0; background:#0070f2; font-size:16px; }
#header-section .contact span { float:left; width:120px; text-align:center; margin-bottom:10px; }
#header-section .contact a { color:#fff; text-align:center; font-size:16px; }
#header-section .recruit { float:right; width:120px; height:50px; text-align:center; padding:25px 0; background:#50b4bf;  }
#header-section .recruit a { color:#fff; text-align:center; font-size:12px; }
#header-section .recruit a span{ font-size:20px; }

.breadcrumb { margin:0 auto; width:1200px; }
.breadcrumb li { float:left; margin-right:10px; }

/*=== top					============================================================================================================*/
#scroll { margin:0 auto; width:1198px; height:20px; padding:10px; border:1px solid #0070f2; background:#f8f8f8; }
#scroll p { font-size:18px; color:#000; }

#recruit-banner { margin:0 auto; width:1200px; }

#video-bg {
	position: relative;
	width: auto;
	min-width: 100%;
	height: auto;
	background: transparent url("../../images/bg.mp4") no-repeat;
	background-size: cover;
}
video {
	display: block;
}
.video-container {
	width: 100%;
	max-height: 570px;
	overflow: hidden;
	position: relative;
	top: 0;
	right: 0;
	z-index: -100;
}
.bg-text-wrap {
	float:left;
	width:1200px; 
	height:570px;
}
.bg-text-wrap .contents{
	position:absolute;
	top:50%;
	left:50%;
	width:1200px; 
	 -webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.bg-text-wrap .contents p{
	font-size:24px;
	text-shadow:0px 0px 3px #999999;
}

.conceptText { margin:0 auto; width:1200px; text-align:center; }
.conceptText p{ font-size:20px; text-shadow:0px 0px 3px #999999; }

.serviceWrapTop { margin:0 auto; width:1200px; }
.serviceWrapTop .contents { float:left; width:1200px; }
.serviceWrapTop .contents dl { float:left; width:220px; height:250px; margin:0 25px 30px 0; }
.serviceWrapTop .contents dl:nth-child(5n+5){ float:right; width:220px; margin:0 0 30px 0; }
.serviceWrapTop .contents dl dt.image { float:left; width:220px; height:160px; }
.serviceWrapTop .contents dl dd { float:left; width:220px; font-size:14px; margin-top:5px; text-align:left; }

#news { float:left; width:580px; }
#news .contents { float:left; width:580px; height:385px; overflow:auto; }
#news .contents li { float:left; width:570px; padding:5px; border-bottom:1px solid #333; }
#news .contents li dd { float:left; width:570px; margin:3px 0; }
#news .contents li dd.subject { float:left; width:570px; color:#666666; font-size:14px; font-weight:bold; border-bottom:1px dotted #ccc; }
#news .contents li dd.regdate { float:left; width:570px; }
#news .contents li dd.contents-min { float:left; width:570px; color:#666666; font-size:14px; }
.image {opacity:1; display:block; width:100%; height:auto; transition:.5s ease; backface-visibility:hidden; }
.middle {transition:.5s ease; opacity:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); text-align:center; }
#news li dt:hover .image {opacity:0.3; }
#news li dt:hover .middle {opacity:1; }
.text { background-color:#4CAF50; color:white; font-size:16px; padding:16px 32px; }

.companyTopWrap { float:right; width:580px; }
.companyTopWrap .contents { float:left; width:580px; }


/*=== tail					============================================================================================================*/
#menu-tail-wrapper { float:left; width:100%; background:#333; padding:30px 0;}
#menu-tail-section { margin:0 auto; width:1200px; }
#menu-tail-section dl { float:left; width:170px; color:#fff; margin-bottom:5px; }
#menu-tail-section dl dt { float:left; width:170px; text-align:center; font-size:16px; color:#fff; margin-bottom:5px; }
#menu-tail-section dl dt a { color:#fff; }
#menu-tail-section dl dd { float:left; width:170px; font-size:12px; color:#fff; }
#menu-tail-section dl dd a { color:#fff; }

#tail-wrapper { float:left; width:100%; background:#000; }
#tail-section { margin:0 auto; width:1000px; }
#tail-section .logo { float:left; width:1000px; padding:20px 0 30px;;  text-align:center; }
#tail-section .info { float:left; width:300px; padding:10px 365px 40px; }
#tail-section .info dl { float:left; width:300px; font-size:12px; color:#fff; margin-bottom:5px; }
#tail-section .info dl dt { float:left; width:70px; font-size:12px; color:#fff; margin-right:10px;}
#tail-section .info dl dd { float:left; width:220px; font-size:12px; color:#fff; }

#copyright-wrapper { float:left; width:100%; background:#464cc7; }
#copyright-section { margin:0 auto; width:1000px; padding:10px 0; font-size:12px; color:#fff; text-align:center; }
#copyright-section a { color:#fff; }

.footer-faq { margin:0 auto; width:1200px; }
.footer-faq p.subject { float:left; width:1200px; text-align:center; font-size:22px; margin-bottom:20px; padding:20px 0; }
.footer-faq .btn { text-align:center; display:inline; padding:10px 100px; background:#0070f2; font-size:18px; 
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 100px;
    font-weight: normal;
    vertical-align: middle;
	color:#666; 
	letter-spacing:3px; 
	margin:0 20px;
}
.footer-faq .btn { color:#fff; }

.footer-faq .tel { float:left; width:1200px; margin-top:40px; text-align:center; }
.footer-faq .tel p { float:left; width:1200px; text-align:center; font-size:16px; }
.footer-faq .tel p.number { float:left; width:1200px; text-align:center; font-size:50px; letter-spacing:3px; }


/*=== table css				============================================================================================================*/
table.tableCompany { width:100%; border-collapse:collapse; border:1px solid #ccc; font-size:16px; background:#fff; margin-bottom:30px; }
table.tableCompany tr { border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
table.tableCompany th { width:100px; text-align:center; vertical-align:middle; border:1px solid #ccc; padding:10px 0; font-weight:normal; background:#f2f2f2; }
table.tableCompany td { vertical-align:middle; padding:5px 10px; text-align:left; border-left:1px solid #ccc; font-size:14px; }

table.tableSubCompany { float:left; width:550px; border-collapse:collapse; border:1px solid #ccc; font-size:16px; background:#fff; margin-bottom:30px; }
table.tableSubCompany tr { border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
table.tableSubCompany th { width:100px; text-align:center; vertical-align:middle; border:1px solid #ccc; padding:10px 0; font-weight:normal; background:#f2f2f2; }
table.tableSubCompany td { vertical-align:middle; padding:5px 10px; text-align:left; border-left:1px solid #ccc; font-size:14px; }