@charset "utf-8";

@media screen and (max-width : 640px) {
/* ==================================================
Required to CMS-8341
================================================== */
/* gnavi
================================================== */
#tmp_gnavi{
	margin-bottom: 50px;
	display: block;
}
#tmp_gnavi .container {
	padding: 0;
}
#tmp_gnavi .gnavi_wrap {
	display: block;
}
#tmp_gnavi ul {
	padding: 20px 0 5px;
}
#tmp_gnavi .gnavi{
	width: 100%;
}
#tmp_gnavi ul {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
}
#tmp_gnavi ul li {
	width: 50%;
	min-width:auto;
	padding: 0 15px;
	margin-bottom:15px;
}
#tmp_gnavi ul li a{
	padding-left: 22px;
}
/* visual
================================================== */
#tmp_visual_wrap {
    margin:0 0 20px;
}
#tmp_visual_wrap .container{
	padding: 0;
}
#tmp_visual_wrap .employment_panel {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-direction: column-reverse;
	overflow: visible;
}
#tmp_visual_wrap .employment_panel .employment_media,
#tmp_visual_wrap .employment_panel #tmp_syokuin_visual {
	display: block;
}
#tmp_visual_wrap .employment_panel {
    margin:0 0 56px;
}
#tmp_visual_wrap .employment_panel::before,
#tmp_visual_wrap .employment_panel::after,
#tmp_visual_wrap .wrap_employment_panel::before,
#tmp_visual_wrap .wrap_employment_panel::after {
	display:none;
}
#tmp_visual_wrap .splide__list {
	position:relative;
}
#tmp_visual_wrap .splide__list::after {
	content:'';
	position:absolute;
	left:10px;
	right:10px;
	top:10px;
	bottom:0;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	z-index:1;
}
#tmp_visual_wrap .employment_panel .employment_media,
#tmp_visual_wrap .employment_panel #tmp_syokuin_visual {
	width:100%;
}
#tmp_visual_wrap .employment_panel .employment_media {
	margin-top: -48px;
	-webkit-clip-path: polygon(0 0, 100% 30px, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 30px, 100% 100%, 0 100%);  
}
#tmp_visual_wrap .employment_panel .employment_media::before {
	top: 7px;
	left: -2px;
	width: 176px;
	height: 30px;
	background-image: url(/shared/templates/syokuin/images/main/symbol_city_en_sp.png);
}
#tmp_visual_wrap .employment_panel .employment_media::after {
	bottom: -2px;
	right: -1px;
	width: 163px;
	height: 25px;
	background-image: url(/shared/templates/syokuin/images/main/symbol_recruitl_en_sp.png);
}
#tmp_visual_wrap .employment_panel #tmp_syokuin_visual::before {
	display:none;
}
#tmp_visual_wrap .employment_panel .employment_media .employment_box {
	padding:36px 20px 23px;
	position:relative;
}
#tmp_visual_wrap .employment_panel .employment_media .employment_box::after {
	content:'';
	position:absolute;
	left:10px;
	right:10px;
	top:0;
	bottom:10px;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	z-index:1;
}
#tmp_visual_wrap .employment_media h1{
	margin-bottom: 3px;
	font-size: 150%;
	line-height: 1.5;
}
#tmp_visual_wrap .employment_media h1 br{
	display: block;
}
#tmp_visual_wrap .employment_media p{
	font-size: 87.5%;
}
#tmp_syokuin_visual .splide__slide {
	width:100%;
}
#tmp_syokuin_visual .splide__slide img {
	max-width:100%;
	height:auto;
}
#tmp_visual_wrap .employment_panel .employment_media .employment_cap {
	overflow: visible;
	max-height:none;
}
/* splide__controls */
#tmp_syokuin_visual .splide_common .splide__controls{
	position: absolute;
	right: 0;
	bottom: -46px;
	z-index: 10;
	margin: 0 10px 0 0;
}
#tmp_visual_wrap .splide_common .splide__arrow {
	background-size: 11px auto;
}
#tmp_visual_wrap .splide_common .splide__arrow--next,
#tmp_visual_wrap .splide_common .splide__arrow--prev{
	z-index: 10;
}
#tmp_visual_wrap .splide_common .splide__arrow--next{
	right: 0;
}
#tmp_visual_wrap .splide_common .splide__arrow--prev{
	left: 0;
}

#tmp_contents .guide_media{
	display: block;
	max-width: 100%;
}
#tmp_contents .guide_media .guide_image{
	margin-bottom: 15px;
	padding: 0 20px;
	width: 100%;
}
#tmp_contents .guide_media .guide_image img{
	width: 100%;
}
#tmp_contents .guide_media .download_btn{
	position: static;
}
#tmp_contents .guide_media .guide_cap{
	padding-bottom: 28px;
}
#tmp_contents .guide_media .guide_cap,
#tmp_contents .guide_media .guide_image + .guide_cap{
	padding-left: 0;
}
#tmp_contents .guide_media .guide_cap br{
	display: block;
}
#tmp_contents .guide_media .guide_cap > p{
	margin-bottom: 34px;
	line-height: 1.5;
}
#tmp_contents .guide_media .guide_image + .guide_cap > p{
	margin-bottom: 34px;
}
#tmp_contents .message_cate{
	padding: 0 20px;
}
#tmp_contents .message_cate .switch_read_more{
	margin-bottom:10px;
}
#tmp_contents .message_list{
	margin: 0;
	display: block;
}
#tmp_contents .message_list li{
	margin-bottom: 30px;
	padding: 0;
	width: 100%;
	float: none;
}
#tmp_contents .message_list li a:before{
	width: 25px;
	height: 26px;
	background-position: 4px 9px;
	background-size: 16px auto;
}
#tmp_contents .message_list li a {
	filter: drop-shadow(0 0 4px rgba(96, 94, 96, 0.2));
}
#tmp_contents .message_list li a:after{
	content: none;
}
#tmp_contents .message_box{
	line-height: 1.5;
}
#tmp_contents .message_box .message_inner{
	min-height: 183px;
	max-height: 185px;
}
#tmp_contents .message_box .message_postion{
	margin-bottom: 3px;
	font-size: 87.5%;
}
#tmp_contents .message_box .job_type {
	padding-left: 12px;
}
#tmp_contents .message_box .message_partitive,
#tmp_contents .message_box .message_desc{
	font-size: 100%;
}
#tmp_contents .message_box a {
	filter: drop-shadow(0 0 2px rgba(96, 94, 96, 0.3));
}
#tmp_contents .section_special{
	padding-top: 35px;
}
#tmp_contents .section_special .main_heading h2{
	margin-bottom: 9px;
	background-size: 263px auto;
}
#tmp_special_slide{
	margin: 0 0 34px;
}
#tmp_special_slide .splide__slide{
	padding: 10px 10px 0;
	margin-bottom: 0;
}
#tmp_special_slide .splide_common .splide__arrow--prev{
	left: 0;
}
#tmp_special_slide .splide_common .splide__arrow--next{
	right: 0;
}
#tmp_special_slide .splide_common .splide__arrow{
	margin-top: -40px !important;
}
#tmp_contents .special_box .special_cap{
	font-size: 100%;
}
#tmp_contents .special_box .special_image{
	margin-bottom: 14px;
}
#tmp_contents .special_box .special_child_ttl{
	margin-bottom: 8px;
	padding-left: 0;
	line-height: 1.5;
}
#tmp_contents .special_box .special_cap .special_desc{
	line-height: 1.5;
}
#tmp_contents .outline{
	margin-bottom: 50px;
	font-size: 100%;
}
#tmp_contents table.outline td {
	padding: 11px 18px 2px;
}
#tmp_contents div.outline{
	padding: 11px 18px 2px;
}
#tmp_contents .notice_inner{
	padding-right: 0;
	min-height:auto;
}
#tmp_contents .notice_wrap:after{
	display: none;
}
#tmp_contents .recruitment_cate {
	padding-top: 13px;
}
#tmp_contents .recruitment_list{
	display: block;
	margin: 0;
}
#tmp_contents .recruitment_list li{
	width: 100%;
	margin-bottom: 17px;
}
#tmp_contents .recruitment_list li a {
	padding-left: 139px;
	min-height: 80px;
	box-shadow: 0 0 4px rgba(96, 94, 96, 0.2);
}
#tmp_contents .recruitment_list li a::before {
	width: 115px !important;
}
#tmp_contents .main_heading h2{
	margin-bottom: 14px;
	padding-top: 34px;
	font-size: 137.5%;
}
#tmp_contents .section_info .main_heading h2{
	padding-top: 34px;
	background-size: 193px auto;
}
#tmp_contents .notice_list .notice_date{
	padding: 0;
	float: none;
	width: 100%;
}
#tmp_contents .notice_list,
#tmp_contents .see_list{
	font-size: 100%;
}
#tmp_contents .notice_list li{
	padding: 18px 0 13px;
}
#tmp_contents .notice_list .notice_cap{
	padding: 1px 0 4px 1px;
	margin-left: 0;
	overflow: visible;
}
#tmp_contents .section_info{
	margin-bottom: 55px;
}
#tmp_contents .section_recruitment{
	padding: 11px 0 10px;
	overflow: visible;
}
#tmp_contents .section_recruitment:before{
	top: 0;
	height: 11px;
	background: transparent url(/shared/templates/syokuin/images/main/sknew_top_sp.png) no-repeat;
	background-size: 100% auto;
}
#tmp_contents .section_recruitment:after{
	bottom: -1px;
	height: 11px;
	background: transparent url(/shared/templates/syokuin/images/main/sknew_bottom_sp.png) no-repeat;
	background-size: 100% auto;
}
#tmp_contents .section_recruitment .recruitment_outer{
	position: relative;
	padding: 22px 0 33px;
}
#tmp_contents .section_recruitment .recruitment_outer:before{
	position: absolute;
	content: '';
	right: -10px;
	top: -94px;
	z-index: 2;
	width: 162px;
	height: 186px;
	background: transparent url(/shared/templates/syokuin/images/main/bg_map_info_sp.png) no-repeat;
	background-size: 100% auto;
}
#tmp_contents .section_recruitment .main_heading h2{
	padding-top: 34px;
	color: inherit;
	background-color: transparent;
	margin-bottom: 20px;
	background-size: 210px auto;
	position:relative;
	z-index:5;
}
#tmp_contents .section_guide{
	padding: 33px 0 31px;
}
#tmp_contents .section_guide .main_heading h2{
	padding-top: 34px;
	margin-bottom: 20px;
	background-size: 319px auto;
}
#tmp_contents .guide_media .download_btn{
	font-size: 100%;
	bottom: 0;
}
#tmp_contents .guide_media .download_btn a{
	padding: 9px 6px 9px 60px;
	max-width: 340px;
	display: block;
	background-position: 36px center;
	text-align: left;
	box-shadow: 0 0 4px rgba(96, 94, 96, 0.2);
	margin: 0 auto;
}
#tmp_contents .guide_media .download_btn a::after {
	display:none;
}
#tmp_contents .section_message{
	padding: 11px 0;
}
#tmp_contents .message_outer{
	padding: 25px 0 43px;
}
#tmp_contents .section_message:before{
	top: 1px;
	height: 11px;
	background: transparent url(/shared/templates/syokuin/images/main/sknew_top_sp.png) no-repeat;
	background-size: 100% auto;
}
#tmp_contents .section_message:after{
	bottom: 0;
	height: 11px;
	background: transparent url(/shared/templates/syokuin/images/main/sknew_bottom_sp.png) no-repeat;
	background-size: 100% auto;
}
#tmp_contents .section_message .main_heading h2{
	margin-bottom: 10px;
	background-size: 332px auto;
}
#tmp_contents .see_list li a{
	padding-left: 21px;
}
#tmp_contents .section_message .see_list {
	margin-top: 20px;
	padding: 0 18px;
}
#tmp_special_slide .no-splide .splide__list{
	margin: 0 !important;
}
#tmp_special_slide .no-splide .splide__slide{
	width: 100%;
	padding: 0;
}

/* ==================================================
Accessibility
================================================== */
/* Accessibility top */
.fsize_big #tmp_contents .message_box .message_cap,
.fsize_big2 #tmp_contents .message_box .message_cap{
	left: 0;
}
.fsize_big #tmp_contents .guide_media .guide_cap,
.fsize_big2 #tmp_contents .guide_media .guide_cap{
	padding-bottom: 69px;
}
.fsize_big2 #tmp_contents .message_box .message_inner{
	padding-left: 30px;
}
.color_blue #tmp_contents .message_box .message_cap,
.color_black #tmp_contents .message_box .message_cap,
.color_yellow #tmp_contents .message_box .message_cap{
	left: 0;
}
.color_blue #tmp_gnavi .gnavi_anchor li a,
.color_black #tmp_gnavi .gnavi_anchor li a {
	background-image: url(/shared/templates/syokuin/images/icon/icon_anchor_sp.png) !important;
}
.color_yellow #tmp_gnavi .gnavi_anchor li a {
	background-image: url(/shared/templates/syokuin/images/icon/icon_anchor_sp_black.png) !important;
}
.color_blue #tmp_visual_wrap .employment_panel .employment_media .employment_cap,
.color_black #tmp_visual_wrap .employment_panel .employment_media .employment_cap,
.color_yellow #tmp_visual_wrap .employment_panel .employment_media .employment_cap {
	overflow: visible !important;
	max-height:none !important;
	padding-top:0 !important;
}
.no_javascript #tmp_visual_wrap{
	margin-bottom: 50px;
}
.no_javascript #tmp_visual_wrap .visual_inner{
	padding-bottom: 0;
}
.no_javascript #tmp_syokuin_visual .splide{
	max-height: 240px;
}
.no_javascript #tmp_visual_wrap .container:after,
.no_javascript #tmp_visual_wrap .visual_inner:before,
.no_javascript #tmp_visual_wrap .visual_inner:after{
	bottom: 13px;
}
.no_javascript #tmp_special_slide .splide .splide__slide{
	width: 50%;
}
.no_javascript #tmp_visual_wrap .employment_box{
	padding-bottom: 20px;
}
.no_javascript #tmp_visual_wrap .employment_panel {
	min-height: auto;
}
/* Accessibility idx */
.fsize_big2 #tmp_syokuin_search .syokuin_box_btn {
	flex-direction: column;
	gap: 12px 0;
}
.fsize_big2 #tmp_visual_wrap .container:after,
.fsize_big2 #tmp_visual_wrap .visual_inner:before,
.fsize_big2 #tmp_visual_wrap .visual_inner:after{
	bottom: 77px;
}
.fsize_big2 #tmp_syokuin_visual .splide_common .splide__controls{
	bottom: -72px;
}
.fsize_big2 #tmp_contents .notice_list .notice_date,
.fsize_big #tmp_contents .notice_list .notice_date{
	width: 100%;
}
}
@media screen and (max-width : 490px) {
.no_javascript #tmp_special_slide .splide .splide__slide{
	margin-bottom: 20px;
	width: 100%;
}
.no_javascript #tmp_special_slide .splide .splide__slide:last-child{
	margin-bottom: 0;
}
}
@media screen and (max-width : 370px) {
#tmp_contents .section_guide .main_heading h2{
	margin-bottom: 20px;
	background-size: 100% auto;
	max-width: 320px;
}
#tmp_contents .section_message .main_heading h2{
	background-size: 100% auto;
	max-width: 332px;
}
.no_javascript #tmp_syokuin_visual .splide{
	max-height: 173px;
}
}