/*------------------------------------------------------------------------------
Css name: content.css
Css info: 各ページスタイル
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
index
--------------------------------------------------------------------------*/
.index .gNav_v01 a:after{
	width: 100%;
	height: 2px;
	background-color: #00b5d7;
}
.index .mobi_gNav .gNav_v01{
	border-bottom: 2px solid #00b5d7;
}
/*--------------------------------*/
.heroHeader{
	width: 1000px;
	height: auto;
	margin: 0 auto 40px;
	position: relative;
}
	.main_txt{
		display: block;
		position: absolute;
		top: 55px;
		right:0;
		width: 356px;
		height: 80px;
		background: url(../img/index/main_txt.png) no-repeat;
		background-size: contain;
		text-indent:100%;	/* テキスト非表示 */
	    white-space:nowrap;
	    overflow:hidden;
	}
.index .main{
	padding-bottom: 80px;
}
@media only screen and (max-width: 599px) {
	.heroHeader{
		width: 100%;
		margin: 0 auto 20px;
	}
		.main_txt{
			display: block;
			position: relative;
			width: 100%;
			height: auto;
			top: 0;
			left:0;
			background: #e1e6e6;
			text-indent:0;
			color: #002379;
			text-align: center;
			font-size: 1.286em;/*18*/
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			padding:4px 0;
		}
	.index .main{
		padding-bottom: 40px;
	}
}
/* NEWS --------------------------------*/
.top_news{
	margin-bottom: 40px;
}
	.top_news h2{
		float: left;
		width: 95px;
		height: 70px;
		background: #ff931e;
		color: #fff;
		font-size: 1.143em;/*16*/
		font-weight: normal;
		text-align: center;
		line-height: 70px;
		border-radius: 5px;
		margin-right: 10px;
	}
	.top_news .news_box{
		position: relative;
		float: right;
		width: 850px;
		min-width: 115px;
		height: 70px;
		background: #fff;
		border: 1px solid #e1e6e6;
		z-index: 0;
		border-radius: 3px;
	}
		.top_news .news_box:before {
			content: "";
			position: absolute;
			top: 50%; left: -8px;
			margin-top: -9px;
			display: block;
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 9px 9px 9px 0;
			border-color: transparent #fff transparent transparent;
			z-index: 0;
		}
		.top_news .news_box:after {
			content: "";
			position: absolute;
			top: 50%; left: -10px;
			margin-top: -10px;
			display: block;
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 10px 10px 10px 0;
			border-color: transparent #e1e6e6 transparent transparent;
			z-index: -1;
		}
			.top_news p{
				line-height: 1.4;
				padding-bottom: 6px;
			}
			.top_news p:first-child{
				padding-top: 12px;
			}
			.top_news p .date{
				display: inline-block;
				width: 100px;
				color: #808080;
				font-weight: bold;
				margin-left:14px;
			}
			.top_news p .title{
				display: inline-block;
				width: 600px;
			}
			.top_news .news_list{
				display: inline-block;
				width: 100px;
				text-align: right;
			}

@media only screen and (max-width: 599px) {
	.top_news{
		margin-bottom: 20px;
	}
		.top_news h2{
			display: block;
			width: 100%;
			height: 38px;
			line-height: 38px;
			border-radius: 5px 5px 0 0;
			margin-right: 0;
		}
		.top_news .news_box{
			display: block;
			width: 100%;
			min-width: 115px;
			height: auto;
			line-height: 1.6;
			border-radius: 0 0 5px 5px;
		}
			.top_news .news_box:before,
			.top_news .news_box:after {
				content: none;
			}
				.top_news p .date{
					display: block;
					width: 100%;
					padding: 10px 4% 0;
					margin-left:0;
				}
				.top_news p .title{
					display: block;
					width: 100%;
					padding: 0 4%;
					margin-bottom: 20px;
				}
				.top_news .news_list{
					display: block;
					width: 100%;
					padding: 8px 4%;
					text-align: right;
					border-top: 1px dotted #e1e6e6;
				}
}
/* ボタン --------------------------------*/
.top_contentBtn{}

	.top_contentBtn li{
		float: left;

		width: 460px;
		height: 200px;

		box-shadow: none;
		transition: all .5s;

	}
		.top_contentBtn li a{
			display: block;
			width: 100%;
			height: 100%;
		}
			.top_contentBtn li:hover{
				-webkit-box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
				-moz-box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
				box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
				transition: all .2s;
			}
	.top_contentBtn .outline,
	.top_contentBtn .service{
		text-align: right;
		margin-bottom: 30px;
	}
	.top_contentBtn .outline{
		background: url(../img/index/btn_outline.jpg) no-repeat;
		margin-right: 40px;
	}
	.top_contentBtn .service{
		background: url(../img/index/btn_service.jpg) no-repeat;
	}
	.top_contentBtn .ashitore{
		position: relative;

		background: url(../img/index/btn_ashitore.jpg) no-repeat;
		margin-right: 40px;
	}
		.top_contentBtn .ashitore img{
			position: absolute;
			bottom: 10px;
			left: 12px;

			display: block;
		}
	.top_contentBtn .recruit{
		position: relative;
		background: url(../img/index/btn_recruit.jpg) -100px center no-repeat;
		background-size: auto 200px;
	}
		.top_contentBtn .recruit img{
			position: absolute;
			top: 20px;
			left: 60px;

			display: block;
		}
@media only screen and (max-width: 599px) {
	.top_contentBtn li{
		float: none;

		width: 100%;
		height: 180px;
	}
	.top_contentBtn .outline,
	.top_contentBtn .service{
		text-align: right;
		margin-bottom: 30px;
	}
		.top_contentBtn .outline img,
		.top_contentBtn .service img{
			width: auto;
			height: 100%;
		}
	.top_contentBtn .outline{
		background: url(../img/index/btn_outline.jpg) left center no-repeat;
		background-size: cover;
		margin-right: 0;
	}
	.top_contentBtn .service{
		background: url(../img/index/btn_service.jpg) left center no-repeat;
		background-size: cover;
	}
	.top_contentBtn .ashitore{
		background: url(../img/index/btn_ashitore.jpg) right center no-repeat;
		background-size: cover;
		margin-bottom: 30px;
	}
	.top_contentBtn .recruit{
		text-align: center;
		background: url(../img/index/btn_recruit.jpg) center center no-repeat;
		background-size: cover;

	}
		.top_contentBtn .recruit img{
			top: 5px;
			left: 5px;

			width: 170px;
			height: 170px;
		}
	.top_contentBtn .fb_box{
		max-width: 100%;
	}
}

/* 警備業者　標識 --------------------------------*/
.index_cert_area{
	width: -moz-fit-content;
	width: fit-content;
	margin: 40px auto 0;
	padding: 14px;
	background: #fff;
}
.index_cert_title{
	margin-bottom: 8px;
	font-size: 1.6rem;
	text-align: center;
}
.index_cert_table{
	width: 600px;
	max-width: 100%;
	margin: 0 auto;
}
.index_cert_table th,
.index_cert_table td{
	font-size: 1.4rem;
	padding: .8em 1em;
	color: #000;
	vertical-align: middle;
	line-height: 1.4;
	border: 1px solid #000;
}
@media only screen and (max-width: 599px) {
	.index_cert_area{
		padding: 7px;
	}
	.index_cert_table{
		width: 100%;
	}
	.index_cert_table th,
	.index_cert_table td{
		font-size: 1.3rem;
		padding: .5em .8em;
	}
}
/*------------------------------------------------------------------------
会社概要
--------------------------------------------------------------------------*/
.outline .gNav_v02 a:after{
	width: 100%;
	height: 2px;
	background-color: #00b5d7;
}
.outline .mobi_gNav .gNav_v02{
	border-bottom: 2px solid #00b5d7;
}
/*--------------------------------*/
.outline .page_title{
	background: url(../img/common/bg_h1.png),url(../img/outline/bg_outline.jpg);
	background-position: center,center;
	background-repeat: repeat,no-repeat;
}
.outline .message{
	width: 510px;
	float: left;
}
.outline .message_nophoto{
	width: 100%;
}
.outline .photo_box{
	float: right;
	width: 300px;
	margin-top: -80px;
}

.message_sign{
	text-align: right;
	font-size: 1.8rem;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.message_sign span{
	display: inline-block;
	margin-right: 1em;
	font-size: .8em;
}
	.outline .photo{
		width: 300px;
		height: 300px;
		overflow: hidden;
		margin-bottom: 10px;
	}
		.outline .photo img{
			display: block;
			position: relative;
			right:70px;
			width: auto;
			height: 100%;
		}
.outline .message_action{
	counter-reset: number 0;

	margin-top: 20px;
}
	.outline .message_action li + li{
		margin-top: 1em;
	}
	.outline .message_action li h4{
		margin-bottom: 6px;
		font-size: 1.6rem;
		font-weight: bold;
		color: #00B5D7;
	}
	.outline .message_action li h4::before{
		counter-increment: number 1;
		content: counter(number) ". ";
	}

.outline .group{
	line-height: 1.4;
}
.outline .group dt{
}
.outline .group dt:before{
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #32c3de;
	margin-right: 6px;
}
.outline .group dd{
	margin-left: 16px;
}

.outline .transfer_add{
	padding: 1em .5em;
	border-top: 1px solid #002379;
	border-bottom: 1px solid #002379;
}

.outline .gia{
	display: block;
	margin: 30px 0 0;
}
.outline .nw::after{
	display: inline-block;
	content: "";
	width: 9px;
	height: 8px;
	background: url(../img/common/ico_nw.png) right center no-repeat;
	margin-left: 6px;
}
.outline_btn a{
	display: block;

	width: -moz-fit-content;
	width: fit-content;
	padding: 1em 2.5em;
	line-height: 1.2;
	color: #333;
	border: 1px solid #888;
	border-radius: 6em;
	text-decoration: none;
}
.outline_btn a:hover{
	background: #b2e9f3;
}

.outline .title_sub_ol{
margin-top: 30px;
}

@media only screen and (max-width: 599px) {
	.outline .page_title{
		background: url(../img/common/bg_h1.png),url(../img/outline/bg_outline.jpg);
		background-position: center,center;
		background-repeat: repeat,no-repeat;
		background-size: auto,cover;
	}
	.outline .message{
		width: 100%;
		float: none;
	}
	.outline .photo_box{
		float: none;
		width: 100%;
		margin-top: 0;
	}
		.outline .photo{
			width: 100%;
			height: auto;
			overflow: hidden;
			margin-bottom: 10px;
		}
			.outline .photo img{
				display: block;
				position: relative;
				right:0;
				height: auto;
			}
}
.outline_ac_logo{
	display: block;
	margin-top: 12px;
}

.outline_fig_cert{
	width: 400px;
	max-width: 100%;
	height: auto;
}
/*------------------------------------------------------------------------
事業内容
--------------------------------------------------------------------------*/
.service .gNav_v03 a:after{
	width: 100%;
	height: 2px;
	background-color: #00b5d7;
}
.service .mobi_gNav .gNav_v03{
	border-bottom: 2px solid #00b5d7;
}
/*--------------------------------*/
.service .page_title{
	background: url(../img/common/bg_h1.png),url(../img/service/bg_service.jpg);
	background-position: center,center;
	background-repeat: repeat,no-repeat;
}
.service1_img{
	margin-bottom: 30px;
}
.service1_img img{
	display: inline-block;
	width: 266px;
	height: 266px;
	float: left;
	margin-right: 31px;
}
.service2_img img{
	display: inline-block;
	width: 185px;
	height: 185px;
	float: left;
	margin-right: 30px;
}
	.service1_img img:last-child,
	.service2_img img:last-child{
		margin-right: 0;
	}

.service3_txt{
	width: 510px;
	float: right;
}
.service3_img{
	width: 300px;
	height: 240px;
	overflow: hidden;
	float: left;
}
	.service3_img img{
		width: auto;
		height: 100%;
	}

#service_list{
	margin-top: -30px;
	padding-top: 30px;
}
.service .price_date{	/*基本契約単価表*/
	font-size: 0.6em;
	display: inline-block;
	margin-left: 24px;
}
.service .box_txt{
	border: 1px solid #00b5d7;
	margin-bottom: 30px;
	padding: 1em;
}
	.service .box_txt p{
		margin-bottom: 10px;
	}
	.service .box_txt li{
		list-style: disc outside;
		margin-left: 1em;
	}
.price_box{
	margin-bottom: 30px;
}
.service .f_lef{ float: left; }
.service .f_rig{ float: right; }
	.price_box h3{
		font-size: 1.429em;/*20*/
		font-weight: bold;
		color: #002379;
		margin-bottom: 14px;
		line-height: 1.4;
	}
		.price_box h4{
			font-size: 1.143em;/*16*/
			color: #00B5D7;
			margin: 16px 0 7px;
		}
	.price_table{
		width: 400px;
		margin-bottom: 8px;
	}
		.price_table th{
			padding: 4px;
			vertical-align: top;
		}
		.price_table .day_time{
			background: #ffc2c6;
		}
		.price_table .night_time{
			background: #b2bdd7;
		}
		.price_table td{
			padding: 10px;
			border-bottom: 1px solid #ccc;
			vertical-align: top;
		}
		.price_table .pri,
		.premium_table .pri{
			text-align: right;
		}
		.price_table .pri{
			width: 68%;
			padding-bottom: 0;
		}
			.price_table .pri dl{
				font-size: 0.86em;
				margin-top: 0.8em;
			}
				.price_table .pri dt,
				.price_table .pri dd{
					display: block;
					float: left;
					border-top: 1px solid #ccc;
					padding: 8px;
				}
				.price_table .pri dt{
					width: 65%;
					text-align: left;
				}
				.price_table .pri dd{
					width: 35%;
					text-align: right;
				}
		.price_table .exc{
			text-align: center;
		}
	.service_mg{
		clear: both;
		font-size: 0.929em;
	}
	.service_mg::before{
		content: "※";
		color: #ff3240;
		margin-right: 4px;
	}
		.service_mg + p{
			margin-top: -13px;
		}
	.premium_table{
		width: 100%;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin-bottom: 8px;
	}
	.premium_table_s{
		width: 400px;
	}
		.premium_table th,
		.premium_table td{
			padding: 10px;
			text-align: left;
			vertical-align: top;
		}

	.service .additional_list li{
		list-style: disc outside;
		margin-left: 1em;
		margin-bottom: 8px;
	}

.service .att{
	text-align: center;
}
.service .att span{
	border-bottom: 1px solid #ff3240;
}
	.service .att span:before{
		content: "※";
		color: #ff3240;
		margin-right: 4px;
	}

.license_list{}
	.license_list li{
		width: 400px;
		border-top: 1px solid #e1e6e6;
		border-bottom: 1px solid #e1e6e6;
		margin: -1px 60px 0 0;
		float: left;
	}
	.license_list li:nth-child(2n){
		margin-right: 0px;
	}
		.license_list li .name{
			width: 77.5%;
			padding: 14px;
			display: inline-block;
		}
		.license_list li .num{
			width: 22.5%;
			padding: 14px;
			text-align: right;
			display: inline-block;
		}
.ninchisp_txt{
}
.ninchisp_img{
	float: right;
	margin-left: 50px;
}

@media only screen and (max-width: 599px) {
	.service .page_title{
		background: url(../img/common/bg_h1.png),url(../img/service/bg_service.jpg);
		background-position: center,center;
		background-repeat: repeat,no-repeat;
		background-size: auto,cover;
	}
	.service1_img img{
		width: 33.333%;
		height: auto;
		margin-right: 0;
	}
	.service2_img img{
		width: 50%;
		height: auto;
		margin-right: 0;
	}

	.service3_txt{
		width: 100%;
		float: none;
	}
	.service3_img{
		width: 100%;
		height: auto;
		float: none;
	}
		.service3_img img{
			width: 100%;
			height: auto;
		}

	.service .box_txt{	/*基本契約単価表*/
	}
	.price_box{
		margin-bottom: 30px;
	}
	.service .f_lef{ float: left; }
	.service .f_rig{ float: right; }
		.price_box h3{
			font-size: 1.429em;/*20*/
			font-weight: bold;
			color: #002379;
			margin-bottom: 14px;
			line-height: 1.4;
		}
		.price_table{
			width: 100%;
		}

		.premium_table{
			width: 100%;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}
			.premium_table th{
				background: #b2e9f3;
				display: block;
				padding: 4px;
				text-align: center;
			}
			.premium_table td{
				width: 50%;
				display: inline-block;
			}
	.service .att{
		text-align: left;
	}

	.license_list{}
		.license_list li{
			width: 100%;
			margin: -1px 0 0 0;
			float: none;
		}
	.ninchisp_txt{
	}
	.ninchisp_img{
		float: none;
		margin: 0 auto 1em;
		text-align: center;
	}

}

/*------------------------------------------------------------------------
採用情報
--------------------------------------------------------------------------*/
.recruit .gNav_v04 a:after{
	width: 100%;
	height: 2px;
	background-color: #00b5d7;
}
.recruit .mobi_gNav .gNav_v04{
	border-bottom: 2px solid #00b5d7;
}
/*--------------------------------*/
.recruit .page_title{
	background: url(../img/common/bg_h1.png),url(../img/recruit/bg_recruit.jpg);
	background-position: center,center;
	background-repeat: repeat,no-repeat;
}
.recruit .title_color{
	margin-top: 30px;
}

.recruit_ban{
	width: 300px;
	margin: 20px auto 0;
}
.recruit_ban img{
	width: 100%;
	height: auto;
}
.recruit_ban a:hover{
	opacity: .7;
}

.int_area{
	background: #f0fbfd;
	padding: 80px 0;
	margin: -50px 0 50px;
}
	.int_area .title_circle{
		width: 860px;
		margin: 0 auto;
	}

.staff_box{
	width: 860px;
	margin: 0 auto;
	padding: 50px 0;
	border-bottom: 1px dotted #00b5d7;
}
	.staff_box:last-child{
		margin-bottom: 20px;
	}
	.staff_box h3{
		font-size: 1.429em;/*20*/
		font-weight: bold;
		color: #002379;
		margin-bottom: 30px;
		line-height: 1.4;
		border-left: 5px solid #002379;
		padding-left: 8px;
	}
	.staff_box .int_box{
		width: 430px;
	}
		.staff_box .int_box p{
			line-height: 1.7;
		}
		.staff_box .int_box .name{
			margin-top: 1em;
			text-align: right;
		}
	.staff_box img{
		width: 380px;
	}
	.staff_box .f_rig{
		float: right;
	}
	.staff_box .f_lef{
		float: left;
	}

	.toirecar_txt,
	.text_txt{
		width: 510px;
		float: left;
	}
	.test_img,
	.toirecar_img{
		width: 300px;
		overflow: hidden;
		float: right;
	}
	.toirecar_img img{
		width: 100%;
		height: auto;
	}

#recruit_staff{
	margin-top: -30px;
	padding-top: 30px;
}
@media only screen and (max-width: 599px) {
	.recruit .page_title{
		background: url(../img/common/bg_h1.png),url(../img/recruit/bg_recruit.jpg);
		background-position: center,center;
		background-repeat: repeat,no-repeat;
		background-size: auto,cover;
	}
	.int_area{
		padding: 30px 0;
		margin: -30px 0 30px;
	}
		.int_area .title_circle{
			width: 100%;
			padding: 0 3%;
			margin: 0 auto;
		}

	.staff_box{
		width: 100%;
		padding: 30px 3%;
		margin: 0 auto;
		border-bottom: 1px dotted #00b5d7;
	}
		.staff_box:last-child{
			margin-bottom: 0;
		}
		.staff_box h3{
			font-size: 1.286em;/*18*/
			font-weight: bold;
			color: #002379;
			margin-bottom: 20px;
		}
	.staff_box .int_box{
		width: 100%;
	}
		.staff_box p{
			width: 100%;
			margin-bottom: 10px;
		}
		.staff_box img{
			width: 100%;
		}
		.staff_box .f_rig{
			float: none;
		}
		.staff_box .f_lef{
			float: none;
		}

		.toirecar_txt,
		.text_txt{
			width: 100%;
			float: none;
		}
		.toirecar_img,
		.test_img{
			width: 100%;
			height: auto;
			overflow: hidden;
			float: none;
		}
		.toirecar_img img{
			width: 100%;
			height: auto;
		}
}

/*------------------------------------------------------------------------
お問い合わせ
--------------------------------------------------------------------------*/
.contact .gNav_v05 a:after{
	width: 100%;
	height: 2px;
	background-color: #00b5d7;
}
.contact .mobi_gNav .gNav_v05{
	border-bottom: 2px solid #00b5d7;
}
/*--------------------------------*/
.contact .page_title{
	background: url(../img/common/bg_h1.png),url(../img/contact/bg_contact.jpg);
	background-position: center,center;
	background-repeat: repeat,no-repeat;
}

.contact_tel,
.contact_fax{
	font-size: 2.5em;
	font-weight: bold;
	padding-left: 34px;
	margin-bottom: 14px;
}
.contact_tel{
	background: url(../img/common/ico_phone.png) left center no-repeat;
	background-size: 26px 26px;
}
.contact_fax{
	background: url(../img/common/ico_fax.png) left center no-repeat;
	background-size: 26px 26px;
}
.contact_time{
	padding: 14px;
	border-top: 1px solid #e1e6e6;
	border-bottom: 1px solid #e1e6e6;
}
#contact_mail{
	margin-top: -30px;
	padding-top: 30px;
}

.contact_table{
	width: 100%;
	margin-bottom: 20px;
}
	.contact_table th,
	.contact_table td{
		padding: 14px;
		border-top: 1px solid #e1e6e6;
		border-bottom: 1px solid #e1e6e6;
	}
	.contact_table th{
		width: 160px;
		font-weight: 500;
		text-align: left;
		vertical-align: top;
	}
	.contact_table td small{
		display: block;
		margin-top: 6px;
	}
@media only screen and (max-width: 599px) {
	.contact_table{
		border-top: 1px solid #e1e6e6;
	}
	.contact_table th,
	.contact_table td{
		border-top: none;
		display: block;
	}
	.contact_table th{
		width: 100%;
		border-bottom: 1px dotted #e1e6e6;
		background: #f0fbfd
	}
	.contact_table td small{
		display: block;
		margin-top: 6px;
	}

}