@charset "utf-8";

.index #a01 {
	margin-top: -110px;
	padding-top: 110px;
}
@media only screen and (max-width: 1120px) {
	.index #a01 {
		margin-top: -70px;
		padding-top: 70px;
	}
}

.index .box1 p,
.index .box2 p,
.index .characteristicBox1 p,
.index .characteristicBox2 p {margin-bottom: 15px;}
.index .box2 { margin-bottom: 50px; }
.index .txt1 {
	margin: 20px 0;
	font-size: 1.12em;
	font-weight: 600;
	color: rgba(255,121,0,1);
	text-align: center;
}
.index .overseas {
	margin-bottom: 50px;
	padding: 30px 20px;
	background: rgba(0,86,150,0.1);
	box-shadow: 3px 3px 0 rgba(0,0,0,0.3);
}
.index .overseas h3,
.index .characteristicBox1 h3,
.index .characteristicBox2 h3 {
	text-align: center;
	font-size: 1.25em;
	font-weight: 600;
	margin-bottom: 30px;
}
.index .flag {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px 0 15px;
}
.index .flag li {
	width: 18%;
	margin-bottom: 15px;
	text-align: center;
}
.index .flag li a:hover {text-decoration: none;}
.index .flag li img {border: 1px solid #ccc;}
.index .flag li a:hover img {opacity: 0.8;}
.index .flag li p {
	font-size: 0.88em;
	margin-top: 5px;
}
.index .photo {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 0 10px;
}
.index .photo li {width: 48%;}
.index .characteristic {margin-bottom: 30px;}
.index .characteristic li {
	margin-bottom: 10px;
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.index .characteristic li .fa-check-circle {
	margin-right: 0.5em;
	color: rgba(255,121,0,1);
}
.index .characteristicBox1,
.index .characteristicBox2,
.index .merit1,
.index .merit2 {
	margin-bottom: 30px;
	padding: 30px 20px;
	background: rgba(0,86,150,0.1);
	box-shadow: 3px 3px 0 rgba(0,0,0,0.3);
}
.index .characteristicBox2,
.index .merit2 {margin-bottom: 50px;}
.index .merit1 {margin-bottom: 15px;}
.index .linkBtn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.index .linkBtn li {
	width: 48%;
	box-shadow: 3px 3px 0 rgba(0,0,0,0.3);
}
.index .linkBtn li a {
	display: block;
	padding: 10px;
	padding-left: 2.5em;
	text-indent: -1.5em;
	color: #fff;
	background-image: url(../../img/arrow2.svg);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 16px auto;
	background-color: rgba(0,86,150,1);
}
.index .linkBtn li a .fa-file-pdf,
.index .linkBtn li a .fa-external-link-square-alt {margin-right: 0.5em;}
.index .linkBtn li a:hover {
	text-decoration: none;
	background-color: rgba(0,86,150,0.8);
}
.index .prerequisite {
	margin-bottom: 30px;
	padding: 15px;
	background: #f6f6f6;
}
.index .prerequisite ul {
	margin-left: 2em;
	list-style: disc;
}
.index .prerequisite ul li {
	margin-bottom: 5px;
	line-height: 1.6;
}
.index .numP {
	max-width: 640px;
	margin: 20px 0 10px;
}
.index .numP table {width: 100%;}
.index .numP th,
.index .numP td {
	border: 1px solid #ccc;
	padding: 10px;
	text-align: center;
}
.index .numP th {
	background-color: rgba(0,86,150,1);
	color: #fff;
}
.index .numP td {background-color: rgba(0,86,150,0.1);}
.index .merit1 h3,
.index .merit2 h3 {
	font-size: 1.12em;
	font-weight: 600;
	margin-bottom: 15px;
}
.index .jobCatBox {
	margin-bottom: 30px;
	padding: 15px;
	background-color: rgba(0,86,150,0.1);
}
.index .jobCatTTL {
	margin-bottom: 10px;
	padding-left: 1.5em;
	color: rgba(0,86,150,1);
	text-indent: -1.5em;
}
.index .jobCatTTL .fa-clipboard {
	margin-right: 0.5em;
	color: rgba(255,121,0,1);
}
.index .overseasLink,
.index .jobCatLink {
	max-width: 400px;
	margin: 0 auto;
	box-shadow: 3px 3px 0 rgba(0,0,0,0.3);
}
.index .overseasLink {margin-bottom: 30px;}
.index .overseasLink a,
.index .jobCatLink a {
	display: block;
	padding: 10px;
	color: #fff;
	background-image: url(../../img/arrow2.svg);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 16px auto;
	background-color: rgba(0,86,150,1);
}
.index .overseasLink a:hover,
.index .jobCatLink a:hover {
	text-decoration: none;
	background-color: rgba(0,86,150,0.8);
}
@media only screen and (max-width: 768px) {
	.index .linkBtn {justify-content: center;}
	.index .linkBtn li {
		width: 100%;
		max-width: 560px;
		margin-bottom: 10px;
	}
	.index .linkBtn li a {padding-right: 30px;}
}
@media only screen and (max-width: 640px) {
	.index .flag li p {font-size: 0.75em;}
}
@media only screen and (max-width: 480px) {
	.index .flag {justify-content: center;}
	.index .flag li {
		width: 31%;
		margin-right: 3.5%;
	}
	.index .flag li:nth-child(3n) {margin-right: 0;}
}

.flow .box {
	position: relative;
	margin-bottom: 80px;
	padding: 30px 20px;
	background: rgba(0,86,150,0.1);
	box-shadow: 3px 3px 0 rgba(0,0,0,0.3);
}
.flow .box2 {
	padding: 30px 20px;
	background: rgba(0,86,150,0.1);
	box-shadow: 3px 3px 0 rgba(0,0,0,0.3);
}
.flow .box:after {
	content: "";
    position: absolute;
	height: 0;
    width: 0;
    border: 30px solid transparent;
    border-top-color: rgba(0,86,150,1);
    top: 105%;
    left: 50%;
    margin-left: -30px;
}
.flow .box h2,
.flow .box2 h2 {
	text-align: center;
	font-size: 1.375em;
	font-weight: 600;
	color: rgba(0,86,150,1);
	margin-bottom: 20px;
}
.flow .box p,
.flow .box2 p {
	line-height: 1.8;
	margin-bottom: 15px;
}
.flow .photo {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}
.flow .photo li {width: 48%;}
@media only screen and (max-width: 640px) {
	.flow .box {margin-bottom: 70px;}
}
@media only screen and (max-width: 480px) {
	.flow .box {padding: 25px 15px;}
	.flow .box h2,
	.flow .box2 h2 {font-size: 1.25em;}
}

.jobCat h2 {
	text-align: center;
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 30px;
}
.jobCat ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.jobCat ul li {width: 49%;}
.jobCat h3 {
	margin-bottom: 10px;
	padding-left: 1.5em;
	color: rgba(0,86,150,1);
	text-indent: -1.5em;
}
.jobCat .fa-clipboard {
	margin-right: 0.5em;
	color: rgba(255,121,0,1);
}
.jobCat table {
	width: 100%;
	margin-bottom: 30px;
}
.jobCat table th,
.jobCat table td {
	border: 1px solid #ccc;
	padding: 6px 4px;
}
.jobCat table th {
	text-align: center;
	background: rgba(0,86,150,0.1);
}
.jobCat table td {width: 50%;}
@media only screen and (max-width: 768px) {
	.jobCat ul li {width: 100%;}
}
@media only screen and (max-width: 640px) {
	.jobCat table th,
	.jobCat table td {font-size: 0.88em;}
}