@charset "utf-8";
/*------------------------------------------------------------
	understanding
------------------------------------------------------------*/
#gNavi > ul > li.navi05 > a::after {
    opacity: 1;
}
.pageTitle {
    background-image: url("../images/recruit/bg_understanding.jpg");
}
#main .imgList {
    margin-top: -30px;
}
#main .imgList li {
    margin-top: 30px;
    width: 710px;
}
#main .imgList li.wid01 {
    width: 340px;
}
#main .imgList li.wid02 {
    width: 525px;
}
#main .imgList li.wid03 {
    width: 100%;
}

#main .health_excellent{
	background-image: url("../images/recruit/understanding_img_10a.png");
	background-repeat: no-repeat;
	background-size: contain;
	height: 280px;
}

#main .health_excellent img.details{
	width: 473px;
	position: relative;
	top: 180px;
	left: 303px;
	}

#main a.overseas{
	position: relative;
	bottom: 33px;
	left: 41px;
	}

#main a.overseas2{
	position: relative;
	bottom: 62px;
	left: 95px;
	}

#main a.overseas2 img{
width: 340px;
}

#main a.overseas:hover{
	color: #E60012;
	}

@media all and (max-width: 896px) {
    .pageTitle {
        background-image: url("../images/recruit/bg_understanding_sp.jpg");
    }
    #main .imgList {
        margin-top: 0;
        display: block;
    }
    #main .imgList li {
        margin: 0 0 20px;
        width: auto !important;
        text-align: center;
    }
    #main .imgList li:last-child {
        margin-bottom: 0;
    }
		#main .health_excellent{
			background-image: none;
			height: auto;
		}

		#main .health_excellent img.details{
			display: none;
		}
	
	  #main .health_excellent img{
			width: 560px;
			max-width: 100%;
		}
	
	#main a.overseas2{
		position: relative;
		top: 840px;
		left: 5px;
	}

	#main a.overseas2 img{
		width: 342px;
	}
}