@charset "UTF-8";

/*--------------------------------------------*/
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:90%;
	line-height:1em;
	color:#666;
}
a:hover{ text-decoration:none; }
body div, header, footer, section { margin:0 auto; text-align:left; }

h1 {font-size:120%;}
h2 {font-size:120%;}
h3 {font-size:120%;}
h4 {font-size:100%;}
h5 {font-size:100%;}
h6 {font-size:100%;}
i  {font-size:80%; font-style:normal; color:#999;}
h1,h2,h3,h4,h5,h6,div,ul,li,dl,dt,dd,p,a,table,tr,td,address,img{
	margin:0px;
	padding:0px;
	border-width:0px;
	line-height:1.5em;
	text-align:left;
	font-style:normal;
}
ul{list-style:none outside;}
input,textarea {font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; color:#555555;}
table {border-collapse:collapse; border-spacing:0;}
/*************/
#clear, .clear {clear:both;}
.c {margin-left:auto; margin-right:auto;}
.l {float:left;}
.r {float:right;}
.t_c {text-align:center;}
img.l { margin:0 10px 10px 0; }
img.r { margin:0 0 10px 10px; }

/* -------------------------------------------- */
#contents a:hover img,
.btn a:hover img, a.btn:hover img{
	opacity: .30; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=30); /* IE lt 8 */
	-ms-filter: "alpha(opacity=30)"; /* IE 8 */
	-khtml-opacity: .30; /* Safari 1.x */
	-moz-opacity: .30; /* FF lt 1.5, Netscape */
}
/* --------------------------------------------*/

/* wrapper */
header, footer { width:100%; margin:0 auto; }

/* inner */
.inner { clear:both; margin:0 auto; width:960px; position:relative;}

/* header ********** */
header       { height:485px; position:relative; }
header *     { line-height:1em; }
header .tel  { padding-top:35px; float:right; }

/* logo*/
header h1, header #logo { float:left; padding-top:20px; }

header .inner{ height:115px;}

.mv { width:100%; background:url(../img/mv_bg.jpg) top center no-repeat #000; }
.mv img{ margin:0 auto; display:block;}

/* navMain */
#navMain { 
	clear:both;
	background:#f8f8f8;
	width:100%;
	height:130px;
	margin-top:20px;
	/*position:absolute;
	bottom:0;*/
}
#navMain li { float:left; }

/* nuvSide */
#nuvSide    { width:200px; float:right; }
#nuvSide li { margin-bottom:10px; text-align:center; }


/* contents ********** */
#contents { width:960px; margin:0 auto; }

/* h1 */
#contents h1 { margin:20px 0 30px; line-height:0; }

/* #contents */
#contents { padding-top:30px; padding-bottom:50px; }

/* main */
#main { width:960px; }

#contents p       { line-height:1.8em; /*text-align:justify;*/ }
#contents section { margin-bottom:30px; }

.ph img,
img.ph {
	border:3px solid #FFF; 
	box-shadow:2px 2px 3px 2px #CCCCCC;
	-moz-box-shadow:2px 2px 3px 2px #CCCCCC;
	-webkit-box-shadow:2px 2px 3px 2px #CCCCCC;
}

.selif {font-family: "ヒラギノ明朝 Pro","HiraMinPro","ＭＳ 明朝","ＭＳ Ｐ明朝","HG明朝E","MS PMincho",serif;}

/* pagetop ---------- */
.pagetop { clear:both; float:right; }


/* footer ********** */
footer            { margin-top:15px; clear:both; background:#f8f8f8; }
/*footer nav        { background:#e6e6e6; }*/
footer ul         { font-size:100%; margin-bottom:30px; }
footer li         { width:140px; display:inline-block; margin-bottom:5px; }
footer li a       { text-decoration:none; color:#052C6F; }
footer li a:hover { text-decoration:underline; }
footer p          { margin-top:20px; }

footer .inner     { padding:30px 0; }
footer .inner .r  { width:330px; }
footer h2         { margin-bottom:20px;}
footer .inner .l  { width:580px; }

.billdap { text-decoration:none; }
.billdap:hover { opacity:.5; }
.billdap p {
	display:inline-block;
	padding:10px 20px; margin-top:5px;
	color:#FFF;
	font-size:18px;
	border-radius:20px;
	background:linear-gradient(to left, #1893cc, #1259a1);
	text-align:right;
}
.billdap p span { font-size:16px; }

/* snsBtn */
.snsBtn li { text-align:center; } /* 20250224 */
.snsBtn a  { text-decoration:none; }
.snsBtn a:hover { opacity:.5; }
.top_blog .snsBtn img { float:none; } /* 20250224 */
#contents .top_blog li .snsBtn li::before { display:none; }

/* --------------------------------------------*/

/*font-family*/
#contents h1,
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6
{ font-family: "ヒラギノ明朝 Pro","HiraMinPro","ＭＳ 明朝","ＭＳ Ｐ明朝","HG明朝E","MS PMincho",serif; }

/* clearfix */
nav:after,
section:after,
div:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
nav,
section,
div{ display:inline-block;}
/* ¥*/
* html nav,
* html section,
* html div{ height:1%; }
nav,
section,
div{ display:block; }
/* */

/* --------------------------------------------*/

/* info-not */
.info-not {
	padding:200px 15px;
	border:1px solid #CCC; border-radius:15px;
	background:#EEE;
}
#contents .info-not p { text-align:center; letter-spacing:.2em; }


.sns a {
	display:block;
	text-align:center;
	font-size:16px;
	padding:20px 15px;
	color:#FFF;
	background-color:#052C6F;
	text-decoration:none;
	border-radius:20px;
}
.sns a:hover { opacity:.4; }


/* 求人バナー */
#contents .jbplt p { border:0; text-align:center; }


/* 警備業許可証 */
#popup {
	display:none; /* label でコントロールするので input は非表示に */
}
label img { width:100%; }
.popup-open {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}
.popup-open:hover { opacity:.4; }
.popup-overlay {
	display:none; /* input にチェックが入るまでは非表示に */
}
#popup:checked ~ .popup-overlay {
	 display:block;
	z-index:99999;
	background-color:#00000070;
	 position:fixed;
	width:100%; height:100vh;
	top:0; left:0;
}
.popup-window {
  width:90vw;
  max-width:65vw;
  padding:20px;
  background-color:#fff;
  border-radius:6px;
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%, -50%);
}
.popup-img { margin:0; }
.popup-img img { width:100%; }
.popup-img:not(:last-of-type) {
	 margin-bottom:1em;
}

.popup-close {
	width:110vw; height:105vw;
	cursor:pointer;
	 position:absolute;
	 top:-50%; left:-25%;
}