<!DOCTYPE html>
<html>
<head>
<title>Test Track Driver Jobs</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<header class="root_header normal">
  <div class="root_container">
    <nav class="navbar navbar-default" role="navigation">
      <div class="navbar-header">
        <h1 class="navbar-brand"><a href="index.php"><img src="images/logo.png" alt=""/></a></h1>
      </div>
      <div class="menuBar">
        <ul class="menu">
          <li><a href="index.php">HOME</a></li>
          <li><a href="index.php#t1">運送距離による違い</a></li>
          <li><a href="index.php#t2">必要な免許証</a></li>
        </ul>
      </div>
    </nav>
  </div>
</header>
<section class="slider boxess">
  <div class="root_container">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner">
        <div class="item active"> <img data-src="images/slider_01.jpg" alt="first slide" src="images/slider_01.jpg"> </div>
        <div class="item"> <img data-src="images/slider_02.jpg" alt="second slide" src="images/slider_02.jpg"> </div>
        <div class="item"> <img data-src="images/slider_03.jpg" alt="third slide" src="images/slider_03.jpg"> </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon carousel-control-left"></span></a> 
      <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon carousel-control-right"></span></a> 
      </div>
  </div>
</section>
<section class="root_root_blocks">
  <div class="row root_three_blocks no_padding no-margin">
    <div class="root_container">
     <div class="titel"><p>トラックドライバーというとみなさんはどんな印象を持ちますか？巨大な車体を自在に操るテクニックにあこがれを抱いたり、周りに気を配った優しい運転テクをみせてくれたりと、運転する人にとってはあこがれの存在かもしれませんね。そんなトラックドライバーの求人にはどんな種類があり、どんなお仕事ができるのか見てみましょう。</p></div>
     <div class="root_container_resize">
      <div class="col-md-4-cate">
        <h2 id="t1">運送距離による違い</h2>
        <p>トラックは日本を駆け巡る長距離ドライバーと、近隣エリアを廻る単距離ドライバーがいます。どちらも荷物を運ぶ仕事という点ではおなじですが、距離によってどのような違いがあるのでしょうか。メリット、デメリットを考えてみましょう。</p>
        <img src="images/cate1.jpg"  class="img-responsive img-rounded">
        <div class="clr"></div>
      </div>
      <div class="clr"></div>
      <div class="col-md-4 root_blocks1">
        <h3>長距離ドライバーの仕事とは？</h3>
        <img src="images/img1.jpg" alt=" " class="img-responsive img-rounded">
        <p>長距離ドライバーは長い時間をかけて大型トラックを運転するイメージがあります。実際、目的地まで時間厳守で到着しなければいけないことから昼夜を問わず走らせるのが普通です。一度の勤務の中でトラックを運転…</p>
        <p align="center"><a class="btn btn-primary btn-md" href="multi-players-are-important-for-drivers.php" role="button">Learn more</a></p> 
      </div>
      <div class="col-md-4 root_blocks1">
        <h3>単距離ドライバーの仕事とは？</h3>
        <img src="images/img2.jpg" alt=" " class="img-responsive img-rounded">
        <p>トラックドライバーとして働きたいと考えた場合には様々な方法がありますが、その中でも初心者でも安心して働くことが出来るのが短距離ドライバーであるルート配送です。ルート配送は名前の通り決まったルートを…</p>
        <p align="center"><a class="btn btn-primary btn-md" href="there-are-route-delivery-and-regular-flights.php" role="button">Learn more</a></p> 
      </div>
      <div class="col-md-4 root_blocks1">
        <h3>長距離に向いている人、単距離に向いている人</h3>
        <img src="images/img3.jpg" alt=" " class="img-responsive img-rounded">
        <p>ドライバーの仕事に興味を持っていてトラックを運転したい場合に応募する求人を選ぶ時は、給料や福利厚生に加えて最適な運送距離を検討しましょう。トラックドライバーは長距離と短距離の2つのタイプがあるので…</p>
        <p align="center"><a class="btn btn-primary btn-md" href="lets-know-optimal-shipping-distance.php" role="button">Learn more</a></p> 
      </div>
      <div class="clr"></div>
     </div>
     
     <div class="root_link" style='display: none;'>
        <h2>よく目にするトラックドライバーの求人とは？</h2>
        <a href="index.php"><img src="images/img7.jpg" alt=" " class="img-responsive img-rounded"></a>
                
      </div>
      <div class="clr"></div>
      
      <div class="root_container_resize">
      <div class="col-md-4-cate">
        <h2 id="t2">必要な免許証</h2>
        <img src="images/cate2.jpg" class="img-responsive img-rounded">
      </div>
      <div class="col-md-4 root_blocks1">
        <h3>大型自動車免許を持っていればできる仕事とは</h3>
        <img src="images/img4.jpg" alt=" " class="img-responsive img-rounded">
        <p align="center"><a class="btn btn-primary btn-md" href="work-to-carry-things.php" role="button">Learn more</a></p> 
      </div>
      <div class="col-md-4 root_blocks1">
        <h3>中型自動車免許証を持っていればできる仕事とは</h3>
        <img src="images/img5.jpg" alt=" " class="img-responsive img-rounded">
        <p align="center"><a class="btn btn-primary btn-md" href="job-description-and-model.php" role="button">Learn more</a></p> 
      </div>
      <div class="col-md-4 root_blocks1">
        <h3>普通自動車免許証を持っていればできる仕事とは</h3>
        <img src="images/img6.jpg" alt=" " class="img-responsive img-rounded">
        <p align="center"><a class="btn btn-primary btn-md" href="types-of-trucks-that-can-be-driven.php" role="button">Learn more</a></p> 
      </div>
      <div class="clr"></div>
	 </div>
      
    </div>
  </div>
</section>
<footer>
  <p class="text-center root_copyright">&copy; Copyright <a href="index.php">Test Track Driver Jobs</a>. All Rights Reserved.</p>
</footer>
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script type="text/javascript">
$('.carousel').carousel({
  interval: 3500, 
  pause: 'none' 
})
</script> 
<script type="text/javascript">
$( "a.submenu" ).click(function() {
$( ".menuBar" ).slideToggle( "normal", function() {

});
});
$( "ul li.dropdown a" ).click(function() {
$( "ul li.dropdown ul" ).slideToggle( "normal", function() {

});
$('ul li.dropdown').toggleClass('current');
});
</script>
</body>
</html>