@charset "utf-8";

/*-----------------------------------------------------	*/
/*	プライバシーポリシー					*/
/*-----------------------------------------------------	*/

html, body { height: 100%; }

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


.tx90 { font-size:90%; line-height:120%; }
.tx80 { font-size:80%; }
.tx-L { font-size:180%; }
.tx-orange { color:#E55205; }
.tx-white { color:#FFF; }
.tx-red { color:#AE1000; }
.tx-blue { color:#00BFFF; }
.tx-navy { color:#33638A; }
.wid50 { width:50%; }

h2 {
	font-size:200%;
	padding-bottom:1em;
	color:#262D83;
}

section {
	padding-bottom:10em;
	text-align:center !important;
	position:relative !important;
}

.btn-more {
	clear:both;
	margin:1em auto 1em auto;
	text-align:center;
	max-width:1200px;
}

.btn-moreWhite,
.btn-moreNavy {
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-border-radius:30px;
	padding:0.6em;
	margin-right:1em;
	margin-top:1.5em;
	font-size:80%;
	font-weight:bold;
	text-align:center;
	
}

a .btn-moreWhite,
a .btn-moreNavy,
a .btn-moreNavy03 { text-decoration:none !important; width:14em; display:inline-block; }
a .btn-moreNavy02,
a .btn-moreWhite02 { text-decoration:none !important; width:16em; display:inline-block; }
a .btn-moreNavy04 { text-decoration:none !important; width:20em; display:inline-block; }

.btn-moreWhite { background:#FFF; color:#262F83; border:3px solid #262F83; }
.btn-moreNavy { background:#262F83; color:#FFF; border:3px solid #FFF; }
.btn-moreWhite02 { background:#FFF; color:#262F83; border:4px solid #262F83; }

.btn-moreWhite:hover { background:#262F83; color:#FFF; border:3px solid #262F83; }
.btn-moreWhite02:hover,
.btn-moreNavy04:hover { background:#262F83; color:#FFF; border:4px solid #262F83; }
.btn-moreNavy:hover { background:#FFF; color:#262F83; border:3px solid #FFF; }
.btn-moreNavy02:hover,
.btn-moreNavy03:hover { background:#26BCE1; color:#FFF; border:4px solid #26BCE1; }

.btn-moreNavy02,
.btn-moreNavy03 {
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-border-radius:30px;
	padding:0.6em;
	margin-right:0.5em;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	background:#FFF;
	color:#3D4454;
	border:4px solid #FFF;
}

.btn-moreNavy04 {
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-border-radius:30px;
	padding:0.6em;
	margin-right:0.5em;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	color:#262F83;
	border:4px solid #262F83;
}

.btn-moreWhite02 {
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-border-radius:30px;
	padding:0.6em;
	margin-right:0.5em;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	background:#FFF;
	color:#262F83;
	border:4px solid #262F83;
}


/*-- パンくず  --*/

section#Pankuzu {
	width:100%;
	max-width:1200px;
	margin: 90px auto 0 auto;
	padding-bottom:0;
}

section#Pankuzu .paninner {
	text-align:left;
	font-size:75%;
	color:#666;
}


/*-- メインビジュアル  --*/

#Visual {
	width:100vw;
	min-height:275px;
	margin:0;
	padding:0;
}

.mainvis {
	background: url("images/MainVis_protectionPrv.jpg") no-repeat;
	background-position: top center;
	background-size: cover;
}

/*-- プライバシーポリシー  --*/

section#Privacy {
	overflow:hidden;
	width:100%;
	max-width:1048px;
	margin:4em auto;
	padding-bottom:0;
}

section#Privacy h2 {
	font-size:150%;
	color:#3D4454;
	text-align:center;
	margin-bottom:1em;
	padding:0.5em 0 0.5em 1em;
	border-bottom:4px double #999;
	border-top:4px double #999;
}

section#Privacy h3 {
	font-size:120%;
	/*background:url("/commons/images/point-circle_sky.png") 3px no-repeat;*/
	/*border-bottom:4px double #262F83;*/
	border-bottom:4px double #999;
	color:#3D4454;
	padding:0 0 0.5em 1em;
	margin:0 3em 1em 3em;
}
section#Privacy h3.dotpoint {
	background:url("/commons/images/point-circle_sky.png") 3px no-repeat;
}

section#Privacy .privacy-com {
	line-height:220%;
	text-align:left;
	padding:0 4em 4em 4em;
	word-break: normal;
}

section#Privacy .sign {
	text-align:right;
	padding:0 5em 5em 3em;
}

table.protectPrv {
	width:87.5%;
	border-top:1px solid #999;
	border-left:1px solid #999;
	margin:0 auto 3em auto;
}

table.protectPrv th { background:#EDEDED; text-align: center;}
table.protectPrv th.left {width:15%;}
table.protectPrv th.center {width:70%;}

table.protectPrv td,
table.protectPrv th {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:5px 10px;
}

table.protectPrv td.txtop {vertical-align: top;}

/*-- お問い合わせボタン  --*/

section#InqBtn {
	clear:both;
	overflow:hidden;
	width:100vw;
	text-align:center;
	padding-bottom:0 !important;
}

section#InqBtn .iqbinner {
	/*background:url(/images_top/bg_inqBtn.jpg) no-repeat;
	background-size:cover;
	background-position:top center;*/
	background: #EEE;
	padding-top:1.5em;
	padding-bottom:1.5em;
}

section#InqBtn h2 {
	text-align:center;
	font-size:180%;
	color:#FFF;
}


.btn_thum,
.btn_list {
	display:block;
}

.btn_thum a,
.btn_list a {
	display:block;
	background:#FB7E3C;
	font-weight:bold;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
}

.btn_thum a {
	padding:30px 20px;
	font-size:130%;
	margin-top:1.5em;
}

.btn_list a {
	padding:20px 10px;
	line-height:120%;
}

.btn_thum a:hover,
.btn_list a:hover {
	background:#FEDCC9;
	color:#FB7E3C !important;
}


/*-----------------------------------------------------	*/
/*	for - 800px					*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 801px) {

	.SP,
	#header { display:none; }	
	
}


@media screen and (max-width: 800px) {
	
	.col {
		float: none;
		width: auto;
		margin: 0 auto;
	}
	
	.PC,
	header#Defhead,
	div#Navmenu {
		display:none;
		visibility:hidden;
	}

	/*-- パンくず  --*/

	section#Pankuzu {
	width:95%;
	margin: 0 auto 0 auto;
	padding-bottom:0;
	}
	
	#page{
		padding-top: 50px;
	}
	


}

@media(max-width: 800px) {

	
	section#Inq input { width:50% !important; }
	section#Inq input.widno { width:30% !important; }

}

@media screen and (min-width: 641px) {

	.SPP { display:none; }	
}


@media screen and (max-width: 640px) {
	
	.PCC,
	.comment02.SP {
		display:none;
		visibility:hidden;
	}

	section {
	width:100%;
	padding-bottom:6em;
	}
	

	/*-- コンテンツビジュアル  --*/
	
	#Visual {
	width:auto;
	height:20vh;
	}

	/*-- プライバシーポリシー  --*/

	section#Privacy {
	width:90%;
	max-width:90vw;
	padding-bottom:0;
	}

	section#Privacy h2 {
	padding-left:0;
	}

	section#Privacy h3 {
	margin:0 1em 1em 1em;
	padding-left:0.5em;
	}
	
	section#Privacy h3.dotpoint { padding-left:1em; }
	
	section#Privacy .privacy-com {
	text-align:left;
	padding:0 1.5em 2em 1.5em;
	}

	section#Privacy .sign {
	text-align:right;
	padding:0 2em 5em 1em;
	}
	
	table.protectPrv {width:95%;}
	table.protectPrv th.left {width:25%;}
	table.protectPrv th.center {width:55%;}



	/*-- InqBtn  --*/

	section#InqBtn h2 {
	font-size:140%;
	line-height:140%;
	}
	
	section#InqBtn .iqbinner,
	section#RecruitCat .rcinner {
	padding-left:8%;
	padding-right:8%;
	}

	.btn_thum a,
	.btn_list a {
		margin-top:0.5em;
		font-size:100%;
	}
	
	.tx-Lf { text-align:left !important; }
	.btn-moreNavy03 {font-size:135%;}
}

@media screen and (max-width: 400px) {

.mainvis {
	background: url("images/MainVis_protectionPrvSP.jpg") no-repeat;
	background-position: top center;
	background-size: cover;
}

}