@charset "utf-8";

.content h4 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.content p{
	margin-top:0;
}

.sub_top_img {
	background-image: url(../../common/img/pic_main_coolcargo.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 28.5%;	/*画像縦横比を保つための値*/
	position: relative;	/*画像上テキストの位置指定用*/
}

.content .cool_haiso a{
	color:#333;
	text-decoration: none;
}

.content table.table_02 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	max-width: 960px;
}
.content table.table_02 th,
.content table.table_02 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #888;
	padding: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #BBB;
	border-right-color: #BBB;
	border-left-color: #BBB;
}
.content table.table_02 th {
	font-size: 18px;
	white-space: nowrap;
	letter-spacing: 1px;
	background-color: #F6F6F6;
	color: #006384;
}
.content table.table_02 td {
	font-size: 16px;
	line-height: 30px;
	background-color: #FFF;
}


.content table.table_02 .tr_gr th {
	background-color: #EEE;
}
.content table.table_02 .tr_gr td {
	background-color: #F9F9F9;
}

.t_up{
	background-color: #F6F6F6 !important;
}

.t_down{
	background-color: #EEE !important;
}

.content table.table_02 .t_down ul li.problemLi{
	padding-left: 50px;
    margin-bottom: 10px;
}

.content table.distancePrice {
	width: 15%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: 10%;
	/*max-width: 820px;*/
	float: left;
	text-align: center;
}

.content table th,
.content table td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #888;
	/*padding: 20px;*/
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #BBB;
	border-right-color: #BBB;
	border-left-color: #BBB;
}
.content table th {
	/*font-size: 18px;*/
	white-space: nowrap;
	letter-spacing: 1px;
	background-color: #F6F6F6;
	color: #006384;
}
.content table td {
	font-size: 16px;
	line-height: 30px;
	background-color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
}

.content table .tr_gr th {
	background-color: #EEE;
}
.content table .tr_gr td {
	background-color: #F9F9F9;
}

.content table.otherPrice {
	width: 60%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: 5%;
	float: left;
	
}


.content .btn a{
	font-size: 20px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    border: 5px solid #0085B2;
    text-decoration: none;
    display: block;
    width: 90%;
    background-color: #0085B2;
    margin-right: auto;
    margin-left: auto;
    line-height: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
	position: relative;
	max-width: 500px;
	float:left;
	margin: 10px 0 0 10%;
 }

 .content .btn a:hover{
	color: #0085B2;
	background-color: #FFF;
    border-top-color: #0085B2;
    border-right-color: #0085B2;
    border-bottom-color: #0085B2;
	border-left-color: #0085B2;
 }

 .content table.size {
	/*width: 27%;*/
	width: 70%;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: 5%;
	float: left;
}


.content table.size th {
	text-align: left;
	padding-left: 5px;
}

.content table.size2 {
	/*width: 27%;*/
	width: 70%;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: 5%;
}


.content table.size2 th {
	text-align: left;
	padding-left: 5px;
}

.box_contact .tel .east {
    padding-top: 16px;
}

.content .cool_gaiyo{
	margin-bottom:0px;
	padding-bottom: 0px;
}

.content .kome_indent{
	padding-left:1em;
	text-indent:-1em;
	margin-left:40px;
}

.content .kome_indent2{
	padding-left:1em;
	text-indent:-1em;
}

/*
こんな企業様にオススメ
-------------------------------------------*/

.user {
    padding: 10px;
    margin-bottom: 30px;
    margin-top: 20px;
    margin-right: 30px;
	margin-left: 30px;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}


.btn-flat-border {
  padding: 5px;
  margin: 5px 1% 5px 1%;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #0085B2;
  border: solid 5px #0085B2;
  border-radius: 10px;
  transition: .4s;
  width: 28%;
  font-weight: bold;
  text-align: center;
}

.btn-flat-border:hover {
  background: #FFFFFF;
  color: #0085B2;
}



@media screen and (min-width:961px){

	header .h_tel {
		top: 20px !important;
		font-size:16px !important;
	}
}
/*(961～)*/

@media screen and (max-width:1100px){

	.haimen{
		padding-bottom:30px;
	}
	
}
/*(～960)*/

@media screen and (max-width:960px){

	header .h_tel {
		top: 16px !important;
		font-size:14px !important;
	}
	
}
/*(～960)*/

@media screen and (max-width:780px){
	
	.content table.distancePrice {
		width: 22%;
		margin-top: 20px;
		margin-right: auto;
		margin-bottom: 30px;
		margin-left: 6%;
	}

	.btn-flat-border {
		width: 40%;
		margin: 5px 2% 5px 3%;
	}

}
/*(～760)*/

@media screen and (min-width:641px){
	
	/*荷室サイズ用　PCでは横並び、スマホでは縦並び*/
	.sp{
		display:none;
	}

	.sokumen{
		text-align:center;
	}

	.haimen_img{
		text-align:center;
	}
	
}
/*(641～)*/

@media screen and (max-width:640px){
	
	.img_left {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

	.content table.distancePrice {
		width: 90%;
		margin: 20px auto 30px auto;
		float:none;
	}

	.content table.otherPrice {
		width: 90%;
		margin:0 auto 30px auto;
		float:none;
	}

	.content table.table_02 .t_down ul li.problemLi {
		padding-left: 20px;
	}

	.content .btn a {
		width: 85%;
		margin: 10px auto auto auto;
		float: none;
	}

	.content table.size {
		width: 90%;
	}

	.content table.size2 {
		width: 90%;
	}

	/*荷室サイズ用　PCでは横並び、スマホでは縦並び*/
	.pc{
		display:none;
	}
	
	.content .kome_indent{
		margin-left:20px;
		margin-right:10px;
		margin-top:10px;
	}
}
/*(～640)*/

@media screen and (max-width:375px){
	
	
}

@media screen and (max-width: 460px){
	.btn-flat-border {
		width: 93%;
	}
}
/*(～375)*/

@media screen and (max-width:320px){
}