/* ==========================================
   5分でわかるオノマシンの力
========================================== */
.job-main-visual{
	background-color: #004099;
}
.job-main-visual .image{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.job-main-visual .detail{
	background-color: #EFF6FF;
}
.job-heading .ttl .main{
	font-weight: 700;
}
.job-heading .ttl .main strong{
	background-color: #D8D11F;
	padding: .015em 0;
}
.job-heading .ttl .sub{
	font-weight: 700;
	line-height: 1;
}
.job-heading > p{
	font-weight: 500;
	line-height: 1.6;
}
@media print, screen and (min-width:781px) {
	.job-main-visual{
		display: flex;
		flex-direction: row-reverse;
		height: calc(100vh - 100px);
	}
	.job-main-visual .image{
		background-image: url("../img/img_job_main.jpg");
		width: 56%;
	}
	.job-main-visual .detail{
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		margin-bottom: 6.8814%;
		width: 44%;
	}
	.job-heading .ttl .main{
		font-size: min(2.92vw,4.0rem);
	}
	.job-heading .ttl .sub{
		font-size: min(1.83vw,2.5rem);
	}
	.job-heading .ttl .sub > span{
		font-size: min(10.2vw,14.0rem);
	}
	.job-heading > p{
		margin-top: 25px;
	}
}
@media screen and (max-width: 780px) {
	.job-main-visual{
	}
	.job-main-visual .image{
		background-image: url("../img/img_job_main_sp.jpg");
		padding-bottom: 64.1%;
	}
	.job-main-visual .detail{
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding-bottom: 40px;
		padding-top: 40px;
	}
	.job-heading .ttl .main{
		font-size: min(7.69vw,6.0rem);
	}
	.job-heading .ttl .sub{
		font-size: min(3.84vw,3.0rem);
	}
	.job-heading .ttl .sub > span{
		font-size: min(30.7vw,24.0rem);
	}
	.job-heading > p{
		margin-top: 30px;
	}
}




.job-page-navi{
	background-color: #004099;
}
.job-page-navi > ul > li{
	color: #FFF;
}
.job-page-navi > ul > li > a{
	position: relative;
}
.job-page-navi > ul > li > a .arrow{
	background-color: #2C3440;
}
.job-page-navi > ul > li > a .arrow:after{
	background-image:url("../../common/img/icon_arrow_entry_w.svg");
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 10px;
	width: 12px;
	transform: rotate(90deg);
}
.job-page-navi > ul > li > a .sub{
	font-weight: 700;
	line-height: 1;
}
.job-page-navi > ul > li > a .main{
	font-weight: 700;
}
@media print, screen and (min-width:781px) {
	.job-page-navi > ul{
		display: flex;
		margin-left: auto;
		margin-right: auto;
		max-width: 904px;
	}
	.job-page-navi > ul > li{
		width: calc(100% / 3);
	}
	.job-page-navi > ul > li > a{
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding-top: 50px;
	}
	.job-page-navi > ul > li > a .arrow{
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
		padding: 15px 0;
		max-width: 86px;
		width: 90%;
	}
	.job-page-navi > ul > li > a .sub{
		font-size: min(1.29vw,1.4rem);
	}
	.job-page-navi > ul > li > a .main{
		font-size: min(2.22vw,2.4rem);
	}
}
@media screen and (max-width: 780px) {
	.job-page-navi > ul{
		display: flex;
		margin-left: 5%;
		margin-right: 5%;
	}
	.job-page-navi > ul > li{
		width: calc(100% / 3);
	}
	.job-page-navi > ul > li > a{
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding-top: 50px;
	}
	.job-page-navi > ul > li > a .arrow{
		margin-left: auto;
		margin-right: auto;
		margin-top: 35px;
		padding: 10px 0;
		max-width: 60px;
		width: 90%;
	}
	.job-page-navi > ul > li > a .arrow:after{
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
		height: 7px;
		width: 8px;
	}
	.job-page-navi > ul > li > a .sub{
		font-size: min(2.56vw,2.0rem);
	}
	.job-page-navi > ul > li > a .main{
		font-size: min(4.61vw,3.6rem);
		line-height: 1.38;
		margin-top: 5px;
	}
}



.job-sec{
	padding-top: 1px;
	position: relative;
}
.job-sec:nth-child(2n){
	background-color: #004099;
}
.job-sec:nth-child(3n){
	background-color: #D8D11F;
}
.job-sec > .job-sec-main{
	z-index: 0;
}
.job-sec > .job-sec-main .image{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.job-sec-contents{
	background-color: #FFF;
	position: relative;
	z-index: 1;
}


#job-sec1 .job-sec-contents{
	background-color: transparent;
}
@media print, screen and (min-width:781px) {
	.job-sec{
		padding-bottom: 39.531%;
	}
	.job-sec:last-child{
		padding-bottom: 200px;
	}
	.job-sec > .job-sec-main{
		margin-top: -19.765%;
		width: 73.206%;
		position: absolute;
	}
	.job-sec > .job-sec-main .image{
		padding-bottom: 50%;
	}
	.job-sec:nth-child(2n) .job-sec-main{
		left: 0;
	}
	.job-sec:nth-child(3n) .job-sec-main{
		right: 0;
	}
	.job-sec-contents{
		padding: 100px min(4.59%,50px) min(4.59%,50px);
		margin-left: auto;
		margin-right: auto;
		max-width: 1088px;
		width: 90%;
	}
	.job-sec:has(> .job-sec-main) .job-sec-contents{
		margin-top: -1.46%;
	}
	
	#job-sec1 .job-sec-contents{
		padding-top: 150px;
		padding-bottom: 0;
	}
	#job-sec2 > .job-sec-main .image{
		background-image: url("../img/img_job2_main.jpg");
	}
	#job-sec3 > .job-sec-main .image{
		background-image: url("../img/img_job3_main.jpg");
	}
}
@media screen and (max-width: 780px) {
	.job-sec{
		padding-bottom: 46.1538%;
	}
	.job-sec:last-child{
		padding-bottom: 200px;
	}
	.job-sec > .job-sec-main{
		margin-top: -39.743%;
		width: 95%;
		position: absolute;
	}
	.job-sec > .job-sec-main .image{
		padding-bottom: 94.466%;
	}
	.job-sec:nth-child(2n) .job-sec-main{
		left: 0;
	}
	.job-sec:nth-child(3n) .job-sec-main{
		right: 0;
	}
	.job-sec-contents{
		padding: 40px 5% 5%;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	.job-sec:has(> .job-sec-main) .job-sec-contents{
		margin-top: 6.41%;
	}
	
	#job-sec1 .job-sec-contents{
		padding-top: 50px;
		padding-bottom: 0;
	}
	#job-sec2 > .job-sec-main .image{
		background-image: url("../img/img_job2_main_sp.jpg");
	}
	#job-sec3 > .job-sec-main .image{
		background-image: url("../img/img_job3_main_sp.jpg");
	}
}




.job-sec-heading{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.job-sec-heading .icon{
	
}
.job-sec-heading .sub{
	border-bottom: 1px solid #707070;
	font-weight: 700;
	line-height: 1;
}
.job-sec-heading .main{
	font-weight: 700;
}
.job-sec-heading .main strong,
.job-sec-heading > p strong{
	background-color: #D8D11F;
	padding: .015em .15em;
}
.job-sec-heading > p{
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}
@media print, screen and (min-width:781px) {
	.job-sec-heading .icon{
		margin-bottom: 20px;
	}
	.job-sec-heading .sub{
		font-size: min(7.32vw,10.0rem);
		padding: 0 10px 20px;
	}
	.job-sec-heading .main{
		font-size: min(2.92vw,4.0rem);
		margin-top: 10px;
	}
	.job-sec-heading > p{
		font-size: min(1.85vw,2.0rem);
		margin-top: 30px;
	}
	
	#job-sec2 .job-sec-heading .icon{
		width: 12.145%;
	}
	#job-sec3 .job-sec-heading .icon{
		width: 8.8%;
	}
}
@media screen and (max-width: 780px) {
	.job-sec-heading .icon{
		margin-bottom: 10px;
	}
	.job-sec-heading .sub{
		font-size: min(11.53vw,9.0rem);
		padding: 0 10px 15px;
	}
	.job-sec-heading .main{
		font-size: min(6.41vw,5.0rem);
		margin-top: 15px;
	}
	.job-sec-heading > p{
		font-size: min(3.84vw,3.0rem);
		margin-top: 50px;
	}
	
	#job-sec2 .job-sec-heading .icon{
		width: 19.23%;
	}
	#job-sec3 .job-sec-heading .icon{
		width: 13.78%;
	}
}




.job-sec .exp dt{
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}
.job-sec .exp dt strong{
	background-color: #D8D11F;
	padding: .015em .15em;
}
.job-sec .exp dd{
	line-height: 1.87;
}
@media print, screen and (min-width:781px) {
	.job-sec .exp{
		margin-top: 50px;
	}
	.job-sec .exp dt{
		font-size: min(2.04vw,2.8rem);
	}
	.job-sec .exp dd{
		font-size: min(1.48vw,1.6rem);
		margin: 25px auto 0;
		width: 55.3%;
	}
}
@media screen and (max-width: 780px) {
	.job-sec .exp{
		margin-top: 50px;
	}
	.job-sec .exp dt{
		font-size: min(3.84vw,3.0rem);
	}
	.job-sec .exp dd{
		font-size: min(3.84vw,3.0rem);
		margin: 20px auto 0;
		width: 83.33%;
	}
}




.job-sub-sec{
	background-color: #DFE5ED;
}
.job-sub-sec .sub-ttl{
	font-weight: 700;
	line-height: 1;
}
.job-sub-sec-heading{
	background-color: #0047A8;
	text-align: center;
}
.job-sub-sec-heading h3{
	color: #FFF;
	font-weight: 700;
	line-height: 1.42;
}
@media print, screen and (min-width:781px) {
	.job-sub-sec-wrap{
		margin-top: 90px;
	}
	.job-sub-sec{
		padding: min(4.25%,40px);
		position: relative;
	}
	.job-sub-sec:nth-child(n + 2){
		margin-top: 40px;
	}
	.job-sub-sec .sub-ttl{
		font-size: min(4.25vw,4.6rem);
		writing-mode: vertical-rl;
		position: absolute;
		top: 0;
	}
	.job-sub-sec:nth-child(odd) .sub-ttl{
		right: 0;
		transform: translateX(50%);
	}
	.job-sub-sec:nth-child(even) .sub-ttl{
		left: 0;
		transform: translateX(-50%);
	}
	.job-sub-sec-heading{
		padding: 30px;
	}
	.job-sub-sec-heading h3{
		font-size: min(2.4vw,2.6rem);
	}
}
@media screen and (max-width: 780px) {
	.job-sub-sec-wrap{
		margin-top: 45px;
	}
	.job-sub-sec{
		padding: 6% 5%;
		position: relative;
	}
	.job-sub-sec:nth-child(n + 2){
		margin-top: 40px;
	}
	.job-sub-sec .sub-ttl{
		font-size: min(7.69vw,6.0rem);
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.job-sub-sec-heading{
		padding: 15px;
	}
	.job-sub-sec-heading h3{
		font-size: min(4.1vw,3.2rem);
	}
}





.job-child-sec{
	background-color: #FFFFFF;
	position: relative;
}
.job-child-sec:before{
	background-color: #8599B9;
	content: "";
	display: block;
	height: 20px;
	width: 1px;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}
.job-child-sec > h4{
	font-weight: 700;
	line-height: 1.55;
	text-align: center;
}
.job-child-sec > .icon img{
	height: auto;
	width: 100%;
}
@media print, screen and (min-width:781px) {
	.job-child-sec-wrap{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 13px;
	}
	.job-child-sec{
		display: grid;
		grid-row: span 3;
		grid-template-rows: subgrid;
		gap: 0;
		padding: 50px 20px 20px;
		margin-top: 13px;
	}
	.job-child-sec > h4{
		font-size: min(1.66vw,1.8rem);
		flex-grow: 1;
	}
	.job-child-sec > .detail{
		flex: 1;
		display: flex;
		align-items: flex-start;
		margin-top: 25px;
		flex-grow: 1;
	}
	.job-child-sec > .image{
		margin-top: 50px;
	}
	.job-child-sec > .icon{
		margin: 30px auto 0;
		width: 51.44%;
	}
}
@media screen and (max-width: 780px) {
	.job-child-sec-wrap{
	}
	.job-child-sec{
		padding: 15% 0 .01%;
		margin-top: 20px;
	}
	.job-child-sec > h4{
		font-size: min(4.61vw,3.6rem);
		margin-left: 5%;
		margin-right: 5%;
	}
	.job-child-sec > .detail{
		font-size: min(3.84vw,3.0rem);
		margin: 15px 5% 20px;
	}
	.job-child-sec > .image{
		margin-top: 20px;
	}
	.job-child-sec > .icon{
		margin: 15px auto 20px;
		width: 40%;
	}
}



#job-sec1 .work-field{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#job-sec1 .work-field .image{
	width: 100%;
}
#job-sec1 .work-field p{
	line-height: 1.87;
}
@media print, screen and (min-width:781px) {
	#job-sec1 .work-field{
		margin-top: 50px;
	}
	#job-sec1 .work-field .field-l,
	#job-sec1 .work-field .field-r{
		font-size: min(1.48vw,1.6rem);
		margin-top: 25px;
		width: 40.707%;
	}
}
@media screen and (max-width: 780px) {
	#job-sec1 .work-field{
		margin-top: 50px;
	}
	#job-sec1 .work-field .field-l,
	#job-sec1 .work-field .field-r{
		font-size: min(3.84vw,3.0rem);
		margin-top: 30px;
		width: 44.3%;
	}
}