@charset "UTF-8";

/*-----------------------------------
	base
-----------------------------------*/
body {
	position: relative; 
  margin: 0;
  min-height: 100vh;
}
#contents {
	margin-top: 96px;
}
/*.bg {
	position: relative;
	top: 0;
	left: 0;
	width: 100vw;
    height: 100vh;
	z-index: -10;
	overflow: hidden;
}*/
.bg .bg_wrap {
	position: absolute;
	width: 338px;
	top: 0;
    left: 38%;
	transition: 1s;
}
.bg img {
	width: 100%;
}
/*.bg .bg_wrap.end path {
	stroke: white;
}*/
@keyframes fadeInBg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.h2_ttl {
	font-size: 42px;
	display: flex;
	align-items: center;
	gap: 10px;
 }
 .ttl_wrapper {
	align-items: center;
	margin-bottom: 30px;
	gap: 20px;
 }
 .ttl_wrapper p a {
	color: #006b48;
	font-weight: bold;
	font-size: 16px;
	position: relative;
	padding-right: 10px;
 }
  .ttl_wrapper p a::after {
	    content: "";
    position: absolute;
    border: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
    border-top: solid 1px #006b48;
    border-right: solid 1px #006b48;
    display: inline-block;
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
	transition: 0.3s;
  }
  .ttl_wrapper p a:hover {
	color: #12996d;
  }
.map_icon {
	width: 46px;
	height: 48px;
  }
 .info_icon {
	width: 37px;
	height: 49px;
 }
 .search_icon {
	width: 46px;
	height: 46px;
 }
 .search_icon_wh {
	width: 14px;
	height: 14px;
 }
 .faq_icon {
	width: 60px;
	height: 48px;
 }
  .star_icon {
	width: 29px;
	height: 29px;
 }
/*@media screen and (min-width: 981px){
	.bg .bg_wrap.top {
		width: 105vw;
		top: 11vw;
		left: -9vw;
		translate: 0 0;
	}
	.bg .bg_wrap.center {
		width: 123vw;
		top: -40vw;
		left: -6vw;
		translate: 0 0;
		rotate: 40deg;
	}
	.bg .bg_wrap.bottom {
		width: 125vw;
		top: -40vw;
		left: 57vw;
		translate: 0 0;
		rotate: 44deg;
	}
	.bg .bg_wrap.end {
		width: 70vw;
        top: -10vw;
        left: 15vw;
        translate: 0 0;
        rotate: 44deg;
	}
}*/

.sp_980{
	display: none;
}
 @media screen and (max-width: 980px) {
	  #contents{
		  margin-top: 90px!important; 
	  } 
	  
	 .bg .bg_wrap {
          left: 32%;
	 }
	 /*.bg .bg_wrap.sp path {
		stroke: #006b48;
	 }*/
	 .ttl_wrapper {
		  gap: 12px;
	  }
	 
	 .sp_980{
		 display: block;
	 }
	 .pc_980{
		 display: none!important;
	 }
  }
 @media screen and (max-width: 640px) {
	 #contents{
		  margin-top: 60px!important;
	  } 
	 
	 .bg .bg_wrap {
        top: 105px;
        left: auto;
        right: 5%;
        width: 204px;
    }
	/*.bg .bg_wrap.top {
		width: 185vw;
        top: 16vw;
        left: -68vw;
        translate: 0 0;
	}
	.bg .bg_wrap.center {
		width: 193vw;
        top: -20vw;
        left: -48vw;
        translate: 0 0;
        rotate: 10deg;
	}
	.bg .bg_wrap.bottom {
		width: 185vw;
        top: -40vw;
        left: 24vw;
        translate: 0 0;
        rotate: 14deg;
	}
	.bg .bg_wrap.end {
		width: 130%;
        top: 50px;
        left: -18vw;
	}*/
	 
	.h2_ttl {
		font-size: 30px;
	}
	.map_icon {
		width: 35px;
		height: 36px;
	}
	.search_icon {
		width: 39px;
		height: 39px;
	}
	.info_icon {
		width: 26px;
		height: 35px;
		margin-top: 4px;
	}
	 .faq_icon {
		width: 42px;
		height: 33px;
	}
 }


/*-----------------------------------

	breadcrumb

-----------------------------------*/
#breadcrumb .contents_inner{
	/*max-width: 1086px;*/
}
#breadcrumb ul{
	/*padding: 18px 0;*/
	justify-content: flex-start;
	overflow: hidden;
}
#breadcrumb ul li,
#breadcrumb ul li a{
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	display: block;
}
#breadcrumb ul li a{
	position: relative;
	padding-right: 10px;
	margin-right: 3px;
}
#breadcrumb ul li a::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: url("../img/lower/bc_arrow.svg")no-repeat;
	width: 5px;
	height: 5px;
}

@media screen and (max-width: 840px) {
	#breadcrumb ul{
		flex-wrap: nowrap;
        overflow-x: auto;
	}
	#breadcrumb ul li,
	#breadcrumb ul li a{
		white-space: nowrap;
		width: max-content;
		font-size: 12px;
	}
}
@media screen and (max-width: 640px){
}
/*-----------------------------------

	mainvisual_block

-----------------------------------*/
#mainvisual_block {
	background-repeat: no-repeat;
    background-position: right calc(calc(100vw - 1100px) / 2 + 70px) center;
	background-size: 200px;
}
@media screen and (max-width: 980px){
	#mainvisual_block {
		background-image: none!important;
	}
}
/*-----------------------------------

	news_block

-----------------------------------*/
#news_block {

}
#news_block .contents_inner {
	gap: 7%;
}

/*news_wrap*/
.column_box{
	padding: 0 0 57px;
}
.interview_box{
	padding: 57px 0;
}
.column_box{
	border-bottom: 1px solid #9fa0a0;
}
.left_box .interview_box .category-block:nth-last-child(2) .swiper {
	border: none;
}
.news_wrap .column_bg_icon {
	width: 122px;
	height: 37px;
}
.news_wrap .interview_bg_icon {
	width: 133px;
	height: 37px;
}
/* .news_wrap .category-block:nth-last-of-type(1) {
	margin-bottom: 37px;
	border-bottom: none!important;
} */
.news_wrap .ttl_wrap{
	align-items: center;
	margin-top: 60px;
}
.news_wrap .ttl_wrap:first-of-type{
	margin-top: 30px;
}
.news_wrap .ttl_wrap h4 {
	font-size: 30px;
}
.news_wrap .ttl_wrap a{
	color: #006b48;
	font-size: 16px;
	font-weight: 700;
	padding-right: 20px;
	position: relative;
	transition: 0.3s;
} 
.news_wrap .ttl_wrap a:hover{
	color: #12996d;
}
.news_wrap .ttl_wrap a::before{
	content: "";
    position: absolute;
    border: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    border-top: solid 1px #006b48;
    border-right: solid 1px #006b48;
    transform: rotate(45deg);
	display: inline-block;
    width: 8px;
    height: 8px;
    transition: 0.3s;
}

@media screen and (max-width: 640px) {
	.news_wrap .ttl_wrap h4 {
		font-size: 24px;
	}
	.news_wrap .ttl_wrap h4 a {
		justify-content: space-between;
	}
}

/*left_box*/
.left_box {
	width: calc(93% - 305px);
}
.left_box .ttl_box .h2_ttl {
	margin-bottom: 37px;
}
.left_box .h2_ttl {
	gap: 20px;
}

.news_box_wrap{
	gap: 47px 49px;
	justify-content: flex-start;
	padding: 13px 0 125px;
	border-bottom: 1px dashed #000000;
}
.news_box_wrap + .gray_box {
    margin-top: 30px;
}
.left_box .swiper{
	padding: 42px 0 65px;
	border-bottom: 1px dashed #000000;
}
.left_box .column_box .category-block:nth-last-child(2) .swiper{
	border-bottom: none;
}
.left_box .border_none{
	padding-bottom: 37px;
	border-bottom: none!important;
}
.news_box_wrap .news_box{
	width: calc((100% - 49px) / 2);
}
.news_box_wrap .news_box:first-child{
	width: 100%;
}
.news_box_wrap .news_box .txt_wrap{
	flex-direction: column;
	gap: 15px;
}
.news_box_wrap .news_box .txt_wrap a {
	display: flex;
	gap: 15px;
    flex-direction: column;
}
.news_box_wrap .news_box:first-child .txt_wrap{
	
}
.left_box .news_box_wrap .news_box:first-child .txt_wrap>a {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap: 31px;
	flex-wrap: nowrap;
}
.left_box .news_box_wrap .news_box:first-child .txt_wrap>a .img_box {
	width: calc(100% - 241px);
}
.left_box .news_box_wrap .news_box:first-child .text_box {
	max-width: 210px;
}
.news_box .txt_wrap .img_box{
	width: 100%;
	max-width: 338px;
	height: 186px;
	position: relative;
}
.news_box:first-child .txt_wrap .img_box{
	max-width: 452px;
	height: 250px;
}
.news_box .txt_wrap .img_box.new{
	position: relative;
}
.news_box .txt_wrap .img_box.new::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url("../img/miyagi/icon_new.svg")no-repeat;
	width: 67px;
	height: 33px;
	z-index: 5;
}
.left_box .swiper .swiper-slide .txt_wrap .img_box{
	width: 100%;
	height: 120px;
	margin-bottom: 18px;
}
.news_box .txt_wrap .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 7px;
}
.news_box .txt_wrap .img_box .cate{
	padding: 5px 10px;
	background: #231815;
	color: #fff;
	font-size: 14px;
    font-weight: bold;
	max-width: fit-content;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
}
.news_box .txt_wrap .text_box{
	font-weight: 700;
	/* margin-top: 15px; */
}
.news_box .txt_wrap .text_box .date,
.your_job_wrap .news_wrap .news_box .slide_top .date{
	font-size: 14px;
    color: #006b48;
    display: inline-block;
    margin-bottom: 10px;
    font-family: "Cabin", sans-serif;
    font-style: italic;
    font-weight: 700;
}
.news_box .txt_wrap .text_box .h4_box_ttl{
	font-size: 20px;
    color: #006b48;
    line-height: 1.4;
    margin-bottom: 10px;
	font-weight: 700;
}
.news_box .txt_wrap .text_box p{
	font-size: 16px;
	font-weight: 700;
}
.news_box .txt_wrap .text_box .company{
	font-size: 12px;
	color: #006b48;
    font-weight: 500;
    display: inline-block;
	margin-bottom: 10px;
}
.news_box .txt_wrap .text_box .job{
	font-size: 12px;
	color: #006b48;
    font-weight: 500;
    display: inline-block;
    margin-top: 15px;
}
.news_box .tag{
	gap: 10px;
	justify-content: flex-start;
	margin-top: 15px;
}
.news_box .tag a{
	color: #006b48;
	font-weight: 700;
}

/*gray_box*/
.news_wrap .gray_box{
	/* margin-top: 37px; */
	padding: 25px 30px;
	background: #f3f4f1;
	border-radius: 7px;
}
.news_wrap .gray_box .h6_gray_ttl{
	font-size: 18px;
    color: #006b48;
    line-height: 1.4;
    margin-bottom: 15px;
    font-weight: 700;
}
.news_wrap .gray_box .cate_box{
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #9fa0a0;
}
.news_wrap .gray_box .list{
	gap: 10px 15px;
	justify-content: flex-start;
}
.news_wrap .gray_box .list li a{
	font-size: 16px;
	font-weight: 700;
	transition: 0.3s;
}
.news_wrap .gray_box .list li a:hover{
	text-decoration: underline;
}

@media screen and (max-width: 980px) {
	.left_box {
		width: 100%;
	}
}

@media screen and (max-width: 840px){
}
@media screen and (max-width: 640px){
	.left_box .ttl_box .h2_ttl{
		margin-bottom: 34px;
	}
	
	.left_box .jobchange_box:last-child{
		padding-top: 18px;
	}
	.column_box,
	.interview_box{
		padding: 44px 0 54px;
	}
	.news_wrap .ttl_wrap{
		margin-top: 45px;
	}
	.news_wrap .ttl_wrap:first-of-type{
		margin-top: 21px;
	}
	.news_box_wrap{
		padding: 41px 0;
		gap: 36px;
	}
	.column_box .news_box_wrap,
	.interview_box .news_box_wrap{
		border: none;
	}
	
	.left_box .sp_sub_arrow{
		padding-bottom: 46px;
		border-bottom: 1px dashed #000000;
	}
	.left_box .sp_sub_arrow .arrow_btn{
		margin: 0 auto;
		background: #fff;
		border: 3px solid #006b48;
		color: #006b48!important;
		padding: 16px 18px;
		transition: 0.3s;
		width: 100%;
	}
	.left_box .sp_sub_arrow .arrow_btn:hover{
		background: #006b48;
		color: #fff!important;
	}
	.left_box .sp_sub_arrow .arrow_btn::before{
		border-top: solid 2px #006b48;
    	border-right: solid 2px #006b48;
	}
	.left_box .sp_sub_arrow .arrow_btn:hover::before{
		border-top: solid 2px #fff;
    	border-right: solid 2px #fff;
	}
	
	.news_box_wrap .news_box:first-child,
	.news_box_wrap .news_box{
		max-width: 100%;
		width: 100%;
		margin: auto;
	}
	/* .news_box_wrap .news_box:first-child .txt_wrap, */
	.news_box_wrap .news_box .txt_wrap a{
		gap: 21px;
		flex-direction: column;
	}
	.left_box .news_box_wrap .news_box:first-child .txt_wrap>a {
		width: 100%;
		gap: 21px;
		/* gap: 0; */
		flex-direction: column;
	}
	.news_box:first-child .txt_wrap .img_box,
	.news_box .txt_wrap .img_box{
		width: 100%;
		max-width: 100%;
		height: 180px;
	}
	.left_box .news_box_wrap .news_box:first-child .txt_wrap>a .img_box {
		width: 100%;
	}
	.left_box .news_box_wrap .news_box:first-child .text_box {
		width: 100%;
		max-width: 100%;
	}
	.news_box .txt_wrap .img_box.new::before{
		width: 52px;
		height: 25px;
	}
	.left_box .swiper{
		padding: 30px 0 42px;
		border: none;
	}
	
	.news_wrap .gray_box{
		width: 100vw;
		margin-left:calc(-50vw + 50%);
		border-radius: 0;
		padding: 30px 0 30px 25px;
		margin-top: 0;
	}
	.news_box_wrap + .gray_box {
		margin-top: 30px;
	}
	.news_wrap .gray_box .cate_box{
		overflow-x: hidden;
	}
	.news_wrap .gray_box .list{
		flex-wrap: nowrap;
		overflow-x: auto;
	}
	.news_wrap .gray_box .list li{
		white-space: nowrap;
	}
}

/*your_job_wrap*/
.your_job_wrap{
	padding: 33px 0 0;
	width: 66vw;
	max-width: 1100px;
}
.your_job_wrap .news_wrap .news_box_wrap{
	border-bottom: none;
	gap: 40px;
}
.your_job_wrap .news_wrap .news_box_wrap .news_box:first-child,
.your_job_wrap .news_wrap .news_box{
	width: calc((100% - 80px) / 3);
	background: #f3f4f1;
	border-radius: 7px;
	padding: 30px;
}
.your_job_wrap .news_wrap .news_box .slide_top{
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 25px;
	width: 100%;
	gap: 10px;
}
.your_job_wrap .news_wrap .news_box .slide_top .industry{
	font-size: 14px;
	font-weight: 700;
	color: #006b48;
	padding: 5px 10px;
	background: #fff;
	text-align: center;
}
.your_job_wrap .news_wrap .news_box .slide_top .date{
	margin-bottom: 0;
	margin-left: auto;
}
.your_job_wrap .news_wrap .news_box .h4_box_ttl{
	font-size: 20px;
    color: #000;
    line-height: 1.6;
    margin-bottom: 20px;
    font-weight: 700;
	padding-bottom: 28px;
	border-bottom: 1px solid #006b48;
}
.your_job_wrap .news_wrap .news_box .table_box table tr td{
	padding: 5px 0;
	color: #006b48;
	font-size: 20px;
	width: calc(100% - 70px);
}
.your_job_wrap .news_wrap .news_box .table_box table tr td:first-child{
	font-weight: 700;
	width: 75px;
}
.arrow_btn{
	margin: 30px auto 0;
	border-radius: 7px;
	background: #006b48;
	text-align: center;
	font-weight: 700;
	width: 218px;
    padding: 15px 0;
    color: #fff!important;
    border: none;
    font-size: 16px;
    position: relative;
}
.arrow_btn:hover{
	background: #12996d;
}
.arrow_btn::before{
	content: "";
    position: absolute;
    border: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    display: inline-block;
    width: 8px;
    height: 8px;
    transition: 0.3s;
}

@media screen and (max-width: 1360px){
	.your_job_wrap{
		width: 80vw;
	}
}
@media screen and (max-width: 1100px){
	.your_job_wrap{
		width: 90vw;
	}
}
@media screen and (max-width: 980px){
	.your_job_wrap{
		width: 100%;
		padding: 6px 0 0;
	}
	.your_job_wrap .news_wrap .news_box_wrap{
		padding: 0 0 74px;
		margin-bottom: 60px;
		border-bottom: 1px solid #9fa0a0;
		gap: 28px;
		flex-direction: column;
	}
	.your_job_wrap .news_wrap .news_box_wrap .news_box:first-child,
	.your_job_wrap .news_wrap .news_box{
		max-width: 330px;
		width: 100%;
		margin: auto;
	}
	.your_job_wrap .news_wrap .news_box .h4_box_ttl{
		font-size: 18px;
		padding-bottom: 25px;
	}
	.your_job_wrap .news_wrap .news_box .table_box table tr td{
		font-size: 16px;
		padding: 3px 0;
	}
}
@media screen and (max-width: 640px){
	.your_job_wrap .news_wrap .news_box_wrap .news_box:first-child,
	.your_job_wrap .news_wrap .news_box{
		max-width: 100%;
	}
}
/*job_box*/
.left_box .job_box {
	position: relative;
	padding-top: 90px;
}
.left_box .job_box::after {
	content: "";
	position: absolute;
	top: 0;
	left: -22vw;
    width: 120vw;
    height: calc(100% + 80px);
	background-color: #f3f4f1;
	z-index: -99;
}
.job_box .search_box {
	margin-bottom: 30px;
}
.job_box .search_box .row_box {
	align-items: center;
	flex-wrap: nowrap;
	gap: 2%;
}

.job_box .search_box .select_box {
	width: 100%;
}

.job_box .search_box .select_box select {
	border: 1px solid #000;
	padding: 15px 10px;
    width: 100%;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	background-color: #fff;
}
.job_box .search_box button {
	width: 146px;
	min-width: 146px;
	padding: 12px 10px 12px 20px;
	background: #006b48;
	color: #fff;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	position: relative;
	cursor: pointer;
	transition: 0.3s;
}
.job_box .search_box button:hover {
	background: #12996d;
}
.job_box .search_box button::after {
	position: absolute;
	content: url(../img/common/link_icon_wh.svg);
	width: 10px;
	height: 10px;
	top: 0;
	bottom: 0;
    right: 7%;
	margin: auto 0;
	font-size: 0;
}
.job_box .search_box .times_icon {
	width: 6px;
	height: 6px;
}
.job_box .keyword {
	margin-bottom: 61px;
}
.job_box .keyword h4 {
	font-size: 20px;
	margin-bottom: 20px;
}
.job_box .keyword ul {
	justify-content: flex-start;
	gap: 3%;
}
.job_box .keyword ul li a {
	font-size: 18px;
	font-weight: bold;
	color: #006b48;
}
.job_box .workplace_box {
	margin-bottom: 65px;
}
.job_box .workplace_box h3 {
	font-size: 28px;
	color: #006b48;
	margin-bottom: 17px;
}
.job_box .workplace_box .row_box {
	column-gap: 25px;
    row-gap: 28px;
}
.job_box .workplace_box .row_box>li {
	width: calc((100% - 25px) / 2);
	display: flex;
    background: #fff;
}
.job_box .workplace_box .row_box>li .ttl_box {
	width: 65px;
	background-color: #006b48;
	color: #fff;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: right;
}
.job_box .workplace_box .row_box>li .ttl_box.close .plus_ico:before,
.job_box .workplace_box .row_box>li .ttl_box.close .plus_ico:after {
	background-color: #fff;
}
.job_box .workplace_box .row_box li .workplace_list_wrap {
	width: calc(100% - 65px);
}
.job_box .workplace_box .row_box li .workplace_list_wrap_inner {
	width: 100%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
	padding: 9px 5px 9px 12px;
}
.job_box .workplace_box .row_box li .workplace_list  {
	width: calc(100% - 70px);
	display: flex;
	flex-wrap: wrap;
    gap: 0px 17px;
}
.job_box .workplace_box .row_box li .workplace_list a {
	color: #006b48;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8;
}
.job_box .workplace_box .row_box li .workplace_list a:hover {
	color: #12996d;
}
.job_box .workplace_box .row_box li .img_box {
    max-width: 70px;
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;
}
.job_box .workplace_box .row_box li .img_box img {
    max-height: 50px;
}
.job_box .occupation_box h3 {
	font-size: 28px;
    color: #006b48;
    margin-bottom: 18px;
}
.job_box .occupation_box .occupation_list {
	display: flex;
    flex-wrap: wrap;
    gap: 23px 3%;
}
.job_box .occupation_box .occupation_list  li {
	width: calc(94% / 3);
}
.job_box .occupation_box .occupation_list li:nth-child(3) br,
.job_box .occupation_box .occupation_list li:last-child br {
	display: none!important;
}
.job_box .occupation_box .occupation_list li>p {
	font-size: 12px;
	line-height: 1.8;
	letter-spacing: 0;
}
.job_box .occupation_box .occupation_list .link_box {
	border: 1px solid #e2e2e3;
	border-radius: 5px;
    margin-bottom: 13px;
	overflow: hidden;
	position: relative;
}
.job_box .occupation_box .occupation_list .link_box::after {
	position: absolute;
	content: url(../img/common/link_icon_gr.svg);
	width: 10px;
	height: 10px;
	font-size: 0;
	top: 7px;
	right: 7px;
}
.job_box .occupation_box .occupation_list .link_box a {
	display: flex;
	align-items: center;
	font-size: 15px;
	font-weight: bold;
	color: #006b48;
	gap: 6px;
	background-color: #fff;
}
.job_box .occupation_box .occupation_list .link_box a .occupation_name {
	letter-spacing: 0;
	margin-right: 5px;
}
.job_box .occupation_box .occupation_list .link_box a .occupation_name span {
	font-size: 12px;
}
.job_box .occupation_box .occupation_list img {
	width: 65px;
	height: 65px;
}

@media screen and (max-width: 1250px) {
    .job_box .search_box .select_box select {
	    min-width: 153px;
	    width: 100%;
    }
}
@media screen and (max-width: 980px) {
	.left_box{
		width: 100%;
	}
	.left_box .job_box {
		padding-top: 70px;
	}
	.left_box .job_box::after {
		height: calc(100% + 60px);
	}
	.job_box .search_box .row_box {
		justify-content: flex-start;
	}
	.job_box .workplace_box {
		width: 100vw;
    	margin-left: calc(-50vw + 50%);
		margin-bottom: 35px;
	}
	.job_box .workplace_box h3 {
		width: 80%;
		margin: 0 auto 20px;
	}
	.job_box .workplace_box .row_box {
		flex-direction: column;
		row-gap: 0;
	}
	.job_box .workplace_box .row_box>li {
		flex-direction: column;
		width: 100%;
	}
	.job_box .workplace_box .row_box li .img_box {
		display: none;
	}
	.job_box .workplace_box .row_box>li .ttl_box {
		width: 100%;
		font-size: 20px;
        color: #000;
        background-color: #dee1d9;
        padding: 20px 55px;
        margin-bottom: 0;
        border-bottom: 1px solid #fff;
        position: relative;
		justify-content: left;
	}
	.job_box .workplace_box .row_box>li .ttl_box.close {
		color: #fff;
        background-color: #006b48;
	}
	.job_box .workplace_box .row_box li .workplace_list_wrap {
		width: 100%;
		display: none;
	}
	.job_box .workplace_box .row_box li .workplace_list {
		width: 90%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        margin: 18px auto;
        justify-content: space-between;
		padding: 0;
		gap: 12px 5px;
	}
	.job_box .workplace_box .row_box li .workplace_list li {
		width: calc((100% - 15px) / 2);
	}
	.job_box .workplace_box .row_box li .workplace_list li a {
		position: relative;
        font-size: 16px;
        font-weight: bold;
        background-color: #fff;
        padding: 10px 0 10px 10px;
        border-radius: 6px;
        border: 1px solid #9fa0a0;
	}
	.job_box .workplace_box .row_box li .workplace_list li a::after {
		content: "";
		position: absolute;
		border: 0;
		top: 0;
		bottom: 0;
		margin: auto 0;
		right: 14%;
		border-top: solid 1px #000;
		border-right: solid 1px #000;
		display: inline-block;
		transform: rotate(45deg);
		width: 8px;
		height: 8px;
	}
	.job_box .occupation_box h3 {
		width: fit-content;
		position: relative;
	}
	.job_box .occupation_box h3::after {
		content: url(../img/common/link_icon_gr.svg);
		position: absolute;
		width: 10px;
		height: 10px;
		top: 0;
		bottom: 0;
		right: -25px;
		margin: auto 0;
		font-size: 0;
	} 
}
@media screen and (max-width: 640px) {	
	.job_box .search_box .row_box {
		flex-direction: column;
		gap: 15px;
	}
	.job_box .search_box .row_box .select_box {
		width: 100%;
	}
	.job_box .search_box .times_icon {
		display: none;
	}
	.job_box .search_box button {
		width: 270px;
		text-align: center;
		padding: 12px 10px 12px 10px;
	}
	.job_box .occupation_box .occupation_list img {
		display: none;
	}
	.job_box .occupation_box .occupation_list li>p {
		display: none;
	}
	.job_box .occupation_box .occupation_list .link_box::after {
		display: none;
	}
	.job_box .occupation_box .occupation_list .link_box {
		margin-bottom: 0;
		border-radius: 30px 0px 0px 30px;
	}
	.job_box .occupation_box .occupation_list .link_box a {
		padding: 6px 12px;
		background-color: #006b48;
		color: #fff;
	}
	.job_box .occupation_box .occupation_list .link_box a .occupation_name {
		white-space: nowrap;
	}
	.job_box .occupation_box .occupation_list .link_box a .occupation_name .lower_br {
		display: none!important;
	}
	.job_box .occupation_box .occupation_list {
		flex-wrap: wrap;
		gap: 8px 8px;
	}
	.job_box .occupation_box .occupation_list li {
		width: fit-content;
	}
}

/*-----------------------------------

	support_block

-----------------------------------*/
.support_block {
	padding: 90px 0 80px;
	background-image: url(../img/common/support_bg_img.jpg);
  	background-image: image-set(
        url("../img/common/support_bg_img.webp") type("image/webp"),
        url("../img/common/support_bg_img.jpg") type("image/jpeg")
    );
	background-size: cover;
}

.support_block .h2_ttl {
	text-align: center;
	justify-content: center;
	color: #fff;
	margin-bottom: 50px;
}
.support_block .support_img_box {
	margin-bottom: 45px;
}
.support_block .btn_box {
	justify-content: center;
	gap: 25px;
	margin-bottom: 20px;
}
.support_block .btn_box .btn.consult_btn {
	width: 270px;
	padding-left: 52px;
}
.support_block .btn_box .btn.search_btn {
	width: 270px;
	border: none;
}
.support_block .btn_box .btn.search_btn::after {
	right: 7%;
}
.support_block p {
	text-align: center;
	color: #fff;
	font-size: 20px;
	margin-bottom: 45px;
    line-height: 1.8;
}
.support_block p.note {
	font-size: 12px;
	margin-bottom: 0;
}
@media screen and (max-width: 980px) {
	.support_block {
		padding: 50px 0 65px;
	}
	.support_block .h2_ttl {
		margin-bottom: 25px;
	}
}
@media screen and (max-width: 640px) {
	.support_block {
		background-image: image-set(url(../img/common/sp/support_bg_img.webp) type("image/webp"), url(../img/common/sp/support_bg_img.jpg) type("image/jpeg"));
	}
	.support_block p {
		font-size: 18px;
		margin-bottom: 25px;
	}
	.support_block .support_img_box {
		margin-bottom: 15px;
	}
}


/*-----------------------------------

	side_block

-----------------------------------*/
#side_block {
	display: none;
}
@media screen and (max-width: 980px) {
	#side_block {
		margin-top: 60px;
		display: block;
	}
}

/*-----------------------------------

	side_block

-----------------------------------*/
.cate_tag_box{
	padding: 30px;
    background-color: #f3f4f1;
    border-radius: 10px;
	margin-bottom: 30px;
}
.cate_tag_box .cate_tag_wrap:not(:first-child){
	border-top: 1px solid #c1c6b7;
	padding-top: 25px;
	margin-top: 25px;
}
.cate_tag_box .h3_ttl{
	margin-bottom: 10px;
}
.cate_tag_box .cate_tag_wrap .cate_tag_list li a{
	font-size: 12px;
	font-weight: 500;
	transition: 0.3s;
	display: inline-block;
}
.cate_tag_box .cate_tag_wrap .cate_tag_list li a:hover{
	text-decoration: underline;
}

@media screen and (max-width: 980px){
	
}
@media screen and (max-width: 640px){
	
}