@charset "UTF-8";

body {
    font-family:
	"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
body, div, header, article, aside, section, footer, h1, h2, p, img, ul, li, dt, dl, dd, a {
    margin: 0;
    padding: 0;
	line-height: 1.5
}
div, header, article, aside, section, footer{
    display: block;
		line-height: 1.5
}

ul {
    list-style: none;
}
a {
    text-decoration: none;
}
a.insert{
	display: inline;
}
img{
    vertical-align: bottom;
}
i{
	vertical-align: middle;
	margin-right: .5em;
}

/*font-size*/

h1 {
    font-size: 32px;
}
h2 {
    font-size: 24px;
}
h3{
    font-size: 16px;
}
p, a {
    font-size: 14px;
}

/*rayout-----------------------------------*/
/*コンテンツ間の余白*/

header, section, artcle, #contact, footer, .maincontent {
    overflow: hidden;
    width: 100%;
    background-color: #fff;
}
#data, .content-sub, #concept,footer{
    padding-bottom: 0px;
}

.img-box{
	margin-bottom: 50px;
}

/*コンテンツ幅*/
div.container {
    overflow: hidden;
    max-width: 70%;
    margin: 0 auto;
}

/*line-height*/
header p.keyv,
#concept .container p,
#serviceoffices .officemap .address{
	line-height: 2;
	letter-spacing: 0.3em;
}


header {
    padding-top: 0;
    border-bottom: 5px solid #fff;
}
footer {
	margin-top: 100px;
    padding-top: 80px;
    background-color: #008000;
}

section#concept {
    background-color: rgba(0, 0, 0, 0.5);
}

/*gnav-------------------------------------*/

header h1 {
    white-space: nowrap;
    text-indent: 100%;
}
header .logo, header nav ul {
    position: fixed;
    top: 0;
    box-shadow: 5px 5px 12px -1px rgba(0, 0, 0, 0.5);
    height: 350px;
    z-index: 99999;
}
header .logo {
    overflow: hidden;
    left: 0;
    width: 20%;
    height: 50px;
    background-color: #fff;
    text-align: center;
}
header .logo img {
    max-width: 90%;
    height: 50px;
}
header nav ul {
	display: block;
    overflow: hidden;
    right: 0;
    width: 80%;
    height: 50px;
    background-color: #008000;
    color: #fff;
}
header nav ul li{
	overflow: hidden;
    float: left;
    width: 16.66%;
    height: 100%;
    border-left: #fff solid 1px;
    box-sizing: border-box;
}
header nav ul li a {
	display: block;
	padding: 1em;
    text-align: center;
    color: #fff;
    font-weight: bold;
    transition: background-color 0.5s ease-out;
}
header nav ul li a:hover {
    background-color: rgba(255, 147, 2, 1);
    color: #fff;
    border: none;
	border-color: rgba(255, 147, 2, 1);
}
#gnav{
	display: block;
}

/*tel*/
header .tel{
	position: absolute;
	top: 100px;
	right: 5%;
	width: 400px;
	height: 150px;
	color: #666;
	background-color: #fff;
	border-radius: 10px;
	text-align: left;
	opacity: 1;
}

header .tel p span{
	color: #f00;
	font-size:24px;
	font-weight: bold;
}

header .tel p i{
	font-size: 32px;
}
header .tel p{
	color: #999;
	font-size: 24px;
	margin:  0.3em 0;
}

header .tel a p{
	width: 90%;
	color: #fff;
	margin: 0 auto;
    background-image:-moz-linear-gradient(
    top,
    #ffa035,
    #ff8300);
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#ffa035),
	to(#ff8300));
	background:-ms-linear-gradient(
		top,
		#ffa035,
		#ff8300);
}
header .tel a p:hover{
	opacity: 0.8;
}
/*ハンバーガーメニュー*/
/* クリックエリアと位置を指定 ---------------------- */
.btnHamburger {
 display: none;
  position: fixed;
  top: 0px;
  right: 20px;
  margin-left: -25px;
  width: 44px; /* クリックエリアの横幅*/
  height: 44px; /* クリックエリアの高さ*/
  cursor: pointer;
  z-index: 99999;
}

.btnHamburger .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 3px;
  background: #666;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
 }
.btnHamburger .line_01 { top: 10px; }
.btnHamburger .line_02 { top: 24px; }
.btnHamburger .line_03 { top: 38px; }

.btnHamburger.is-active .line_01 {
  top: 24px;

  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btnHamburger.is-active .line_02 {
  opacity: 0;
}
.btnHamburger.is-active .line_03 {
  top: 24px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/*h2-content-title***************************/

div.content-title {
	overflow: hidden;
    width: 100%;
    text-align: center;
    color: #008000;
    background-color: #fff;
	padding: 50px 0;
}
div.content-title h2 {
    position: relative;
    top: 50;
    z-index: 1;
    font-size: 24px;
    font-weight: 900;
}
div.content-title p {
    position: relative;
    top: 0;
    font-family: sans-serif;
    font-size: 60px;
    font-weight: 100;
}

/*footer******************************/
/*topに戻るボタン*/
div#top-btn,
div#top-btn a img{
	transition: .8s;
		opacity: 0.5;
}
div#top-btn{
	position: fixed;
	bottom:0;
	right: 0;
}

div#top-btn a img{
	max-width: 150px;
	height: auto;
}
div#top-btn a img:hover,
div#top-btn:hover{
	opacity: 1;
}

/*サイトマップ*/

footer .sitemap {
    float: right;
    margin: 0 auto;
}
footer .sitemap ul {
    float: left;
    border-left: 1px dotted #fff;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.8;
    padding: 0 2em;
}
footer .sitemap ul:last-child {
    border-right: 1px dotted #fff;
}
footer .sitemap ul li p:first-child {
    color: #fff;
}
footer .container .sitemap ul li a {
    color: #fff;
}

/*本社情報*/

#footer  div.footer-nav{
    overflow: hidden;
    float: left;
    width: 240px;
    background-color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    margin: 0 2%;
    text-align: center;
}
#footer .container .footer-nav ul li:first-child p{
    font-size: 24px;
}
#footer .footer-nav ul li:nth-last-child(2) p,
 footer .container .footer-nav ul li:last-child p{
    font-size: 16px;
	padding: 0.5em;
}
#footer .footer-nav ul li:nth-last-child(2) p span{
    color: #008000;
}
#footer .footer-nav ul li:nth-last-child(2) p a{
	font-size: 18px;
}
#footer .footer-nav ul li:last-child p{
    color: #fff;
    background-color: #00b500;
    margin-top: 0.5em;
}
#footer .footer-nav ul li:last-child p i{
	vertical-align: middle;
}

/*Copyright*/

footer p.copy {
    color: white;
    font-weight: bold;
    text-align: center;
	padding:50px 0 25px 0;
}

/*hover時の動作*/

header nav ul li a, footer .container .footer-nav ul li:last-child p {
    transition: background-color 0.5s ease-out;
}
header nav ul li a:hover,
#footer .container .footer-nav ul li:last-child p:hover {
    background-color: rgba(255, 147, 2, 1);
    color: #fff;
}
#footer .container .sitemap ul li a:hover {
    color: rgba(255, 147, 2, 1);
}

/*img-box*/
.img-box .img-inner{
	overflow: hidden;
	float: left;
	width: 33.33%;
	text-align: center;
	margin-bottom: 50px;
}
.img-box .img-inner img{
	max-width: 95%;
	height: auto;
	margin-bottom: 0.5em;
}
.img-box .car p{
	width: 95%;
}
/*c-caption*/

.c-caption{
	overflow: hidden;
	clear: left;
	width: 100%;
	padding: 50px 0;
}
.c-caption .c-title{
	text-align: center;
}
.c-caption .c-text,
.c-caption .c-img{
	float: left;
	width: 50%;
}
.c-caption .c-img img{
	max-width: 100%;
	height: auto;
	margin: 0 2%;
}

/*セキュリティ＆車両装備*/
.e-text{
	display: table;
	table-layout: fixed;
	margin:0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	box-sizing: border-box;
}
.e-text li{
	display: table-cell;
	text-align: center;
	float:inherit!important;
	width: 33.3%!important;
	vertical-align: top!important;
}

.e-text li:first-child{
	text-align:left;
}
.e-text li:nth-child(2){
	text-align:center!important;;
}
.e-text li:last-child{
	text-align:right!important;
}
.e-text li .inner{
	border: 1px solid #ddd;
	padding: 10px 10px;
	width: 90%;
	height: 100%;
	display: inline-block;
	text-align: left;
}

.e-text h3,
.e-text p,
.e-text img{
	padding: 0;
	margin: 0;
}
.e-text img{
	width: 100%;
	height: 180px;
}
.e-text h3{
	font-size: 16px;
	margin-bottom: 20px;
	text-align: center;
}

/*gmap*/
.gmap{
 width: 40%;
 font-weight:bold;
 text-decoration:none;
 display:block;
 text-align:center;
 padding:0.3em;
 margin-top: 1em;
 color:#fff;
 background-color:#008000;
 border-radius:5px;
 box-shadow:2px 2px #1a6ea0;
}
.gmap:hover{
	background-color: rgba(255, 147, 2, 1);
}

.red{
	color: red;
}
.sp,
.tpc{
	display: none;
}
/*RWD*/

/*ノートPC*/
@media screen and (max-width: 1299px) {

/*footer*/
footer .sitemap {
	width : 100%;
	float: left;
	margin: 0 auto;
 }
  footer .sitemap ul,
  footer .sitemap ul:last-child{
  border: none;
}
  #footer  div.footer-nav{
      width: 240px;
      background-color: #fff;
      font-size: 16px;
      font-weight: bold;
      padding: 20px;
      margin: 20px 0;
      text-align: center;
}
footer p.copy{
  position: relative;
  top: -60px;
  left: 20%;
  padding: 0;
  }

  /*color*/
}

/*タブレット*/
@media screen and (max-width: 1025px){
	.container{
		max-width: 95%!important;
	}
	/*共通見出し*/
	div.content-title {
		padding: 0px 0;
	}

	/*header*/
	header .logo{
		width: 100%;
	}
	#gnav{
		display: none;
		width: 100%;
		top: 50px;
	}
	header nav ul {
	    overflow: hidden;
	    right: 0;
	    width: 100%;
	    height:auto;
	    background-color: #008000;
	    color: #fff;
	}
	header nav ul li {
		overflow: hidden;
	    float: none;
	    width: 100%;
		height: 50px;
		border-bottom: 1px  solid #fff;
		border-right: 1px  solid #fff;
	}
	header nav ul li:last-child {
	    border-right: #fff solid 1px;
	}
	header nav ul li a {
		display: block;
	    height: 50px;
		font-size: 16px;
		padding: 0;
		padding-top: 1em;
	}
	.btnHamburger{
		display: block;
	}
	header nav ul .pc{
		display: none;
	}

	header nav ul .tpc{
		display: block;
	}

div.content-title{
	margin: 20px auto;
}

/*見出し*/
div.content-title h2 {
	font-size: 14px;
}
div.content-title p {
	font-size: 32px;
}
/*footer*/
 footer{
	 padding-top: 20px;
	 margin-top: 40px;
}
footer .sitemap ul{
	padding: 0;
	padding-right: 2em;
}
#footer .footer-nav ul li a p{
	width: 80%;
	margin: 0 auto;
}
/*戻るボタン*/
div#top-btn a img{
	max-width: 100px;
	height: auto;
}

.tpc{
	display: block;
}
/*img-box*/
.img-box .img-inner{
	  width: 50%;
  }
  /*c-caption*/
  .c-caption .c-text,
  .c-caption .c-img{
  	float: left;
  	width: 100%;
  }
  .c-caption .c-text{
	  margin-bottom: 20px;
  }

}
/*スマートフォン*/
@media screen and (max-width: 480px){
	  /*フォント*/
	  h1 {
	      font-size: 32px;
	  }
	  h2 {
	      font-size: 24px;
	  }
	  	h3{
	  	    font-size: 16px;
	  	}
	  	p, a {
	      font-size: 14px;
	  }

  /*footer*/
  footer container{
	  margin: 0;
  }
 footer .sitemap{
	 width: 90%;
	 margin: 0 5%;
 }
  footer .sitemap ul{
	  padding: 0;
	  margin: 1em 2em 0 0;
  }
  footer .sitemap ul li{
	  padding-bottom: 0.5em;
  }
  footer p.copy{
	  position: static;
	  margin-bottom: 1.5em;
  }
#footer  div.footer-nav{
	width: 100%;
	padding: 1em 0;
}
#footer .footer-nav ul li:nth-last-child(2) p a{
    font-size: 16px;
	padding-right: 1em;
}
div.container {
	max-width: 100%;
}

/*img-box*/
.img-box .img-inner{
	  width: 100%;
  }

  .e-text li{
	  float: left;
  	display: block;
  	text-align: center;
  	float:inherit!important;
  	width: 100%!important;
  	vertical-align: top!important;
  }
  .e-text li .inner{
	  border: 1px solid #ddd;
	  padding: 10px;
	  width: 92%;
  margin:0 auto 20px auto;
  }

.sp{
	display: block;
}
.pc,
.tpc{
	display: none;
}
  }