@charset "UTF-8";
@media print {
a[href]:after {
	content: ""!important;
}
abbr[title]:after {
	content: ""!important;
}
}
/* 一括で全ての要素の余白をゼロに指定 */
* {
	padding: 0;
	margin: 0;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #666;
}
a.hover_img {
	background-color: #fff; /*背景に白を設定*/
	display: block; /*ブロック化重要！*/
}
a.hover_img img {
	transition: all 0.5s ease;
}
a:hover.hover_img img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.clearboth {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clearfix:after {
	content: ".";  /* 新しいコンテンツ */
	display: block;
	clear: both;
	height: 0;
	visibility: hidden; /* 非表示に */
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
	height: auto;
	overflow: hidden;
  /**/
}
ul:after {
	content: "";
	display: block;
	clear: both;
}
dl, ul {
	margin: 0;
	list-style: none;
}
ol li {
	list-style-position: inside;
}
th, td {
	vertical-align: top;
}
.indent-1 {
	padding-left: 1em;
	text-indent: -1em;
}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe, .ggmap object, .ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ----------------------------------------  ■ 固定幅の設定 ------------------------------------------------*/

@media print, screen and (min-width: 768px) {
.wrapper {
	width: 1080px;
	margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.wrapper {
	width: 100%;
}
}
/* ----------------------------------------  ■ BOOTSTRAP設定 ------------------------------------------------*/

.container-fluid {
	padding: 0;
}
div[class^="col-"] {
	padding: 0;
}
li[class^="col-"] {
	padding: 0;
}
.row {
	margin: 0;
}

/* ----------------------------------------  ■ 文字サイズ ------------------------------------------------*/

html {
	font-size: 62.5%;
}
body {
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 24px;
}
@media screen and (max-width: 767px) {
body {
	font-size: 14px;
	line-height: 21px;
}
}
/* --H2 --*/
h2{
	font-size:30px;
	text-align:center;
	font-weight:bold;
	margin:30px 0 20px;
	line-height:1.2em;
}
h2 span{
	color:#44AF05;
	font-size:20px;
	font-weight:normal;
}
@media screen and (max-width: 767px) {
h2{
	font-size:18px;
	margin:25px 0 10px;

}
h2 span{
	font-size:14px;
}	
}
h3{
	background:#44AF05;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	padding:10px;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
}
@media screen and (max-width: 767px) {
h3{
	font-size:14px;
	padding:8px;
}
}
h4{
	font-size:18px;
	font-weight:bold;
	padding:6px 12px;
	margin-top:20px;
    border-left:solid 8px #44AF05; 
}
@media screen and (max-width: 767px) {
h4{
	font-size:14px;
    border-left:solid 6px #44AF05; 
	padding:4px 8px;

}
}
h5{
	font-size:16px;
	font-weight:bold;
}
@media screen and (max-width: 767px) {
h4{
	font-size:14px;
	font-weight:bold;

}
}
/* ----------------------------------------  ■ ページトップに戻る ------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 12px;
}
#page-top a {
	background: #222;
	text-decoration: none;
	color: #fff;
	width: 50px;
	padding: 5px 0;
	text-align: center;
	display: block;
	border-radius: 10px;
}
#page-top a:hover {
	text-decoration: none;
	background: #555;
}
/* ----------------------------------------  ■ ぱんくずリスト ------------------------------------------------*/
.topicpath {
	padding-top: 6px;
}
.topicpath ol li {
	/* liを横並び＆ブレットを消す */
	display: inline;
	list-style-type: none;
}
.topicpath ol li:before {
	/* liの前に記号追加 */
	content: " > ";
}
.topicpath ol li:first-child:before {
	/* 最初のliだけcontentを消す */
	content: "";
}
/* ----------------------------------------  ■ レイアウトの設定 ------------------------------------------------*/
body {
	background: #fff;
}
@media screen and (max-width: 767px) {
.maincont{
	padding:0 15px;
}
}

@media screen and (max-width: 575px) {
.maincont{
	padding:0 0.2em;
}
}
.bggray{
	background:#f8f8f8;
	margin-top:30px;
}
@media print, screen and (min-width: 768px) {
.centerpc{
	text-align:center;
}
.w640{
	width:640px;
	margin:0 auto;
}
.w800{
	width:800px;
	margin:0 auto;
}
.innerbox{
	margin:40px 20px;
}
}
@media screen and (max-width: 767px) {
.centerpc br{
	display:none;
}
}

/* ----------------------------------------  ■ Header ------------------------------------------------*/

/* --H1 --*/
header .h1box{
	background:#242B30;
}
@media print, screen and (min-width: 768px) {
header h1{
	color:#fff;
	font-size:12px;
	line-height:24px;
}
}
@media screen and (max-width: 767px) {
header h1{
	color:#fff;
	font-size:11px;
	line-height:22px;
	margin:0;
}
}
/* --ロゴとTEL --PC --*/
header .headerlogo{
	margin:20px 0;
	width:571px;
	float:left;
}
header .headerinq{
	margin-top:9px;
	float:left;
}
header .headertel{
	margin:0;
	float:left;
}
/* --ロゴとボタン --SP --*/
header .logobox_sp{
	border-bottom:solid 4px #242B30;
}
header .headerlogo_sp{
	width: 100%;
	margin: 8px -50px 0 0;
	padding-right:50px;
	box-sizing: border-box;
	text-align:center;
	float:left;
}
header #menu-bt {
	float: right;
	width: 50px;
	height: 50px;
	margin: 0;
	cursor: pointer;
}

/* --グローバルメニュー PC --*/
header #menu_pc{
	background:#44AF05;
}
@media screen and (max-width: 767px) {
header #menu_pc{
	display:none;
}
}
header #menu_pc li{
	width:180px;
	float:left;
	text-align:center;
	position: relative;
}
header #menu_pc li:after {
  content: url(../images/header_separator.png);
  position: absolute;
  top: 10px;
  right: 0;
}
header #menu_pc li:last-child:after{
  content: "";
}
header #menu_pc li a{
	display:block;
	margin-right:3px;
	color:#fff;
	padding:12px 0;
	text-decoration:none;
}

header #menu_pc li a:hover{
	color:#ff3;
	background:#40A404;
}

/* --グローバルメニュー SP --*/

header #menu_sp {
	width: 100%;
	font-size: 12px;
	background: #242B30;
	padding-bottom: 8px;
	margin: 0;
}
header #menu_sp ul{
	margin-bottom: 12px;

}
header #menu_sp li{
	margin-bottom:1px;
}
header #menu_sp li i{
	margin-right:8px;
}
header #menu_sp li a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:12px 8px;
	font-size:14px;
	background: #44AF05; /* Old browsers */
	background: -moz-linear-gradient(top, #44AF059 0%, #40A404 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #44AF05 0%,#40A404 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #44AF05 0%,#40A404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44AF05', endColorstr='#40A404',GradientType=0 ); /* IE6-9 */
}
header #menu_sp li a i{
	margin-right:8px;
}
header #menu_sp p{
	margin:0;
}

/* --フッター --*/
footer{
	padding-top:30px;
	font-size:14px;

}
footer .inqimg{
	background:url(../images/footer_img.jpg) no-repeat;
	width:661px;
	margin:0 auto;
	padding:0 0 0 11px;
}
@media screen and (max-width: 700px) {
footer .inqimg{
	width:98%;
	margin:0 1%;
	background-size:contain;
}
footer .inqimg img{
	width:55%;
}
}
footer .footermenu{
	margin-top:10px;
	padding-top:150px;
	background:url(../images/footerbg.png) repeat-x top center;
}
footer .footermenu li{
	width:180px;
	float:left;
}
footer .footermenu li a{
	display:block;
	color:#fff;
	padding:8px 0;
	text-decoration:none;
}
footer .footermenu li a:hover{
	color:#ff3;
}
footer .footermenu li i{
	margin-right:4px;
}
footer .cw{
	text-align:center;
}
@media screen and (max-width: 767px) {
footer .cw{
	margin-top:10px;
}
}

/* --TOPスライダー --*/
.top_slider{
	margin:0;
	padding:0;
	background:#F8F8F8;
}
.top_slider ul{
	max-width: 1362px;
	width: 100%;
	margin: 0 auto;
}
.top_slider .bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  margin-bottom:0;
  background:none;
}
.top_slider .bx-pager {
	bottom:12px !important;
}

/* --TOP丹治運輸の特徴--*/ 
.feature li{
	padding:20px 0;
}
.feature li .txt{
	margin:15px;
}

/* --事業内容--*/ 
.business li{
	padding:10px 0;
}
.business li .txt{
	text-align:center;
}

/* --車両紹介--*/ 
.trucksul li{
	padding:10px 0;
}
.trucksul li .txt{
	text-align:center;
}
@media print, screen and (min-width: 768px) {
dl.trucksdl {
  width:100%;
  border-left:solid 1px #ddd;
  font-size:14px;
}
.trucksdl dt{
  float:left;
  width:22%;
  background:#DAEFCD;
  text-align:center;
  padding:8px 0;
  border-right:solid 1px #ddd;
  border-bottom:solid 1px #ddd;
}
.trucksdl dd {
  float:left;
  width:28%;
  background:#fff;
  text-align:center;
  padding:8px 0;
  border-right:solid 1px #ddd;
  border-bottom:solid 1px #ddd;
}
.trucksdl dt:nth-child(-n+3){
  border-top:solid 1px #ddd;
}
.trucksdl dd:nth-child(-n+4){
  border-top:solid 1px #ddd;
}
.trucksdl dt:nth-child(4n+1){
  clear:left;
}
}

@media screen and (max-width: 767px) {
dl.trucksdl {
  width:100%;
  background: #DAEFCD;
  border: solid 1px #ddd;
  border-top: none;
}
.trucksdl dt{
  border-top: 1px solid #ddd;
  padding:8px;
  clear: left;
  float: left;
  width:45%;
}
.trucksdl dd {
  background: #fff;
  padding:8px;
  width:55%;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin-left: 45%;
}
}

@media screen and (max-width: 575px) {
.trucksdl dt{
  width:100%;
  padding:4px;
}
.trucksdl dd {
  width:100%;
  margin-left:0;
  margin-top:28px;
  padding:4px;
}
}


/* --求人情報・会社概要・お問い合わせ--*/ 

dl.framedl {
  width:100%;
  background: #DAEFCD;
  border: solid 1px #ddd;
  border-top: none;
}

.framedl dt {
  border-top: 1px solid #ddd;
  padding:8px;
  clear: left;
  float: left;
  width:30%;
}
.framedl dd {
  background: #fff;
  padding:8px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin-left: 30%;
}


@media screen and (max-width: 575px) {
.framedl dt{
  width:100%;
  padding:4px;

}
.framedl dd {
  width:100%;
  margin-left:0;
  margin-top:28px;
  padding:4px;
}
}

dl.underlinedl {
  width:100%;
  border-bottom: 1px dotted #44AF05;
  margin-top:15px;

}

.underlinedl dt {
  padding:10px;
  clear: left;
  float: left;
  width:25%;
}
.underlinedl dd {
  padding:10px;
  border-top: 1px dotted #44AF05;
  padding-left: 25%;
  
}
.underlinedl dt:first-child{
	border-top:none;
}
.underlinedl dd:nth-child(2){
	border-top:none;
}
@media screen and (max-width: 575px) {
.underlinedl dt{
  width:100%;
  padding:4px;
  border-top: 1px dotted #44AF05;
}
.underlinedl dd {
  width:100%;
  margin-left:0;
  margin-top:28px;
  padding:4px;
  border-top:none;
}
}
/* --フォーム--*/ 

input[type=checkbox] {
	transform: scale(1.2);
}
.form_button {
	background:#FF631F;
	border: none;
	width: 200px;
	line-height: 50px;
	color: #fff;
	font-size:1.8rem;
    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
}
.form_button2 {
	background:#666;
	border: none;
	width: 200px;
	line-height: 50px;
	color: #fff;
	font-size:1.8rem;
    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
}
@media screen and (max-width: 767px) {
.form_button, .form_button2 {
	width: 160px;
	line-height: 40px;
	background-size: cover;
	font-size:1.4rem;

}
}
.scr {
	margin: 30px 0;
	overflow-y: auto;
	height: 200px;
	padding: 0 15px;
	border: #ccc 1px solid;
}
.hissu{
	background:#900;
	color:#fff;
	padding:0 4px;
	font-weight:normal;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
}


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}