<?php

session_start();

$weekjp = array(
  '日', //0
  '月', //1
  '火', //2
  '水', //3
  '木', //4
  '金', //5
  '土'  //6
);

$t = mktime();
$ymd=date('c', $t);

//print("ymd=" .$ymd ."<br/>");

if(!isset($_POST['btn_prev_week']) && !isset($_POST['btn_next_week'])){
	//今日から逆算して、月曜日の日付を算出
	//$w = date("w",strtotime($ymd));
	//$w--;
	//$beginning_week_date = date('Y-m-d', strtotime("-{$w} day", strtotime($ymd)));


	$beginning_week_date = date("Y-m-01", time());

//	print($beginning_week_date ."<br/>");

//	print("pat1<br/>");

	$_SESSION['start_date'] = $beginning_week_date;
	
}else{
	if(!isset($_POST['btn_prev_week'])){

		$now = strtotime($_SESSION['start_date']);
		$_SESSION['start_date'] = date("Y-m-d",strtotime("first day of + 1 month",$now));
//		$_SESSION['start_date'] = date("Y-m-d", strtotime($_SESSION['start_date'] ."+7 day"));
//		print($_SESSION['start_date'] ."<br/>");
	}

	if(!isset($_POST['btn_next_week'])){

		$now = strtotime($_SESSION['start_date']);
		$_SESSION['start_date'] = date("Y-m-d",strtotime("first day of - 1 month",$now));

//		$_SESSION['start_date'] = date("Y-m-d", strtotime($_SESSION['start_date'] ."-7 day"));
//		print($_SESSION['start_date'] ."<br/>");
	}

}

//print("SESSION=" .$_SESSION['start_date'] ."</br>");

/**
 * ・データを先頭から10件取得します。
 * ・2016年1月1日から2016年12月31日までのデータが対象です。
 */
require_once __DIR__.'/google-api-php-client-1-master/src/Google/autoload.php';
$json_path = __DIR__.'/js/kbk-calender-api-ab3cc841b590.json';
$json_string = file_get_contents($json_path, true);
$json = json_decode($json_string, true);
 
$private_key = $json['private_key'];
$client_email = $json['client_email'];
 
$scopes = array(Google_Service_Calendar::CALENDAR_READONLY);
 
$credentials = new Google_Auth_AssertionCredentials(
    $client_email,
    $scopes,
    $private_key
);
 
$client = new Google_Client();
$client->setApplicationName("Google Calendar PHP API");
$client->setAssertionCredentials($credentials);
if ($client->getAuth()->isAccessTokenExpired()) {
    $client->getAuth()->refreshTokenWithAssertion();
}
 
$service = new Google_Service_Calendar($client);

//var_dump($service);

//print("-------------------------------<br>");


////10tエアサス
// ここでデータを取得する範囲を決めています
$calendarId = 'kkmt.co.jp_brjr3g8dqbclagl14tone79834@group.calendar.google.com';  // ここには「6.PHPからGoogleカレンダーの情報を取得してみる」の②で取得したカレンダーIDを入れます。
$optParams = array(
  'orderBy' => 'startTime',
  'singleEvents' => TRUE,
  'timeMin' => date('c', mktime(0, 0, 0, date('n'), date('j') + 1, date('Y')))
);

//var_dump($optParams);
//print("-------------------------------<br>");

$results = $service->events->listEvents($calendarId, $optParams);
//var_dump($results);
//print("-------------------------------<br>");

//var_dump($results['items']);
//print("-------------------------------<br>");

//var_dump($results['items'][0]['modelData']);

$cnt=0;
$day_cnt = date('t', strtotime($_SESSION['start_date']));

for($cnt;$cnt<$day_cnt;$cnt++){
	$cal['10tair'][$cnt]['date'] = date("Y-m-d", strtotime($_SESSION['start_date'] ." " .$cnt ." day"));
	$cal['10tair'][$cnt]['week'] = $weekjp[date("w", strtotime($cal['10tair'][$cnt]['date']))];
	$cal['10tair'][$cnt]['week_color'] = "active";
	if($cal['10tair'][$cnt]['week']=="日"){
		$cal['10tair'][$cnt]['week_color'] = "danger";
	}
	if($cal['10tair'][$cnt]['week']=="土"){
		$cal['10tair'][$cnt]['week_color'] = "info";
	}
	
	if(date("Y-m-d") >= $cal['10tair'][$cnt]['date']){
		$cal['10tair'][$cnt]['value'] = "ー";
	}else{
		$cal['10tair'][$cnt]['value'] = "<a href='#' onclick='set_data(\"" .$cal['10tair'][$cnt]['date'] ."\",\"10tエアサス\");return false;'>◯</a>";
	}
//	print("cal=" .$cal[$cnt]['date'] ."<br/>");
}

$cnt2=0;
for($cnt2;$cnt2<count($results['items']);$cnt2++){
//	print($results['items'][$cnt2]['modelData']['start']['date'] ."<br/>");
//	print($results['items'][$cnt2]['summary'] ."<br/>");
	$cnt=0;
	for($cnt;$cnt<$day_cnt;$cnt++){
		if($cal['10tair'][$cnt]['date'] >= $results['items'][$cnt2]['modelData']['start']['date'] && $cal['10tair'][$cnt]['date'] < $results['items'][$cnt2]['modelData']['end']['date']){
			$cal['10tair'][$cnt]['value'] = "×";
		}
//		print("date=" .$cal[$cnt]['date'] ."<br/>");
//		print("val=" .$cal[$cnt]['value'] ."<br/>");
	}
	
//	print("<hr>");
}

////10t車
// ここでデータを取得する範囲を決めています
$calendarId = 'kkmt.co.jp_pge799d6dfrnq8qideardcn4a4@group.calendar.google.com';  // ここには「6.PHPからGoogleカレンダーの情報を取得してみる」の②で取得したカレンダーIDを入れます。
$optParams = array(
  'orderBy' => 'startTime',
  'singleEvents' => TRUE,
  'timeMin' => date('c', mktime(0, 0, 0, date('n'), date('j') + 1, date('Y')))
);

//var_dump($optParams);
//print("-------------------------------<br>");

$results = $service->events->listEvents($calendarId, $optParams);
//var_dump($results);
//print("-------------------------------<br>");

//var_dump($results['items']);
//print("-------------------------------<br>");

//var_dump($results['items'][0]['modelData']);

$cnt=0;
for($cnt;$cnt<$day_cnt;$cnt++){
	$cal['10t'][$cnt]['date'] = date("Y-m-d", strtotime($_SESSION['start_date'] ." " .$cnt ." day"));
	if(date("Y-m-d") >= $cal['10t'][$cnt]['date']){
		$cal['10t'][$cnt]['value'] = "ー";
	}else{
		$cal['10t'][$cnt]['value'] = "<a href='#' onclick='set_data(\"" .$cal['10t'][$cnt]['date'] ."\",\"10t\");return false;'>◯</a>";
	}
//	print("cal=" .$cal[$cnt]['date'] ."<br/>");
}

$cnt2=0;
for($cnt2;$cnt2<count($results['items']);$cnt2++){
//	print($results['items'][$cnt2]['modelData']['start']['date'] ."<br/>");
//	print($results['items'][$cnt2]['summary'] ."<br/>");
	$cnt=0;
	for($cnt;$cnt<7;$cnt++){
		if($cal['10t'][$cnt]['date'] >= $results['items'][$cnt2]['modelData']['start']['date'] && $cal['10t'][$cnt]['date'] < $results['items'][$cnt2]['modelData']['end']['date']){
			$cal['10t'][$cnt]['value'] = "×";
		}
//		print("date=" .$cal[$cnt]['date'] ."<br/>");
//		print("val=" .$cal[$cnt]['value'] ."<br/>");
	}
	
//	print("<hr>");
}

////8t車
// ここでデータを取得する範囲を決めています
$calendarId = 'kkmt.co.jp_l5ap5el39ngtsbunsbkfief5cs@group.calendar.google.com';  // ここには「6.PHPからGoogleカレンダーの情報を取得してみる」の②で取得したカレンダーIDを入れます。
$optParams = array(
  'orderBy' => 'startTime',
  'singleEvents' => TRUE,
  'timeMin' => date('c', mktime(0, 0, 0, date('n'), date('j') + 1, date('Y')))
);

//var_dump($optParams);
//print("-------------------------------<br>");

$results = $service->events->listEvents($calendarId, $optParams);
//var_dump($results);
//print("-------------------------------<br>");

//var_dump($results['items']);
//print("-------------------------------<br>");

//var_dump($results['items'][0]['modelData']);

$cnt=0;
for($cnt;$cnt<$day_cnt;$cnt++){
	$cal['8t'][$cnt]['date'] = date("Y-m-d", strtotime($_SESSION['start_date'] ." " .$cnt ." day"));
	if(date("Y-m-d") >= $cal['8t'][$cnt]['date']){
		$cal['8t'][$cnt]['value'] = "ー";
	}else{
		$cal['8t'][$cnt]['value'] = "<a href='#' onclick='set_data(\"" .$cal['8t'][$cnt]['date'] ."\",\"8t\");return false;'>◯</a>";
	}
//	print("cal=" .$cal[$cnt]['date'] ."<br/>");
}

$cnt2=0;
for($cnt2;$cnt2<count($results['items']);$cnt2++){
//	print($results['items'][$cnt2]['modelData']['start']['date'] ."<br/>");
//	print($results['items'][$cnt2]['summary'] ."<br/>");
	$cnt=0;
	for($cnt;$cnt<$day_cnt;$cnt++){
		if($cal['8t'][$cnt]['date'] >= $results['items'][$cnt2]['modelData']['start']['date'] && $cal['8t'][$cnt]['date'] < $results['items'][$cnt2]['modelData']['end']['date']){
			$cal['8t'][$cnt]['value'] = "×";
		}
//		print("date=" .$cal[$cnt]['date'] ."<br/>");
//		print("val=" .$cal[$cnt]['value'] ."<br/>");
	}
	
//	print("<hr>");
}


////4t車
// ここでデータを取得する範囲を決めています
$calendarId = 'kkmt.co.jp_auo5q8fafgu29gnjdfs9lmtcn0@group.calendar.google.com';  // ここには「6.PHPからGoogleカレンダーの情報を取得してみる」の②で取得したカレンダーIDを入れます。
$optParams = array(
  'orderBy' => 'startTime',
  'singleEvents' => TRUE,
  'timeMin' => date('c', mktime(0, 0, 0, date('n'), date('j') + 1, date('Y')))
);

//var_dump($optParams);
//print("-------------------------------<br>");

$results = $service->events->listEvents($calendarId, $optParams);
//var_dump($results);
//print("-------------------------------<br>");

//var_dump($results['items']);
//print("-------------------------------<br>");

//var_dump($results['items'][0]['modelData']);

$cnt=0;
for($cnt;$cnt<$day_cnt;$cnt++){
	$cal['4t'][$cnt]['date'] = date("Y-m-d", strtotime($_SESSION['start_date'] ." " .$cnt ." day"));
	if(date("Y-m-d") >= $cal['4t'][$cnt]['date']){
		$cal['4t'][$cnt]['value'] = "ー";
	}else{
		$cal['4t'][$cnt]['value'] = "<a href='#' onclick='set_data(\"" .$cal['4t'][$cnt]['date'] ."\",\"4t\");return false;'>◯</a>";
	}
//	print("cal=" .$cal[$cnt]['date'] ."<br/>");
}

$cnt2=0;
for($cnt2;$cnt2<count($results['items']);$cnt2++){
//	print($results['items'][$cnt2]['modelData']['start']['date'] ."<br/>");
//	print($results['items'][$cnt2]['summary'] ."<br/>");
	$cnt=0;
	for($cnt;$cnt<$day_cnt;$cnt++){
		if($cal['4t'][$cnt]['date'] >= $results['items'][$cnt2]['modelData']['start']['date'] && $cal['4t'][$cnt]['date'] < $results['items'][$cnt2]['modelData']['end']['date']){
			$cal['4t'][$cnt]['value'] = "×";
		}
//		print("date=" .$cal[$cnt]['date'] ."<br/>");
//		print("val=" .$cal[$cnt]['value'] ."<br/>");
	}
	
//	print("<hr>");
}


////2t車
// ここでデータを取得する範囲を決めています
$calendarId = 'kkmt.co.jp_0q2jek2vf2kivfhj49ndr8nnr8@group.calendar.google.com';  // ここには「6.PHPからGoogleカレンダーの情報を取得してみる」の②で取得したカレンダーIDを入れます。
$optParams = array(
  'orderBy' => 'startTime',
  'singleEvents' => TRUE,
  'timeMin' => date('c', mktime(0, 0, 0, date('n'), date('j') + 1, date('Y')))
);

//var_dump($optParams);
//print("-------------------------------<br>");

$results = $service->events->listEvents($calendarId, $optParams);
//var_dump($results);
//print("-------------------------------<br>");

//var_dump($results['items']);
//print("-------------------------------<br>");

//var_dump($results['items'][0]['modelData']);

$cnt=0;
for($cnt;$cnt<$day_cnt;$cnt++){
	$cal['2t'][$cnt]['date'] = date("Y-m-d", strtotime($_SESSION['start_date'] ." " .$cnt ." day"));
	if(date("Y-m-d") >= $cal['2t'][$cnt]['date']){
		$cal['2t'][$cnt]['value'] = "ー";
	}else{
		$cal['2t'][$cnt]['value'] = "<a href='#' onclick='set_data(\"" .$cal['2t'][$cnt]['date'] ."\",\"2t\");return false;'>◯</a>";
	}
//	print("cal=" .$cal[$cnt]['date'] ."<br/>");
}

$cnt2=0;
for($cnt2;$cnt2<count($results['items']);$cnt2++){
//	print($results['items'][$cnt2]['modelData']['start']['date'] ."<br/>");
//	print($results['items'][$cnt2]['summary'] ."<br/>");
	$cnt=0;
	for($cnt;$cnt<$day_cnt;$cnt++){
		if($cal['2t'][$cnt]['date'] >= $results['items'][$cnt2]['modelData']['start']['date'] && $cal['2t'][$cnt]['date'] < $results['items'][$cnt2]['modelData']['end']['date']){
			$cal['2t'][$cnt]['value'] = "×";
		}
//		print("date=" .$cal[$cnt]['date'] ."<br/>");
//		print("val=" .$cal[$cnt]['value'] ."<br/>");
	}
	
//	print("<hr>");
}


////OC
// ここでデータを取得する範囲を決めています
$calendarId = 'kkmt.co.jp_4d5kd3jisfvq2p1be35paj379o@group.calendar.google.com';  // ここには「6.PHPからGoogleカレンダーの情報を取得してみる」の②で取得したカレンダーIDを入れます。
$optParams = array(
  'orderBy' => 'startTime',
  'singleEvents' => TRUE,
  'timeMin' => date('c', mktime(0, 0, 0, date('n'), date('j') + 1, date('Y')))
);

//var_dump($optParams);
//print("-------------------------------<br>");

$results = $service->events->listEvents($calendarId, $optParams);
//var_dump($results);
//print("-------------------------------<br>");

//var_dump($results['items']);
//print("-------------------------------<br>");

//var_dump($results['items'][0]['modelData']);

$cnt=0;
for($cnt;$cnt<$day_cnt;$cnt++){
	$cal['OC'][$cnt]['date'] = date("Y-m-d", strtotime($_SESSION['start_date'] ." " .$cnt ." day"));
	if(date("Y-m-d") >= $cal['OC'][$cnt]['date']){
		$cal['OC'][$cnt]['value'] = "ー";
	}else{
		$cal['OC'][$cnt]['value'] = "<a href='#' onclick='set_data(\"" .$cal['OC'][$cnt]['date'] ."\",\"OC\");return false;'>◯</a>";
	}
//	print("cal=" .$cal[$cnt]['date'] ."<br/>");
}

$cnt2=0;
for($cnt2;$cnt2<count($results['items']);$cnt2++){
//	print($results['items'][$cnt2]['modelData']['start']['date'] ."<br/>");
//	print($results['items'][$cnt2]['summary'] ."<br/>");
	$cnt=0;
	for($cnt;$cnt<$day_cnt;$cnt++){
		if($cal['OC'][$cnt]['date'] >= $results['items'][$cnt2]['modelData']['start']['date'] && $cal['OC'][$cnt]['date'] < $results['items'][$cnt2]['modelData']['end']['date']){
			$cal['OC'][$cnt]['value'] = "×";
		}
//		print("date=" .$cal[$cnt]['date'] ."<br/>");
//		print("val=" .$cal[$cnt]['value'] ."<br/>");
	}
	
//	print("<hr>");
}


////WC
// ここでデータを取得する範囲を決めています
$calendarId = 'kkmt.co.jp_cue5aa7a2doi5ge3fv0oav03m4@group.calendar.google.com';  // ここには「6.PHPからGoogleカレンダーの情報を取得してみる」の②で取得したカレンダーIDを入れます。
$optParams = array(
  'orderBy' => 'startTime',
  'singleEvents' => TRUE,
  'timeMin' => date('c', mktime(0, 0, 0, date('n'), date('j') + 1, date('Y')))
);

//var_dump($optParams);
//print("-------------------------------<br>");

$results = $service->events->listEvents($calendarId, $optParams);
//var_dump($results);
//print("-------------------------------<br>");

//var_dump($results['items']);
//print("-------------------------------<br>");

//var_dump($results['items'][0]['modelData']);

$cnt=0;
for($cnt;$cnt<$day_cnt;$cnt++){
	$cal['WC'][$cnt]['date'] = date("Y-m-d", strtotime($_SESSION['start_date'] ." " .$cnt ." day"));
	if(date("Y-m-d") >= $cal['WC'][$cnt]['date']){
		$cal['WC'][$cnt]['value'] = "ー";
	}else{
		$cal['WC'][$cnt]['value'] = "<a href='#' onclick='set_data(\"" .$cal['WC'][$cnt]['date'] ."\",\"ダブルキャブ\");return false;'>◯</a>";
	}
//	print("cal=" .$cal[$cnt]['date'] ."<br/>");
}

$cnt2=0;
for($cnt2;$cnt2<count($results['items']);$cnt2++){
//	print($results['items'][$cnt2]['modelData']['start']['date'] ."<br/>");
//	print($results['items'][$cnt2]['summary'] ."<br/>");
	$cnt=0;
	for($cnt;$cnt<$day_cnt;$cnt++){
		if($cal['WC'][$cnt]['date'] >= $results['items'][$cnt2]['modelData']['start']['date'] && $cal['WC'][$cnt]['date'] < $results['items'][$cnt2]['modelData']['end']['date']){
			$cal['WC'][$cnt]['value'] = "×";
		}
//		print("date=" .$cal[$cnt]['date'] ."<br/>");
//		print("val=" .$cal[$cnt]['value'] ."<br/>");
	}
	
//	print("<hr>");
}


//日数カウント
$cnt=0;
for($cnt;$cnt<$day_cnt;$cnt++){
	$cal_day_cnt[$cnt]['cnt'] = 0;
	if(strpos($cal['10tair'][$cnt]['value'],'◯') !== false){
		$cal_day_cnt[$cnt]['cnt']++;
	}
	if(strpos($cal['10t'][$cnt]['value'],'◯') !== false){
		$cal_day_cnt[$cnt]['cnt']++;
	}
	if(strpos($cal['8t'][$cnt]['value'],'◯') !== false){
		$cal_day_cnt[$cnt]['cnt']++;
	}
	if(strpos($cal['4t'][$cnt]['value'],'◯') !== false){
		$cal_day_cnt[$cnt]['cnt']++;
	}
	if(strpos($cal['2t'][$cnt]['value'],'◯') !== false){
		$cal_day_cnt[$cnt]['cnt']++;
	}
	if(strpos($cal['OC'][$cnt]['value'],'◯') !== false){
		$cal_day_cnt[$cnt]['cnt']++;
	}
	if(strpos($cal['WC'][$cnt]['value'],'◯') !== false){
		$cal_day_cnt[$cnt]['cnt']++;
	}
}



// 現在の年月を取得
$year = date('Y',strtotime($_SESSION['start_date']));
$month = date('n',strtotime($_SESSION['start_date']));
 
// 月末日を取得
$last_day = date('j', mktime(0, 0, 0, $month + 1, 0, $year)); 
$calendar = array();
$j = 0;
 
// 月末日までループ
for ($i = 1; $i < $last_day + 1; $i++) {
    // 曜日を取得
    $week = date('w', mktime(0, 0, 0, $month, $i, $year));
    // 1日の場合
    if ($i == 1) {
        // 1日目の曜日までをループ
        for ($s = 1; $s <= $week; $s++) {
            // 前半に空文字をセット
            $calendar[$j]['day'] = '';
            $j++;
        }
    }
 
    // 配列に日付をセット
    $calendar[$j]['day'] = $i;
    $j++;
 
    // 月末日の場合
    if ($i == $last_day) {
        // 月末日から残りをループ
        for ($e = 1; $e <= 6 - $week; $e++) {
            // 後半に空文字をセット
            $calendar[$j]['day'] = '';
            $j++;
        }
    }
}

?>


<!DOCTYPE html>
<html lang="ja"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>株式会社ＫＢＫ</title>
<link rel="shortcut icon" href="image/kbk.ico">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<link href="css/css.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<script src="js/jquery-1.js"></script>
<script src="js/bootstrap.js"></script>
<link rel="stylesheet" href="css/flickity.css">
<script src="js/flickity.js"></script>

<script>
$('.carousel1').flickity({
  // options
  cellAlign: 'left',
  contain: true
});
</script>


<script>
jQuery(function($){
  $(window).load(function() {
    $("#top_image2").animate({
      opacity:'1'
    },1500);
  });
});
</script>


<script>
$(function(){
  $('a[href^=#]').click(function() {
    var speed = 400; // ミリ秒
    var href= $(this).attr("href");
    var target = $(href == "#" || href == "" ? 'html' : href);
    var position = target.offset().top;
    $('body,html').animate({scrollTop:position}, speed, 'swing');
        $('.navbar-collapse.in').collapse('hide');
    return false;
   });
});
</script>

<script>

var syncerTimeout = null ;

$( function(){
  $( window ).scroll( function(){

    if( syncerTimeout == null ){
      syncerTimeout = setTimeout( function(){
        var element = $('.back_to_up') ;
        var visible = element.is(':visible') ;
        var now = $(window).scrollTop() ;
        if( now > 500 ){
          if( !visible ){
            element.fadeIn( 'slow' ) ;
          }
        }else if( visible ){
          element.fadeOut( 'slow' ) ;
        }
        syncerTimeout = null ;
      } , 500 ) ;
    }
  }) ;

  $('.back_to_up').click(
    function(){
      $( 'html,body' ).animate( {scrollTop:0} , 'slow' ) ;
    }
  );
});

</script>


<script>
  (function () {
  var tapClass = "";
  var hoverClass = "";
  var Hover = window.Hover = function (ele) {
  return new Hover.fn.init(ele);
  };
  Hover.fn = {
  //Hover Instance
  init : function (ele) {
  this.prop = ele;
  }
  , bind : function (_hoverClass, _tapClass) {
  hoverClass = _hoverClass;
  tapClass = _tapClass;
  $(window).bind("touchstart", function(event) {
  var target = event.target || window.target;
  var bindElement = null;
  if (target.tagName == "A" || $(target).hasClass(tapClass)) {
  bindElement = $(target);
  } else if ($(target).parents("a").length > 0) {
  bindElement = $(target).parents("a");
  } else if ($(target).parents("." + tapClass).length > 0) {
  bindElement = $(target).parents("." + tapClass);
  }
  if (bindElement != null) {
  Hover().touchstartHoverElement(bindElement);
  }
  });
  }
  , touchstartHoverElement : function (bindElement) {
  bindElement.addClass(hoverClass);
  bindElement.unbind("touchmove", Hover().touchmoveHoverElement);
  bindElement.bind("touchmove", Hover().touchmoveHoverElement);
  bindElement.unbind("touchend", Hover().touchendHoverElement);
  bindElement.bind("touchend", Hover().touchendHoverElement);
  }
  , touchmoveHoverElement : function (event) {
  $(this).removeClass(hoverClass);
  }
  , touchendHoverElement : function (event) {
  $(this).removeClass(hoverClass);
  }
  }
  Hover.fn.init.prototype = Hover.fn;
  Hover().bind("hover", "tap");
  }
  )();
</script>
</head><!--/head-->
<body class="home blog">
<header>
  <div class="container">

    <nav class="navbar navbar-inverse">
      <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#gnavi">
              <span class="sr-only">メニュー</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
          </button>
        <a href="index.php" class="navbar-brand"><img src="image/logo.png"></a>
        </div>

      
      <div id="gnavi" class="collapse navbar-collapse navbar-right">
          <ul class="nav navbar-nav ">
          <li><a href="index.php"><span>TOP</span></a></li><li class="shikiri">|</li>
          <li><a href="#top_mission"><span>重量屋とは</span></a></li><li class="shikiri">|</li>
          <li><a href="#top_material"><span>保有車両</span></a></li><li class="shikiri">|</li>
          <li><a href="#calender"><span>車両・営業スケジュール</span></a></li><li class="shikiri">|</li>
          <li><a href="#top_recruit"><span>採用情報</span></a></li><li class="shikiri">|</li>
          <li><a href="#top_corp"><span>会社概要</span></a></li>
          </ul>
        </div>
    </nav>
  </div>
</header>
<div id="top_details">
  <div style="opacity: 1;" id="top_image2" class="text-center">
    <img class="pc" src="image/top2.png">
    <img class="sp" src="image/top2_sp.png">
  </div>

  <div class="row">
    <div class="col-md-12 text-center">
      <br><br><span class="sankaku"></span>
    </div>
  </div>

  <div style="background-position: center 0px;" id="top_image" class="text-center">
    <h1 class="pc">私たち<span style="color:#FF5100;">株式会社KBK</span>は、<br><span style="color:#FF0000;">「重量屋」</span>という職人集団です。</h1>
    <h1 class="sp">私たち<br><span style="color:#FF5100;">株式会社KBK</span>は、<br><span style="color:#FF0000;">「重量屋」</span>という<br>職人集団です。</h1>
  </div>

  <div id="top_mission">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h2><b>「重量屋」とは？</b></h2>
          <p style="font-size: 0.8em;"><b>重量物(重量機械設備)を、搬入、据付、運搬をする会社の事です。機械を運んで設置する。一言でいってしまうと簡単に思えますが、重量機械設備には大きさ・重さ・付随部品によって千差万別あり、運ぶ事においてもシビアな経験・知識が要求されます。</b></p>
        </div>
      </div>
      
      <div class="top_mission_details">
        <div class="row">
          <div class="col-md-3 col-xs-6">
            <img src="image/nc-machine.png" class="img-rounded" style="margin-top:10px; margin-bottom:10px;">
          </div>
          <div class="col-md-3 col-xs-6">
            <img src="image/mon-machine.png" class="img-rounded" style="margin-top:10px; margin-bottom:10px;">
          </div>
          <div class="col-md-3 col-xs-6">
            <img src="image/puresu.png" class="img-rounded" style="margin-top:10px; margin-bottom:10px;">
          </div>
          <div class="col-md-3 col-xs-6">
            <img src="image/nc-senban.png" class="img-rounded" style="margin-top:10px; margin-bottom:10px;">
          </div>
        </div>
      </div>
      <div class="top_toiawase_button">
        <div class="row">
          <div class="col-md-12">
            <a href="#">
              </a><a class="button_apply" href="apply.php">お気軽にお問い合わせ下さい！</a>
            
          </div>
        </div>
      </div>

    </div><!--/container-->
  </div><!--/top_mission-->

  <div class="row">
    <div class="col-md-12 text-center">
      <br><br><span class="sankaku"></span>
    </div>
  </div>

  <div class="black_obi text-center">
    <h2><b>実際にこんなことします！</b></h2>
    <p><b>重量屋さんができること</b></p>
  </div>


  <div id="top_mission2">
    <div class="container">
      <div class="top_mission_details">
        <div class="row">
          <div class="col-md-12">
            <h3><b>ー　搬入　ー</b></h3>
            <p style="font-size: 0.8em;">重量物(重量機械設備)を移設先様に搬入します。積載車に積まれた機械を降ろします。移設先様によって、搬入路が狭く、機械が通れない場合もあり、窓から機械を搬入することもあります。</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="carousel1" data-flickity='{ "wrapAround": true }'>
    <div class="carousel-cell"><img src="image/loading-1.jpg"/></div>
    <div class="carousel-cell"><img src="image/loading-2.jpg"/></div>
    <div class="carousel-cell"><img src="image/loading-3.jpg"/></div>
    <div class="carousel-cell"><img src="image/loading-4.jpg"/></div>
    <div class="carousel-cell"><img src="image/loading-5.jpg"/></div>
  </div>


  <div id="top_mission2">
    <div class="container">
      <div class="top_mission_details">
        <div class="row">
          <div class="col-md-12">
            <h3><b>ー　据付　ー</b></h3>
            <p style="font-size: 0.8em;">移設先様にて指定された場所に重量物(重量機械設備)を設置します。クレーンがないことも多々有り、その場合は機械の下にローラーを設置するなどして、機械を運びます。</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="carousel1" data-flickity='{ "wrapAround": true }'>
    <div class="carousel-cell"><img src="image/setup-1.jpg"/></div>
    <div class="carousel-cell"><img src="image/setup-2.jpg"/></div>
    <div class="carousel-cell"><img src="image/setup-3.jpg"/></div>
    <div class="carousel-cell"><img src="image/setup-4.jpg"/></div>
  </div>

  <div id="top_mission2">
    <div class="container">
      <div class="top_mission_details">
        <div class="row">
          <div class="col-md-12">
            <h3><b>ー　運送　ー</b></h3>
            <p style="font-size: 0.8em;">重量物(重量機械設備)をトラックに積み込みして運搬します。運搬中に積み荷が落ちないよう、精密な工作機械に支障をきたさないよう細心の注意を払って運びます。</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="carousel1" data-flickity='{ "wrapAround": true }'>
    <div class="carousel-cell"><img src="image/delivery-6.JPG"/></div>
    <div class="carousel-cell"><img src="image/delivery-1.JPG"/></div>
    <div class="carousel-cell"><img src="image/delivery-2.JPG"/></div>
    <div class="carousel-cell"><img src="image/delivery-3.JPG"/></div>
    <div class="carousel-cell"><img src="image/delivery-4.JPG"/></div>
    <div class="carousel-cell"><img src="image/delivery-5.JPG"/></div>
  </div>


  <div class="row">
    <div class="col-md-12 text-center">
      <br><br><span class="sankaku"></span>
    </div>
  </div>

  <div class="orange_obi text-center">
    <h2><b>KBKならトータルサポートが可能です。</b></h2>
  </div>

  <div class="panel panel-default">
    <div class="panel-body">
      <div id="top_mission2">
        <div class="container">
          <div class="top_mission_details">
            <div class="row">
              <div class="col-md-12">
                <p style="font-size: 0.8em;">搬入・据付・運搬だけではなく、メーカー様が行うことが多い<br><strong style="font-size:120%;">セットアップ・セットダウン・精度検査・試運転等の作業も一貫して</strong>承っております！</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="top_mission3">
        <div class="container">
          
          <div class="top_mission_details">
            <div class="row">
              <div class="col-md-3">
                <div class="bs-callout bs-callout-warning">
                  <strong>運送</strong>
                  <p>重量機械設備の運送</p>
                  <img src="image/mission3_content1.jpg">
                </div>
              </div>
              <div class="col-md-3">
                <div class="bs-callout bs-callout-warning">
                  <strong>基礎工事</strong>
                  <p>設置先の強度強化</p>
                  <img src="image/mission3_content2.jpg">
                </div>
              </div>
              <div class="col-md-3">
                <div class="bs-callout bs-callout-warning">
                  <strong>据付</strong>
                  <p>機械の設置</p>
                  <img src="image/mission3_content3.jpg">
                </div>
              </div>
              <div class="col-md-3">
                <div class="bs-callout bs-callout-warning">
                  <strong>レベル出し</strong>
                  <p>対象機械のレベル出し</p>
                  <img src="image/level-3.jpg">
                </div>
              </div>
              
              <div class="col-md-3">
                <div class="bs-callout bs-callout-warning">
                  <strong>セットアップ</strong>
                  <p>機械の技術的組み立て</p>
                  <img src="image/mission3_content5.jpg">
                </div>
              </div>
              <div class="col-md-3">
                <div class="bs-callout bs-callout-warning">
                  <strong>試運転</strong>
                  <p>機械の試験的運転</p>
                  <img src="image/mission3_content6.jpg">
                </div>
              </div>
              <div class="col-md-3">
                <div class="bs-callout bs-callout-warning">
                  <strong>精度検査</strong>
                  <p>機械の精度(仕事)チェック</p>
                  <img src="image/mission3_content7.jpg">
                </div>
              </div>
              <div class="col-md-3">
                <div class="bs-callout bs-callout-warning">
                  <strong>移設</strong>
                  <p>移設先での機械移動</p>
                  <img src="image/mission3_content8.jpg">
                </div>
              </div>

            </div>
          </div>
          
          <div class="top_mission3_button">
            <div class="row">
              <div class="col-md-12">
                <a href="service.html">
                  <button type="button" class="btn btn-default">≫各業務内容へ</button>
                </a>
              </div>
            </div>
          </div>
          
          
          <div class="top_toiawase_button">
            <div class="row">
              <div class="col-md-12">
                <a href="#">
                  </a><a class="button_apply" href="apply.php">お気軽にお問い合わせ下さい！</a>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>


  <div class="row">
    <div class="col-md-12 text-center">
      <br><br><span class="sankaku"></span>
    </div>
  </div>


  <div id="top_material">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h2><b>保有車両</b></h2>
        </div>
      </div>
      
      <div class="top_material_details">
        <div class="row">
          <div class="col-md-4 col-xs-6 text-left">
            <div class="image"><img src="image/car-10air.jpg"></div>
            <b style="color:white;font-size:15px;">１０ｔエアサス</b>
          </div>
          <div class="col-md-4 col-xs-6 text-left">
            <div class="image"><img src="image/car-10.jpg"></div>
            <b style="color:white;font-size:15px;">１０ｔ</b>
          </div>
          <div class="col-md-4 col-xs-6 text-left">
            <div class="image"><img src="image/car-oc.jpg"></div>
            <b style="color:white;font-size:15px;">OC(クレーン車)</b>
          </div>
          <div class="col-md-4 col-xs-6 text-left">
            <div class="image"><img src="image/car-8.jpg"></div>
            <b style="color:white;font-size:15px;">８ｔ</b>
          </div>
          <div class="col-md-4 col-xs-6 text-left">
            <div class="image"><img src="image/car-4.jpg"></div>
            <b style="color:white;font-size:15px;">４ｔ</b>
          </div>
          <div class="col-md-4 col-xs-6 text-left">
            <div class="image"><img src="image/car-2.jpg"></div>
            <b style="color:white;font-size:15px;">２ｔ</b>
          </div>

          
        </div>
      </div>

      <!--
        <div class="top_material_button">
          <div class="row">
            <div class="col-md-12">
              <a href="cars.html">
                <button type="button" class="btn btn-default">≫保有車両をもっと見る</button>
              </a>
            </div>
          </div>
        </div>
      -->
    </div>
  </div>



<form method="POST" action="index.php#calender" name="form_calender">

  <div id="calender">
    <div style="opacity: 1;" id="top_image2" class="text-center">
      <img src="image/car_title.jpg">
    </div>
    <div class="container">
      <div class="row">
        <div class="col-md-12 text-center">
          <h2><b>営業スケジュール</b></h2>
          <p>業務可能車両数を掲載しております。※運転者・作業員の都合により日程をお約束できない場合がございます。。</p>
        </div>
      </div>
      
	  <div id="calender">
	  
      <div class="calender_details">

		<div class="row">
			<div class="col-xs-6 text-left">
				<button type="submit" class="btn btn-default" name="btn_prev_week">≪前月</button>
			</div>
			<div class="col-xs-6 text-right">
				<button type="submit" class="btn btn-default" name="btn_next_week">次月≫</button>
			</div>
		</div>

		<div class="panel panel-default">
			<div class="panel-body">
		
				<div class="row">
					<div class="col-md-12 text-center">
						<h4><?php print(date("Y-m",strtotime($_SESSION['start_date']))); ?></h4>
						<div class="table-responsive">
							<table class="table table-bordered text-center">
								<tr>
									<td class="danger">日</td>
									<td class="active">月</td>
									<td class="active">火</td>
									<td class="active">水</td>
									<td class="active">木</td>
									<td class="active">金</td>
									<td class="info">土</td>
								</tr>
							 
								<tr>
								<?php $cnt = 0; ?>
								<?php foreach ($calendar as $key => $value): ?>
							 
									<td>
									<?php $cnt++; ?>
									<?php print($value['day'] ."</br>"); ?>
									<?php
										if($value['day'] != ""){
											if(date("Y-m",strtotime($_SESSION['start_date'])) ."-" .sprintf("%02d", $value['day']) <= date("Y-m-d",mktime())){
												print("ー");
											}else{
												if($cal_day_cnt[$value['day']-1]['cnt']=="0"){
													print("(" .$cal_day_cnt[$value['day']-1]['cnt'] .")");
												}else{
													print("<a href='calender.php?d=" .$cal['10tair'][$value['day']-1]['date'] ."'>(" .$cal_day_cnt[$value['day']-1]['cnt'] .")</a>");
												}
											}
										}
									?>
									</td>
							 
								<?php if ($cnt == 7): ?>
								</tr>
								<tr>
								<?php $cnt = 0; ?>
								<?php endif; ?>
							 
								<?php endforeach; ?>
								</tr>
							</table>
						</div>

					</div>
				</div>

<!--
				<div class="row">
					<div class="col-md-12">

						<div class="table-responsive">
						  <table class="table table-bordered">
							<tr class="text-center active">
								<td>　</td>
								<td><?php print(date("n月d日",strtotime($cal['10tair'][0]['date']))) ?></td>
								<td><?php print(date("n月d日",strtotime($cal['10tair'][1]['date']))) ?></td>
								<td><?php print(date("n月d日",strtotime($cal['10tair'][2]['date']))) ?></td>
								<td><?php print(date("n月d日",strtotime($cal['10tair'][3]['date']))) ?></td>
								<td><?php print(date("n月d日",strtotime($cal['10tair'][4]['date']))) ?></td>
								<td><?php print(date("n月d日",strtotime($cal['10tair'][5]['date']))) ?></td>
								<td><?php print(date("n月d日",strtotime($cal['10tair'][6]['date']))) ?></td>
							</tr>
							<tr class="text-center active">
								<td>　</td>
								<td>月</td>
								<td>火</td>
								<td>水</td>
								<td>木</td>
								<td>金</td>
								<td class="info">土</td>
								<td class="danger">日</td>
							</tr>
							<tr class="text-center">
								<td>10tエアサス</td>
								<td><?php print($cal['10tair'][0]['value']) ?></td>
								<td><?php print($cal['10tair'][1]['value']) ?></td>
								<td><?php print($cal['10tair'][2]['value']) ?></td>
								<td><?php print($cal['10tair'][3]['value']) ?></td>
								<td><?php print($cal['10tair'][4]['value']) ?></td>
								<td><?php print($cal['10tair'][5]['value']) ?></td>
								<td><?php print($cal['10tair'][6]['value']) ?></td>
							</tr>
							<tr class="text-center">
								<td>10t</td>
								<td><?php print($cal['10t'][0]['value']) ?></td>
								<td><?php print($cal['10t'][1]['value']) ?></td>
								<td><?php print($cal['10t'][2]['value']) ?></td>
								<td><?php print($cal['10t'][3]['value']) ?></td>
								<td><?php print($cal['10t'][4]['value']) ?></td>
								<td><?php print($cal['10t'][5]['value']) ?></td>
								<td><?php print($cal['10t'][6]['value']) ?></td>
							</tr>
							<tr class="text-center">
								<td>8t</td>
								<td><?php print($cal['8t'][0]['value']) ?></td>
								<td><?php print($cal['8t'][1]['value']) ?></td>
								<td><?php print($cal['8t'][2]['value']) ?></td>
								<td><?php print($cal['8t'][3]['value']) ?></td>
								<td><?php print($cal['8t'][4]['value']) ?></td>
								<td><?php print($cal['8t'][5]['value']) ?></td>
								<td><?php print($cal['8t'][6]['value']) ?></td>
							</tr>
							<tr class="text-center">
								<td>4t</td>
								<td><?php print($cal['4t'][0]['value']) ?></td>
								<td><?php print($cal['4t'][1]['value']) ?></td>
								<td><?php print($cal['4t'][2]['value']) ?></td>
								<td><?php print($cal['4t'][3]['value']) ?></td>
								<td><?php print($cal['4t'][4]['value']) ?></td>
								<td><?php print($cal['4t'][5]['value']) ?></td>
								<td><?php print($cal['4t'][6]['value']) ?></td>
							</tr>
							<tr class="text-center">
								<td>2t</td>
								<td><?php print($cal['2t'][0]['value']) ?></td>
								<td><?php print($cal['2t'][1]['value']) ?></td>
								<td><?php print($cal['2t'][2]['value']) ?></td>
								<td><?php print($cal['2t'][3]['value']) ?></td>
								<td><?php print($cal['2t'][4]['value']) ?></td>
								<td><?php print($cal['2t'][5]['value']) ?></td>
								<td><?php print($cal['2t'][6]['value']) ?></td>
							</tr>
							<tr class="text-center">
								<td>OC</td>
								<td><?php print($cal['OC'][0]['value']) ?></td>
								<td><?php print($cal['OC'][1]['value']) ?></td>
								<td><?php print($cal['OC'][2]['value']) ?></td>
								<td><?php print($cal['OC'][3]['value']) ?></td>
								<td><?php print($cal['OC'][4]['value']) ?></td>
								<td><?php print($cal['OC'][5]['value']) ?></td>
								<td><?php print($cal['OC'][6]['value']) ?></td>
							</tr>
							<tr class="text-center">
								<td>ダブルキャブ</td>
								<td><?php print($cal['WC'][0]['value']) ?></td>
								<td><?php print($cal['WC'][1]['value']) ?></td>
								<td><?php print($cal['WC'][2]['value']) ?></td>
								<td><?php print($cal['WC'][3]['value']) ?></td>
								<td><?php print($cal['WC'][4]['value']) ?></td>
								<td><?php print($cal['WC'][5]['value']) ?></td>
								<td><?php print($cal['WC'][6]['value']) ?></td>
							</tr>
						  </table>
						</div>

						
					</div>
				</div>
				
				-->
				
			</div>
		</div>
		
		
        <div class="row">
          <div class="col-sm-12 text-right calender_toiawase_button">
            <a href="calender.php" class="btn btn-warning"><span style="color:white;">▶▶ 車両別カレンダーからお問い合わせ</span></a>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col-md-12 text-center">
          <div class="logo_wb">
            <img src="image/logo.png">
          </div>
        </div>
      </div>

    </div><!--/container-->
  </div><!--/top_mission-->

</form>



  <div id="top_recruit">
    <div class="container">
      <div class="row">
        <div class="col-md-12 text-center">
          <br><br><span class="sankaku"></span>
        </div>
      </div>

      <div class="col-md-12">
        <h2><b>採用情報</b></h2>
        <p style="font-size: 0.8em;">KBKでは、一緒に仕事ができる仲間を募集中です！ダイナミックな環境でキャリアアップを図ってみませんか？</p>
      </div>
      
      <table class="table table-bordered" style="font-size: 0.8em;">
        <tbody>
          <tr>
            <th>職種</th>
            <td>大型自動車運転手</td>
          </tr>
          <tr>
            <th>業務内容</th>
            <td>重量物の運送・据付工事・解体工事</td>
          </tr>
          <tr>
            <th>雇用形態</th>
            <td>正社員</td>
          </tr>
          <tr>
            <th>雇用期間</th>
            <td>雇用期間の定めなし</td>
          </tr>
          <tr>
            <th>資格</th>
            <td>大型自動車免許</td>
          </tr>
          <tr>
            <th>加入保険等</th>
            <td>雇用・労災・健康・厚生・財形・退職金制度あり(勤続3年以上)</td>
          </tr>
          <tr>
            <th>休日</th>
            <td>会社カレンダーに準ずる</td>
          </tr>
          <tr>
            <th>試用期間</th>
            <td>3ヶ月</td>
          </tr>
        </tbody>
      </table>
      <div class="row">
        <div class="col-md-3 col-xs-6">
          <img src="image/recruit-1.jpg" class="img-responsive img-rounded">
        </div>
        <div class="col-md-3 col-xs-6">
          <img src="image/recruit-2.jpg" class="img-responsive img-rounded">
        </div>
        <div class="col-md-3 col-xs-6">
          <img src="image/recruit-3.jpg" class="img-responsive img-rounded">
        </div>
        <div class="col-md-3 col-xs-6">
          <img src="image/recruit-4.jpg" class="img-responsive img-rounded">
        </div>
      </div>
      <br>
      <div class="top_toiawase_button">
        <div class="row">
          <div class="col-md-12">
            <a href="#">
              </a><a class="button_apply" href="apply.php">お気軽にお問い合わせ下さい！</a>
          </div>
        </div>
      </div>
      <br>
    </div><!--/container-->
  </div><!--/top_mission-->


  <div id="top_corp">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h2><b>会社概要</b></h2>
          <div class="top_corp_details">
            <div class="row">
              <div class="col-md-6 text-left">
                <div class="box_bord_clear">
                  <p><i class="fa fa-building-o"></i> <span class="list_title">会社名</span>株式会社ケー・ビー・ケー</p>
                  <hr>
                  <p><i class="fa fa-building-o"></i> <span class="list_title">設立日</span>平成８年１２月</p>
                  <hr>
                  <p><i class="fa fa-money"></i> <span class="list_title">資本金</span>３００万円</p>
                  <hr>
                  <p><i class="fa fa-user"></i> <span class="list_title">役員</span>代表取締役　小林 弓香</p>
                  <hr>
                  <p><i class="fa fa-home"></i> <span class="list_title">住所</span>群馬県館林市赤生田本町３８３１−２</p>
                  <hr>
                  <p><i class="fa fa-phone-square"></i> <span class="list_title">TEL</span><a href="tel:0276735000">０２７６−７３−５０００</a></p>
                  <hr>
                  <p><i class="fa fa-fax"></i> <span class="list_title">FAX</span>０２７６−７４−６７３１</p>
                  <hr>
                  <p><i class="fa fa-envelope-o"></i> <span class="list_title">MAIL</span>juryo@kkmt.co.jp</p>
                  <br>
                </div>
              </div>
              <div class="col-md-6 text-left">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3218.7870137746577!2d139.5528452152736!3d36.22037148007216!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x601f31b3a7576b45%3A0x94176a5d422a37a5!2z44CSMzc0LTAwMTQg576k6aas55yM6aSo5p6X5biC6LWk55Sf55Sw5pys55S677yT77yY77yT77yR4oiS77yS!5e0!3m2!1sja!2sjp!4v1467880625723" width="100%" height="500" frameborder="0" style="border:0" allowfullscreen></iframe>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div><!--/container-->
  </div><!--/top_associates-->

</div>
<footer>
  <div class="container">
    <div class="row">
      <div class="col-md-12 text-right">
        <div style="display: none;" class="back_to_up">
          <img src="image/back_to_up.png">
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12 text-center">
        <div class="logo_wb">
          <img src="image/logo_wb.png">
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12 text-center">
        <div class="fotter_navi">
          <a href="index.php"><span>TOP</span></a>　|　
          <a href="#top_mission"><span>重量屋とは</span></a>　|　
          <a href="#top_material"><span>保有車両・設備</span></a>　|　
          <a href="#calender"><span>車両・営業スケジュール</span></a>　|　
          <a href="#top_recruit"><span>採用情報</span></a>　|　
          <a href="#top_corp"><span>会社概要</span></a>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12 text-center">
        <p> Copyright © KBK All Rights Reserved.</p>
      </div>
    </div>
  </div>
</footer>



</body></html>