@charset "utf-8";
/*===============================================
●共通
===============================================*/

/* developmentWrap
---------------------------------------- */
#developmentWrap .bkgBlue {color: #fff;}
#developmentWrap h3 {
	color: #5474AF;
	line-height: 1.3em;
}

/* factoryWrap */
#factoryWrap .bkgImg {
	background: url("../../images/recruit/factory_tour01.jpg") no-repeat center center / cover;
	color: #fff;
	padding: 8% 0;
}
#factoryWrap #messageWrap .messeageImg {width: 100%;}
#messageWrap .flexBox .sectionWrap h3 {line-height: 1.5em;}
#messageWrap .flexBox .messeageImg02 p {
	font-family: 'Muli', sans-serif;
	font-weight: 700;
	color: #5474AF;
	text-align: right;
}
#messageWrap .flexBox .messeageImg02 p span {
	display: block;
	color: #000;
	font-size: 0.4em;
}

/* bkgbeige */
#bkgbeige ul li a {
	display: flex;
	justify-content: space-between;
}
#bkgbeige ul li a span svg {
	width: 0.5em;
	height: 0.65em;
	transform: rotate(90deg);
	fill: #333;
}

/* bkgbeige */
#bkgbeige {background-color: #F9F9F9;}
#bkgbeige ul li {margin-bottom: 2.5em;}
#bkgbeige ul li:last-child {margin-bottom: 0;}
#bkgbeige ul li a {
	width: 100%;
	font-size: 1.28em;
	text-decoration: none;
	border: 1px #ccc solid;
	background-color: #fff;
	padding: 2em;
}
/* ボタン */
.linkContact a {background-color: #45A736;}

/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 729px){
	
	/* contentsTop */
	.mainText {margin-bottom: 0.5em;}
	.textContents0, .textContents {margin-bottom: 0.8em;}
	
	/* developmentWrap */
	#developmentWrap .bkgBlue {
		width: 100%;
		padding: 3% 0;
	}
	.imgBox0, .imgBox, .textContents0, .textContents {width: 100%;}
	#developmentWrap h3, #factoryWrap h3 {
		font-size: 1.28em;
		margin-bottom: 0.5em;
	}
	#developmentWrap section {margin-bottom: 2.5em;}
	
	/* factoryWrap */
	#factoryWrap .bkgImg h2.inner {padding: 0;}
	#messageWrap .flexBox .sectionWrap {margin-bottom: 1em;}
	#factoryWrap #messageWrap .messeageImg {padding: 1em 0 2em;}
	#messageWrap .flexBox {margin-bottom: 2em;}
	#messageWrap .flexBox .messeageImg02 {
		width: 100%;
		margin: 0 auto;
	}
	#messageWrap .flexBox .messeageImg02 p {font-size: 2em;}
	#messageWrap .flexBox .messeageImg02 p span {margin: 0.5em 0;}
	
	/* bkgbeige */
	#bkgbeige {padding: 4em 0;}
	#bkgbeige ul li {margin-bottom: 1.5em;}
	#bkgbeige ul li a {
		font-size: 1.2em;
		padding: 0.8em 0.5em;
	}
	.linkContact {margin: 1em 0;}
}

/*===============================================
●画面の横幅が730px以上(PCのみ)
===============================================*/
@media screen and (min-width: 730px){
	
	/* contentsTop */
	#contentsTop {padding-bottom: 0;}

	/* flexBox */
	#developmentWrap .tit01 {margin-bottom: 0;}
	#developmentWrap .tit01 h2 {margin-bottom: 0;}
	#contentsTop.flexBox,
	#developmentWrap .flexBox {
		justify-content: space-between;
		align-items: flex-start;
	}
	.mainText {
		margin-bottom: 0.5em;
		line-height: 1.2em;
	}
	.imgBox0 {width: 55%;}
	.imgBox {width: 38%;}
	.textContents0 {width: 41%;}
	.textContents {width: 55%;}
	
	/* developmentWrap */
	#developmentWrap .bkgBlue {
		width: 80%;
		padding: 6% 0;
		margin-top: -3%;
	}
	#developmentWrap section {margin-bottom: 6em;}
	#developmentWrap .Overlap {
		align-items: baseline;
	}
	#developmentWrap .reverse,
	#developmentWrap .Overlap {
		flex-direction: row-reverse;
	}
	#developmentWrap h3 {
		font-size: 1.71em;
		margin-bottom: 1em;
	}
	.Overlap {margin-top: -3%;}
	
	/* factoryWrap */
	#factoryWrap #messageWrap .messeageImg {padding: 4em 0;}
	#messageWrap .flexBox {
		justify-content: space-between;
		margin-bottom: 4em;
	}
	#messageWrap .flexBox .sectionWrap {width: 56%;}
	#messageWrap .rowReverse {flex-direction: row-reverse;}
	#messageWrap .flexBox .sectionWrap h3 {
		font-size: 1.42em;
		margin-bottom: 1em;
	}
	#messageWrap .flexBox .messeageImg02 {width: 38%;}
	#messageWrap .flexBox .messeageImg02 p {
		font-size: 3.4em;
		line-height: 0.8em;
	}
	#messageWrap .flexBox .messeageImg02 p span {
		font-size: 0.33em;
		margin-top: 1em;
	}
	
	/* bkgbeige */
	#bkgbeige ul li a {
		font-size: 1.28em;
		padding: 2em;
	}
	/* ボタン */
	.linkContact a {
		margin: 4em auto 0;
		max-width: 20em;
	}
}
/*===============================================
●画面の横幅が1024px以上(tablet)
===============================================*/
@media (min-width: 730px) and (max-width: 1024px){
	
	/* contentsTop */
	#contentsTop {padding-bottom: 3.8em;}
	
	/* developmentWrap */
	#developmentWrap .Overlap {
		margin-top: 3em;
		align-items: center;
	}
}