@charset "utf-8";
/*
Theme Name: 採用サイト プライバシーポリシー ｜3eee Group
Theme URI: http://work.3eee.co.jp/
Description: 3eeeグループで働こう！｜高齢者の介護や、福祉の仕事は3eeeで！
Author: 3eee
Version: 1.0
License: 3eee
License URI: license.txt
Tags: 
*/

* {
	font-family: 'Hind', sans-serif !important;
}


/*　スマホ
----------------------------------------*/
@media screen and (max-width: 767px) {
	.pcn {
		display: none;
	}

	.spn {
		display: block;
	}

	/*-----------  hero  -------------*/

	section.hero {
		position: relative;
		width: 100%;
	/*	margin: 50px 0 0 0;*/
		margin: 0;
	}

	section.hero div.tb {
		position: relative;
	}

	section.hero img.tit {
		position: absolute;
		z-index:3;
		width: 70%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	section.hero img.sld {
		z-index:3;
		width: 100%;
	/*	display: block;*/
	}

	/* -------- canvas -------- */
	canvas{
		position: absolute;
		display: block;
		width: 100%;
		margin: 0;
		left:0;
		bottom: 0;
	}

	.privacy_area {
		width: 100%;
		margin: 0 auto;
		display: block;
		padding: 60px 0 0;
	}

	.privacy_area div.inner {
		width: 94%;
		margin: 0 auto;
	}

	#privacy div {
		color: #fff;
		font-size: 12pt;
		background: #00C3C3;
		display: inline-block;
		margin: 0px 0 10px;
		padding: 5px;
		letter-spacing: 2px;
		width: 100%;
	}

	#privacy p {
		padding: 0 0 45px 0;
		font-size: 10pt;
		letter-spacing: 2px;
		margin: 0 auto;
		width: 96%;
		line-height: 1.8em;
	}

}



/*　タブレット
----------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.pcn {
		display: block;
	}

	.spn {
		display: none;
	}

	/*-----------  hero  -------------*/

	section.hero {
		position: relative;
		width: 100%;
	}

	section.hero div.tb {
		position: relative;
	}

	section.hero img.tit {
		position: absolute;
		z-index:3;
		width: 35%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	section.hero img.pcn {
		z-index:9998;
		width: 100%;
/*		display: block;*/
	}

	/* -------- canvas -------- */
	canvas{
		position: absolute;
		display: block;
		width: 100%;
		margin: 0;
		left:0;
		bottom: 0;
	}

	.privacy_area {
		width: 100%;
		margin: 0 auto;
		display: block;
		padding: 55px 0 0;
	}

	.privacy_area div.inner {
		width: 90%;
		margin: 0 auto;
	}

	#privacy div {
		color: #fff;
		font-size: 14pt;
		background: #00C3C3;
		display: inline-block;
		margin: 45px 0 5px 10px;
		padding: 5px 10px;
		letter-spacing: 2px;
		width: 100%;
	}

	#privacy p {
		padding: 0 0 0 15px;
		font-size: 12pt;
		letter-spacing: 2px;
		line-height: 1.8em;
	}

}




/*　PC
----------------------------------------*/
@media screen and (min-width: 1200px) {
	.pcn {
		display: block;
	}

	.spn {
		display: none;
	}

	/*-----------  hero  -------------*/

	section.hero {
		position: relative;
		width: 100%;
	}

	section.hero div.tb {
		position: relative;
	}

	section.hero img.tit {
		position: absolute;
		z-index:3;
		width: 35%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	section.hero img.pcn {
		z-index:9998;
		width: 100%;
/*		display: block;*/
	}

	/* -------- canvas -------- */
	canvas{
		position: absolute;
		z-index:9990;
		display: block;
		width: 100%;
		margin: 0;
		left:0;
		bottom: 0;
	}

	.privacy_area {
		width: 100%;
		margin: 0 auto;
		display: block;
		padding: 55px 0 0;
	}

	.privacy_area div.inner {
		width: 960px;
		margin: 0 auto;
	}

	#privacy div {
		color: #fff;
		font-size: 14pt;
		background: #00C3C3;
		display: inline-block;
		margin: 45px 0 5px 10px;
		padding: 5px 10px;
		letter-spacing: 2px;
		width: 100%;
	}

	#privacy p {
		padding: 0 0 0 15px;
		font-size: 12pt;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
}