@charset "UTF-8";

* {
  -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
  -moz-box-sizing: border-box; /* Firefox 1+ */
  box-sizing: border-box; /* Chrome, IE8+, Opera, Safari 5.1*/
}

/*はんなり明朝*/
@font-face {
  font-family: "hannari";
  src: url("../font/hannari/hannari.eot") format("eot"),
    url("../font/hannari/hannari.ttf") format("truetype"),
    url("../font/hannari/hannari.woff") format("woff");
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

body {
  font-size: 16px;
  height: 1.5;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #444;
  letter-spacing: 0.04em;
}
header {
  height: 50px;
  background: #3b68af;
  color: #fff;
}
header .cont {
  width: 960px;
  margin: auto;
}

header .contact {
  float: right;
}

header .cont h1 {
  float: left;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
}
header .cont h1:hover {
  opacity: 0.7;
}
header .cont .contact p {
  float: left;
  margin-right: 20px;
}
header .cont .contact .open {
  font-family: "hannari";
  font-size: 17px;
  margin-top: 17px;
}
header .cont .contact .open span {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho",
    "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E",
    "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
header .cont .contact a {
  display: block;
  float: left;
  width: 156px;
  height: 50px;
  background: url(../images/contactBtn_on.png) left top no-repeat;
}
header .cont .contact a img {
  -moz-transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  opacity: 1;
}
header .cont .contact a:hover img {
  opacity: 0;
}
.mvWrap {
  overflow: clip;
}
.mv {
  position: relative;
  top: -2px;
  width: 960px;
  margin: 0 auto 0;
  padding: 0 0 30px;
}
@media screen and (max-width: 1024px) {
  .mv {
    overflow-x: hidden;
  }
}
.mv h2 {
  position: relative;
  margin: 0 0 0 -1020px;
}

.wrapper section {
  position: relative;
  top: 20px;
  opacity: 0;
  margin-bottom: 20px;
  padding-top: 100px;
}
.wrapper section h1 {
  font-family: "hannari";
  text-align: center;
  font-size: 33px;
  font-weight: normal;
  color: #444;
  letter-spacing: 0.15em;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 65px;
}
.wrapper section {
}
.wrapper section .cont {
  background: #f5f7fb;
}

.wrapper section .cont ul {
  width: 960px;
  margin: auto;
}
.wrapper section .btn {
  display: block;
  width: 280px;
  margin: 70px auto 0;
  padding: 20px 15px 20px 0;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  text-align: center;
  background: #3b68af url(../images/businessArw.png) 240px center no-repeat;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
}
.wrapper section .btn:hover {
  background-color: #7695c7;
  background-position: 240px 30px;
}

.wrapper #gl {
  -moz-transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  margin: 0 auto;
  padding: 20px 0 0;
  z-index: 99;
}
.wrapper #gl:after {
  opacity: 0;
  position: absolute;
  top: 60px;
  left: 50%;
  content: "";
  width: 0;
  height: 1px;
  background-color: #3b68af;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.wrapper #gl ul {
  width: 960px;
  margin: auto;
  padding: 0 0 35px;
  border-bottom: 1px solid #3b68af;
}

.wrapper #gl.fixed {
  position: fixed;
  width: 100%;
  height: 60px;
  top: 0;
  margin: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0.9);
}
.wrapper #gl.fixed:after {
  -moz-transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  opacity: 1;
  width: 100%;
}
.wrapper #gl.fixed ul {
  position: absolute;
  width: 960px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 18px 0 0;
  border-bottom: none;
}
.wrapper #gl li a {
  position: relative;
  display: block;
  float: left;
  font-size: 20px;
  text-decoration: none;
  color: #3b68af;
  padding: 0 24px;
  -webkit-font-smoothing: antialiased;
}
.wrapper #gl li:first-child a {
  padding-left: 31px;
}
.wrapper #gl li a:after {
  position: absolute;
  left: 0;
  display: block;
  content: "";
  background: #9db3d7;
  width: 1px;
  height: 40px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  top: -10px;
}
.wrapper #gl li:first-child a:after {
  width: 0;
}
.wrapper #gl li a:hover {
  font-weight: bold;
}
.wrapper #gl li a:before {
  font-family: "hannari";
  position: absolute;
  opacity: 0;
  width: 1em;
  left: 0;
  right: 0;
  padding-left: 3px;
  margin: auto;
  font-size: 12px;
  display: block;
  content: "▼";
  color: #9db3d7;
  text-align: center;
  top: -28px;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
}
.wrapper #gl.fixed li a:before {
  content: "";
}
.wrapper #gl li a:hover:before {
  opacity: 1;
  top: -24px;
}
.wrapper #business {
  padding-top: 0;
}
.wrapper #business h1 {
  margin-top: 100px;
}
.wrapper #business .cont {
  padding: 65px 0 55px;
}
.wrapper #business .cont ul {
  position: relative;
  padding: 0 20px;
}
.wrapper #business .cont ul:before {
  content: url(../images/business_cross.png);
  width: 81px;
  height: 85px;
  position: absolute;
  left: 0;
  right: 0;
  top: 200px;
  margin: auto;
}
.wrapper #business .cont ul li {
  background: #fff;
  width: 372px;
  float: left;
  padding: 32px 20px 30px;
}
.wrapper #business .cont ul li:last-child {
  float: right;
}
.wrapper #business .cont ul li h2 {
  color: #3b68af;
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  padding: 0 10px 30px;
  background: url(../images/businessTit.png) center bottom no-repeat;
}
.wrapper #business .cont ul li .sent {
  text-align: center;
  letter-spacing: -0.05em;
  line-height: 1.7;
  color: #323a45;
}
.wrapper #business .cont ul li img {
  display: block;
  margin: 25px 10px 25px;
}

.wrapper #flow ol {
  width: 960px;
  margin: auto;
  text-align: center;
}
.wrapper #flow ol li {
  border: 1px solid #ebebec;
  padding: 26px 20px 20px;
  float: left;
}
.wrapper #flow ol .col3 {
  width: 320px;
  height: 360px;
  border-left: none;
}
.wrapper #flow ol .col2 {
  width: 480px;
  height: 365px;
  border-top: none;
  padding-top: 28px;
}
.wrapper #flow ol li:first-child {
  border-left: 1px solid #ebebec;
}
.wrapper #flow ol li:last-child {
  border-left: none;
}
.wrapper #flow ol li .step {
  margin: 15px auto 25px;
  width: 36px;
  height: 36px;
  color: #fff;
  line-height: 36px;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #3b68af;
}
.wrapper #flow ol li h2 {
  font-size: 20px;
  font-weight: normal;
  color: #444;
  margin: 30px 0 20px;
}
.wrapper #flow ol li .sent {
  color: #3b68af;
  line-height: 1.7;
  font-size: 15px;
}
.wrapper #flow .contact {
  width: 960px;
  margin: 70px auto 30px;
}
.wrapper #flow .contactBox {
  border: 1px solid #9db3d7;
  width: 702px;
  margin: auto;
  padding: 36px 0 25px 20px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.wrapper #flow .contact h3 {
  color: #3b68af;
  font-size: 18px;
  text-align: center;
  margin-bottom: 30px;
}
.wrapper #flow .contact .open {
  float: left;
  margin-top: 7px;
  padding-right: 20px;
}
.wrapper #flow .contact .tel {
  position: relative;
  float: left;
  margin-top: 4px;
  padding: 0 26px 0 20px;
}
.wrapper #flow .contact .tel:after {
  position: absolute;
  left: 0;
  display: block;
  content: "";
  background: #9db3d7;
  width: 1px;
  height: 40px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  top: -10px;
}

.wrapper #flow .contact a {
  position: relative;
  display: block;
  float: left;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  top: -4px;
}
.wrapper #flow .contact a:after {
  position: absolute;
  left: 168px;
  top: 11px;
  content: url(../images/flowArw.png);
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
}
.wrapper #flow .contact a:hover {
  opacity: 0.7;
}
.wrapper #flow .contact a:hover:after {
  left: 172px;
}

.wrapper #vehicle h1 {
  margin-bottom: 45px;
}
.wrapper #vehicle h2 {
  font-family: "hannari";
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  color: #3b68af;
  letter-spacing: 0.15em;
  margin-bottom: 55px;
  line-height: 1.8;
}
.wrapper #vehicle ul {
  width: 865px;
  margin: auto;
  padding: 70px 0 10px;
}
.wrapper #vehicle ul li {
  width: 390px;
  float: left;
  margin-left: 75px;
  margin-bottom: 60px;
}
.wrapper #vehicle ul li:nth-child(2n + 1) {
  margin-left: 0;
}
.wrapper #vehicle ul li p {
  width: 270px;
  margin: 15px auto 0;
  background: rgba(255, 255, 255, 1);
  padding: 10px;
  text-align: center;
  color: #555;
  font-size: 14px;
}

.wrapper #qa .cont {
  background: none;
  border-bottom: 1px solid #3b68af;
}
.wrapper #qa .cont .tab {
  border-bottom: 1px solid #3b68af;
}
.wrapper #qa .cont .tab ul {
  width: 810px;
  margin: auto;
}
.wrapper #qa h1 {
  margin-bottom: 75px;
}
.wrapper #qa .cont .tab a {
  position: relative;
  top: 1px;
  display: block;
  width: 345px;
  float: left;
  font-size: 18px;
  text-align: center;
  padding: 22px 20px 16px;
  margin: 0 30px;
  color: #afafaf;
  border: 1px solid #ebebec;
  border-bottom: none;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
}
.wrapper #qa .cont .tab .active {
  background: #fff;
  color: #3b68af;
  border: 1px solid #3b68af;
  border-bottom: 1px solid #fff;
}
.wrapper #qa .cont .tab .noAct {
  cursor: pointer;
  border-bottom: 1px solid #3b68af;
}
.wrapper #qa .cont .tab .noAct:hover {
  border-color: #3b68af;
  color: #fff;
  background: #3b68af;
}

.wrapper #qa .cont #qaArea {
  width: 100%;
}

.wrapper #qa .cont li div:nth-child(2n + 2) {
  background: #f5f5f5;
}
.wrapper #qa .cont .qaItem dl {
  width: 960px;
  margin: auto;
  padding: 10px 20px;
  font-size: 16px;
  letter-spacing: 0.08em;
}
.wrapper #qa .cont .qaItem dt,
.wrapper #qa .cont .qaItem dd {
  position: relative;
  padding-left: 55px;
  line-height: 36px;
  margin: 20px 0;
}
.wrapper #qa .cont .qaItem dt:before,
.wrapper #qa .cont .qaItem dd:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  text-align: center;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.wrapper #qa .cont .qaItem dt:before {
  content: "Q";
  color: #fff;
  background: #3b68af;
}
.wrapper #qa .cont .qaItem dd:before {
  content: "A";
  color: #3b68af;
  background: #fff;
  border: 1px solid #3b68af;
}

.wrapper #greeting {
  margin-bottom: 0;
}
.wrapper #greeting .contIn {
  width: 960px;
  position: relative;
  margin: auto;
  padding: 60px 60px 70px;
}
/*.wrapper #greeting img {
  display: block;
  float: left;
  width: 260px;
  height: 265px;
  background: #ccc;
}*/
.wrapper #greeting .sent {
  position: relative;
  /*float: left;*/
  text-align: center;
  height: 240px;
  /*margin-left: 50px;*/
  font-size: 16px;
  line-height: 2.5;
}
.wrapper #greeting .sent .name {
  position: absolute;
  text-align: center;
  right: 0;
  left: 0;
  bottom: 0;
  font-size: 15px;
}

/*会社概要ページ*/
#company header {
  margin-bottom: 20px;
}

#company article section {
  width: 960px;
  margin: 60px auto 100px;
  padding-top: 0;
}

#company article section #companyInfo {
  width: 100%;
  font-size: 14px;
  margin-bottom: 60px;
}

#company article section #companyInfo th,
#company article section #companyInfo td {
  border-bottom: 1px solid #ddd;
  padding: 25px 20px;
  text-align: left;
  line-height: 1.7;
}
#company article section #companyInfo .last {
  border-bottom: none;
}
#company article section #companyInfo th {
  background-color: #f5f7fb;
  font-weight: normal;
  width: 200px;
}
#company article section #companyInfo td dt,
#company article section #companyInfo td dd {
  display: inline-block;
}
#company article section #companyInfo #officer dt {
  width: 105px;
}
#company article section #companyInfo #history dt {
  width: 130px;
}
#company article section #companyInfo #permission dt {
  width: 290px;
}
#company article section #companyInfo #permission dt a {
  color: #3b68af;
}
#company article section #companyInfo #permission dt a:hover {
  text-decoration: none;
}

#company article section #companyInfo #fleet dt {
  width: 220px;
}

#company article section #chart {
  position: relative;
  width: 500px;
  float: left;
}
#company article section #staff {
  width: 400px;
  float: right;
}

#company article section #chart h3,
#company article section #staff h3 {
  color: #3b68af;
  margin-bottom: 20px;
}
#company article section #chart h3 {
  position: absolute;
  left: 28px;
  top: 24px;
}

#company article section #staff table {
  width: 100%;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  font-size: 14px;
}
#company article section #staff th,
#company article section #staff td {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  padding: 16px 10px;
  text-align: left;
  line-height: 1.7;
}
#company article section #staff th {
  background-color: #fcfcfc;
  font-weight: normal;
}
#company article section #staff td {
  text-align: center;
}

footer {
  background: #323a45;
  color: #fff;
  padding: 60px 0 20px;
}
footer .footerIn {
  width: 845px;
  margin: 0 auto 100px;
  padding-left: 5px;
}
footer .logoArea {
  width: 300px;
  float: left;
  font-size: 13px;
}
footer .logoArea h1 {
  margin-bottom: 35px;
}
footer .logoArea address {
  font-style: normal;
  padding: 10px 0 0 5px;
}
footer .contact {
  float: right;
  width: 460px;
  font-family: "hannari";
  margin-top: 10px;
}
footer .contactBox {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin: auto;
  padding: 15px 0 14px 17px;
}
footer .contact h2 {
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}
footer .contact .open {
  float: left;
  margin-top: 7px;
  padding-right: 15px;
}
footer .contact .tel {
  position: relative;
  float: left;
  margin-top: 4px;
  padding: 0 0 0 16px;
}
footer .contact .tel:after {
  position: absolute;
  left: 0;
  display: block;
  content: "";
  background: #fff;
  width: 1px;
  height: 30px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  top: -2px;
}

footer .contact a {
  position: relative;
  display: block;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  width: 180px;
  height: 32px;
  margin: 28px auto 0;
}
footer .contact a:after {
  position: absolute;
  left: 162px;
  top: 7px;
  content: url(../images/footerArw.png);
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
}
footer .contact a:hover {
  opacity: 0.7;
}
footer .contact a:hover:after {
  left: 165px;
}
footer .copy {
  display: block;
  -webkit-font-smoothing: antialiased;
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho",
    "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E",
    "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
}