@charset "UTF-8";

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

#intro {
    display: none;
}

#top .st {
    font-size: 26px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
}

#top .st span {
    font-family: 'Teko', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #00036a;
    letter-spacing: 0.2em;
    line-height: 30px;
    text-align: center;
    display: block;
}


/* mainimage 
-------------------------------------------------------------*/

#mainimage {
    margin: 75px 0 0;
    z-index: 100000;
    overflow: hidden;
    position: relative;
}

#mainimage #slide li img {
    width: 100%;
}

#mainimage h2 {
    margin: 0 10px;
    padding: 0 20px;
    width: 100%;
    height: 100%;
}

#mainimage h2 img {
    text-align: center;
    margin: auto;
    width: 50%;
    height: auto;
    z-index: 99999;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    position: absolute;
}


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

#top_about {
    padding: 50px 0 0;
    background: url(../../img/business_bg.jpg) no-repeat left top;
    background-size: cover;
}

#company p {
    font-size: 16px;
    line-height: 26px;
    margin: 20px auto 30px;
    padding: 0 10px;
}


/* business 
-------------------------------------------------------------*/

#business {
    padding: 70px 10px 50px;
}

#business h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    padding: 30px 0 0;
}

#business h4 span {
    font-weight: bold;
    color: #01058d;
}

#business .cont_wrap {
    padding: 0 10px;
    width: 100%;
}

#business ul {
    text-align: center;
    margin: 30px 0 30px;
    width: 100%;
}

#business li {
    letter-spacing: 0;
    padding: 0 0 20px;
    width: 100%;
}

#business li a {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    margin: 0 auto;
    height: auto;
    display: block;
    position: relative;
}

#business li a:before {
    padding-top: 100%;
    display: block;
    content: "";
}

#business li a:hover {
    text-decoration: none;
}

#business li .inner {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#1538a2), to(#15a9af));
    background: linear-gradient(to right, #1538a2, #15a9af);
    position: absolute;
}

#business li .inner:after {
    font-family: fontAwesome;
    font-size: 30px;
    color: #153870;
    content: "\f0d7";
}

#business li a img {
    margin: -10px 0 10px;
    width: 100%;
}

#business li span {
    font-family: 'Teko', sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.07em;
    display: block;
}


/* news 
-------------------------------------------------------------*/

#top_news {
    padding: 50px 10px;
}

#top_news ul {
    margin: 20px 0 0;
}

#top_news li {
    padding: 0 0 40px;
}

#top_news li img {
    width: 100%;
}

#top_news li a {
    color: #000;
    text-decoration: none;
}

#top_news li span {
    font-weight: bold;
    color: #808080;
    padding: 10px 0 0;
    display: block;
}


/* recruit 
-------------------------------------------------------------*/

#rec_top {
    text-align: center;
    width: 100%;
    height: 420px;
    display: table;
    background: url(../../img/recruit_bg01.jpg) no-repeat center center;
    background-size: cover;
}

#rec_top p {
    font-size: 26px;
    color: #fff;
    line-height: 50px;
    vertical-align: middle;
    padding: 40px 0 0 15px;
    display: table-cell;
    background: url(../../img/recruit_title_bg.png) no-repeat center center;
    background-size: auto;
}

#rec_box {
    background: #1c2d3f;
}

#rec_box dl {
    padding: 50px 0 70px;
    position: relative;
}

#rec_box dt img {
    width: 100%;
}

#rec_box dd {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    padding: 25px;
    background: #eee;
}

#rec_box dd span {
    font-size: 30px;
    letter-spacing: 0.025em;
    line-height: 46px;
    margin-bottom: 15px;
    display: block;
}

#rec_driver {
    padding: 80px 0;
    background: url(../../img/recruit_bg02.jpg) no-repeat center center;
    background-size: cover;
}

#rec_driver .box {
    color: #fff;
    margin: 0 10px;
    padding: 40px;
    background: rgba(24, 55, 70, 0.8);
    overflow: hidden;
}

#rec_driver .box dl {
    font-size: 26px;
    line-height: 50px;
    text-align: center;
    padding: 40px 0;
    border: 1px solid #fff;
    width: 100%;
}

#rec_driver .box dd {
    font-family: 'Teko', sans-serif;
    font-weight: normal;
    letter-spacing: 0.05em;
}

#rec_driver .box dd span {
    font-family: "Yu Gothic", YuGothic, 'メイリオ', Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    font-size: 36px;
    letter-spacing: normal;
    margin: 0 0 15px;
    display: block;
    position: relative;
}

#rec_driver .box dd span:after {
    margin: auto;
    border-bottom: 2px solid #fff;
    width: 36px;
    top: 0;
    right: 0;
    left: 0;
    bottom: -12px;
    content: "";
    position: absolute;
}

#rec_driver .box .comment {
    font-size: 16px;
    line-height: 26px;
    padding: 30px 0 0;
}

#rec_driver .box .comment .btn {
    margin: 25px 0 0;
}


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

#access {
    padding: 50px 0;
}

#access .map_box {
    width: 100%;
}

#access .map_box dl {
    font-size: 16px;
    line-height: 26px;
    margin: 30px 10px 10px;
}

#access .map_box dt {
    color: #fff;
    text-align: center;
    width: 80px;
    height: 80px;
    display: table;
    background: #00036a;
    float: left;
    position: relative;
}

#access .map_box dt:before {
    margin-top: -10px;
    border: 10px solid transparent;
    border-left: 10px solid #00036a;
    top: 50%;
    left: 100%;
    content: "";
    position: absolute;
}

#access .map_box dt span {
    vertical-align: middle;
    display: table-cell;
}

#access .map_box dd {
    padding-left: 100px;
}