/* CSS Document */


@media screen and (max-width:559px){
	body {
		background-color: #dce2f5;
	}

	#background_logo {
		width: 70%;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		z-index: -99;
	}

	#recruit_hiring {
		padding-top: 125px;
		padding-left: 10%;
		padding-bottom: 120px;
		height: 550px;
	}

	#content_linkbar_recruit {
		display: none;
	}

	#content_linkbar_application {
		display: none;
	}

	#content_linkbar_appointment {
		display: none;
	}

	#title_application_requiments, #title_recruit, #title_appointment {
		font-size: 1em;
	}

	#recruit_feature {
	}

	#recruit_hiring_description {
		font-size: 0.8em;
		width: 85%;
		padding-left: 5%;
		padding-top: 1em;
	}

	#recruit_feature ul {
		font-size: 0.8em;
		list-style: none;
	}

	#recruit_feature .recruit_feature_list {
		padding-left: 15%;
		position:relative;
		width: 75%;
	}

	#recruit_feature li {
		font-size: 1.0em;
	}

	#recruit_feature .recruit_feature_point:after, #recruit_feature .recruit_feature_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	#recruit_feature .recruit_feature_point:before {
		width: 11px;
		height: 11px;
		background:linear-gradient(to top right, #5722eb, #c4d2f5);
		margin-top:6px;
		margin-left:-25px;
		z-index: -1;
	}

	.recruit_feature_point_list {
		padding: 0;
		margin: 0;
	}

	.recruit_feature_point_description {
		font-size: 0.9em;
	}

	.recruit_feature_initial {
		font-weight: 700;
		color:#5722eb;
		font-size: 1.1em;
	}

	#recruit_application_requiments {
		padding-top: 125px;
		padding-left: 10%;
		padding-bottom: 120px;
		height: 80%;
	}

	#application_requiments {
		padding-left: 5%;
		position: relative;
	}

	#application_requiments dl {
		width: 90% ;
	}

	#application_requiments dt,
	#application_requiments dd {
		padding-top:10px;
	}

	#application_requiments dt {
		clear: right;
		color: #541eeb;
		font-size: 0.8em;
		font-weight: 700;
		margin-right: 0.5em ;
	}

	#application_requiments dd {
		margin-left: 0px;
		font-size: 0.7em;

		padding-bottom:10px;
		border-bottom: 1px solid #ccc;
	}

	#application_requiments dd:last-child {
		border-bottom: none;
	}

	#application_requiments ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#application_requiments li {
		padding: 0;
		margin: 0;
		font-size: 0.7em;
		position: relative;
	}

	#recruit_appointment_contents {
		padding-top: 125px;
		padding-left: 10%;
		padding-bottom: 120px;
		height: 550px;
	}

	#recruit_appointment ul {
		list-style: none;
	}

	#recruit_appointment .recruit_appointment_list {
		list-style: none;
		padding-left: 15%;
		width: 80%;
		position:relative;
	}

	#recruit_appointment li {
		margin-bottom: 1em;
		font-size: 0.8em;
	}

	#recruit_appointment .recruit_appointment_point:after, #recruit_appointment .recruit_appointment_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	#recruit_appointment .recruit_appointment_point:before {
		width: 11px;
		height: 11px;
		background:linear-gradient(to top right, #5722eb, #c4d2f5);
		margin-top:6px;
		margin-left:-25px;
		z-index: -1;
	}
}
@media screen and (min-width:560px){
	body {
		background-color: #dce2f5;
	}

	#background_logo {
		width: 378px;
		height: 359px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		z-index: -99;
	}

	#recruit_hiring {
		padding-top: 125px;
		padding-left: 23%;
		padding-bottom: 120px;
		height: 550px;
	}

	#content_link_recruit,
	#content_link_application,
	#content_link_appointment {
		font-size: 12px;
	}

	#content_linkbar_recruit {
		display: none;
		position: absolute;
		width: 60px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_application {
		display: none;
		position: absolute;
		width: 60px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_appointment {
		display: none;
		position: absolute;
		width: 60px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#title_application_requiments, #title_recruit, #title_appointment {
		font-size: 1.2em;
	}

	#recruit_feature {
	}

	#recruit_hiring_description {
		font-size: 0.9em;
		width: 85%;
		padding-left: 5%;
		padding-top: 1em;
	}

	#recruit_feature ul {
		font-size: 0.9em;
		list-style: none;
	}

	#recruit_feature .recruit_feature_list {
		padding-left: 15%;
		position:relative;
		width: 70%;
	}

	#recruit_feature li {
		font-size: 0.9em;
		margin-bottom: 30px;
	}

	#recruit_feature .recruit_feature_point:after, #recruit_feature .recruit_feature_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	#recruit_feature .recruit_feature_point:before {
		width: 12px;
		height: 12px;
		background:linear-gradient(to top right, #5722eb, #c4d2f5);
		margin-top:7px;
		margin-left:-25px;
		z-index: -1;
	}

	.recruit_feature_point_list {
		padding: 0;
		margin: 0;
	}

	.recruit_feature_point_description {
		font-size: 0.9em;
	}

	.recruit_feature_initial {
		font-weight: 700;
		color:#5722eb;
	}

	#recruit_application_requiments {
		padding-top: 125px;
		padding-left: 25%;
		padding-bottom: 120px;
		height: 100%;
	}

	#application_requiments {
		padding-left: 5%;
		font-size: 1em;
		width: 85%;
		position: relative;
	}

	#application_requiments dl {
		width: 100%;
	}

	#application_requiments dt,
	#application_requiments dd {
		padding-top:10px;
	}

	#application_requiments dt {
		clear: right;
		color: #541eeb;
		font-size: 0.9em;
		font-weight: 700;
		margin-right: 0.5em ;
	}

	#application_requiments dd {
		margin-left: 0px;
		font-size: 0.8em;

		padding-bottom:10px;
		border-bottom: 1px solid #ccc;
	}

	#application_requiments dd:last-child {
		border-bottom: none;
	}

	#application_requiments ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#application_requiments li {
		padding: 0;
		margin: 0;
		font-size: 0.8em;
		position: relative;
	}

	#recruit_appointment_contents {
		padding-top: 125px;
		padding-left: 23%;
		padding-bottom: 120px;
		height: 550px;
	}

	#recruit_appointment ul {
		list-style: none;
	}

	#recruit_appointment .recruit_appointment_list {
		list-style: none;
		padding-left: 12%;
		width: 80%;
		position:relative;
	}

	#recruit_appointment li {
		margin-bottom: 1.2em;
		font-size: 0.9em;
	}

	#recruit_appointment .recruit_appointment_point:after, #recruit_appointment .recruit_appointment_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	#recruit_appointment .recruit_appointment_point:before {
		width: 12px;
		height: 12px;
		background:linear-gradient(to top right, #5722eb, #c4d2f5);
		margin-top:6px;
		margin-left:-25px;
		z-index: -1;
	}
}
@media screen and (min-width:960px){
	body {
		background-color: #dce2f5;
	}

	#background_logo {
		width: 378px;
		height: 359px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		z-index: -99;
	}

	/* �̗p */
	#recruit_hiring {
		padding-top: 125px;
		padding-left: 25%;
		padding-bottom: 120px;
		height: 550px;
	}

	#content_linkbar_recruit {
		display: none;
		position: absolute;
		width: 70px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_application {
		display: none;
		position: absolute;
		width: 70px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_appointment {
		display: none;
		position: absolute;
		width: 70px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#title_application_requiments, #title_recruit, #title_appointment {
		font-size: 30px;
	}

	#recruit_feature {
	}

	#recruit_hiring_description {
		font-size: 1.0em;
		width: 85%;
		padding-left: 5%;
		padding-top: 1em;
	}

	#recruit_feature ul {
		font-size: 1.0em;
		list-style: none;
	}

	#recruit_feature .recruit_feature_list {
		padding-left: 15%;
		position:relative;
		width: 100%;
	}

	#recruit_feature li {
		font-size: 0.9em;
		margin-bottom: 30px;
	}

	#recruit_feature .recruit_feature_point:after, #recruit_feature .recruit_feature_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	#recruit_feature .recruit_feature_point:before {
		width: 16px;
		height: 16px;
		background:linear-gradient(to top right, #5722eb, #c4d2f5);
		margin-top:6px;
		margin-left:-25px;
		z-index: -1;
	}

	.recruit_feature_point_list {
		padding: 0;
		margin: 0;
	}

	.recruit_feature_point_description {
		font-size: 12px;
	}

	.recruit_feature_initial {
		font-weight: 700;
		color:#5722eb;
	}

	#recruit_application_requiments {
		padding-top: 125px;
		padding-left: 25%;
		padding-bottom: 120px;
		height: 100%;
	}

	#application_requiments {
		padding-left: 5%;
		font-size: 1em;
		width: 85%;
		position: relative;
	}

	#application_requiments dl {
		width: 100%;
	}

	#application_requiments dt,
	#application_requiments dd {
		padding-top:10px;
	}

	#application_requiments dt {
		float: left;
		clear: right;
		color: #541eeb;
		font-size: 0.9em;
		font-weight: 700;
		margin-right: 0.5em ;
		width: 160px ;
	}

	#application_requiments dd {
		margin-left: 0px;
		font-size: 0.9em;

		padding-left:170px;
		padding-bottom:10px;
		border-bottom: 1px solid #ccc;
	}

	#application_requiments dd:last-child {
		border-bottom: none;
	}

	#application_requiments ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#application_requiments li {
		padding: 0;
		margin: 0;
		font-size: 0.8em;
		position: relative;
	}

	#recruit_appointment_contents {
		padding-top: 125px;
		padding-left: 25%;
		padding-bottom: 200px;
		height: 550px;
	}

	#recruit_appointment ul {
		list-style: none;
	}

	#recruit_appointment .recruit_appointment_list {
		list-style: none;
		padding-left: 12%;
		width: 80%;
		position:relative;
	}

	#recruit_appointment li {
		margin-bottom: 1.5em;
		font-size: 1.0em;
	}

	#recruit_appointment .recruit_appointment_point:after, #recruit_appointment .recruit_appointment_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	#recruit_appointment .recruit_appointment_point:before {
		width: 16px;
		height: 16px;
		background:linear-gradient(to top right, #5722eb, #c4d2f5);
		margin-top:6px;
		margin-left:-25px;
		z-index: -1;
	}
}