@charset "utf-8";
/* ----採用情報 - 海角视频の特長---- */

/* ----海角视频の特長---- */

#main .featureFoot {
	width: 100%;
	height: 800px;
	margin-bottom: 80px;
	background-image: url(/wp/wp-content/themes/ios/recruit/img/maining_feature_image.jpg);
	background-repeat: no-repeat;
	background-size: 720px 800px;
}

#main .featureFoot section {
	float: left;
	width: 170px;
	height: 150px;
	padding: 10px;
	color: #333;
}

#main .featureFoot section:nth-child(3),
#main .featureFoot section:nth-child(6),
#main .featureFoot section:nth-child(9) {
	margin-right: 0px;
}

#main .featureFoot section h3 {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	margin: 8px 5px 33px 0px;
	line-height: 1.3;
}

#main .featureFoot section p {
	font-size: 12px;
	line-height: 150%;
}

#main .featureFoot section.two-lines h3 {
	margin-top: 5px !important;
	margin-bottom: 20px !important;
}

#sft {
	margin: 36px 0px 0px 30px;
	transform: rotate( 6deg );
}

#treasure {
	margin: 36px 0px 0px 47px;
	transform: rotate( -2deg );
}

#team {
	margin: 45px 0px 0px 44px;
	transform: rotate( -6deg );
}

#placement {
	margin: 75px 0px 0px 30px;
	transform: rotate( -2deg );
}

#humanities {
	margin: 80px 0px 0px 48px;
	transform: rotate( 2deg );
}

#payroll {
	margin: 80px 0px 0px 42px;
	transform: rotate( -3deg );
}

#open {
	margin: 80px 0px 0px 27px;
	transform: rotate( -11deg );
}

#health {
	margin: 80px 0px 0px 50px;
	transform: rotate( -1deg );
}

#life {
	margin: 80px 0px 0px 45px;
	transform: rotate( 4deg );
}



/*
****     SP     ***
**/
@media (max-width: 767px) {
	#main .featureFoot,
	#main .featureHead,
	#main .featureMain_1line {
		background-size: 100%;
	}
	#main .featureHead {
		background-image: url(/wp/wp-content/themes/ios/recruit/img/bg_album_head.jpg);
		background-repeat: no-repeat;
	}

	#main .featureMain_1line {
		background-image: url(/wp/wp-content/themes/ios/recruit/img/bg_album_main.jpg);
		background-repeat: repeat-y;
	}
	#main .featureFoot {
		height: auto;
		margin-bottom: 40px;
		overflow: hidden;
		background-image: url(/wp/wp-content/themes/ios/recruit/img/bg_album_foot.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		padding-bottom: 8%;
	}
	#main .featureFoot section h3 {
		font-size: 13px;
		margin: 16% 0 0;
		line-height: 180%;
	}
	#main .featureFoot #placement h3 {
		margin-top: 14%!important;
		margin-bottom: 0!important;
		line-height: 120%;
	}

	#main .featureFoot #sft h3 {
		margin-top: 14%!important;
		margin-bottom: 0!important;
		line-height: 120%;
	}

	#main .featureFoot #treasure h3 {
		margin-top: 14%!important;
		margin-bottom: 0!important;
		line-height: 120%;
	}

	#main .featureFoot section p {
		font-size: 11px;
    line-height: 130%;
		padding: 5px 10px;  
		margin-top: 6%;
	}
	#placement p {
		margin-top: 2%!important
	}

	#sft p {
		margin-top: 2%!important
	}

	#treasure p {
		margin-top: 2%!important
	}

	#main .featureFoot section {
    width: 43%;
    height: 0;
    padding: 0;
    box-sizing: border-box;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 53%;
	}
	#sft,
	#treasure,
	#team,
	#placement,
	#humanities,
	#payroll,
	#open,
	#health,
	#life {
		transform: rotate( 0deg );
	 	margin: 6% 0px 0px 5%;
	}

	
	#main .featureFoot #sft {
		background-image: url(/wp/wp-content/themes/ios/recruit/img/feature_memo01.png);
		margin-top: 8%;
	}
	#main .featureFoot #treasure {
		background-image: url(/wp/wp-content/themes/ios/recruit/img/feature_memo02.png);
		margin-top: 8%;
	}
	
	#main .featureFoot #team {
		background-image: url(/wp/wp-content/themes/ios/recruit/img/feature_memo03.png);
	}	
	
	#main .featureFoot #placement {
		background-image: url(/wp/wp-content/themes/ios/recruit/img/feature_memo04.png);	
	}

	#main .featureFoot #humanities {
		background-image: url(/wp/wp-content/themes/ios/recruit/img/feature_memo05.png);	
		padding-bottom: 57%;
	}

	#main .featureFoot #payroll {
		background-image: url(/wp/wp-content/themes/ios/recruit/img/feature_memo06.png);	
		padding-bottom: 57%;
	}

	#main .featureFoot #open {
		background-image: url(/wp/wp-content/themes/ios/recruit/img/feature_memo07.png);
		padding-bottom: 61%;
	}

	#main .featureFoot #health {
		background-image: url(/wp/wp-content/themes/ios/recruit/img/feature_memo08.png);
		padding-bottom: 61%;
	}

	#main .featureFoot #life {
    margin: 6% 0px 0px 28%;
		background-image: url(/wp/wp-content/themes/ios/recruit/img/feature_memo09.png);
		padding-bottom: 61%;
	}
	
	
	#main .featureFoot section:nth-child(3),
	#main .featureFoot section:nth-child(6),
	#main .featureFoot section:nth-child(9) {
		margin-right: auto;
	}
}