@charset "utf-8";

@import 'reset.css';
@import 'lib.css';

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav{
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
 display:block;
}

strong{
 font-weight:normal;
}

ul, ol {
 list-style: none;
}
img {
 max-width : 100%;
 height:auto;
 vertical-align:bottom;
}
a {margin:0px;}
p {padding:0 0 15px 0; color:#444;}

.pc-none {display:none;}

body {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 margin:0;
 padding:0;
 color:#333333;
 text-align:center;
}

#wrap {
 position:relative;
 margin:0 auto;
 padding:0;
}

img {
 border:none;
}

.img-center{
 display:block;
 margin-left:auto;
 margin-right:auto;
}

a:hover { color: #e4347a;}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

.f120{font-size:120%;}
.f150{font-size:150%;}
.f180{font-size:180%;}

.link a{ color:#333; text-decoration:none; }
.link a:hover{ color:#663300; text-decoration:underline;  }

/* ============================================================== */
/*title*/
/* ============================================================== */

h2 {
 font-weight: bold;
 font-size: 20pt;
 margin-bottom:50px;
 padding: 10pt 0 0 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#222;
 /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
h2 span{
 font-weight: bold;
 font-size: 9pt;
 padding:0;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:0.5px;
 font-family: arial;
}

h2.h2-left {
 font-weight: normal;
 font-size: 28pt;
 margin-bottom:30px;
 padding: 10pt 0 0 0;
 text-align: left;
 position: relative;
 letter-spacing:2px;
 font-family: arial;
 vertical-align:bottom;
}
h2.h2-left span{
 font-weight: normal;
 font-size: 12pt;
 margin-left:20px;
 padding:0 0 0 20px;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:1px;
 border-left:1px solid #ccc;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

h2.bt-line {
 font-weight: normal;
 font-size: 24pt;
 margin-bottom:30px;
 padding: 10pt 0 20pt 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 font-family: arial;
 vertical-align:bottom;
 border-bottom:5px double #fedfea;
}

h3 {
  font-weight: normal;
  font-size: 18pt;
  margin-top:20px;
  margin-bottom:25px;
  padding: 10pt 0 2pt 0;
  position: relative;
  text-align:left;
  line-height:180%;
  /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  border-bottom:3px double #ccc;
}
h3 span{
  font-weight: normal;
  font-size: 20pt;
  text-align:center;
  color:#666;
  /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*
h3.title{
  font-weight: normal;
  text-align: left;
  font-size: 18pt;
  line-height: 0.8em;
  margin-top: 40px;
  margin-bottom: 25px;
  padding-bottom:10px;
  position: relative;
  color: #333;
  line-height:140%;
  border-bottom:3px double #00a0e8;
}
*/

h4 {
  clear:both;
  position: relative;
  display: block;
  margin:0 auto;
  margin-top:50px;
  margin-bottom:20px;
  color:#222;
  text-align:left !important;
  /*font-family: "ＭＳ Ｐ明朝";*/
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 16pt;
}

h3.title02 {
  color: #ea5d96;/*文字色*/
  margin-top:50px;
  margin-bottom:10px;
  padding: 0.3em 0;/*上下の余白*/
  font-size:160%;
  text-align:left;
  border-top: solid 1px #ea5d96;/*上線*/
}


/* ============================================================== */
/*list*/
/* ============================================================== */

.list-base{
 margin:10px 0 20px 0;
}
.list-base li{
 margin-top:6px;
 padding:10px  0 15px 38px;
 background:url(../images/check_blue.jpg) 0 6px no-repeat;
 border-bottom:1px dashed #aaa;
}



/* ============================================================== */
/*pankuzu list*/
/* ============================================================== */

#topic-path-box{
 clear:both;
 width:100%;
 height:26px;
 margin:0 auto;
 margin-bottom:10px;
 padding:0;

}

ul#topic-path{
 width:1080px;
 margin:0 auto;
 padding:20px 0 20px 0;
 text-align:left;
 border-bottom:1px solid #ddd;
}

ul#topic-path li {
 margin:0;
 padding:0;
 display:inline;
 line-height:110%;
 list-style-type:none;
 font-size:11px;
}
ul#topic-path li a {
 margin:0;
 padding:0;
 padding-right:15px;
 color:#333;
 text-decoration:none;
 background:url(../images/icon_gt.gif) no-repeat;
 background-position:100% 40%;
}
ul#topic-path li a:hover {
 color:#e72c32;
}

/* ============================================================== */
/*header*/
/* ============================================================== */

header { width:100%;  margin:0 auto; text-align:left; position: fixed; top: 0; z-index: 3; background:#fff; }
header:after { content: ''; display: block; clear: both;}
header div { width: 1000px; margin: 0px auto; position: relative;}

header #head-contact{ width:465px; margin-top:0px; margin-left:0px; margin-right:0; margin-bottom:0;float:right;}
header #head-contact li{ width:211px; margin-top:15px;float:left;}
header #head-contact li:last-child{ width:223px; margin-top:5px;margin-left:30px;float:left;}
header #head-contact img{ margin-bottom:0;}
#head-under { width:1000px; padding-bottom:10px;clear:both;}
header #logo { width:410px; margin-top:0; margin-bottom:20px;padding-bottom:0;float:left;}
header #logo img { position: relative;}
header ul#header-menu { display:block; width:480px; margin-top:18px; margin-left:30px; float:right;}
header ul#header-menu li{
 padding:0;
margin-bottom:0;padding-bottom:0;
 font-size:14px;
 text-align:center;
 line-height:160%;
 float:left;
 color:#000;
 font-weight:bold;
/* -webkit-transform: skewX(150deg);
 -moz-transform: skewX(150deg);
 transform: skewX(150deg); 
 border-right: 1px solid #222; */
}
header ul#header-menu li a{
 color:#000;
 font-weight:normal;
 text-decoration:none;
 display:block;
 font-weight:bold;
 /*transform: skewX(-150deg);  */
 padding:0 16px;
margin-bottom:0;
}
header ul#header-menu li a span{ 
 font-weight:normal;
}
header ul#header-menu li a:hover{
 color:#3782bd;
}

header ul#header-menu li:last-child{ padding:0; font-size:14px; text-align:center; line-height:160%; float:left; color:#000;border-right:none;
}
header ul#header-menu li:last-child a{padding-right:0 !important; color:#000;  font-weight:bold; text-decoration:none; border-right:none;
}
header ul#header-menu li:last-child a:hover{ color:#3782bd; }



header.scrolled {
 transition-property: background-color;
 transition-duration: 1s;
 background-color: #fff;
}


/* ============================================================== */
/*navi*/
/* ============================================================== */

.spnaviOpen{
  display:none;
}
ul.drop-menu{
  display:none;
}



/* ============================================================== */
/*main img*/
/* ============================================================== */


/*
.main-contents {
 display: block;
 position:fixed;
 z-index: -1;
 top: 0;
 width: 100%;
 height:700px;
 margin: 0 auto;
 overflow: hidden;
 background:url(../images/main01.jpg) no-repeat;
 background-size: cover;
}
*/

/*
.main-image {
 padding-top:250px;
 text-align:center;
}
*/

.main-contents {
 display: block;
 position:relative;
 z-index: -1;
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
}
.main-image {
/*
 margin: 0 auto;
 padding-top:92px;
 text-align:center;
 max-width: 1444px;
 overflow-x: visible;
*/
 position: relative;
 overflow: hidden;
 display:block;
 width:1444px;
 height:406px;
 margin:0 auto;
 margin-left:auto;
 margin-right:auto;
 margin-top:0;
 margin-left:-722px;
 padding-top:92px;
 left:50%;
}

.main-image .bx-viewport {
  overflow: visible !important;
}
.main-contents-sp{display:none;}

.main-contents02 {
 display: block;
 position:relative;
 z-index: -1;
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
 background:#0d5994;
}
.main-image02 {
 margin: 0 auto;
 padding-top:92px;
 text-align:center;
 /*max-width: 1112px; */
 overflow-x: visible;
}
.main-image02 img{
 margin:0 auto;
 width:100vw;
}

.main-contents-sp02 {
 display: none;
}

#home-topic-box{margin:0 auto;background:#f5f5f5;}
#home-topic{width:1000px;margin:0 auto;padding-top:18px;}
#home-topic:after{content: ''; display: block; clear: both;}
#home-topic-left{width:800px; text-align:left;font-size:96%; float:left;}
#home-topic-right{width:130px;float:right;}


/* ============================================================== */
/*main*/
/* ============================================================== */

div#wrap section {
  /*margin-top: 700px;*/
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#main {
 width:1000px;
 margin:0 auto;
 padding:0;
 background-color:#fff;
 display:inline-block;
}

p{
 margin:0;
 padding:0 0 15px 0;
 font-size:100%;
 line-height:180%;
}

/* ============================================================== */
/*float box*/
/* ============================================================== */

.float-box{
 max-width:100%;
 margin:0 auto;
 padding:0 0 30px 0;
 text-align:left;
}
.float-box:after {
 content: '';
 display: block;
 clear: both;
}
.float-box00{
 max-width:100%;
 margin:0 auto;
 padding:0;
 text-align:left;
}
.float-box00:after {
 content: '';
 display: block;
 clear: both;
}
.float-box02{
 width:1000px;
 margin:0 auto;
 margin-bottom:20px;
 padding-bottom:15px;
 text-align:left;
}
.float-box02:after {
 content: '';
 display: block;
 clear: both;
}
.float-left {
 float:left;
 margin-right:30px;
 text-align:left;
}
.float-right {
 float:right;
 margin-left:30px;
}
.float-right02 {
 float:right;
}

/* ============================================================== */
/*home*/
/* ============================================================== */

.box{ width:100%; margin:0 auto; padding:40px 0 40px 0; overflow:hidden;}
.box00{ max-width:100%; margin:0 auto; padding:0; overflow:hidden;}
.box-in{ width:1000px; margin:0 auto; padding-bottom:50px;text-align:left; overflow:hidden;}
.box-in-top{ width:1000px; margin:0 auto; padding-top:50px;padding-bottom:50px;text-align:left; overflow:hidden;border-top:1px solid #eee;}
.box-in-news{ width:1000px; margin:0 auto; padding-top:50px;padding-bottom:50px;text-align:left; overflow:hidden;border-top:1px solid #fedfea;}
.box-in02{ width:900px; margin:0 auto; padding-bottom:50px;text-align:left; overflow:hidden;}
.box-in03{ width:850px; margin:0 auto; padding-bottom:50px;text-align:left; overflow:hidden;}
.box-in04{ width:1000px; margin:0 auto; padding-bottom:50px;text-align:left; overflow:hidden;}
.home-info{ width:1000px; margin:0 auto;}
.home-info:after{ content: ''; display: block; clear: both;}
.home-info-title{ width:160px; float:left;padding-top:60px;}
.home-info-cont{ width:640px; float:left;border-left:1px solid #eb6199;}
.home-info-cont li{ text-align:left;padding:20px 0;}
.home-info-cont li span{ text-align:left; padding-left:40px;padding-right:50px;color:#eb6199;}
.home-info-btn{ width:180px; float:left;padding-top:120px;}

.box-grey{ width:100%; margin:0 auto; padding:60px 0 60px 0; overflow:hidden;background:#f5f3f2;}

.home-service-box{ width:100%; margin:0 auto; padding:20px 0 20px 0; overflow:hidden;background:#fff;}
.home-service-ttl{margin-top:20px;margin-bottom:0;padding-bottom:0;font-size:120%;font-weight:bold;text-align:center;}
.home-service-txt{margin-top:0;padding-top:0;padding-bottom:15px;font-size:92% !important;text-align:left;}

.home-news-box{ width:100%; margin:0 auto; padding:20px 0 20px 0; overflow:hidden;background:#fff;}
.home-news-ttl{margin-top:20px !important;margin-bottom:0 !important;padding-bottom:0 !important;font-size:100%;font-weight:normal;text-align:left;}
.home-news-txt{margin-top:0 !important;padding-top:0 !important;padding-bottom:15px;font-size:90% !important;text-align:left;}
.home-news:after{ content: ''; display: block; clear: both;}
.home-news li{width:320px; height:auto;float:left;margin-right:19px;}
.home-news li:last-child{width:320px; height:auto;float:left;margin-right:0;}

.box-blue{ width:100%; margin:0 auto; padding:60px 0 60px 0; overflow:hidden;background:#f1f7fb;}

.box-contact{
 position: relative;
 overflow: hidden;
 display:block;
 width:100%;
 height:230px;
 margin:0 auto;
 margin-top:0;
 background:#094f71;
 text-align:left;
}
.box-contact:after{ content: '';
 display: block;
 clear: both;
} 
.box-contact-in{ width:1000px;  height:180px;margin:0 auto; padding-top:50px; background:url(../images/btm_contact_bg.jpg) no-repeat center;}
.box-contact-in:after{ content: ''; display: block; clear: both;}
.box-contact-left{width:580px;text-align:left;float:left;color:#fff;}
.box-contact-left p{ line-height:220%;font-size:170%;color:#fff;}
.box-contact-right{width:312px;text-align:left;float:right;}
.box-contact-right img{margin-bottom:20px;}



.home-service{ width:1000px; margin:0 auto; padding-top:0px;padding-bottom:30px;display: flex;}
.home-service:after{ content: ''; display: block; clear: both;}
.home-service li{ width:313px;margin-right:30px;float:left; position: relative; overflow: hidden;}
.home-service li:last-child{ width:313px;margin-right:0px;float:left; position: relative; overflow: hidden;}

#news-box{ width:1000px; margin:0 auto;padding-bottom:50px;}
#news-box:after{ content: ''; display: block; clear: both;}
#news-left{ width:200px; margin:0;text-align:left;float:left;}
#news-left h2{ text-align:left;}
#news-left span{ padding-left:20px;}
#home-news{ width:750px; margin:0 auto;}
#home-news:after{ content: ''; display: block; clear: both;}
div#index-news {width:100%; margin-bottom:10px;}
div#index-news div.wn-item { margin-bottom:20px;  padding: 20px 0 30px 120px;  position: relative; font-size: 100%; text-align:left; border-bottom:1px dotted #ccc;}
div#index-news div.wn-item a{ color:#333; text-decoration:none;}
div#index-news div.wn-item a:hover{ color:#3782bd; text-decoration:underline;}
div#index-news div.wn-date { position: absolute; top: 20px; left: 0px; color:#3782bd;}



#foot{width:100%;margin:0 auto;margin-top:30px;}
#foot-in{width:100%;margin:0 auto;}
.foot-company{font-size:100%;font-weight:bold;padding-top:10px;margin-bottom:0; padding-bottom:0; text-align:center; color:#000;}
.address{font-size:13px;margin-top:0; padding-top:0; padding-bottom:30px;text-align:center;}
.copyright{padding-top:14px; font-size:70%;text-align:center;color:#fff;}
.copyright a{color:#fff;text-decoration:none;}
.copyright a:hover {color:#fff;text-decoration:underline;}
.pc-none{display:none;}

#foot-menu-box{width:100%; background:#f5f5f5;}
#foot-menu{width:1000px; margin:0 auto;padding:14px 0;}
#foot-menu a{color:#222;text-decoration:none;font-size:85%;}

#foot-copy-box{width:100%; background:#19599d;}
#foot-copy{width:1000px; margin:0 auto; padding:0;}


/*-------------会社概要-------------*/

.box-blue{width:100%; backgroud:#f1f7fb;}

.company-box{
 width:100%;
 margin:0 auto;
 float:left;
}

.company02-box{
 width:600px;
 margin:0 auto;
 float:left;
}
.company-table { 
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none; 
}
.company-table th{
 width:24%;
 margin:0; 
 padding:22px 0 20px 0; 
 font-size:92%;
 font-weight:normal;
 text-align:left;
 color:#0067b3;
 border:none;
 border-bottom:1px solid #ddd;
} 
.company-table td{ 
 padding:22px 0 20px 0; 
 font-size:92%;
 line-height:160%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ddd;
}
.company-table td.bordernone{
 border:none; 
}

.box2{ width:1000px; margin:0 auto; margin-top:20px;padding-top:0px;padding-bottom:30px;}
.box2:after{ content: ''; display: block; clear: both;}
.box2 li{ width:481px;margin-right:30px;margin-bottom:28px;float:left; position: relative; overflow: hidden;} 
.box2 li:nth-child(even){ width:481px;margin-right:0px;margin-bottom:28px;float:left; position: relative; overflow: hidden;}
.box2 li:last-child{ width:481px;margin-right:0px;margin-bottom:28px;float:left; position: relative; overflow: hidden;}

.box3{ width:1000px; margin:0 auto; margin-top:20px;padding-top:0px;padding-bottom:30px;display: flex;}
.box3:after{ content: ''; display: block; clear: both;}
.box3 li{ width:305px;margin-right:40px;float:left; position: relative; overflow: hidden;} 
.box3 li:last-child{ width:305px;margin-right:0px;float:left; position: relative; overflow: hidden;}



/*-------------お問合せ-------------*/

.contact-box {
 width:900px;
 margin:0 auto; 
 text-align:left;
}

.red{
 color:#ff0000;
}
.komemark{
 color:#ff0000;
}
.contact-table { 
 width: 96%;
 margin-top:30px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border:none;
 border-collapse: collapse;
 border-spacing: 0; 
 border-top:1px solid #ccc; 
}
.contact-table th{
 width:30%;
 margin:0; 
 padding:24px 0 24px 0; 
 font-size:88%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
 vertical-align:middle;
} 
.contact-table td{ 
 padding:24px 0 24px 18px;
 border:none;
 border-bottom:1px solid #ccc;
 font-size:88%; 
}
.contact-table td.bordernone{
 border:none; 
}

.contact-table .size1{ 
 width:96%;
}
.contact-table .size2{ 
 width:50%;
}
.contact-table .size3{ 
 width:96%;
 height:250px;
}
.contact-table .size4{ 
 width:100px;
}
.contact-table .size4{ 
 width:100px;
}
.contact-table .size5{ 
 width:100px;
}
.contact-table .size6{ 
 width:120px;
}

.contact-table input{ 
 height:30px;
 vertical-align:middle;
}

.contact-table input,select{
 height:27px;
 vertical-align:middle;
}
.contact-table radio,checkbox{
 vertical-align:middle;
}

.contact-box button{
 padding:10px 15px 10px 15px;
}


.contact-table-conf { 
 width: 80%;
 margin-top:30px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;  
}
.contact-table-conf th{
 width:30%;
 margin:0; 
 padding:24px 0 24px 0; 
 font-size:88%;
 text-align:left;
 border-bottom:1px solid #ccc;
} 
.contact-table-conf td{ 
 padding:24px 0 24px 18px; 
 border-bottom:1px solid #ccc;  
}
.contact-table-conf td.bordernone{
 border:none; 
}


/*-------------保有車両-------------*/

.vehicle-table { 
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none; 
}
.vehicle-table th{
 width:24%;
 margin:0; 
 padding:22px 0 20px 0; 
 font-size:92%;
 font-weight:normal;
 text-align:left;
 color:#0067b3;
 border:none;
 border-bottom:1px solid #ddd;
} 
.vehicle-table td{ 
 padding:22px 0 20px 0; 
 font-size:92%;
 line-height:160%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ddd;
}
.vehicle-table td.bordernone{
 border:none; 
}


/*-------------採用情報-------------*/

.recruit-table { 
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0 0 50px 0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none; 
}
.recruit-table th{
 width:24%;
 margin:0; 
 padding:22px 0 20px 0; 
 font-size:92%;
 font-weight:normal;
 text-align:left;
 color:#0067b3;
 border:none;
 border-bottom:1px solid #ddd;
} 
.recruit-table td{ 
 padding:22px 0 20px 0; 
 font-size:92%;
 line-height:160%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ddd;
}
.recruit-table td.bordernone{
 border:none; 
}

/* プライバシーポリシー
--------------------------------------------*/

.privacyTop{
 margin:30px 5px 20px 3px;
 padding:0;
 text-align:left;
 font-size:13px;
}
.privacy-title{
 margin:0;
 padding:10px 0 5px 3px;
 text-align:left;
 font-weight:bold;
}
.privacy-text{
 margin:5px 5px 10px 5px;
 padding:0 0 20px 0;
 text-align:left;
 font-size:90%;
}
.privacy_date{
margin: 0 15px 0 5px;
padding:20px 0 15px 0;
font-size:13px;
text-align:right;
line-height:140%;
}
.privacy_contact{
margin: 0 5px 0 12px;
padding:10px 0 15px 0;
font-size:13px;
line-height:140%;
}