@charset "UTF-8";

.mainVisual {
	background-image: url(../img/top/mv_pc.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #e5f4df;
	height: 560px;
}
.mainVisual .inner {
	padding: 45px 60px 0;
}
.mainVisualSection{
}
.mainVisualTitle {
	font-size: 82px;
	font-weight: bold;
	color: #008442;
	line-height: 1.3;
	text-shadow: 3px 3px 5px #e5f4df;
}
.mainVisualTitleMini {
	font-size: 48px;
}
.mainVisualText {
	font-size: 30px;
	font-weight: bold;
	text-shadow: 3px 3px 5px #e5f4df;
}
.mainVisualBtnWrap {
	margin-top: 47px;
}
.mainVisualBtnWrap .button {
	background-color: #0079DF;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 105px;
	background-image: url(../img/icon_entry.svg);
	border: 2px solid #0079DF;
	height: 80px;
	width: 400px;
	font-size: 26px;
	background-position: 40px center;
	background-size: 40px;
	border-radius: 10px;
	box-shadow: 0px 3px 6px rgb(0,0,0,0.7);
}
.mainVisualNumWrap {
	position: absolute;
	left: 580px;
	top: 380px;
	display: flex;
}
.mainVisualNum {
	background-color: rgb(255,255,255,0.7);
	text-align: center;
	font-size: 21px;
	width: 200px;
	height: 140px;
	border-radius: 30px;
	padding: 20px 0 0 0;
}
.mainVisualNum:nth-child(n + 2) {
	margin-left: 20px;
}
.mainVisualNumText1 {
	text-align: center;
	font-weight: bold;
}
.mainVisualNumText2 {
	text-align: center;
	font-size: 60px;
	color: #8fc320;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
	line-height: 1;
	margin-top: 15px;
}
.mainVisualNumText2Mini{
	font-size: 20px;
}
.mainVisualNumImg {
	width: 171px;
	position: absolute;
	top: 305px;
	left: 500px;
}
.topSearchWrap {
	background-color: #d0e5a3;
}
.topSearchWrap .inner {
	padding: 0 60px;
}
.topSearch {
	padding: 40px 0;
	display: flex;
}
.topSearchTitleWrap {
	padding-top: 10px;
}
.topSearchTitle {
	font-size: 32px;
	font-weight: bold;
	color: #008442;
}
.topSearchConditionBtnWrap {
	margin-left: 60px;
	width: 962px;
}
.topSearchConditionBtnWrapInner {
	box-shadow: 0px 3px 6px rgb(0,0,0,0.7);
	border-radius: 10px;
}
.topSearchConditionBtnWrapInner .button {
	width: 280px;
	height: 70px;
	border: 2px solid #fff;
	box-shadow: none;
	background-image: url(../img/icon_arrow4_bottom_green.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) center;
	border-radius: 0;
	text-align: left;
	padding: 0 58px 0 30px;
	color: inherit;
}
.topSearchConditionBtnWrapInner .button:first-child {
	border-radius: 10px 0 0 10px;
}
.topSearchConditionBtnWrapInner .button:last-child {
	border-radius: 0 10px 10px 0;
	width: 122px;
	background-image: url(../img/icon_search_white.svg);
	background-color: #008442;
	color: #fff;
	background-size: 25px auto;
	border: 2px solid #008442;
	padding: 0 0 0 56px;
	background-position: 23px;
}
.topSearchConditionBtnWrapInner .button:nth-child(n + 2) {
	border-left: 1px solid #ddd;
}
.topSearchButton{
}
.buttonTextWrap{
}
.buttonTextUnderline{
}


.newJob{
	padding: 80px 0;
}
.newJobBody {
	margin-top: 50px;
}
.newJobBody .slick-slide > div {
	width: 328px;
	margin: 0 10px;
}
/* .newJobArticle {
	width: 328px;
} */
.newJobBody .searchItemTitle {
	font-size: 20px;
}
.newJobArticleContent {
	border: 1px solid #D9D9D9;
	padding: 20px 20px 0 20px;
	border-radius: 10px 10px 0 0;
}
.newJobArticle .searchItemList {
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
	padding-top: 15px;
}
.newJobArticle .searchItemBtnWrap .searchItemBtn {
	width: 140px;
	height: 35px;
	font-size: 15px;
}
.service {
	background-color: rgb(0, 132, 66, 0.15);
}
.service .inner {
	padding: 90px 60px 50px;
}
.serviceTitle {
	font-size: 32px;
	color: #008442;
	text-align: center;
	font-weight: bold;
}
.serviceList {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}
.serviceItem {
	width: 360px;
	box-shadow: 10px 10px 10px #0000000D;
	border-radius: 10px;
	background-color: #fff;
	position: relative;
}
.serviceItemImgWrap {
	width: 100%;
	height: 240px;
	border-radius: 10px 10px 0 0;
	background-image: url(../img/top/img_top_service1.webp);
	background-size: cover;
}
.serviceItem:nth-child(2) .serviceItemImgWrap {
	background-image: url(../img/top/img_top_service2.webp);
}
.serviceItem:nth-child(3) .serviceItemImgWrap {
	background-image: url(../img/top/img_top_service3.webp);
}
.serviceItemImg{
	border-radius: 10px 10px 0 0;
}
.serviceItemNum {
	width: 70px;
	line-height: 70px;
	display: block;
	text-align: center;
	color: #90C31F;
	font-size: 40px;
	border-radius: 50%;
	position: absolute;
	top: 200px;
	left: calc(50% - 35px);
	background-color: #fff;
}
.serviceTitle2 {
	margin-top: 55px;
	font-size: 20px;
	text-align: left;
	font-weight: bold;
	padding: 0 20px 30px 20px;
}
.serviceBody {
	border-radius: 0 0 10px 10px;
	padding: 0 30px 20px;
	margin-top: 15px;
	line-height: 1.4;
	color: #666666;
}
.serviceBtnWrap {
	margin-top: 60px;
	text-align: center;
}
.serviceBtnWrap .button{
	width: 360px;
  height: 70px;
}
.feature {
	background-color: #FAFAFA;
}
.feature .inner {
	padding: 75px 60px 90px;
}
.titleAndBtn {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.titleAndBtnTitle {
	font-size: 60px;
	color: #008442;
}
.titleAndBtnTitleJp {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-left: 5px;
}
.titleAndBtn .button {
	width: 145px;
	height: 40px;
	font-size: 15px;
}
.featureList {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.featureItem {
	border-radius: 10px;
}
.featureItemImg {
	width: 560px;
}
.featureItem:nth-child(n + 3) {
	margin-top: 30px;
}
.serviceItemImg{
}
.qa {
	background-color: rgb(144, 195, 31, 0.4);
	position: relative;
}
.qaBg {
	width: 100%;
	height: 585px;
	background-image: url(../img/top/img_top_qa_bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.qa .inner {
	padding: 80px 60px 60px;
}
.qaTitle {
	text-align: right;
	padding: 0 135px 0 0;
	font-size: 32px;
	font-weight: bold;
}
.qaList {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}
.qaItem {
	width: 260px;
	position: relative;
	padding: 60px 0 0 0;
}
.qaItemImgWrap {
	position: absolute;
	top: 0;
	left: calc(50% - 60px);
}
.qaItemImg {
	width: 120px;
}
.qaItemText {
	border-radius: 20px;
	background-color: #fff;
	font-size: 20px;
	font-weight: bold;
	color: #008442;
	padding: 80px 30px 40px;
	height: 100%;
}
.qaTextWrap {
	margin-top: 60px;
	background-color: #fff;
	border-radius: 20px;
	padding: 110px 0 80px;
	text-align: center;
	background-image: url(../img/icon_arrow3_bottom_green.svg),url(../img/img_entry_bg.webp),url(../img/icon_mobile.svg);
	background-repeat: no-repeat;
	background-position: center 40px, 100px center, calc(100% - 100px) center;
	background-size: 200px auto, 200px auto, 180px auto;
}
.qaText1 {
	color: #008442;
	font-size: 20px;
	font-weight: bold;
}
.qaText2 {
	font-size: 26px;
	margin-top: 25px;
	line-height: 1.4;
}
.qaTextBtnWrap {
	margin-top: 40px;
}
.qaText3 {
	margin-top: 50px;
}
.column{
}
.column .inner {
	padding: 85px 60px 90px;
}
.titleAndBtnListWrap {
	display: flex;
	align-items: center;
}
.titleAndBtnList {
	display: flex;
	margin: 0 20px 0 0;
}
.titleAndBtnItem {
	padding: 2px 1em;
	font-size: 14px;
}
.titleAndBtnItem:nth-child(n + 2) {
	border-left: 1px solid #ddd;
}
.columnList {
	margin: 45px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.columnItem {
	border-top: 1px solid #ddd;
	padding: 30px 0;
	width: 560px;
}
.columnItemArticle {
	display: flex;
}
.columnItemImgWrap {
	width: 160px;
}
.columnItemImg{
}
.columnItemTextWrap {
	padding: 0 0 0 40px;
	width: calc(100% - 160px);
}
.columnItemTextHeader {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: -5px 0 0 -5px;
}
.columnItemTextHeaderItem{
	margin: 5px 0 0 5px;
}
.columnTime {
	color: #999999;
}
.columnItemTextTitle {
	margin: 20px 0 0 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}
.prickup{
	background-color: #FAFAFA;
}
.prickup .inner{
	padding: 75px 60px 90px;
}
.prickupList {
	margin: 45px 0 0 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.prickupItem {
	width: 560px;
}
.prickupItemImg{
}
.prickupItem:nth-child(n + 3) {
	margin: 30px 0 0 0;
}
.topicks{
}
.topicks .inner {
	padding: 75px 60px 90px;
}
.topicksList {
	margin: 45px 0 0 0;
}
.topicksItem {
	border-top: 1px solid #ddd;
	padding: 35px 0;
}
.topicksItemArticle {
	display: flex;
	align-items: center;
}
.topicksItemHeader {
	width: 80px;
}
.topicksItemArticle .icon {
	width: 120px;
	text-align: center;
}
.topicksTime {
	/* margin-left: 30px; */
	color: #999999;
	font-size: 14px;
}
.topicksItemTextTitle {
	padding: 0 0 0 85px;
	font-weight: bold;
	width: calc(100% - 80px);
}
.topicksCompanyLinkWrap {
	margin: 55px 0 0 0;
}
.topicksCompanyLink {
	width: 760px;
	height: 160px;
	font-size: 24px;
	font-weight: bold;
	background-image: url(../img/icon_arrow2_right_green.svg),url(../img/top/img_top_company_bg.webp);
	background-repeat: no-repeat;
	background-position: calc(100% - 40px), center;
	margin: 0 auto;
	display: flex;
	align-items: center;
	padding: 0 0 0 45px;
	color: #fff;
}


@media screen and (max-width:560px) {
	.mainVisual {
		background-image: url(../img/top/mv_sp.webp);
		height: 82vw;
		background-position: center top;
		background-size: 100%;
	}
	.mainVisual .inner {
		padding: 8vw 6vw 0;
	}
	.mainVisualTitle {
		font-size: 10.4vw;
		font-weight: bold;
		text-shadow: 0.6vw 0.6vw 1vw #e5f4df;
		line-height: 1.2;
	}
	.mainVisualTitleMini {
		font-size: 6.4vw;
	}
	.mainVisualText {
		font-size: 4.8vw;
		margin-top: 1vw;
		text-shadow: 0.6vw 0.6vw 1vw #e5f4df;
	}
	.mainVisualNumWrap {
		left: 6vw;
		top: 59vw;
	}
	.mainVisualNum {
		font-size: 3.4vw;
		width: 27vw;
		height: 16vw;
		border-radius: 4vw;
		padding: 2vw 0 0 0;
	}
	.mainVisualNum:nth-child(n+2) {
		margin-left: 4vw;
	}
	.mainVisualNumText2 {
		font-size: 8vw;
		line-height: 1;
		margin-top: 0;
	}
	.mainVisualNumImg {
		width: 20vw;
		top: 37vw;
		left: 58vw;
	}
	.mainVisualBtnWrap {
		margin-top: 5vw;
	}
	.mainVisualBtnWrap .button {
		padding: 0 0 0 24vw;
		border: 0.4vw solid #0079DF;
		height: 16vw;
		width: 100%;
		font-size: 5.6vw;
		background-position: 8vw center;
		background-size: 8vw;
		border-radius: 2vw;
		box-shadow: 0vw 0.6vw 1.2vw rgb(0,0,0,0.7);
	}
	.topSearchWrap .inner {
		padding: 0 6vw;
	}
	.topSearch {
		padding: 8vw 0;
		display: block;
	}
	.topSearchTitleWrap {
		padding-top: 0;
		text-align: center;
	}
	.topSearchTitle {
		font-size: 6.4vw;
	}
	.topSearchConditionBtnWrap {
		margin: 4vw 0 0 0;
		width: 100%;
	}
	.topSearchConditionBtnWrapInner {
		box-shadow: 0vw 0.6vw 1.2vw rgb(0,0,0,0.7);
		border-radius: 2vw;
		display: flex;
	}
	.topSearchConditionBtnWrapInner .button {
		width: 26.6vw;
		height: 12vw;
		border: 0.4vw solid #fff;
		background-position: calc(100% - 2vw) center;
		border-radius: 0;
		padding: 0 9.6vw 0 2vw;
	}
	.topSearchConditionBtnWrapInner .button:first-child {
		border-radius: 2vw 0 0 2vw;
	}
	.topSearchConditionBtnWrapInner .button:last-child {
		border-radius: 0 2vw 2vw 0;
		width: 8vw;
		background-size: 5vw auto;
		background-position: center;
		border: 0.4vw solid #008442;
		padding: 0 0 0 0;
		font-size: 0;
	}
	.newJob {
		padding: 5vw 0 10.64vw 3vw;
	}
	.newJobTitleWrap {
		width: 100%;
	}
	.newJobBody .searchItemTitle {
		font-size: 5.33vw;
	}
	.newJobBody .slick-slide > div {
		width: 90vw;
		margin: 0 2vw;
	}
	.newJobArticle .searchItemBtnWrap .searchItemBtn {
		width: 37.33vw;
		height: 9.33vw;
		font-size: 3.73vw;
	}
	.newJobBody {
		margin: 5vw 0 0 0;
	}
	.columnItemTextHeader {
		margin: -1.33vw 0 0 -1.33vw;
	}
	.columnItemTextHeaderItem {
		margin: 1.33vw 0 0 1.33vw;
	}
	.newsBtnWrap {
		margin: 7.98vw 0 0 0;
		text-align: center;
	}
	.newsBtnWrap .button {
		font-size: 3.73vw;
		width: 41.24vw;
		height: 9.31vw;
	}

	.service .inner {
		padding: 9.31vw 5.32vw 10.64vw;
	}
	.serviceTitle {
		font-size: 5.32vw;
	}
	.serviceList {
		margin-top: 5vw;
		display: block;
	}
	.serviceItem {
		width: 100%;
		box-shadow: 2.66vw 2.66vw 2.66vw #0000000D;
		border-radius: 2.66vw;
		margin: 5.32vw 0 0 0;
	}
	.serviceItemImgWrap {
		height: 31.93vw;
		border-radius: 2.66vw 2.66vw 0 0;
		background-image: url(../img/top/img_top_service1_sp.webp);
		background-size: cover;
	}
	.serviceItem:nth-child(2) .serviceItemImgWrap {
		background-image: url(../img/top/img_top_service2_sp.webp);
	}
	.serviceItem:nth-child(3) .serviceItemImgWrap {
		background-image: url(../img/top/img_top_service3_sp.webp);
	}
	.serviceItemNum {
		width: 13.3vw;
		line-height: 13.3vw;
		font-size: 6.39vw;
		top: 25.28vw;
		left: calc(50% - 6.65vw);
	}
	.serviceTitle2 {
		margin-top: 9.31vw;
		font-size: 4.26vw;
		padding: 0 5.32vw 8.1vw;
	}
	.serviceBody {
		border-radius: 0 0 2.66vw 2.66vw;
		padding: 0 7.98vw 5.32vw;
		margin-top: 1.33vw;
	}
	.serviceBtnWrap {
		margin-top: 7.98vw;
	}
	.serviceBtnWrap .buttonGreen{
		width: 53.21vw;
		height: 11.97vw;
		font-size: 3.73vw;
		background-position: 2.66vw center;
		padding: 0 0 0 6.92vw;
		background-size: 1.6vw auto;
	}
	.buttonCommonEntry {
		width: 100%;
		height: 14.63vw;
		background-position: 5.32vw center;
		background-size: 9.58vw auto;
		border-radius: 1.33vw;
		font-size: 4.26vw;
		padding: 0 0 0 14.9vw;
	}
	.feature .inner {
		padding: 5vw 5.32vw 10.64vw;
	}
	.titleAndBtn {
		justify-content: center;
	}
	.titleAndBtnTitle {
		font-size: 8.64vw;
		text-align: center;
	}
	.titleAndBtnTitleJp {
		font-size: 3.73vw;
		margin-left: 0;
		display: block;
	}
	.featureList {
		margin-top: 5vw;
		display: block;
	}
	.featureItem {
		border-radius: 2.66vw;
		margin: 5.32vw 0 0 0;
	}
	.featureBtnWrap,
	.columnBtnWrap,
	.prickupBtnWrap,
	.topicksBtnWrap {
		margin: 7.98vw 0 0 0;
		text-align: center;
	}
	.featureBtnWrap .button,
	.columnBtnWrap .button,
	.prickupBtnWrap .button,
	.topicksBtnWrap .button{
		font-size: 3.73vw;
		width: 41.24vw;
		height: 9.31vw;
	}
	.qaBg {
		width: 100%;
		height: 103.77vw;
		background-image: url(../img/top/img_top_qa_bg_sp.webp);
	}
	.qa .inner {
		padding: 9.31vw 5.32vw 10.64vw;
	}
	.qaTitle {
		text-align: center;
		padding: 0;
		font-size: 5.32vw;
	}
	.qaList {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 7.98vw 0 0 -2.66vw;
	}
	.qaItem {
		width: 42.57vw;
		padding: 0;
		margin: 2.66vw 0 0 2.66vw;
	}
	.qaItemImgWrap {
		display: none;
	}
	.qaItemText {
		font-size: 3.73vw;
		padding: 5.32vw 3.99vw;
		box-shadow: 1.33vw 1.33vw 1.33vw #0000000D;
		border-radius: 2.66vw;
	}
	.qaTextWrap {
		margin-top: 5.32vw;
		border-radius: 2.66vw;
		padding: 13.3vw 5.32vw 5.32vw;
		text-align: center;
		background-image: url(../img/icon_arrow3_bottom_green.svg);
		background-repeat: no-repeat;
		background-position: center 5.32vw;
		box-shadow: 1.33vw 1.33vw 1.33vw #0000000D;
		background-size: 29.27vw auto;
	}
	.qaText1 {
		font-size: 3.73vw;
	}
	.qaText2 {
		font-size: 5.32vw;
		margin-top: 3.99vw;
	}
	.qaImgWrap {
		margin: 3.99vw 0 0 0;
		display: flex !important;
		justify-content: center;
	}
	.qaImg1 {
		width: 26.61vw;
		height: 26.61vw;
	}
	.qaImg2 {
		margin-left: 10.64vw;
		width: 23.41vw;
	}
	.qaTextBtnWrap,
	.columnBtnWrap {
		margin-top: 5.32vw;
	}
	.qaText3 {
		margin-top: 5.32vw;
		font-size: 3.19vw;
	}

	.column .inner {
		padding: 5vw 5.32vw 10.64vw;
	}
	.titleAndBtnListWrap {
		display: none;
	}
	.columnList {
		margin: 5vw 0 0 0;
		display: block;
	}
	.columnItem {
		padding: 5.32vw 0;
		width: 100%;
	}
	.columnItem .link2 {
		padding: 0;
		background: none;
	}
	.columnItemImgWrap {
		width: 23.95vw;
	}
	.columnItemTextWrap {
		padding: 0 0 0 5.32vw;
		width: calc(100% - 23.95vw);
	}
	.columnTime {
		margin: 0 0 0 2.66vw;
		font-size: 3.46vw;
	}
	.columnItemTextTitle {
		margin: 2.66vw 0 0 0;
		font-size: 3.73vw;
	}

	.prickup .inner {
		padding: 5vw 5.32vw 10.64vw;
	}
	.prickupList {
		margin: 5vw 0 0 0;
		display: block;
	}
	.prickupItem {
		width: 100%;
		margin: 5.32vw 0 0 0;
	}
	.topicks .inner {
		padding: 5vw 5.32vw 10.64vw;
	}
	.topicksList {
		margin: 5vw 0 0 0;
	}
	.topicksItem {
		padding: 5.32vw 0;
	}
	.topicksItemArticle {
		display: block;
	}
	.topicksItemHeader {
		width: 21.29vw;
	}
	.topicksTime {
		/* margin-left: 3.99vw; */
		font-size: 3.46vw;
	}
	.topicksItemTextTitle {
		margin: 2.66vw 0 0 0;
		width: 100%;
		padding: 0;
	}
	.topicksCompanyLinkWrap {
		margin: 10.64vw 0 0 0;
	}
	.topicksCompanyLink {
		width: 100%;
		height: 26.61vw;
		font-size: 5.32vw;
		background-position: calc(100% - 5.32vw), center;
		padding: 0 0 0 5vw;
		border-radius: 1.33vw;
		background-size: 4.79vw, cover;
	}
}