@charset "utf-8";
@media screen and (min-width:781px) {
	.pc-nav {
		width: 100px;
		line-height: 0;
	}
	
	.mobile-nav {
		display: none;
	}
	
	.mobile-head {
		display: none;
	}
	
	.history_top_img {
		width: 835px;
		background: url("../../img/recruit.png") no-repeat top right;
	}
	
	.gaiyou_list {
		width: 770px;
		margin: 30px 0 0 0;
		font-size: 12px;
		line-height: 120%;
	}
	.list_1 {
		display: flex;
	}
	
	.list_1 li {
		width: 385px;
		height: 340px;
		box-sizing: border-box;
		padding: 0 5px 0 0;
	}
	.list_1 img {
		display: none;
	}
	
	.list_1 li:first-child {
		background: url("../../img/gaiyou_list.png") no-repeat top left;
		background-size: 370px 327px ;
	}
	
	.list_1 li:last-child {
		background: url( "../../img/taigu_list.png") no-repeat top right;
		background-size: 370px 327px ;
	}
	
	.ryou {
		width: 650px;
		margin: 60px 0 0 60px;
	}
	
	.ryou ul {
		display: flex;
		width: 650px;
	}
	
	.ryou li:first-child {
		display: block;
		width: 290px;
	}
	.ryou li:last-child {
		width: 360px;
		line-height: 0;
		text-align: left;
	}
	
	.naisou {
		width: 650px;
		margin: 50px 0 0 60px;
	}
	
	.oubo {
		width: 650px;
		margin: 50px 0 0 60px;
		line-height: 24px;
	}
	.oubo li:nth-child(even) {
		text-indent: 9px;
	}
	.oubo li:nth-child(2) {
		margin-bottom: 10px;
	}
	
	#mform {
		width: 650px;
		margin: 50px 0 0 0;
		box-sizing: border-box;
		padding: 30px 20px 20px 20px;
		background: #A3A4A4;
		border-radius: 8px;
		background-size: 250px 56px;
	}
	
	#mform ul {
		
	}
	
	#mform li:nth-child(odd) {
		font-size: 16px;
		padding: 0 0 0 10px;
		margin-bottom: 5px
	}
	
	#mform li input  {
		display: block !important;
		width: 100% !important;
		font-size: 18px !important;
		line-height: 24px !important;
		margin-bottom: 15px !important;
		box-sizing: border-box !important;
		padding-right: 20px !important;
	}
	
	#mform li textarea  {
		display: block !important;
		width: 100% !important;
		font-size: 18px !important;
		line-height: 24px !important;
		margin-bottom: 15px !important;
		box-sizing: border-box !important;
		padding-right: 20px !important;
	}
	
	#mform li:last-child {
		display: flex;
	}
	
	#mform li:last-child input {
		width: 50% !important;
		box-sizing: border-box !important;
		margin: 0 30px !important;
		
	}
	
	#mform_2 {
		width: 650px;
		margin: 50px 0 0 0;
		box-sizing: border-box;
		padding: 40px 20px 20px 20px;
		background: #A3A4A4;
		border-radius: 8px;
		background-size: 250px 56px;
	}
	
	#mform_2 ul {
		display: flex;
		flex-wrap:  wrap;
	}
	
	#mform_2 li:nth-child(odd) {
		width: 25%;
		margin-top: 5px;
	}
	
	#mform_2 li:nth-child(even) {
		width: 75%;
		margin-top: 5px;
	}
	
	#mform_2 li:nth-child(11) {
		width: 100%;
		margin-top: 15px;
	}
	
	#mform_2 li:nth-child(12) {
		display: flex;
		width: 100%;
		margin-top: 15px;
	}
	
	#mform_2 li:nth-child(12) input {
		width: 50% !important;
		box-sizing: border-box !important;
		margin: 0 30px !important;
	}
	
	#mform_3 {
		width: 650px;
		margin: 50px 0 0 0;
		box-sizing: border-box;
		padding: 40px 30px 40px 30px;
		border-radius: 8px;
		background-size: 250px 56px;
	}
	
}
@media screen and (max-width:780px) {
	.pc-nav {
		display: none;
	}
	
	.mobile-nav {
	}
	
	.mobile-head {
		width: 100%;
		line-height: 0;
	}
	.mobile-head img {
		width: 100%;
		height: auto;
	}
	
	.history_top_img {
		width: 100%;
		background: url("../../img/recruit_m.png") no-repeat top center;
		background-size: 760px 39px;
		padding: 60px 0 0 0;
	}
	
	.history_top_img img {
		width: 100%;
		height: auto;
	}
	
	.gaiyou_list {
		width: 100%;
		font-size: 12px;
		line-height: 120%;
	}
	
	.list_1 li {
		margin-top: 6%;
	}
	
	.list_1 img {
		width: 100%;
		height: auto;
	}
	
	.ryou {
		margin: 6% 0 0 0;
	}
	
	.ryou ul {
		display: flex;
	}
	
	.ryou li:first-child {
		width: 44.4%;
	}
	.ryou li:last-child {
		width: 55.6%;
		text-align: right;
	}
	.ryou img {
		max-width: 360px;
		width: 100%;
		height: auto;
	}
	
	.naisou {
		width: 100%;
		margin: 6% 0 0 0;
	}
	
	.naisou img {
		width: 100%;
		height: auto;
	}
	
	.oubo {
		width: 100%;
		margin: 6% 0 0 0;
		line-height: 24px;
	}
	.oubo li:nth-child(even) {
		text-indent: 9px;
	}
	.oubo li:nth-child(2) {
		margin-bottom: 10px;
	}
	
	#mform {
		width: 100%;
		margin: 6% 0 0 0;
		box-sizing: border-box;
		padding: 30px 20px 30px 20px;
		background: #A3A4A4;
		border-radius: 8px;
		background-size: 250px 56px;
	}
	
	#mform ul {
		
	}
	
	#mform li:nth-child(odd) {
		font-size: 16px;
		padding: 0 0 0 10px;
		margin-bottom: 5px
	}
	
	#mform li input  {
		display: block !important;
		width: 100% !important;
		font-size: 24px !important;
		line-height: 32px !important;
		margin-bottom: 15px !important;
		box-sizing: border-box !important;
		padding-right: 20px !important;
	}
	
	#mform li textarea  {
		display: block !important;
		width: 100% !important;
		font-size: 24px !important;
		line-height: 32px !important;
		margin-bottom: 15px !important;
		box-sizing: border-box !important;
		padding-right: 20px !important;
	}
	
	#mform li:last-child {
		display: flex;
	}
	
	#mform li:last-child input[type="submit"]  {
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	#mform li:last-child input[type="reset"]  {
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	#mform li:last-child input {
		width: 45% !important;
		box-sizing: border-box !important;
		padding: 20px 10px !important;
		margin: 20px 5% 0 5% !important;
		font-size: 18px !important;
		background: #fff !important;
	}
	
	#mform_2 {
		width: 100%;
		margin: 6% 0 0 0;
		box-sizing: border-box;
		padding: 30px 20px 30px 20px;
		background: #A3A4A4;
		border-radius: 8px;
		background-size: 250px 56px;
	}
	
	#mform_2 ul {
	}
	
	#mform_2 li:nth-child(odd) {
		width: 100%;
		margin-top: 5px;
		
	}
	
	#mform_2 li:nth-child(even) {
		width: 100%;
		margin-top: 5px;
		border-bottom: solid 1px #222;
	}
	
	#mform_2 li:nth-child(11) {
		width: 100%;
		margin-top: 15px;
		line-height: 120%;
	}
	
	#mform_2 li:nth-child(12) {
		display: flex !important;
		width: 100% !important;
		margin-top: 15px !important;
		border-bottom: 0 !important;
	}
	
	#mform li:last-child input[type="submit"]  {
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	#mform li:last-child input[type="button"]  {
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	#mform_2 li:nth-child(12) input {
		width: 45% !important;
		box-sizing: border-box !important;
		padding: 20px 10px !important;
		margin: 20px 5% 0 5% !important;
		font-size: 18px !important;
		background: #fff !important;
	}
	
	#mform_3 {
		width: 94%;
		margin: 6% 0 0 0;
		box-sizing: border-box;
		padding: 20px 3% 40px 3%;
		border-radius: 8px;
		background-size: 250px 56px;
	}
	

}