/* 文字 */
* {
	font-family: メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: 200;
	letter-spacing: 0.1em;
	line-height: 24px;
}

/* マテリアルアイコン */
.material-icons{
	font-size: 30px;
	position: relative;
	top: 5px;
	left: -5px;
}

.company .material-icons{
	font-size: 24px;
	position: relative;
	top: 7px;
	left: -10px;
}

.inquiry .material-icons{
	position: relative;
	top: 5px;
	left: -15px;
}


/* 段落 */
h1{
	font-size: 38px;
	font-weight: 200;
	margin: 0;
	margin-bottom: 60px;
	padding: 60px 0 5px 0;
	position: relative;
}

h1:after{
	width:70px;
	content: "";
	border-bottom: 3px solid #303084;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: -10px;
	margin:auto;
}

h2{
	font-size: 30px;
	font-weight: 200 !important;
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
	padding-bottom: 0 !important;
	position: relative;
	text-align: center;
}

p,dl,dt,dd,ul,li{
	margin: 0;
	padding: 0;
	text-align: justify;
	line-height: 24px;
}

hr{
	margin: 60px 0;
	clear: both;
}

/* リンク */
a {
	color: #000;
}

a:hover,a:focus{
	opacity:0.5;
	text-decoration: none;
}

.cd_nav a{
	font-size: 26px;
	color: #303084;
} 

.go-top:hover {
	color: #be1649;
}

.btn a{
	color: #fff;
	text-decoration: none;	
}

/* ヘッダー */
.site-header,.site-header.float-header{
	background-color: rgba(48, 48, 132, 0.8);
	padding-top: 13px;
	padding-bottom: 3px;
}

.header-wrap h2:after{
	border-bottom: none;
}

.site-logo{
	margin-bottom: 13px;
}

#mainnav ul li a{
	color:#fff;
	padding: 5px 0 16px;
}

#mainnav ul li a:hover,
#mainnav ul li a:focus{
	color:#fff;
	box-shadow: 0 3px #be1649;
	opacity: 1;
}

/* コンテンツエリア */
#content,.content-area .hentry{
	margin: 0;
	padding: 0;
}

#content .row{
	margin: 0;
}

.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
	width: 100%;
	padding: 0;
	color: #000;
}

.btn {
	width: 250px;
	margin: auto;
	margin-top: 30px;
	padding: 0.5%;
	border-radius: 3px;
	background-color: #be1649;
	color: #fff;
}

.btn_txt{
	font-size: 20px;
	position: relative;
	margin-left: 10px;
	top: -3px;
}

.company,.security,.camera,.knowing,.recruit,.inquiry {
	max-width: 90%;
	text-align: center;
	margin: auto;
	margin-top: -70px;
	padding: 80px 0 20px !important;
	padding: 0 5%;
}

.company hr,.security hr,.camera hr,.knowing hr,.recruit hr,.inquiry hr {
	margin: 60px auto;
	clear: both;
	border-color: #7e7e7e;
}

.top_01,.top_03,.top_04,.top_05 ,.top_06{
	background-position: center;
}

.company{
	max-width: 100%;
}

.cd_top06{
	margin-top: -60px;
}

ul.link_btn{
	width: 300px;
	color: #303084;
	border: solid 2px;
	margin: 40px 40px 0;
	display: inline-block;
}

.link_btn li{
	width: 40px;
	height: 80px;
	display: table-cell;
	vertical-align: middle;
	list-style: none;
}

.link_btn .material-icons{
	font-size: 36px;
	top: 3px;
	left: 30px;
}

.cd_nav ul{
	margin: 60px 0 20px;
	border: solid 2px #303084;
	padding: 0;
	overflow: hidden;
	clear: both;
	display:flex;
	justify-content: center;
}

.cd_nav li{
	width: 50%;
	height: 70px;
	color: #303084;
	list-style: none;
	font-size: 26px;
	text-align: center;
	line-height: 70px;
}

li.cdnav_focus{
	color: #fff;
	background-color: #303084;
}

.cd_nav .material-icons{
	font-size: 36px;
	top: 10px;
}

/* トップページ */
.dd_noenter{
	margin-bottom:0 !important;
}

.top h2,.top_06 h2{
	font-size: 30px;
	font-weight: 200;
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
	padding-bottom: 10px;
	position: relative;
}

.top h2:after,.top_06 h2:after{
	width:70px;
	content: "";
	border-bottom: 3px solid #303084;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: -15px;
	margin:auto;
}

.top{
	margin-top: -60px;
}

.top p,.top_06 p,.top_06 ul{
	text-align: center;
}

.flex-control-nav,.flex-direction-nav {
	display: none;
}

.top_01,.top_02,.top_03,.top_04,.top_05,.top_06,.top_07{
	background-size: cover;
	background-position: center;
}

.top_01{
	text-align: center;
	margin-top: -40px;
	padding-top: 90px;
	padding-bottom: 90px;
 	background-image: url(https://jsu-osaka.com/images/top_message.jpg)
}

.top_01 h2{
	margin-bottom: 20px;
}

.top_01 h2:after{
	border-bottom: none;
}

.top_01 p{
	max-width: 530px;
	margin: auto;
}

.top_02{
	overflow: hidden;
	padding-top: 90px;
	padding-bottom: 60px;
	text-align: center;
	background-color: #e8e7f4;
}

.top_02 .item_box{
	max-width: 920px;
	margin: auto;
}

.top_02 .item {
	max-width: 420px;
	background-color: #fff;
	float: left;
	margin: 0 20px 30px 20px;
	padding-bottom: 20px;
}

.top_02 img {
	width: 100%;
}

.top_02 .item dt{
	margin: 20px 5px 5px 20px;
	float:left;
	clear:left;
	font-size: 18px;
	font-weight: 200;
}

.top_02 .item dd{
	margin: 5px 20px;
	float:left;
	text-align: left;
	min-height: 75px;
}

.top_02 .item_img{
	margin: 0 !important;
}

.top_02 .item_t a{
	font-size: 20px;
}

.top_03{
	clear: both;
	overflow: hidden;
	padding-top: 90px;
	padding-bottom: 60px;
	text-align: center;
	background-image: url(https://jsu-osaka.com/images/top_camera.jpg);
	color: #fff;
}

.top_03 h2{
	color: #fff;
}

.top_03 a{
	color: #000;
	font-size: 24px;
	width: 280px;
	height: 280px;
	display: block;
	padding-top: 50%;
}

.top_03 a:hover,.top_03 a:focus{
	color: #be1649;
	opacity: 1;
}

.top_03 .item_box{
	max-width: 680px;
	margin: auto;
}

.top03_img{
	width: 280px;
	height: 280px;
	margin: 30px;
	position: relative;
	border-radius: 50%;
	background-color: #ffff;
	background-position: center;
	background-size: 280px;
	float: left;
}

.top_03 .top03_houjin{
	background-image: url(https://jsu-osaka.com/images/icon_camera01.png);
}

.top_03 .top03_kojin{
	background-image: url(https://jsu-osaka.com/images/icon_camera02.png);
}

.top_03 .top03_img h3 {
	white-space: nowrap;
	position: absolute;
	 top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
}

.top_04{
	overflow: hidden;
	padding-top: 90px;
	padding-bottom: 90px;
	background-image: url(https://jsu-osaka.com/images/top_mission.jpg);
}

.top_04 .top04_cnt{
	max-width: 400px;
	margin-left: 60%;
	text-align: center;
}

.top_05{
	overflow: hidden;
	padding-top: 90px;
	padding-bottom: 90px;
	background: linear-gradient( #d1d1fa, #c6e2fc);
}

.top05_cnt{
	max-width: 600px;
	margin: auto;
	text-align: center;
	background: rgba(255,255,255,0.7);
	padding-top: 30px;
	padding-bottom: 30px;
}

.top_06{
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
	background-image: url(https://jsu-osaka.com/images/top_contact.jpg);
}

.top_06 ul{
	margin-top: 30px;
	margin-bottom: 30px;
}

.top_06 li{
	display: inline;
	font-size: 20px;
}

.top_06 .phoneno{
	font-size: 36px;
}

.top_06 .btn{
	width: 50%;
	max-width: 450px;
}

.top_07{
	overflow: hidden;
	padding: 10px 20px;
	background-color: #f2f2f2;
}

.top_07 dl{
	max-width: 800px !important;
	margin: 10px auto;
}

.top_07 dt,.top_07 dd{
	width: 50%;
	display: table-cell;
	vertical-align: middle;
}

.top_07 dt{
	padding-right: 10px;
}

.top_07 dd{
	padding-left: 10px;
	font-size: 16px;
	font-weight: 200;
}

/* 会社案内 */
.company {
	background-image: url(https://jsu-osaka.com/images/company_bg_01.jpg);
	background-repeat: no-repeat;
}

.company hr{
	max-width: 90%;
}

.company_01 {
	width: 90%;
	margin: auto;
	height: auto;
	overflow: hidden;
}

.company_01 img{
	width: auto; 
	float: left;
	padding-right: 80px;
}

.company_01 .cp_message {
	overflow: hidden;
	padding-right: 50px; 
}

.company_01 .cp_message p{
	margin-bottom: 10px;
}

.company_01 .cp_message h3{
	text-align: right;
	margin: 30px 0 0 0;
	font-size: 20px;
	font-weight: 200;
}

.company_01 .cp_message_optxt{
	max-width: 50%;
	padding-right: 20px;
	float: left;
}

.company_01 .cp_message_opimg {
	max-width: 50%;
	margin-bottom: 20px;
	float: right;
}

.company_01 .cp_message_opimg img{
 	height: auto;
	padding: 0;
}

.company_01 .cp_message_txt{
	clear:both;
}

.company_02 h3{
	margin: 60px 0 20px;
	font-size: 24px;
}

.company_02 dl{
	max-width: 60%;
	margin: auto;
}

.company_02 dt{
	width: 150px;
	margin-bottom: 20px;
	float: left;
}

.company_02 dd{
	margin: 0 0 20px 150px;
}

.company_02 .map{
	max-width: 90%;
	margin: auto;
}

.company_03 {
	margin: auto;
}

.company_03 h2{
	margin-bottom: 0;
}

.company_03 a{
	color: #303084;
}

li.c_btntxt{
	width: 240px;
	height: 80px;
	display: table-cell;
	vertical-align: middle;
	list-style: none;
	text-align: center;
	text-indent: 1em;
}

/* 機械警備・施設警備 */
.security h2{
	font-size: 20px;
	font-weight: bold !important;
	margin-bottom: 30px;
	clear:both;
}

.security_01 p{
	text-align: center;
}

.security_01 img{
	margin: 60px 0;
}

.sc01_img_01 img{
	margin-bottom: 0;
}

.sc01_img_02 img{
	margin-top: 60px;
}

.sc01_flow{
	margin-bottom: 90px;
	overflow: hidden;
}

.sc01_flow dl{
	width: 80%;
	margin: auto;
}

.sc01_flow dd{
	width: auto;
	float: left;
	padding-right: 80px;
}

.sc01_flow img{
	margin: 0;
}

.sc01_flow dt{
	font-weight: 200;
}

.security_02 h2{
	font-size: 30px;
	font-weight: 200 !important;
	margin-bottom: 50px;
	color: #303084;
}

.security_02 h3{
	font-size: 18px;
	font-weight: bold !important;
	margin-bottom: 30px;
}

.security_02 p{
	margin: auto;
	max-width: 80%;
	margin-bottom: 100px;
}

.security_03{
	width: 60%;
	overflow: hidden;
	border: solid 2px #303084;
	margin: auto;
	margin-bottom: 80px;
	padding: 40px 0;
}

.sc03_box{
	width: 100%;
	display:flex;
	justify-content:center;
}

.security_03 ul,.security_03 dl{
	max-width: 40%;
	list-style: none;
	margin: 0 20px;
}

.security_03 ul li,.security_03 dl dt{
	position: relative;
	margin-left: 5px;
}

.security_03 ul li::after,.security_03 dl dt::after{
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  background-color: #be1649;
  border-radius: 100%;
}

.security_03 dt{
	font-weight: 700;
}

.security_03 dd{
	font-size: 12px;
	margin-left: 1.7em;
	text-indent: -0.6em;
}

.security_03 .material-icons{
	font-size: 12px;
	top: 2px;
	left: 0px;
	margin-right: 3px;
  color: #be1649;
}

/* 防犯・監視カメラ */
.camera h2{
	color: #303084;
	margin-bottom: 30px;
}

.camera h3{
	font-size: 18px;
	margin: 0;
	padding: 0;
}

.camera p{
	text-align: center;
}

.camera_01 h2{
	font-size: 20px;
	font-weight: bold !important;
	padding-bottom: 20px !important;
}

.camera_01 h2{
	text-align: center;
	margin: auto;
	padding-bottom: 10px;
	color: #000;
}

.camera_01 img{
	padding: 60px 0;
}

.camera_02 img,.camera_03 img{
	margin: 30px auto;
	display: block;
}

.camera_02 p,.camera_03 p{
	max-width: 600px;
	margin: auto;
}

.camera_04 h2{
	margin-bottom: 40px;
	font-size: 26px;
	font-weight: 700 !important;
	color: #be1649;
}

.camera_04 .material-icons{
	color: #be1649;
	font-size: 40px;
}

.camera_04 dl{
	text-align: center;
	max-width: 50%;
	margin: auto;
	margin-bottom: 30px;
}

.camera_04 dt{
	height: 50px;
	margin-bottom: 10px;
	padding: 0;
	text-align: center;
}

.camera_04 dd{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.camera_04 dd.cameraflow_img{
	width: 200px;
	text-align: center
}

.camera_04 p{
	padding-top: 10px;
	margin-bottom: 80px;
}

.camera_04 .em{
	font-weight: 700;
	color: #be1649;
}

/* 警備の心構え */
.knowing{
	max-width: 990px;
	margin: auto;
	margin-top: -70px;
}

.knowing ol,.knowing p{
	margin-top: 20px;
}

.knowing img{
	margin-top: 40px;
}

/* 採用情報 */
.recruit_01{
	max-width: 990px;
	margin: auto;
}

.recruit_01 img{
	margin-bottom: 60px;
}

.recruit_01 p{
	text-align: center;
}

/* お問い合わせ */
.inquiry {
	margin-bottom: 60px;
}

.inquiry h2{
	font-size: 24px;
	margin: 30px 0;
}

.inquiry_01{
	text-align: center;
}

.inquiry_02{
	width: 80%;
	margin: 50px auto;
	padding-bottom: 30px;
	text-align: center;
	border: solid 2px #303084;
}

.inquiry_02 p{
	text-align: center;
	margin-top: 30px;
}

.inquiry_02 .phoneno{
	font-size: 26px;
	margin-left: 10px;
}

.inquiry_02 .material-icons{
	top: 5px;
	left: -5px;
}

/* 404 */
.error-404 h1{
	color: #000;
}

.error-404 p{
	width: 90%;
	margin: auto;
	text-align: center;
}

.error-404 input[type=submit]{
	top: -1px;
}

/* フッター */
.site-footer,.entry-footer{
	display: none;
}

.footer_c{
	background-color: #23232f;
	text-align: center;
	color: #ffff;
	font-size: 12px;
	padding: 20px 0 ;
}

.copyright{
	width: 100%;
	text-align: center;
}

.go-top.show{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #303084;
	bottom: 40px;
}

.fa{
	margin-top: 12px;
}

/* コンタクトフォーム */
.mailform{
	width: 80%;
	margin: auto;
	margin-top: 60px;
	margin-bottom: -30px;
	display: block;
}

.wpcf7 p{
	margin-bottom: 20px;
}

input,.recruit textarea{
	width: 100%;
	margin: 5px 0;
}

input[type=checkbox], input[type=radio]{
	width: auto;
}

.wpcf7-radio{
	display: inline-block;
	margin: 10px 0;
}

input[type=submit]{
	width: auto;
	background-color: #be1649;
	border-color: #be1649;
}

input[type=submit]:focus,input[type=submit]:hover{
	background-color: #be1649;
	border-color: #be1649;
	color: #fff;
}

.wpcf7-validation-errors,.wpcf7-mail-sent-ok{
	border: none !important;
	color: #ff0000;
	text-align: left;
}

.wpcf7-mail-sent-ok{
	color: #000;	
}

/* デバイス対応 */
@media screen and (min-width:1025px) and (max-width:1280px) {
		.top{
		margin-top: -110px;
	}
.company,.security,.camera,.knowing,.recruit,.inquiry {
	margin-top: -90px;
}
	.top_06 .btn .material-icons{
		margin-left: 10px;
		top: 2px;
	}
	.top_06 .btn_txt{
		margin-left: 10px;
		top: -5px;
	}
.company_01 .cp_message_optxt{
	max-width: 100%;
	padding-right: 0;
	float: none;
}
.company_01 .cp_message_opimg {
	max-width: 100%;
	height: auto;
	float: none;
	overflow: hidden;
}
.company_01 .cp_message_opimg img{
	margin-bottom: 10px;
}
	.sc01_flow dd{
		width: 60%;
		padding-right:30px;
	}
}

@media screen and (min-width:769px) and (max-width:1024px) {
	.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
	margin: 0;
	padding: 0;
}
	.site-header, .site-header.float-header{
		margin-bottom: 70px;
	}
	#mainnav-mobi{
	margin-top: 27px;
	background-color:  rgba(48, 48, 132, 0.8);
	border: none;
	}
	#mainnav-mobi ul li{
	border: none;
	text-align: center;
	}
	#mainnav-mobi a:hover,#mainnav-mobi a:focus{
		box-shadow: 0px 3px #be1649;
	opacity: 1;
	}	
	.btn-menu{
		margin-top: 7px;
	}
	.cd_nav ul{
	margin: 0;
	}
	h1{
		margin-top: 0;
		padding-top: 0;
	}
	.security h1,.camera h1{
		margin-top: 60px;
	}
	.top{
		margin-top: -70px;
	}
	.top_02 .item_box{
	max-width: 720px;
	margin: auto;
	}
	.top_02 .item{
	max-width: 320px;
	margin: 0 20px;
	}
	.top_04 .top04_cnt,.top_06 p{
		max-width: 90%;
		margin: auto;
}
	.top_06 .btn .material-icons{
		margin-left: 20px;
	}
	.top_07 dt,.top_07 dd{
	padding: 0 10px;
}
	.company_01 img{
	padding: 0 30px 20px 0;
}
	.company_01 .cp_message {
	padding-right: 0;
	overflow: visible;
}
	.company_01 .cp_message p{
	margin-bottom: 10px;
	}
	.company_01 .cp_message h3{
	text-align: right;
	margin: 30px 0 0 0;
	font-size: 20px;
	font-weight: 200;
	}
	.company_01 .cp_message_opimg{
	padding-bottom: 10px;
}
	.sc01_flow dd{
	max-width: 70%;
	float: left;
	padding-right: 30px;
}
	.sc0201_img{
	margin-bottom: 30px;
}
	.security_03{
		width: 80%;
	}
	.sc01_flow dl{
	width: 100%;
	margin: auto;
}
	.ca01_txt{
	max-width: 50%;
	margin-left: auto;
	padding-top: 40px;
	height: 230px;
}
	.camera_04 dl{
		max-width: 80%;
	}
	.camera_04 p{
		margin-bottom: 80px;
	}
}

@media screen and (max-width:768px) {
	.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
	margin: 0;
	padding: 0;
	}
	.site-header, .site-header.float-header{
		margin-bottom: 70px;
	}
	.site-header,.site-header.float-header{
	background-color: rgb(48, 48, 132);
}	
	.site-logo {
		width: 80%;
		margin-bottom: 0 !important;
}
	.btn-menu{
		margin-bottom: 10px;
	}
	#mainnav-mobi {
		margin-top: 0;
	}
	#mainnav-mobi ul li{
		text-align: center;
		background-color: #303084;
		border: none;
		padding: 3px 0;
	}
	#mainnav-mobi ul li a:hover,
#mainnav-mobi ul li a:focus{
	color:#fff;
	box-shadow: 0 3px #be1649;
	opacity: 1;
	}
	h1{
		margin-top: 0;
		padding-top: 0;
	}
	p{
		max-width: 90%;
		margin: auto;
		text-align: left !important;
	}
	.security h1,.camera h1{
		margin-top: 60px;
	}
	.cd_nav ul{
	margin: 0;
	}
	.cd_nav li{
	font-size: 100%;
		height: 60px;
		line-height: 60px;
	}
	.cd_nav a{
	font-size: 100%;
	margin-right: 5%;
	} 
	.cd_nav .material-icons{
	font-size: 24px;
	top: 8px;
	left: -3px;
	}
	.top{
		margin-top: -70px;
	}
	.slider{
		height:300px;
	}
	.slider img{
		height:300px !important;
		object-fit: cover;
	}	
	.top_01{
	margin-top: 0;
}	
	.top_01 p{
	max-width: 80%;
	}
	.top_02 .item_box{
	max-width: 320px;
	margin: auto;
	}
	.top_02 .item{
	max-width: 320px;
	margin: 0 0 30px 0;
	}
	.top_03{
		padding-bottom: 90px;
	}
	.top_03 .item_box{
		max-width: 280px;
		margin: auto;
	}
	.top_03 .top03_img{
		margin: 30px 0 0 0;
	}
	.top_04 .top04_cnt{
		max-width: 90%;
		margin: auto;
	}
	.top_04{
		background-position: 30% 0;
	}
	.top04_cnt{
		background: rgba(255,255,255,0.9);
	padding: 30px 0;
	}
	.top05_cnt{
		background: none;
}
	.top_06 ul{
		max-width: 90%;
		margin: auto;
		margin-top: 10px;
	}
	.top_06 .material-icons{
		margin-top: 20px;
		margin-right: -10px;
		font-size: 24px;
	}
	.top_06 .phoneno{
		margin-top: 20px;
		font-size: 24px;
	}
	.top_06 .btn{
		width: 70%;
	}
	.top_06 .btn .material-icons{
		margin-left: 10px;
		top: -5px;
	}
	.top_06 .btn_txt{
		margin-left: 10px;
		top: -10px;
	}
	.top_07 dl{
	margin-bottom: 20px !important;
}
	.top_07 dt,.top_07 dd{
	width: 90%;
	display: block;
	margin: auto;
	padding :20px 0 0 0;
}
	.company_01 .cp_bossimg{
	max-width: 90%;
	overflow: hidden;
	margin: auto;
}
	.company_01 img{
	padding: 0;
}
	.company_01 .cp_message {
	margin-top: 30px;
	padding: 0;
	clear: both;
}
	.company_01 .cp_message p{
	margin-bottom: 10px;
	max-width: 100%;
}
	.company_01 .cp_message h3{
	font-size: 18px;
}
.company_01 .cp_message_optxt{
	max-width: 100%;
	padding-right: 0;
}
.company_01 .cp_message_opimg {
	float: none;
	}
.company_01 .cp_message_opimg img{
	width: 100%;
	margin-bottom: 20px ;
	}
	.company_02 dl{
	max-width: 90%;
}
	.company_02 dt{
	width: 100px;
}
	.company_02 dd{
	margin-left: 100px;
}
	.company_03 ul{
	margin: 40px 0 0;
}
	.sc01_img_01, .sc01_img_02{
		margin: 30px auto;
		height:200px;
	}
	.sc01_img_01 img,.sc01_img_02 img,.sc01_img img,.camera_01 img,.camera_01 img{
		margin: 0;
		height:200px !important;
		object-fit: cover;
	}
	.camera_01 img{
		margin: 30px 0 60px;
		padding: 0;
		object-position: 20% 0;
	}
	.sc01_flow{
		margin-bottom: 60px;
	}
	.sc01_flow dd{
	max-width: 90%;
	float: none;
	margin: auto;
	padding: 0 0 30px;
	}
	.sc01_flow img{
	margin-top: 0;
	}
	.sc01_flow dt{
	max-width: 90%;
	clear: both;
	margin: auto;
	}
	.security_01 p,.security_02 p{
		max-width: 90%;
		margin-bottom: 60px;
	}
	.security_03 {
		width: 90%;
		margin:auto;
		margin-bottom: 60px;
	}	
	.sc01_flow dl{
	width: 100%;
	margin: auto;
}
	.sc03_box{
	display: inline;
}
	.security_03 h2{
	font-size: 18px;
}
	.security_03 ul,.security_03 dl{
	max-width: 90%;
	margin: auto;
	padding: 0 5%;
}
		.security_03 dt{
	margin-top: 10px;	
	}	
	.sc0201_img{
	margin-bottom: 60px;
}
	.camera_01{
		background-size: 70%;
		background-position: top center;
		margin-top: 30px;
	}
	.ca01_txt{
	padding-top: 180px;
	height: auto;
}
	.camera_02 img{
		width: 90%;
	}
	.camera_04 dl{
		max-width: 100%;
	}
	.camera_04 dd.cameraflow_img{
		width: 120px;
	}	
	.camera_04 p{
		margin-bottom: 80px;
	}
	.inquiry_02{
		width: 90%;
	}
	.inquiry_02	.phoneno{
		font-size: 20px;
		padding-left: 10px;
	}
	.inquiry_02 .material-icons{
		font-size: 20px;
		top: 2px;
		left: 10px;
	}
	.mailform{
	width: 100%;
	}
	input[type=submit]{
	width: 100%;
}
}