@charset "UTF-8";



	
/* message
------------------------------ */
#message .text {
	width: 50%;
	padding-top: 50px;
	padding-bottom: 240px;
	order: 2;
}

#message .pht {
	width: 42%;
	border-radius: 15px;
	overflow: hidden;
	order: 1;
}
	#message .pht img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
@media screen and (max-width: 1024px) {
	#message .text {
		padding-top: 5vw;
		padding-bottom: 24vw;
	}

	#message .pht {
		border-radius: 1.5vw;
	}
}
@media screen and (max-width: 767px) {
	#message .inner {
		display: block;
	}
		#message .text {
			width: 100%;
			padding-top: 10vw;
			padding-bottom: 8vw;
		}

		#message .pht {
			width: 100%;
			border-radius: 3vw;
		}
}



	
/* job
------------------------------ */
#job {
	margin-top: -150px;
	background: #F3F9FC url("../img/job_bg.svg") no-repeat top 60px center / 100%;
}
	#job .list {
		margin-top: 45px;
	}
		#job .list a.linkbox {
			display: flex;
			justify-content: space-between;
			align-items: center;
			background: #fff;
			border-radius: 15px;
			padding: 50px 60px;
			margin-bottom: 40px;
		}
		#job .list a.linkbox:nth-last-child(1) {
			margin-bottom: 0;
		}
			#job .list a.linkbox .text {
				width: -webkit-calc(100% - 180px);
				width: calc(100% - 180px);
			}
				#job .list a.linkbox .text .head {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					margin-bottom: 20px;
				}
					#job .list a.linkbox .text .head h3 {
						font-size: 2.6rem;
						font-weight: 700;
						line-height: 1.3em;
						margin-right: 25px;
					}

					#job .list a.linkbox .text .head ul.tag li {
						display: inline-block;
						height: 30px;
						background: #F3F9FC;
						padding: 0 14px;
						border-radius: 15px;
						margin-right: 8px;
						font-size: 1.4rem;
						font-weight: 500;
						line-height: 30px;
					}
@media screen and (max-width: 1024px) {
	#job {
		margin-top: -15vw;
		background: #F3F9FC url("../img/job_bg.svg") no-repeat top 6vw center / 100%;
	}
		#job .list {
			margin-top: 4.5vw;
		}
			#job .list a.linkbox {
				border-radius: 1.5vw;
				padding: 5vw 6vw;
				margin-bottom: 4vw;
			}
				#job .list a.linkbox .text {
					width: -webkit-calc(100% - 18vw);
					width: calc(100% - 18vw);
				}
					#job .list a.linkbox .text .head {
						margin-bottom: 2vw;
					}
						#job .list a.linkbox .text .head h3 {
							font-size: 2.6vw;
							margin-right: 2.5vw;
						}

						#job .list a.linkbox .text .head ul.tag li {
							height: 3vw;
							padding: 0 1.4vw;
							border-radius: 1.5vw;
							margin-right: 0.8vw;
							font-size: 1.4vw;
							line-height: 3vw;
						}
}
@media screen and (max-width: 767px) {
	#job {
		margin-top: -15vw;
		background: #F3F9FC url("../img/job_bg.svg") no-repeat top 10vw center / 150%;
	}
		#job .list {
			margin-top: 8vw;
		}
			#job .list a.linkbox {
				display: block;
				border-radius: 3vw;
				padding: 7vw 8vw;
				margin-bottom: 8vw;
			}
				#job .list a.linkbox .text {
					width: 100%;
					margin-bottom: 5vw;
				}
					#job .list a.linkbox .text .head {
						display: block;
						margin-bottom: 5vw;
					}
						#job .list a.linkbox .text .head h3 {
							font-size: 5.0vw;
							margin-right: 0;
							margin-bottom: 3vw;
						}

						#job .list a.linkbox .text .head ul.tag li {
							height: 7vw;
							padding: 0 3vw;
							border-radius: 3.5vw;
							margin-right: 2vw;
							font-size: 3.1vw;
							line-height: 7vw;
						}
}