@charset "utf-8";
/* CSS Document */

.page_title{
	width: 100%;
	background: url("../image/worker/title_bg.jpg")no-repeat;
	background-size: cover;
	overflow: hidden;
}

/**/

.block01{
	overflow: hidden;
}

.block01 .block_inner{
	width: 74.32rem;/*1100*/
	margin: 3.92rem auto 5.20rem;/*58 77*/
	overflow: hidden;
}

.block01 .block_inner .midashi{
	border-bottom: 0.20rem solid #009245;
}

.block01 .block_inner .midashi span:first-letter{
	color: #009245;
}


.block01 .block_inner dl{
	width: 67.57rem;/*1000*/
	margin: 4.39rem auto 0;/*65*/
}

.block01 .block_inner dl dt{
	font-size: 1.89rem;/*28*/
	letter-spacing: 0.1em;
	color: #009245;
	text-align: center;
}

.block01 .block_inner dl dd{
	margin-top: 3.38rem;/*50*/
	font-size: 1.22rem;/*18*/
	line-height: 2;
	letter-spacing: 0.05em;
}

.block01 .block_inner .list{
	width: 100%;
	margin: 4.73rem auto 0;/*70*/
	list-style: none;
	display: flex;
	justify-content: space-between;
}

.block01 .block_inner .list li{
	width: 32.73%;
	text-align: center;
}

.block01 .block_inner .list li img{
	width: 100%;
	height: auto;
}

.block01 .block_inner .list li p{
	margin-top: 0.54rem;/*8*/
	font-size: 1.22rem;/*18*/
	letter-spacing: 0.05em;
}

.block01 .block_inner .txt01{
	width: 67.57rem;/*1000*/
	margin: 5.27rem auto 0;/*78*/
	font-size: 1.22rem;/*18*/
	line-height: 2;
	letter-spacing: 0.05em;
}

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


.block02{
	margin-bottom: 6.35rem;/*94*/
	background: #D9E8ED;
	overflow: hidden;
}

.block02 .block_inner{
	width: 67.57rem;/*1000*/
	margin: 4.19rem auto 4.66rem;/*62 69*/
	overflow: hidden;
}

.block02 .block_inner .btn01{
	width: 100%;
}

.block02 .block_inner .btn01 a{
	display: block;
	width: 100%;
	height: 10.81rem;/*160*/
	box-sizing: border-box;
	background: url("../image/top/btn_ico03.png")no-repeat #0071BC right 3.99rem center;/*59*/
	background-size: 1.89rem auto;/*28*/
	position: relative;
	overflow: hidden;
}

.block02 .block_inner .btn01 a:hover{
	opacity: 1;
}

/*キラッと光る*/
.block02 .block_inner .btn01 a::before {
  content: '';
    /*絶対配置でキラッと光るの位置を決める*/
  position: absolute;
  top: 0;
  left: -75%;
    /*キラッと光る形状*/
    width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  transform: skewX(-25deg);
}

/*hoverした際の移動のアニメーション*/
.block02 .block_inner .btn01 a:hover::before {
  animation: shine 0.7s;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.block02 .block_inner .btn01 a dl{
	box-sizing: border-box;
	height: 100%;
	padding: 1.82rem 0 0 9.46rem;/*27 140*/
	position: relative;
	color: #fff;
}

.block02 .block_inner .btn01 a dl dt{
	font-size: 2.03rem;/*30*/
	letter-spacing: 0.1em;
}

.block02 .block_inner .btn01 a dl dd{
	font-size: 2.03rem;/*30*/
	letter-spacing: 0.1em;
	margin-top: 0.68rem;/*10*/
}

.block02 .block_inner .btn01 a dl::before{
	content: '';
	display: inline-block;
	background: url("../image/top/btn_ico01.png")no-repeat;
	background-size: contain;
	width: 3.65rem;/*54*/
	height: 4.86rem;/*72*/
	position: absolute;
	top: 3.11rem;/*46*/
	left: 3.51rem;/*52*/
}