@charset "UTF-8";

@media (min-width: 769px) {
	#recruit {
		width: 100%;
		min-width: 980px;
	}
	
	#recruit > .btn {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#recruit > .box {
		width: 800px;
		margin-top: 35px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px 15px 15px 15px;
		border: 1px solid #cccccc;
	}
	
	#recruit > .box > ul > li {
		margin: 0 100px 0 0;
		display: inline-block;
		vertical-align: top;
	}
	
	#recruit > .box > ul > li:nth-child(4n) {
		margin: 0 0 0 0;
	}
	
	#recruit > .lead {
		margin-top: 50px;
	}
	
	#recruit > .jobcategory {
		width: 950px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#recruit > .jobcategory > .comprehensive {
		margin-top: 25px;
		border-top: 5px solid #ea6060;
	}
	
	#recruit > .jobcategory > .comprehensive > span {
		font-size: 18px;
		display: block;
		margin: 25px auto 25px auto;
		text-align: center;
	}
	
	#recruit > .jobcategory > .comprehensive > p {
		width: 400px;
		display: inline-block;
		vertical-align: top;
	}
	
	#recruit > .jobcategory > .comprehensive > div {
		width: 210px;
		margin: 0 0 0 40px;
		display: inline-block;
		vertical-align: top;
	}
	
	#recruit > .jobcategory > .comprehensive > div > a > img {
		/* width: 210px;
		height: 45px; */
		margin: 0 0 25px 0;
	}
	
	#recruit > .jobcategory > .comprehensive > div > .btnSmall {
		width: 195px;
	}
	
	#recruit > .jobcategory > .listCol3 {
		margin-top: 25px;
	}
	
	#recruit > .jobcategory > .listCol3 > li > p {
		height: 170px;
	}
	
	
	#recruit > .jobcategory > .listCol3 > .research {
		border-top: 5px solid #fac186;
	}
	
	#recruit > .jobcategory > .listCol3 > .ec {
		border-top: 5px solid #c6da87;
	}
	
	#recruit > .jobcategory > .listCol3 > .other {
		border-top: 5px solid #b68bb4;
	}
	
	#recruit > .member {
		width: 100%;
		padding: 35px 0 35px 0;
		background-size: cover;
	}
	
	#recruit > .member > ul {
		width: 950px;
		margin-top: 35px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#recruit > .member > ul > li {
		width: 315px;
		margin: 0 2px 2px 0;
		background: #f7f7f7;
		display: inline-block;
		vertical-align: top;
	}
	
	#recruit > .member > ul > li:nth-child(3n) {
		margin: 0 0 2px 0;
	}
	
	#recruit > .member > ul > li > a > img {
		width: 315px;
	}
	
	#recruit > .member > ul > li > .btnSmall {
		width: 315px;
	}
	
	#recruit > .member > ul > li > .btnSmall > a {
		font-size: 13px;
	}
	
	#recruit > .location {
		width: 100%;
		padding: 35px 0 35px 0;
	}
	
	#recruit > .location > ul {
		width: 950px;
		margin-top: 35px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#recruit > .location > ul > li {
		width: 315px;
		margin: 0 2px 2px 0;
		display: inline-block;
		vertical-align: top;
	}
	
	#recruit > .location > ul > li:nth-child(3n) {
		margin: 0 0 2px 0;
	}
	
	#recruit > .location > ul > li > img {
		width: 315px;
	}
	
	#recruit > .location > ul > li > p {
		width: 315px;
		height: 130px;
		color: #ffffff;
		padding: 15px 15px 15px 15px;
		background: #333333;
		border-top: 5px solid #ea6060;
	}
	
	#recruit > .location > ul > li > p > span {
		font-size: 18px;
		font-family: Century Gothic;
		text-align: center;
		margin-bottom: 5px;
		display: block;
	}
	
	#recruit > .location > ul > li > p > span.btnMiniW {
		text-align: left;
	}
	
	#recruit > .location > ul > li > p > span.btnMiniW > a {
		font-size: 13px;
		line-height: 1.0;
		font-family: Meiryo;
		color: #ffffff;
	}
	
	#recruit > .location > ul > li > p > span.btnMiniW > a:before {
		top: 7px;
	}
		
	#recruit > table {
		width: 950px;
		margin-left: auto;
		margin-right: auto;
		border-collapse: collapse;
	}
	
	#recruit > table th {
		width: 33%;
		text-align: left;
		padding: 15px 15px 15px 15px;
		background: #ebebeb;
		border: 1px solid #c8c8c8;
	}
	
	#recruit > table td {
		width: 66%;
		padding: 15px 15px 15px 15px;
		border: 1px solid #c8c8c8;
	}
	
	#recruit > table td > ul > li {}
	
	#recruit > table td > ul > li:before {
		content: "■";
		font-size: 15px;
		color: #cccccc;
	}
	
	#recruit > table td > ul > li > ul {
		padding: 0 0 0 35px;
	}
	
	#recruit > table td > ul > li > ul > li:before {
		content: "■";
		font-size: 11px;
		color: #cccccc;
	}
	
	#recruit > table td > ul > li > ol {
		padding: 0 0 0 60px;
	}
	
	#recruit > table td > ul > li > ol > li {
		
		list-style-type: decimal;
	}
	
	#recruit > table.requirements {
		margin-top: 25px;
		margin-bottom: 25px;
	}
}


@media (max-width:768px) and (min-width: 415px) {
	#recruit {
		width: 768px;
		min-width: 768px;
	}
	
	#recruit > .btn {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#recruit > .box {
		width: 738px;
		margin-top: 35px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px 15px 15px 15px;
		border: 1px solid #cccccc;
	}
	
	#recruit > .box > p > span {
		padding: 0 0 0 35px;
		display: block;
	}
	
	#recruit > .box > ul > li {
		margin: 0 80px 0 0;
		display: inline-block;
		vertical-align: top;
	}
	
	#recruit > .lead {
		margin-top: 35px;
	}
	
	#recruit > .jobcategory > .comprehensive {
		width: 738px;
		margin-top: 35px;
		margin-left: auto;
		margin-right: auto;
		border-top: 5px solid #ea6060;
	}
	
	#recruit > .jobcategory > .comprehensive > span {
		font-size: 18px;
		display: block;
		margin: 25px auto 25px auto;
		text-align: center;
	}
	
	#recruit > .jobcategory > .comprehensive > p {
		width: 708px;
		margin: 0 auto 0 auto;
	}
	
	#recruit > .jobcategory > .comprehensive > div {
		width: 210px;
		margin: 15px 0 0 100px;
		display: inline-block;
		vertical-align: top;
	}
	
	#recruit > .jobcategory > .comprehensive > div > a > img {
		/* width: 210px;
		height: 45px; */
		margin: 0 0 15px 0;
		display: block;
	}
	
	#recruit > .jobcategory > .comprehensive > div > .btnSmall {
		width: 195px;
		display: block;
	}
	
	#recruit > .jobcategory > .listCol3 {
		margin-top: 25px;
	}
	
	#recruit > .jobcategory > .listCol3 > li > p {
		height: 200px;
	}
	
	#recruit > .jobcategory > .listCol3 > .research {
		border-top: 5px solid #fac186;
	}
	
	#recruit > .jobcategory > .listCol3 > .ec {
		border-top: 5px solid #c6da87;
	}
	
	#recruit > .jobcategory > .listCol3 > .other {
		border-top: 5px solid #b68bb4;
	}
	
	#recruit > .member {
		width: 100%;
		padding: 35px 0 35px 0;
		background-size: cover;
	}
	
	#recruit > .member > ul {
		width: 738px;
		margin-top: 35px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#recruit > .member > ul > li {
		width: 244px;
		margin: 0 2px 2px 0;
		background: #f7f7f7;
		display: inline-block;
		vertical-align: top;
	}
	
	#recruit > .member > ul > li:nth-child(3n) {
		margin: 0 0 2px 0;
	}
	
	#recruit > .member > ul > li > a > img {
		width: 244px;
	}
	
	#recruit > .member > ul > li > .btnSmall {
		width: 244px;
	}
	
	#recruit > .member > ul > li > .btnSmall > a {
		font-size: 13px;
	}
	
	#recruit > .location {
		width: 100%;
		padding: 35px 0 35px 0;
	}
	
	#recruit > .location > ul {
		width: 738px;
		margin-top: 35px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#recruit > .location > ul > li {
		width: 244px;
		margin: 0 2px 2px 0;
		display: inline-block;
		vertical-align: top;
	}
	
	#recruit > .location > ul > li:nth-child(3n) {
		margin: 0 0 2px 0;
	}
	
	#recruit > .location > ul > li > img {
		width: 244px;
	}
	
	#recruit > .location > ul > li > p {
		width: 244px;
		height: 150px;
		color: #ffffff;
		padding: 15px 15px 15px 15px;
		background: #333333;
		border-top: 5px solid #ea6060;
	}
	
	#recruit > .location > ul > li > p > span {
		font-size: 18px;
		font-family: Century Gothic;
		text-align: center;
		margin-bottom: 5px;
		display: block;
	}
	
	#recruit > .location > ul > li > p > span.btnMiniW {
		text-align: left;
	}
	
	#recruit > .location > ul > li > p > span.btnMiniW > a {
		font-size: 13px;
		line-height: 1.0;
		font-family: Meiryo;
		color: #ffffff;
	}

	#recruit > .location > ul > li > p > span.btnMiniW > a:before {
		top: 7px;
	}
	
	#recruit > table {
		width: 738px;
		margin-left: auto;
		margin-right: auto;
		border-collapse: collapse;
	}
	
	#recruit > table th {
		width: 33%;
		text-align: left;
		padding: 15px 15px 15px 15px;
		background: #ebebeb;
		border: 1px solid #c8c8c8;
	}
	
	#recruit > table td {
		width: 66%;
		padding: 15px 15px 15px 15px;
		border: 1px solid #c8c8c8;
	}
	
	#recruit > table td > ul > li {}
	
	#recruit > table td > ul > li:before {
		content: "笆?";
		font-size: 15px;
		color: #cccccc;
	}
	
	#recruit > table td > ul > li > ul {
		padding: 0 0 0 35px;
	}
	
	#recruit > table td > ul > li > ul > li:before {
		content: "笆?";
		font-size: 11px;
		color: #cccccc;
	}
	
	#recruit > table td > ul > li > ol {
		padding: 0 0 0 60px;
	}
	
	#recruit > table td > ul > li > ol > li {
		
		list-style-type: decimal;
	}
	
	#recruit > table.requirements {
		margin-top: 25px;
		margin-bottom: 25px;
	}
}

@media (max-width: 414px) {
	#recruit {
		width: 100%;
		min-width: 320px;
	}
	
	#recruit > .btn {
		width: 290px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#recruit > .box {
		width: 290px;
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px 15px 15px 15px;
		border: 1px solid #cccccc;
	}
	
	#recruit > .box > p > span {
		padding: 0 0 0 35px;
		display: block;
	}
	
	#recruit > .box > ul > li {
		margin: 0 25px 0 0;
		display: inline-block;
		vertical-align: top;
	}
	
	#recruit > .lead {
		margin-top: 25px;
	}
	
	#recruit > .jobcategory {
		width: 290px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#recruit > .jobcategory > .comprehensive {
		margin-top: 25px;
		border-top: 5px solid #ea6060;
	}
	
	#recruit > .jobcategory > .comprehensive > span {
		font-size: 18px;
		display: block;
		margin: 25px auto 25px auto;
		text-align: center;
	}
	
	#recruit > .jobcategory > .comprehensive > p {
		width: 290px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#recruit > .jobcategory > .comprehensive > div {
		width: 290px;
		margin: 0 auto 25px auto;
	}
	
	#recruit > .jobcategory > .comprehensive > div > a > img {
		/* width: 210px;
		height: 45px; */
		margin: 0 auto 10px auto;
		display: block;
	}
	
	#recruit > .jobcategory > .comprehensive > div > .btnSmall {
		width: 195px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	#recruit > .jobcategory > .listCol3 {
		margin-top: 25px;
	}
	
	#recruit > .jobcategory > .listCol3 > .research {
		border-top: 5px solid #fac186;
	}
	
	#recruit > .jobcategory > .listCol3 > .ec {
		border-top: 5px solid #c6da87;
	}
	
	#recruit > .jobcategory > .listCol3 > .other {
		border-top: 5px solid #b68bb4;
	}
	
	#recruit > .member {
		width: 100%;
		padding: 35px 0 35px 0;
		background-size: cover;
	}
	
	#recruit > .member > ul {
		width: 290px;
		margin-top: 35px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#recruit > .member > ul > li {
		width: 290px;
		margin: 0 2px 2px 0;
		background: #f7f7f7;
		display: inline-block;
		vertical-align: top;
	}
	
	#recruit > .member > ul > li:nth-child(4n) {
		margin: 0 0 2px 0;
	}
	
	#recruit > .member > ul > li > a > img {
		width: 290px;
	}
	
	#recruit > .member > ul > li > .btnSmall {
		width: 290px;
	}
	
	#recruit > .member > ul > li > .btnSmall > a {
		font-size: 13px;
	}
	
	#recruit > .location {
		width: 100%;
		padding: 35px 0 35px 0;
	}
	
	#recruit > .location > ul {
		width: 290px;
		margin-top: 35px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#recruit > .location > ul > li {
		width: 290px;
		margin: 0 2px 2px 0;
		display: inline-block;
		vertical-align: top;
	}
	
	#recruit > .location > ul > li:nth-child(3n) {
		margin: 0 0 2px 0;
	}
	
	#recruit > .location > ul > li > img {
		width: 290px;
	}
	
	#recruit > .location > ul > li > p {
		width: 290px;
		color: #ffffff;
		padding: 15px 15px 15px 15px;
		background: #333333;
		border-top: 5px solid #ea6060;
	}
	
	#recruit > .location > ul > li > p > span {
		font-size: 18px;
		font-family: Century Gothic;
		text-align: center;
		margin-bottom: 5px;
		display: block;
	}
	
	#recruit > .location > ul > li > p > span.btnMiniW {
		text-align: left;
	}
	
	#recruit > .location > ul > li > p > span.btnMiniW > a {
		font-size: 13px;
		line-height: 1.0;
		font-family: Meiryo;
		color: #ffffff;
	}
	
	#recruit > .location > ul > li > p > span.btnMiniW > a:before {
		top: 7px;
	}
	
	#recruit > table {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 1px solid #c8c8c8;
		border-collapse: collapse;
	}
	
	#recruit > table th {
		text-align: left;
		padding: 10px 15px 10px 15px;
		background: #ebebeb;
		border: 1px solid #c8c8c8;
		display: block;
	}
	
	#recruit > table td {
		padding: 15px 15px 15px 15px;
		display: block;
	}
	
	#recruit > table td > ul > li {}
	
	#recruit > table td > ul > li:before {
		content: "笆?";
		font-size: 15px;
		color: #cccccc;
	}
	
	#recruit > table td > ul > li > ul {
		padding: 0 0 0 35px;
	}
	
	#recruit > table td > ul > li > ul > li:before {
		content: "笆?";
		font-size: 11px;
		color: #cccccc;
	}
	
	#recruit > table td > ul > li > ol {
		padding: 0 0 0 60px;
	}
	
	#recruit > table td > ul > li > ol > li {
		
		list-style-type: decimal;
	}
	
	#recruit > table.requirements {
		margin-top: 25px;
		margin-bottom: 25px;
	}
}