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

/*
	for PC

*****************************************************/
@media screen and (min-width: 641px) {
	#recruit #contents_wrap .fv_cont {
		width: 1100px;
		height: 471px;
		margin: 0 auto 90px;
		padding: 45px 0 0 40px;
		position: relative;
	}
	#recruit #contents_wrap .fv_cont .prof {
		background: url("/images/recruit/int_common/profile_bg.jpg");
		background-size: cover;
		width: 559px;
		padding: 30px;
		position: absolute;
		top: 327px;
		left: 0;
	}
	#recruit #contents_wrap .fv_cont .prof dt {
		font-size: 20px;
		letter-spacing: 0.1em;
		font-weight: bold;
		border-left: 5.5px #66d226 solid;
		padding-left: 15px;
	}
	#recruit #contents_wrap .fv_cont .prof dt span {
		font-size: 15px;
	}
	#recruit #contents_wrap .fv_cont .prof dd {
		font-size: 13px;
		line-height: 22.5px;
		border-left: 5.5px #fff solid;
		padding-left: 15px;
		text-align: justify;
	}
	#recruit #contents_wrap .article {
		width: 1060px;
		margin: 0 auto;
		position: relative;
		font-feature-settings: "palt";
		-moz-font-feature-settings: "palt";
		-webkit-font-feature-settings: "palt";
	}
	#recruit #contents_wrap .article h1 {
		font-size: 21px;
		letter-spacing: 0.15em;
		line-height: 30px;
		font-weight: bold;
		color: #49b40a;
		padding-left: 73px;
		height: 60px;
		display: table-cell;
		vertical-align: middle;
	}
	#recruit #contents_wrap .article#wrap01 h1 {
		background: url("/images/recruit/int_common/find01.png") no-repeat top left;
		background-size: 52.5px auto;
	}
	#recruit #contents_wrap .article#wrap02 h1 {
		background: url("/images/recruit/int_common/find02.png") no-repeat top left;
		background-size: 53px auto;
	}
	#recruit #contents_wrap .article#wrap03 h1 {
		background: url("/images/recruit/int_common/find03.png") no-repeat top left;
		background-size: 52.5px auto;
	}
	#recruit #contents_wrap .article#wrap04 h1 {
		background: url("/images/recruit/int_common/find04.png") no-repeat top left;
		background-size: 57.5px auto;
	}
	#recruit #contents_wrap .article figure {
		position: absolute;
	}
	#recruit #contents_wrap .article .int_container {
		padding: 20px 0 60px;
		clear: both;
	}
	#recruit #contents_wrap .article .int_container h2 {
		font-size: 17px;
		letter-spacing: 0.1em;
		color: #49b40a;
		padding: 20px 0 0 70px;
		margin: 15px 0 25px;
		position: relative;
		clear: both;
	}
	#recruit #contents_wrap .article .int_container h2:before {
		content: "";
		display: block;
		background: #49b40a;
		width: 50px;
		height: 1px;
		position: absolute;
		top: 33px;
		left: 0px;
	}
	#recruit #contents_wrap .article .int_container h2:after {
		content: "";
		display: block;
		width: 49px;
		height: 49px;
		position: absolute;
		bottom: -70px;
		left: 0;
	}
	#recruit #contents_wrap .article .int_container p {
		font-size: 15px;
		letter-spacing: 0.15em;
		text-align: justify;
		margin-left: 75px;
		background: #eee;
		padding: 15px 20px;
		margin-bottom: 10px;
		border-radius: 10px;
		position: relative;
		float: left;
		clear: both;
	}
	#recruit #contents_wrap .article .int_container p:after {
		content: "";
		display: block;
		background: url("/images/recruit/int_common/bubble.png") no-repeat;
		background-size: 100% auto;
		width: 15.5px;
		height: 14px;
		position: absolute;
		top: 9px;
		left: -11px;
	}
	#recruit #contents_wrap #wrap01 h2:first-child + p {
		width: 600px;
	}
	#recruit #contents_wrap #wrap03 h2:first-child + p {
		width: 600px;
	}
	#recruit #contents_wrap #message {
		width: 1060px;
		margin: 40px auto 0;
		padding-top: 100px;
		background: url("/images/recruit/int_common/section_border.jpg") no-repeat;
		background-size: 100% auto;
	}
	#recruit #contents_wrap #message .message_figure {
		padding-top: 305px;
	}
	#recruit #contents_wrap #message .message_container {
		width: 980px;
		margin: 0 auto;
		padding: 50px 60px 0;
		background: #fff;
	}
	#recruit #contents_wrap #message .message_container h1 {
		width: 258.5px;
		margin: 0 auto 50px;
	}
	#recruit #contents_wrap #message .message_container p {
		font-size: 16px;
		letter-spacing: 0.15em;
		line-height: 26px;
		text-align: justify;
		font-feature-settings: "palt";
		-moz-font-feature-settings: "palt";
		-webkit-font-feature-settings: "palt";
	}
	#recruit #contents_wrap #message .message_container .back_link {
		text-align: center;
		padding-top: 50px;
	}
	#recruit #contents_wrap #message .message_container .back_link a:link {
		color: #ff9300;
		text-decoration: underline;
	}
	#recruit #contents_wrap #message .message_container .back_link a:visited {
		color: #ff9300;
		text-decoration: none;
	}
	#recruit #contents_wrap #message .message_container .back_link a:hover {
		color: #ff9300;
		text-decoration: none;
	}
	#recruit #contents_wrap #message .message_container .back_link a:active {
		color: #ff9300;
		text-decoration: none;
	}
	#recruit #contents_wrap #message .message_container .back_link a:before {
		content: url("/images/recruit/int_common/back_arrow.png");
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	/*  int01  */
	#recruit.int01 #contents_wrap .fv_cont {
		background: url("/images/recruit/int01/mv.jpg") no-repeat right;
	}
	#recruit.int01 #contents_wrap .fv_cont h1 {
		background: url("/images/recruit/int01/catch.png") no-repeat;
		background-size: 100% auto;
		width: 582.5px;
		height: 234px;
	}
	#recruit.int01 #contents_wrap #wrap01 figure {
		width: 297px;
		top: 15px;
		right: 30px;
	}
	#recruit.int01 #contents_wrap #wrap03 figure {
		width: 270.5px;
		top: -17px;
		right: 45px;
	}
	#recruit.int01 #contents_wrap .article .int_container h2:after {
		background: url("/images/recruit/int01/icon.jpg") no-repeat;
		background-size: 100% auto;
	}
	#recruit.int01 #contents_wrap #message .message_figure {
		background: url("/images/recruit/int01/message_figure.jpg") no-repeat;
		background-size: 100% auto;
	}
}

/*
	for SP

*****************************************************/
@media screen and (max-width: 640px) {
	#recruit #contents_wrap .white_wrap {
		padding: 0 0 12.5vw !important;
	}
	#recruit #contents_wrap .fv_cont {
		background: #fff url("/images/recruit/int_common/mv_sp_bg.jpg") no-repeat;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 3.125vw;
	}
	#recruit #contents_wrap .fv_cont .fv_inner {
		width: 94vw;
		height: 128vw;
		margin: 0 auto;
		padding: 2.4vw 0 0;
		position: relative;
	}
	#recruit #contents_wrap .fv_cont .prof {
		background: none;
		padding: 5vw 0 !important;
	}
	#recruit #contents_wrap .fv_cont .prof dt {
		font-size: 4vw;
		letter-spacing: 0.1em;
		font-weight: bold;
		border-left: 1.1vw #66d226 solid;
		padding-left: 4vw;
	}
	#recruit #contents_wrap .fv_cont .prof dt span {
		font-size: 3vw;
	}
	#recruit #contents_wrap .fv_cont .prof dd {
		font-size: 2.8vw;
		line-height: 4.8vw;
		border-left: 1.1vw #fff solid;
		padding-left: 4vw;
		text-align: justify;
	}
	#recruit #contents_wrap .article {
		width: 94vw;
		margin: 0 auto;
		padding: 7.5vw 0 0;
		position: relative;
		font-feature-settings: "palt";
		-moz-font-feature-settings: "palt";
		-webkit-font-feature-settings: "palt";
	}
	#recruit #contents_wrap .article h1 {
		font-size: 3.8vw;
		letter-spacing: 0.15em;
		line-height: 6vw;
		font-weight: bold;
		color: #49b40a;
		padding: 0 0 7.5vw 14.5vw;
		height: 10vw;
		display: table-cell;
		vertical-align: middle;
	}
	#recruit #contents_wrap .article#wrap01 h1 {
		background: url("/images/recruit/int_common/find01.png") no-repeat top left;
		background-size: 10.5vw auto;
	}
	#recruit #contents_wrap .article#wrap02 h1 {
		background: url("/images/recruit/int_common/find02.png") no-repeat top left;
		background-size: 10.6vw auto;
	}
	#recruit #contents_wrap .article#wrap03 h1 {
		background: url("/images/recruit/int_common/find03.png") no-repeat top left;
		background-size: 10.5vw auto;
	}
	#recruit #contents_wrap .article#wrap04 h1 {
		background: url("/images/recruit/int_common/find04.png") no-repeat top left;
		background-size: 11.5vw auto;
	}
	#recruit #contents_wrap .article figure {
		width: 88vw;
		margin: 0 auto 10vw;
	}
	#recruit #contents_wrap .article .int_container {
		padding: 0 0 0;
		clear: both;
	}
	#recruit #contents_wrap .article .int_container h2 {
		font-size: 3.4vw;
		line-height: 5vw;
		letter-spacing: 0.1em;
		color: #49b40a;
		padding: 2.5vw 0 0 11vw;
		margin: 0 0 4.5vw 3vw;
		position: relative;
		clear: both;
	}
	#recruit #contents_wrap .article .int_container h2:before {
		content: "";
		display: block;
		background: #49b40a;
		width: 9vw;
		height: 1px;
		position: absolute;
		top: 5vw;
		left: 0px;
	}
	#recruit #contents_wrap .article .int_container h2:after {
		content: "";
		display: block;
		width: 9.8vw;
		height: 9.8vw;
		position: absolute;
		bottom: -13vw;
		left: -3vw;
	}
	#recruit #contents_wrap .article .int_container p {
		font-size: 3.2vw;
		letter-spacing: 0.15em;
		text-align: justify;
		margin-left: 14vw;
		background: #eee;
		padding: 3vw 4vw;
		margin-bottom: 2.5vw;
		border-radius: 1vw;
		position: relative;
		float: left;
		clear: both;
	}
	#recruit #contents_wrap .article .int_container p:after {
		content: "";
		display: block;
		background: url("/images/recruit/int_common/bubble.png") no-repeat;
		background-size: 100% auto;
		width: 3.1vw;
		height: 2.8vw;
		position: absolute;
		top: 1.8vw;
		left: -2.6vw;
	}
	#recruit #contents_wrap #message {
		width: 100%;
		margin: 7.5vw auto 0;
		padding-top: 10vw;
		background: url("/images/recruit/int_common/section_border.jpg") no-repeat;
		background-size: 100% auto;
	}
	#recruit #contents_wrap #message .message_figure {
		padding-top: 40vw;
	}
	#recruit #contents_wrap #message .message_container {
		width: 94vw;
		margin: 0 auto;
		padding: 10vw 6vw 0;
		background: #fff;
	}
	#recruit #contents_wrap #message .message_container h1 {
		width: 51.7vw;
		margin: 0 auto 10vw;
	}
	#recruit #contents_wrap #message .message_container p {
		font-size: 3.2vw;
		letter-spacing: 0.15em;
		line-height: 5.2vw;
		text-align: justify;
		font-feature-settings: "palt";
		-moz-font-feature-settings: "palt";
		-webkit-font-feature-settings: "palt";
	}
	#recruit #contents_wrap #message .message_container .back_link {
		text-align: center;
		padding-top: 7vw;
	}
	#recruit #contents_wrap #message .message_container .back_link a:link {
		color: #ff9300;
		text-decoration: underline;
	}
	#recruit #contents_wrap #message .message_container .back_link a:visited {
		color: #ff9300;
		text-decoration: none;
	}
	#recruit #contents_wrap #message .message_container .back_link a:hover {
		color: #ff9300;
		text-decoration: none;
	}
	#recruit #contents_wrap #message .message_container .back_link a:active {
		color: #ff9300;
		text-decoration: none;
	}
	#recruit #contents_wrap #message .message_container .back_link a:before {
		content: url("/images/recruit/int_common/back_arrow.png");
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	/*  int01  */
	#recruit.int01 #contents_wrap .fv_cont .fv_inner {
		background: url("/images/recruit/int01/mv_sp.jpg") no-repeat;
		background-size: 100% auto;
	}
	#recruit.int01 #contents_wrap .fv_cont h1 {
		background: url("/images/recruit/int01/catch_sp.png") no-repeat;
		background-size: 100% auto;
		width: 87.6vw;
		height: 44.8vw;
	}
	#recruit.int01 #contents_wrap .article .int_container h2:after {
		background: url("/images/recruit/int01/icon.jpg") no-repeat;
		background-size: 100% auto;
	}
	#recruit.int01 #contents_wrap #message .message_figure {
		background: url("/images/recruit/int01/message_figure.jpg") no-repeat top
			center;
		background-size: 130% auto;
	}

	/*




	/*  int01

	*/
}