@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi .navi04 img {
	visibility: hidden;
}

#main h2 {
	margin-bottom: 60px;
}

#main .textImg {
	margin: 0 auto 97px;
	width: 1080px;
	text-align: center;
}

#main h3 {
	margin-bottom: 49px;
}

#main p {
	margin-bottom: 28px;
	line-height: 2;
}

#main .text {
	margin-bottom: 53px;
}

#main .title {
	margin-bottom: 13px;
	font-family: 'EB Garamond', serif;
	font-size: 16px;
	text-align: right;
}

#main .title span {
	font-weight: bold;
	float: left;
}

#main .text01 {
	margin-bottom: 22px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height: 1.69;
	clear: both;
}

#main .mainBox01 {
    margin-bottom: 160px;
}

#main .gallaryBox {
	padding: 92px 0 119px;
	margin-bottom: 113px;
	background-color: #F8F8F8;
}

#main .comPhoto {
	height: 395px;
}

#main h4 {
	margin-bottom: 58px;
	text-align: center;
}

#main .gallaryBox ul {
	margin: -30px -30px 0 0;
	width: 990px;
	overflow: hidden;
	zoom: 1;
}

#main .gallaryBox li {
	margin: 30px 30px 0 0;
	float: left;
}

#main .philosophyBox {
	margin-bottom: 113px;
}

#main .philosophyBox h4 {
	margin-bottom: 100px;
}

#main .philosophyBox .textImg {
	margin-bottom: 93px;
	width: auto;
}

#main .philosophyBox ul {
	margin: -105px auto 0;
	overflow: hidden;
	zoom: 1;
	width: 750px;
}

#main .philosophyBox li {
	padding: 70px 0 0;
	float: left;
}

#main .philosophyBox li:nth-child(2n+1) {
	padding-right: 80px;
}

#main .requireBox {
	padding: 109px 0 80px;
	margin-bottom: 113px;
	background-color: #F8F8F8;
}

#main .requireBox h4 {
	margin-bottom: 20px;
}

#main .requireBox h5 {
	font-size: 17px;
	margin-bottom: 10px;
}

#main .requireBox .requireEn h5 {
	font-size: 15px;
}

#main .requireBox dl {
	font-size: 14px;
	line-height: 1.72;
	float: none !important;
	margin-bottom: 2em;
}

#main .requireBox dd {
	padding: 0 0 11px 9em;
	font-size: 13px;
}

#main .requireBox .requireList li {
	display: flex;
}

#main .requireBox .requireList li:before {
	content: "○"
}

#main .requireBox .requireList .attention {
	margin: 0.5em 0 0.8em;
}

#main .requireBox .requireList .attention li:before {
	content: "＊"
}

#main .requireBox .requirements {
	text-align: center;
	margin-bottom: 60px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
#main .requireBox .requirements li {
	display: block;
	font-size: 13px;
}
#main .requireBox .requirements li:before {
	content: "";
}

#main .requireBox .rDl {
	margin-top: 4px;
	line-height: 1.4;
}

#main .requireJa {
	float: left;
}
#main .requireEn {
	float: right;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;

}


#main .entryBox {
	margin-bottom: 0;
}

#main .entryBox h4 {
	margin-bottom: 48px;
}

#main .entryBox .text {
	margin-bottom: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 1.69;
}
#main .entryBox .text span {
	padding-left: 0.6em;
}

#main .entryBox p {
	margin-bottom: 20px;
	font-size: 13px;
	text-align: center;
	line-height: 1.8;
}

#main .spTxt {
	display: none;
}

@media all and (min-width: 767px) {
	#main .comPhoto01 {
		background: url(../img/recruit/photo01.jpg) no-repeat center top;
	}

	#main .comPhoto02 {
		background: url(../img/recruit/photo02.jpg) no-repeat center top;
	}

	#main .comPhoto03 {
		background: url(../img/recruit/photo03.jpg) no-repeat center top;
	}
}

@media all and (min-width: 0) and (max-width: 766px)  {
	#main h2 {
		margin-bottom: 62px;
	}

	#main .textImg {
		margin-bottom: 90px;
		width: auto;
	}

	#main .comPhoto {
		margin-bottom: 39px;
		height: auto;
	}

	#main h3 {
		margin-bottom: 33px;
	}

	#main h4 {
		margin-bottom: 40px;
	}

	#main p {
		margin-bottom: 22px;
		font-size: 12px;
		line-height: 1.83;
	}

	#main .text {
		margin-bottom: 38px;
	}

	#main .title {
		font-size: 13px;
		line-height: 1.17;
		text-align: left;
	}

	#main .title span {
		margin-bottom: 4px;
		float: none;
		display: block;
		font-size: 17px;
		font-weight: normal;
	}

	#main .text01 {
		margin-bottom: 20px;
		font-size: 12px;
		line-height: 1.67;
	}

	#main .spTxt {
		margin-right: 4px;
		display: inline-block;
	}

	#main .mainBox01 {
		margin-bottom: 86px;
	}

	#main .gallaryBox {
		padding: 51px 0 54px;
		margin-bottom: 50px;
	}

	#main .gallaryBox h4 {
		margin-bottom: 11px;
	}

	#main .gallaryBox ul {
		margin: 0;
		width: auto;
	}

	#main .gallaryBox li {
		padding-top: 20px;
		margin: 0;
		float: none;
	}

	#main .philosophyBox h4 {
		margin-bottom: 55px;
	}

	#main .philosophyBox ul {
		margin: 0;
		width: auto;
	}

	#main .philosophyBox li {
		padding: 58px 0 0;
		float: none;
	}

	#main .philosophyBox li:nth-child(2n+1) {
		padding: 58px 0 0;
	}

	#main .philosophyBox li img {
		margin: 0 auto;
	}

	#main .philosophyBox .textImg {
		margin-bottom: 0;
	}

	#main .philosophyBox {
		margin-bottom: 68px;
	}

	#main .requireBox {
		padding: 60px 0 50px;
		margin-bottom: 66px;
	}

	#main .requireBox h4 {
		margin-bottom: 40px;
	}

	#main .requireBox dl {
		margin-bottom: 17px;
		font-size: 12px;
		line-height: 1.8;
	}

	#main .requireBox dd {
		padding: 0 0 8px;
		font-size: 12px;
	}

	#main .requireBox .rDl {
		margin: 0 0 15px 0;
		font-size: 11px;
		line-height: 1.65;
	}

	#main .requireBox .requireList li {
		display: block;
	}

	#main .requireBox .requirements {
		margin-bottom: 30px;
	}

	#main .entryBox {
		margin-bottom: 0;
	}

	#main .entryBox h4 {
		margin-bottom: 33px;
	}

	#main .entryBox p {
		margin-bottom: 15px;
		font-size: 12px;
	}
}