@charset "utf-8";

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

人材派遣トップスタイル

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

@media print, screen and (min-width: 768px) {

/* ▼PC */
h1 {
	width: 100%;
	text-align: center;
	padding: 550px 0 50px 0;
	background: url("../img/top_big2.jpg");
	background-size: cover;
}

#page01 .block {
	width: 880px;
	margin: 0 auto;
	position: relative;
	padding: 80px 0 160px 0;
}

#page01 h2 {margin-bottom: 47px;}

#page01 .c_title {
	position: absolute;
	top: 180px;
	left: 0;
	font-size: 22px; font-size: 2.2rem;
	font-weight: bold;
}

#page01 .c_txt {
	position: absolute;
	top: 220px;
	left: 0;
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.8;
}

#page01 ul li {
	margin-left: 250px;
	font-size: 23px; font-size: 2.3rem;
	font-weight: bold;
	padding: 15px 0 15px 40px;
	margin-bottom: 12px;
}

#page01 ul li:nth-of-type(1) {background: #f2f2f2 url("../img/point01.png") 15px 50% no-repeat;}

#page01 ul li:nth-of-type(2) {background: #f2f2f2 url("../img/point02.png") 15px 50% no-repeat;}

#page01 ul li:nth-of-type(3) {background: #f2f2f2 url("../img/point03.png") 15px 50% no-repeat;}

#page01 ul li:nth-of-type(4) {background: #f2f2f2 url("../img/point04.png") 15px 50% no-repeat;}

#page02 .block {
	width: 880px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 160px 0;
}

#page02 .top_img {text-align: left;}

#page02 h2 {
	position: absolute;
	top: 0;
	left: 600px;
}

#page02 .c_title {
	position: absolute;
	top: 100px;
	left: 600px;
	font-size: 22px; font-size: 2.2rem;
	font-weight: bold;
}

#page02 .c_txt {
	position: absolute;
	top: 140px;
	left: 600px;
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.8;
}

#page02 .c_btn {
	position: absolute;
	top: 240px;
	left: 600px;
}

#page03 .block {
	width: 880px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 160px 0;
}

#page03 .top_img {text-align: right;}

#page03 h2 {
	position: absolute;
	top: 0;
	left: 0;
}

#page03 .c_title {
	position: absolute;
	top: 100px;
	left: 0;
	font-size: 22px; font-size: 2.2rem;
	font-weight: bold;
}

#page03 .c_txt {
	position: absolute;
	top: 140px;
	left: 0;
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.8;
}

#page03 .c_btn {
	position: absolute;
	top: 210px;
	left: 0;
}

#page04 .block {
	width: 880px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 160px 0;
}

#page04 .top_img {text-align: left;}

#page04 h2 {
	position: absolute;
	top: 0;
	left: 600px;
}

#page04 .c_title {
	position: absolute;
	top: 100px;
	left: 600px;
	font-size: 22px; font-size: 2.2rem;
	font-weight: bold;
}

#page04 .c_btn {
	position: absolute;
	top: 160px;
	left: 600px;
}

#page05 .block {
	width: 880px;
	min-height: 120px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 110px 0;
}

#page05 h2 {
	position: absolute;
	top: 0;
	left: 0;
}

#page05 .c_title {
	position: absolute;
	top: 100px;
	left: 0;
	font-size: 22px; font-size: 2.2rem;
	font-weight: bold;
}

#page05 dl {
	margin-left: 350px;
	display: flex;
	flex-wrap: wrap;
	border-top: solid 1px #000;
}

#page05 dt {width: 25%;}

#page05 dd {width: 75%;}

#page05 dt, #page05 dd {
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.8;
	padding: 15px 20px;
	box-sizing: border-box;
	border-bottom: solid 1px #000;
}

}

@media print, screen and (max-width: 767px) {

/* ▼SP */
h1 {
	width: 100%;
	text-align: center;
	padding: 35% 0 5% 0;
	background: url("../img/top2.jpg");
	background-size: cover;
}

h1 img {width: 95%;}

#page01 .block {
	width: 94%;
	margin: 0 auto;
	position: relative;
	padding: 8% 0 16% 0;
}

#page01 h2 {margin-bottom: 5%;}

#page01 h2 img {width: 60%;}

#page01 .c_title {
	font-size: 4.5vw;
	font-weight: bold;
	margin-bottom: 3%;
}

#page01 .c_txt {
	font-size: 3.6vw;
	line-height: 1.5;
	margin-bottom: 3%;
}

#page01 ul li {
	font-size: 4vw;
	line-height: 1.5;
	font-weight: bold;
	padding: 3% 3% 3% 10%;
	margin-bottom: 2%;
}

#page01 ul li:nth-of-type(1) {background: #f2f2f2 url("../img/point01.png") 15px 50% no-repeat;}

#page01 ul li:nth-of-type(2) {background: #f2f2f2 url("../img/point02.png") 15px 50% no-repeat;}

#page01 ul li:nth-of-type(3) {background: #f2f2f2 url("../img/point03.png") 15px 50% no-repeat;}

#page01 ul li:nth-of-type(4) {background: #f2f2f2 url("../img/point04.png") 15px 50% no-repeat;}

#page02 .block {
	width: 94%;
	margin: 0 auto;
	position: relative;
	padding: 0 0 16% 0;
}

#page02 h2 {margin-bottom: 5%;}

#page02 h2 img {width: 60%;}

#page02 .top_img {margin-bottom: 5%;}

#page02 .top_img img {width: 100%;}

#page02 .c_title {
	font-size: 4.5vw;
	font-weight: bold;
	margin-bottom: 3%;
}

#page02 .c_txt {
	font-size: 3.6vw;
	line-height: 1.5;
	margin-bottom: 3%;
}

#page02 .c_btn {text-align: right;}

#page02 .c_btn img {width: 33%;}

#page03 .block {
	width: 94%;
	margin: 0 auto;
	position: relative;
	padding: 0 0 16% 0;
}

#page03 h2 {margin-bottom: 5%;}

#page03 h2 img {width: 60%;}

#page03 .top_img {margin-bottom: 5%;}

#page03 .top_img img {width: 100%;}

#page03 .c_title {
	font-size: 4.5vw;
	font-weight: bold;
	margin-bottom: 3%;
}

#page03 .c_txt {
	font-size: 3.6vw;
	line-height: 1.5;
	margin-bottom: 3%;
}

#page03 .c_btn {text-align: right;}

#page03 .c_btn img {width: 33%;}

#page04 .block {
	width: 94%;
	margin: 0 auto;
	position: relative;
	padding: 0 0 16% 0;
}

#page04 h2 {margin-bottom: 5%;}

#page04 h2 img {width: 60%;}

#page04 .top_img {margin-bottom: 5%;}

#page04 .top_img img {width: 100%;}

#page04 .c_title {
	font-size: 4.5vw;
	font-weight: bold;
	margin-bottom: 3%;
}

#page04 .c_btn {text-align: right;}

#page04 .c_btn img {width: 50%;}

#page05 .block {
	width: 94%;
	margin: 0 auto;
	position: relative;
	padding: 0 0 16% 0;
}

#page05 h2 {margin-bottom: 5%;}

#page05 h2 img {width: 60%;}

#page05 .c_title {
	font-size: 4.5vw;
	font-weight: bold;
	margin-bottom: 3%;
}

#page05 dl {
	display: flex;
	flex-wrap: wrap;
	border-top: solid 1px #000;
}

#page05 dt {width: 25%;}

#page05 dd {width: 75%;}

#page05 dt, #page05 dd {
	font-size: 3.6vw;
	line-height: 1.5;
	padding: 3% 0;
	box-sizing: border-box;
	border-bottom: solid 1px #000;
}
	
}