@charset "UTF-8";



/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {

#contents {
	overflow: hidden;
}
	
.deco {
	position: absolute;
	z-index: 1;
	transition-duration: 0.5s;
	line-height: 1;
}
#deco01 {
	top: 27%;
	right: 28%;
	width: 30px;
}
#deco02 {
	top: 20%;
	left: 16%;
	width: 110px;
}
#deco03 {
	bottom: 30%;
	left: -2%;
	width: 240px;
}
#deco04 {
	top: 10%;
	right: -2%;
	width: 90px;
}
#deco05 {
	animation:3s linear infinite rotation1;
	bottom: 6%;
	left: 21vw;
	width: 30px;
}
#deco06 {
	animation:4s ease-in-out infinite rotation2;
	top: -1.5%;
    right: 10%;
	width: 146px;
	z-index: 2;
}
#deco07 {
	top: 21%;
	right: -5vw;
	width: 236px;
}
#deco08 {
	top: 12%;
	left: 4vw;
	width: 80px;
}
#deco09 {
	animation:4s ease-in-out infinite rotation2;
	top: 40%;
    left: -4.5vw;
    width: 126px;
}
#deco10 {
	top: 43%;
	right: 2.5vw;
	width: 50px;
}
#deco11 {
	bottom: 40%;
	left: 6vw;
	width: 118px;
}
#deco12 {
	animation:3s linear infinite rotation1;
	bottom: 29%;
	left: 7vw;
	width: 30px;
}
#deco13 {
	bottom: 23%;
	right: 5vw;
	width: 40px;
}
#deco14 {
	bottom: 12%;
	right: 35vw;
	width: 56px;
}
#deco15 {
	bottom: 12%;
	left: 2vw;
	width: 36px;
}
#deco16 {
	animation:3s linear infinite rotation1;
	bottom: 37%;
	right: -3vw;
	width: 110px;
}
#deco17 {
	bottom: 1.6%;
	left: 5vw;
	width: 40px;
}

	
	
	#mainArea{
		position: relative;
		overflow: hidden;
		background-image: url("../img/occupation/mainimg.jpg");
		background-size: cover;
		padding: 17vw 0;
	}
		#mainArea h1 {
			position: relative;
			width: 378px;
			margin: auto;
		}
			#mainArea h1 img:nth-child(2) {
				position: absolute;
				top: 0;
				left: 0;
			}
	
	
	.frame {
		position: relative;
	}
	.frame_t::before ,
	.frame_t::after ,
	.frame_b::before ,
	.frame_b::after {
		position: absolute;
		content: "";
		box-sizing: border-box;
		border-style: solid;
		width: 0;
		height: 0;
	}
	.frame_t::before ,
	.frame_t::after {
		top: 0;
	}
	.frame_t::before {
		left: 0;
		border-width: 10px 10px 0 0;
		border-color: #fff transparent transparent transparent;
	}
	.frame_t::after {
		right: 0;
		border-width: 0 10px 10px 0;
		border-color: transparent #fff transparent transparent;
	}
	.frame_b::before ,
	.frame_b::after {
		bottom: 0;
	}
	.frame_b::before {
		left: 0;
		border-width: 10px 0 0 10px;
		border-color: transparent transparent transparent #fff;
	}
	.frame_b::after {
		right: 0;
		border-width: 0 0 10px 10px;
		border-color: transparent transparent #fff transparent;
	}
	.frame_bdr_t::before ,
	.frame_bdr_t::after ,
	.frame_bdr_b::before ,
	.frame_bdr_b::after {
		position: absolute;
		content: "";
		box-sizing: border-box;
		background-size: cover;
		width: 14px;
		height: 14px;
	}
	.frame_bdr_t::before ,
	.frame_bdr_t::after {
		top: -4px;
	}
	.frame_bdr_t::before {
		left: -4px;
	}
	.frame_bdr_t::after {
		right: -4px;
	}
	.frame.frame_r .frame_bdr_t::before {
		background-image: url("../img/bdr_t_l_r.jpg");
	}
	.frame.frame_r .frame_bdr_t::after {
		background-image: url("../img/bdr_t_r_r.jpg");
	}
	.frame.frame_bl .frame_bdr_t::before {
		background-image: url("../img/bdr_t_l_b.jpg");		
	}
	.frame.frame_bl .frame_bdr_t::after {
		background-image: url("../img/bdr_t_r_b.jpg");		
	}
	.frame_bdr_b::before ,
	.frame_bdr_b::after {
		bottom: -4px;
	}
	.frame_bdr_b::before {
		left: -4px;
	}
	.frame_bdr_b::after {
		right: -4px;
	}
	.frame.frame_r .frame_bdr_b::before {
		background-image: url("../img/bdr_b_l_r.jpg");
	}
	.frame.frame_r .frame_bdr_b::after {
		background-image: url("../img/bdr_b_r_r.jpg");
	}
	.frame.frame_bl .frame_bdr_b::before {
		background-image: url("../img/bdr_b_l_b.jpg");		
	}
	.frame.frame_bl .frame_bdr_b::after {
		background-image: url("../img/bdr_b_r_b.jpg");		
	}

	
	#secArea {
		position: relative;
		padding-top: 150px;
	}
		#secArea {
		}
			#secArea h2 {
				text-align: center;
			}
				#secArea h2 span {
					font-weight: bold;
					font-size: 20px;
					position: relative;
					letter-spacing: 2px;
					display: inline-block;
				}
				#secArea h2 span::before {
					position: absolute;
					content: "";
					bottom: -10px;
					left: 0;
					width: 100%;
					height: 5px;
					background-color: #000;
				}

		.sec {
		}
		.sec + .sec {
			margin-top: 190px;
		}
			.sec .sec_tit {
				padding: 132px 0;
				position: relative;
			}
			.sec:nth-child(even) .sec_tit {
				text-align: right;
			}
			.sec .sec_tit::before {
				position: absolute;
				content: "";
				top: 0;
				width: 1220px;
				height: 100%;
				background-size: cover;
			}
			.sec:nth-child(odd) .sec_tit::before {
				left: 0;
			}
			.sec:nth-child(even) .sec_tit::before {
				right: 0;
			}
				.sec .sec_tit dl {
					position: relative;
					background-color: #e71f19;
					display: inline-block;
					box-sizing: border-box;
				}
				.sec:nth-child(odd) .sec_tit dl {
					padding: 20px 140px 25px 0;
				}
				.sec:nth-child(even) .sec_tit dl {
					padding: 20px 105px 25px 35px;
					text-align: left;
				}
				.sec .sec_tit dl::before {
					position: absolute;
					content: "";
					background-color: #e71f19;
					width: 400%;
					height: 100%;
					top: 0;
				}
				.sec:nth-child(odd) .sec_tit dl::before {
					left: -400%;
				}
				.sec:nth-child(even) .sec_tit dl::before {
					right: -400%;
				}
					.sec .sec_tit dl dt {
						width: 102px;
					}
					.sec .sec_tit dl dd {
						font-size: 27px;
						font-weight: bold;
						color: #fff;
						margin-top: 5px;
						letter-spacing: 2px;
					}
			.sec .sec_box {
				margin-top: 110px;
			}
				.sec .sec_box .sec_img {
					width: 540px;
					float: left;
				}
				.sec .sec_box .sec_inn {
					float: right;
					width: calc(100% - 590px);
				}
					.sec .sec_box .sec_inn dl {
					}
						.sec .sec_box .sec_inn dl dt {
							background-color: #000;
							color: #fff;
							font-size: 20px;
							font-weight: bold;
							padding: 5px 30px;
							line-height: 1.6;
						}
						.sec .sec_box .sec_inn dl dd {
							margin-top: 30px;
						}
					.sec .sec_box .sec_inn .sec_link {
						margin-top: 40px;
					}
						.sec .sec_box .sec_inn .sec_link .sec_sub {
							background-color: #008dd6;
							color: #fff;
							font-weight: bold;
							padding: 30px 5px;
							text-align: center;
							line-height: 1.6;
							position: relative;
							float: left;
							width: 104px;
							box-sizing: border-box;
						}
						.sec .sec_box .sec_inn .sec_link .sec_sub::before {
							position: absolute;
							content: "";
							top: 0;
							right: -8px;
							bottom: 0;
							margin: auto;
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 8px 8px 0 0;
							border-color: #008dd6 transparent transparent transparent;
						}
						.sec .sec_box .sec_inn .sec_link ul {
							float: left;
							width: calc(100% - 122px);
							margin-left: 18px;
							font-size: 0;
						}
							.sec .sec_box .sec_inn .sec_link ul li {
								width: 103px;
								display: inline-block;
							}
							.sec .sec_box .sec_inn .sec_link ul li + li {
								margin-left: 7px;
							}
			.sec .sec_txt {
				margin-top: 70px;
			}

	
	#sec01 {
		margin-top: 100px;
	}
			#sec01 .sec_tit::before {
				background-image: url("../img/occupation/div01_img.png");
			}
	
	#sec02 {
	}
			#sec02 .sec_tit::before {
				background-image: url("../img/occupation/div02_img.png");
			}
	
	#sec03 {
	}
			#sec03 .sec_tit::before {
				background-image: url("../img/occupation/div03_img.png");
			}
	
	#sec04 {
	}
			#sec04 .sec_tit::before {
				background-image: url("../img/occupation/div04_img.png");
			}
	
	#sec05 {
	}
			#sec05 .sec_tit::before {
				background-image: url("../img/occupation/div05_img.png");
			}
	
	
	
	footer {
		margin-top: 180px;
	}

	
}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {

	#contents {
		overflow: hidden;
	}
	
.deco {
	position: absolute;
	z-index: 1;
	transition-duration: 0.5s;
	line-height: 1;
}
#deco01 {
	top: 4%;
	right: 40%;
	width: 25px;
}
#deco02 {
	display: none
}
#deco03 {
	top: 20%;
	right: -5%;
	width: 62px;
}
#deco04 {
	top: 20%;
	left: 2%;
	width: 40px;
}
#deco05 {
	animation:3s linear infinite rotation1;
	bottom: 8%;
	left: 8%;
	width: 20px;
}
#deco06 {
	animation:4s ease-in-out infinite rotation2;
	top: -0.5%;
	right: 10vw;
	width: 60px;
}
#deco07 {
	display: none;
}
#deco08 {
	top: 24%;
	left: 2vw;
	width: 40px;
}
#deco09 {
	display: none;
}
#deco10 {
	top: 39.5%;
	left: 14%;
	width: 31px;
}
#deco11 {
	bottom: 45%;
	right: 2vw;
	width: 59px;
}
#deco12 {
	bottom: 35%;
	right: 6vw;
	width: 22px;
}
#deco13 {
	bottom: 21%;
    left: -2vw;
	width: 36px;
}
#deco14 {
	bottom: 13%;
	right: 5vw;
	width: 28px;
}
#deco15 {
	bottom: 9%;
	left: -1.2vw;
	width: 40px;
}
#deco16 {
	animation:3s linear infinite rotation1;
	bottom: 50px;
	right: 5vw;
	width: 40px;
}
#deco17 {
	bottom: -1.6%;
	left: 15vw;
	width: 33px;
}

	
	#mainArea{
		position: relative;
		overflow: hidden;
		background-image: url("../img/occupation/mainimg.jpg");
		background-size: cover;
		background-position: center;
		padding: 25vw 0;
	}
		#mainArea h1{
			position: relative;
			max-width:437px; 
			width: 75%;
			margin: 0 auto;
		}
			#mainArea h1 img:nth-child(2) {
				position: absolute;
				top: 0;
				left: 0;
			}
	

	.frame {
		position: relative;
	}
	.frame_t::before ,
	.frame_t::after ,
	.frame_b::before ,
	.frame_b::after {
		position: absolute;
		content: "";
		box-sizing: border-box;
		border-style: solid;
		width: 0;
		height: 0;
	}
	.frame_t::before ,
	.frame_t::after {
		top: 0;
	}
	.frame_t::before {
		left: 0;
		border-width: 10px 10px 0 0;
		border-color: #fff transparent transparent transparent;
	}
	.frame_t::after {
		right: 0;
		border-width: 0 10px 10px 0;
		border-color: transparent #fff transparent transparent;
	}
	.frame_b::before ,
	.frame_b::after {
		bottom: 0;
	}
	.frame_b::before {
		left: 0;
		border-width: 10px 0 0 10px;
		border-color: transparent transparent transparent #fff;
	}
	.frame_b::after {
		right: 0;
		border-width: 0 0 10px 10px;
		border-color: transparent transparent #fff transparent;
	}
	.frame_bdr_t::before ,
	.frame_bdr_t::after ,
	.frame_bdr_b::before ,
	.frame_bdr_b::after {
		position: absolute;
		content: "";
		box-sizing: border-box;
		background-size: cover;
		width: 14px;
		height: 14px;
	}
	.frame_bdr_t::before ,
	.frame_bdr_t::after {
		top: -4px;
	}
	.frame_bdr_t::before {
		left: -4px;
	}
	.frame_bdr_t::after {
		right: -4px;
	}
	.frame.frame_r .frame_bdr_t::before {
		background-image: url("../img/voice/bdr_t_l_r.jpg");
	}
	.frame.frame_r .frame_bdr_t::after {
		background-image: url("../img/voice/bdr_t_r_r.jpg");
	}
	.frame.frame_bl .frame_bdr_t::before {
		background-image: url("../img/voice/bdr_t_l_b.jpg");		
	}
	.frame.frame_bl .frame_bdr_t::after {
		background-image: url("../img/voice/bdr_t_r_b.jpg");		
	}
	.frame_bdr_b::before ,
	.frame_bdr_b::after {
		bottom: -4px;
	}
	.frame_bdr_b::before {
		left: -4px;
	}
	.frame_bdr_b::after {
		right: -4px;
	}
	.frame.frame_r .frame_bdr_b::before {
		background-image: url("../img/voice/bdr_b_l_r.jpg");
	}
	.frame.frame_r .frame_bdr_b::after {
		background-image: url("../img/voice/bdr_b_r_r.jpg");
	}
	.frame.frame_bl .frame_bdr_b::before {
		background-image: url("../img/voice/bdr_b_l_b.jpg");		
	}
	.frame.frame_bl .frame_bdr_b::after {
		background-image: url("../img/voice/bdr_b_r_b.jpg");		
	}

	#secArea {
		position: relative;
		padding: 80px 0 100px;
	}
		#secArea {
		}
			#secArea h2 {
				padding: 0 5%;
			}
				#secArea h2 span {
					font-weight: bold;
					font-size: 18px;
					position: relative;
					letter-spacing: 2px;
					display: inline-block;
				}
				#secArea h2 span::before {
					position: absolute;
					content: "";
					bottom: -10px;
					left: 0;
					width: 100%;
					height: 5px;
					background-color: #000;
				}
		.sec {
		}
		.sec + .sec {
			margin-top: 120px;
		}
			.sec .sec_tit {
				padding: 14vw 0;
				position: relative;
			}
			.sec:nth-child(even) .sec_tit {
				text-align: right;
			}
			.sec .sec_tit::before {
				position: absolute;
				content: "";
				top: 0;
				width: 110%;
				height: 100%;
				background-size: cover;
			}
			.sec:nth-child(odd) .sec_tit::before {
				left: 0;
				background-position: left center;
			}
			.sec:nth-child(even) .sec_tit::before {
				right: 0;
				background-position: right center;
			}
				.sec .sec_tit dl {
					position: relative;
					background-color: #e71f19;
					display: inline-block;
					box-sizing: border-box;
				}
				.sec:nth-child(odd) .sec_tit dl {
					padding: 15px 30px 20px 0;
				}
				.sec:nth-child(even) .sec_tit dl {
					padding: 15px 55px 20px 35px;
					text-align: left;
				}
				.sec .sec_tit dl::before {
					position: absolute;
					content: "";
					background-color: #e71f19;
					width: 400%;
					height: 100%;
					top: 0;
				}
				.sec:nth-child(odd) .sec_tit dl::before {
					left: -400%;
				}
				.sec:nth-child(even) .sec_tit dl::before {
					right: -400%;
				}
					.sec .sec_tit dl dt {
						width: 90px;
					}
					.sec .sec_tit dl dd {
						font-size: 22px;
						font-weight: bold;
						color: #fff;
						margin-top: 5px;
						letter-spacing: 2px;
					}
			.sec .sec_box {
				margin-top: 60px;
			}
			.sec .sec_box + .sec_box {
				margin-top: 80px;
			}
				.sec .sec_box .sec_img {
					width: 70%;
					margin: auto;
				}
				.sec .sec_box .sec_inn {
					margin-top: 20px;
				}
					.sec .sec_box .sec_inn dl {
					}
						.sec .sec_box .sec_inn dl dt {
							background-color: #000;
							color: #fff;
							font-size: 18px;
							font-weight: bold;
							padding: 5px 10px;
							line-height: 1.6;
							width: 70%;
							margin: auto;
							text-align: center;
							box-sizing: border-box;
						}
						.sec .sec_box .sec_inn dl dd {
							margin-top: 25px;
						}
					.sec .sec_box .sec_inn .sec_link {
						margin-top: 25px;
					}
						.sec .sec_box .sec_inn .sec_link .sec_sub {
							background-color: #008dd6;
							color: #fff;
							font-weight: bold;
							padding: 12px 2px;
							text-align: center;
							line-height: 1.6;
							position: relative;
							float: left;
							width: 100px;
							box-sizing: border-box;
						}
						.sec .sec_box .sec_inn .sec_link .sec_sub::before {
							position: absolute;
							content: "";
							top: 0;
							right: -8px;
							bottom: 0;
							margin: auto;
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 8px 8px 0 0;
							border-color: #008dd6 transparent transparent transparent;
						}
						.sec .sec_box .sec_inn .sec_link ul {
							float: left;
							width: calc(100% - 115px);
							margin-left: 15px;
							font-size: 0;
						}
							.sec .sec_box .sec_inn .sec_link ul li {
								width: 68px;
								display: inline-block;
							}
							.sec .sec_box .sec_inn .sec_link ul li + li {
								margin-left: 7px;
							}
			.sec .sec_txt {
				margin-top: 40px;
			}

	
	#sec01 {
		margin-top: 80px;
	}
			#sec01 .sec_tit::before {
				background-image: url("../img/occupation/div01_img.png");
			}
	
	#sec02 {
	}
			#sec02 .sec_tit::before {
				background-image: url("../img/occupation/div02_img.png");
			}
	
	#sec03 {
	}
			#sec03 .sec_tit::before {
				background-image: url("../img/occupation/div03_img.png");
			}
	
	#sec04 {
	}
			#sec04 .sec_tit::before {
				background-image: url("../img/occupation/div04_img.png");
			}
	
	#sec05 {
	}
			#sec05 .sec_tit::before {
				background-image: url("../img/occupation/div05_img.png");
			}
	
	
	
	
	
	
	
}