@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Roboto:500');

/*モバイル*/
@media screen and (max-width: 759px) {
	/*--------------------------------
　	ベース
	--------------------------------*/
	body #container {
		/*position:sticky用*/
		overflow: visible;
	}
	#container .jobs_container {
		width: auto;
		padding: 30px 14px 0;
	}
	#container .jobs_container {
		/*基本のフォントサイズ（本文）を設定*/
		font-size: 14px;
	}
	.jobs_container.jobs_container_navitop {
		/*新卒ナビがある場合、上余白を追加*/
		margin-top: 46px;
	}
	#container a:hover {
		color: #464646;
	}
	.btn_pagetop {
		/*PCでスマホ幅の時、ページトップのボタンを非表示に*/
		display: none !important;
	}


	/*--------------------------------
	 汎用
	--------------------------------*/
	/*PC・SP切替*/
	#container .pc {
		display: none;
	}
	#container .sp {
		display: block;
	}

	/*--------------------------------
	　見出し
	--------------------------------*/
	/*見出し1*/
	.job-header--1 {
		margin-bottom: 24px;
		padding-left: 12px;
		line-height: 1.2;
		border-left: 6px solid #e60012;
	}
	.job-header--1__subtext {
		padding-top: 1px;
		font-size: 14px;
		line-height: 1.4;
	}
	.job-header--1__maintext {
		font-size: 21px;
	}

	/*見出し2-1*/
	.job-header--2-1 {
		font-size: 14px;
	}

	/*見出し2-2*/
	.job-header--2-2 {
		font-size: 14px;
		background-color: #e6e6e6;
		padding: calc(14px - 0.5em) 16px calc(14px - 0.5em) 16px;
		margin-bottom: 28px;
	}
	.job-header--2-2 .job-header--2-2__subtext {
		font-size: 9px;
	}
	.job-header--2-2__subtext i {
	  width: 9px;
	  height: 9px;
	  display: inline-block;
	  vertical-align: middle;
	  background: url(../../common/v2/img/ncommon/_common/icon/left-fill-red.svg) 50% 50% no-repeat;
	  background-size: cover;
	  border-radius: 7px;
	  margin-right: 5px;
	}
	.job-header--2-2__subtext span {
		margin-bottom: 0;
	}

	/*見出し3-1*/
	.job-header--3-1 {
		font-size: 14px;
	}


	/*見出し3-2*/
	.job-header--3-2 {
		font-size: 14px;
		position: relative;
	}
	.job-header--3-2__maintext {
		margin-left: 0;
		font-size: 14px;
	}
	.job-header--3-2__icon--1,
	.job-header--3-2__icon--2 {
		/*display: block;*/
		text-align: left;
		line-height: 1;
		margin-right: 4px;
		vertical-align: -0.02em;
	}
	.job-header--3-2__icon--1 span,
	.job-header--3-2__icon--2 span {
		font-size: 9px;
		display: inline;
		letter-spacing: 0.3em;
		padding: 0px 2px 2px 4px;
	}
	.job-header--3-2  .job-btn--1 {
		position: absolute;
		right: 0;
		top: 0;
	}
	.job-header--3-2 .job-btn--1 a {
		padding: calc(10px - 1px - 0.5em) 10px;
	}
	.job-header--3-2 .job-btn--1 a i {
		width: 10px;
		height: 10px;
	}


	/*--------------------------------
	　本文
	--------------------------------*/
	/*本文　12px（SP：10px）*/
	.jobs_container .text--xSmall {
		font-size: 10px;
	}

	/*本文　14px（SP：12px）*/
	.jobs_container .text--small {
		font-size: 12px;
	}

	/*本文　18px（SP：16px）*/
	.jobs_container .text--large {
		font-size: 16px;
	}


	/*--------------------------------
	　リスト
	--------------------------------*/
	/*リスト1　丸リスト*/
	.jobs_container .job-list--1 {
		font-size: 12px;
	}
	.jobs_container .job-list--1::after {
		top: .75em;
		left: -1em;
		width: 8px;
		height: 8px;
	}

	/*リスト2　-リスト*/
	.jobs_container .job-list--2 {
		font-size: 12px;
	}

	/*リスト3　注釈*/
	.jobs_container .job-list--3 {
		font-size: 10px;
	}
	.jobs_container .job-list--3 .link.link--intext a::before {
		width: 10px;
	  height: 10px;
	}


	/*--------------------------------
	　リンク
	--------------------------------*/
	/*テキストリンク　通常リンク*/
	.link {
		margin-left: 18px;
	}
	.link a {
		font-size:12px;
	}
	.link a::before {
	  	margin-right: 6px;
		margin-left: -16px;
		margin-bottom: 0;
		width: 10px;
		height: 10px;
	}

	/*戻るリンク*/
	.link.link--back a::before {
		margin-right: 6px;
		margin-left: -18px;
		margin-bottom: 0;
		width: 10px;
		height: 10px;
	}

	/*メールリンク*/
	.link.link--mail a::before {
	  margin-right: 10px;
	}

	/*文章内テキストリンク*/
	.link.link--intext a::before {
		width: 10px;
		height: 10px;
	}

	/*イベントページ　リンクエリア*/
	.job-linkbox--1 .flexitem {
		width: 100%;
		margin-bottom: 15px;
	}
	.job-linkbox--1 .link {
		font-size: 14px;
	}
	.job-linkbox--1 .link::before {
		width: 12px;
    height: 12px;
		margin-bottom: -1px;
	}
	.job-linkbox--1__ex p {
		font-size: 12px;
	}
	.job-linkbox--1__icon--1 span {
		padding:0.4em
	}
	.job-linkbox--1__icon--1, .job-linkbox--1__icon--2 {
		width: 10em;
	}


	/*--------------------------------
	　ボタン
	--------------------------------*/
	/*ボタン1*/
	.job-btn--1 {
		font-size: 12px;
	}
	.job-btn--1 a {
		padding: calc(8px - 0.5em) calc(10px - 1px) calc(8px - 0.5em);
	}
	.job-btn--1 a i{
		width: 10px;
	  height: 10px;
		margin-right: 7px;
		vertical-align: 0;
	}
	.job-btn--1 a span {
		margin-top: 0;
		margin-bottom: 0;
		margin-top: -0.3em;
	}


	/*ボタン2*/
	.job-btn--2 {
		font-size: 12px;
	}
	.job-btn--2 a {
		padding: calc(8px - 0.5em) calc(10px - 1px) calc(8px - 0.5em);
	}
	.job-btn--2 a i{
		width: 10px;
	  height: 10px;
		margin-right: 4px;
		vertical-align: 0;
	}
	.job-btn--2 a span {
		margin-top: 0;
		margin-bottom: 0;
		margin-top: -0.38em;
	}


	/*ボタン3　.btn-entry*/
	.btn-entry{
		width: 100%;
	}
	.btn-entry .flexitem {
		width: calc(50%);
	}
	.btn-entry .btn-entry__submit{
		margin: 0 7px 0 0;
	}
	.btn-entry .btn-entry__submit i{
		width: 14px;
		height: 14px;
		left: 14px;
	}
	.btn-entry .btn-entry__submit i::before{
		width: 14px;
		height: 14px;
	}
	.btn-entry .btn-entry__submit span {
		margin-left: 14px;
		margin-bottom: 0.2em;
		padding: calc(14px - 0.5em) 0;
		font-size: 14px;
	}
	.btn-entry .btn-entry__cancel{
		margin: 0 0 0 7px;
	}
	.btn-entry .btn-entry__cancel i{
		width: 14px;
		height: 14px;
		left: 14px;
	}
	.btn-entry .btn-entry__cancel i::before{
		width: 14px;
		height: 2px;
	}
	.btn-entry .btn-entry__cancel i::after{
		width: 14px;
		height: 2px;
	}
	.btn-entry .btn-entry__cancel span{
		margin-left: 14px;
		margin-bottom: 0.2em;
		padding: calc(14px - 0.5em) 0;
		font-size: 14px;
	}


	/*--------------------------------
	　囲み
	--------------------------------*/
	/*囲み1*/
	.job-frame--1{
		border: 1px solid #d9d9d9;
		padding: 20px;
	}
	.job-frame--1__title {
		font-size: 14px;
		margin-top: -0.5em;
		margin-bottom: calc(20px - 1em);
	}
	.job-frame--1__list dl {
		padding: calc(16px - 0.5em) 0 calc(16px - 0.5em) 0;
		font-size: 12px;
		display: block;
	}
	.job-frame--1__list dl:first-child {
		background: none;
		padding: 5px 0 16px 0;
	}
	.job-frame--1__list dd {
		margin-left: 0;
	}
	.job-frame--1__date.jtn_data::after {
		content: "NEW";
	  display: inline-block;
	  height: 16px;
		width: 6em;
	  color: #fff;
		margin-left: 1em;
		font-size: 10px;
	}


	/*囲み2*/
	.job-frame--2 {
		padding: 20px;
	}
	.job-frame--2__title {
		font-size: 14px;
		margin-top: -0.5em;
	}
	#container .job-frame--2__text {
		font-size: 12px;
	}
	.job-frame--2 .mb_20px {
		margin-bottom: calc(12px - 0.5em);
	}


	/*--------------------------------
	　開閉エリア
	--------------------------------*/
	/*開閉エリア1*/
	.job-accordion--1__btn {
		padding: calc(16px - 0.4em - 5px) 0 calc(16px - 0.4em);
		padding-left: 16px;
	}
	.job-accordion--1__btn i {
		/*top:　50% - アイコンサイズの半分の高さ - 上罫線の半分の高さ*/
		top: calc( 50% - 15px - 2.5px );
		width: 38px;
	}
	.job-accordion--1__btn i::before {
		width: 15px;
		margin: -1px 0 0 -6px;
	}
	.job-accordion--1__btn i::after {
		height: 15px;
		margin: -7px 0 0 0;
	}
	.job-accordion--1__btn span {
		font-size: 14px;
	}
	.job-accordion--1__inner {
		padding: 14px 14px 0;
		padding-top: 0;
	}
	.job-accordion--1__listarea__title {
		font-size: 12px;
		padding-top: 14px;
	}
	.job-accordion--1__listarea__list li {
		margin-top: 12px;
	}
	.job-accordion--1__inner {
		display: block;
	}
	.job-accordion--1__listarea:first-child {
		width: 100%;
		margin-right: 0;
	}
	.job-accordion--1__listarea:last-child {
		width: 100%;
		padding-left: 0;
		border-left: none;
		border-top: 1px solid #d9d9d9;
		margin-top: 14px;
		/*padding-top: 14px;*/
	}
	.job-accordion--1__listarea__list a {
		font-size: 12px;
		padding-left:15px;
	}
	.job-accordion--1__listarea__list a:before {
		width: 10px;
		height: 10px;
		top: 5px;
	}
	.job-accordion--1__bottom {
		padding: 14px 0 14px 0;
		line-height: 1;
		border-top: 1px solid #d9d9d9;
		margin: 14px 14px 0;
	}
	.job-accordion--1__bottom span {
		font-size: 12px;
	}
	/*開閉エリア1-タブ*/
	.job-accordion--1__header{
	  position: -webkit-sticky; /* Safari */
	  position: sticky;
	  top: 53px; /*固定ヘッダの高さ分*/
	  border-top: 5px solid #e6e6e6;
	  border-left: 5px solid #e6e6e6;
	  border-right: 5px solid #e6e6e6;
	  z-index: 10;
	  background: #e6e6e6;
	}
	.is-accordion-active .job-accordion--1__tab{
		display: block;
	}
	.job-accordion--1__tab-body{
	    display: flex;
	    position: relative;
			line-height: 1;
			margin-top: -5px;
	}
	/*
	.job-accordion--1__tab-body::before{
	    content: "";
	    display: inline-block;
	    width: 1px;
	    height: 23px;

	    background-image: linear-gradient(to bottom, #646464, #646464 1px, transparent 1px, transparent 3px);
	    background-repeat: repeat-y;
	    background-position: left top;
	    background-size: 1px 3px;

	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 0;
	    bottom: 0;
	    margin: auto;
	}*/
	.job-accordion--1__tab-body a{
	    display: block;
	    width: 50%;
	    text-align: center;
	    background: #e6e6e6;
	    padding: 14px 0 14px 0;
	    border-bottom: 2px solid #e6e6e6;
	}
	.job-accordion--1__tab-body a.is-active{
	    border-bottom: 2px solid #e60012;
	}
	.job-accordion--1__tab-body span{
	    font-size: 12px;
	    font-weight: bold;
	}
	.job-accordion--1__tab-body i{
		width: 10px;
		height: 10px;
		display: inline-block;
		vertical-align: middle;
		background: #FFF url(../../common/v2/img/ncommon/_common/icon/down-fill-red.svg) 50% 50% no-repeat;
		background-size: cover;
		border-radius: 7px;
		margin-right: 5px;
		margin-bottom: 2px;
	}
	.job-accordion--1__bottom i {
		margin-right: 3px;
	}
	.job-accordion--1__bottom i::before {
		width: 14px;
		margin: -1px 0 0 -7px;
	}
	.job-accordion--1__bottom i::after {
		height: 14px;
		margin: -7px 0 0 -1px;
	}

	/*とじる部分でsticy停止*/
	/*
	.is-accordion-active .job-accordion--1__header {
		margin-bottom: 44px;
	}
	.is-accordion-active .job-accordion--1__body {
		margin-top: -44px;
	}*/


	/*--------------------------------
	　開閉エリア Ｑ＆Ａ
	--------------------------------*/
	/*開閉エリアＱ＆Ａ1*/
	.job-qa--1__item-header i {
		top: 2px;
	}
	.job-qa--1__item-header span {
		font-size: 14px;
	}
	.job-qa--1__item-body div {
		padding: calc( 18px - 0.5em ) 0 0 27px;
		font-size: 12px;
	}
	.job-qa--1__item-body div::before {
		top: 12px;
	}

	/*--------------------------------
	 表組み
	--------------------------------*/
	/*表組み1*/
	.job-table--1 {
		font-size: 12px;
	}
	.job-table--1 th,
	.job-table--1 td {
		border: 1px solid #d9d9d9;
		padding: calc( 12px - 0.5em ) 12px;
		text-align: justify;
	}

	/*--------------------------------
	 プレエントリー／ログオン
	--------------------------------*/
	/*プレエントリー／ログオンエリア*/
	.entry_logon {
		display: block;
	}
	.entry_logon .entry_block {
		width: 100%;
		box-sizing: border-box;
		padding: 20px;
		margin-bottom: 14px;
	}
	.entry_logon > *:first-child.entry_block {
		margin-right: 0;
	}
	.entry_logon > *:last-child.entry_block {
		margin-left: 0;
	}
	.entry_logon .entry_block_ttl {
		font-size: 14px;
		padding-bottom: calc( 20px - 0.4em );
		margin-bottom: calc( 20px - 0.4em );
	}
	.entry_logon .btn_area {
		position: static;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
		margin-top: calc( 20px - 0.5em );
	}
	.entry_logon .form_tbl {
		margin:  0 0 20px 0;
	}
	.entry_logon .linkbtn {
		position: static;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
		margin-top: calc( 20px - 0.5em );
		text-align: left;
	}
	.entry_logon .linkbtn .link {
		display: block;
		line-height: 1;
	}
	.entry_logon .linkbtn .link:first-of-type {
		margin-top: 1.4em;
		margin-bottom: 1.2em;
	}
	#container .entry_logon .form_tbl .form_entryid td {
		padding-bottom: 12px;
	}
	.entry_logon .entry_btn {
		width: 100%;
	}
	.entry_logon .entry_btn .btn_inner {
		padding: calc(16px - 0.5em - 4px) 12px calc(16px - 0.5em);　
	}
	.entry_logon .entry_btn .btn_inner span {
		font-size: 14px;
		margin-top: -2px;
	}
	.entry_logon__note .link a::before {
		width: 10px;
		height: 10px;
		margin-right: 4px;
		margin-left: -15px;
	}
	.entry_logon__note .link {
		margin-left: 15px;
	}



	/*--------------------------------
	 お問い合わせエリア
	--------------------------------*/
	/*お問い合わせエリア1*/
	.job-inquiry--1 {
		margin-top: 56px;
	}
	.job-inquiry--1__ttl {
		padding: 0.5em 10px;
		font-size: 12px;
	}
	.job-inquiry--1__text {
		padding-left: 14px;
	}
	.job-inquiry--1__contact {
		display: block;
	}
	.job-inquiry--1__name {
		font-size: 12px;
	}
	.job-inquiry--1__tel {
		font-size: 16px;
		margin-right: 10px;
	}
	.job-inquiry--1__tel span:first-child::before {
		margin-bottom: -0.2em;
	}
	.job-inquiry--1 .link--mail {
		margin-bottom: calc( -0.5em + 4px );
	}


	/*--------------------------------
	　関連会社採用
	--------------------------------*/
	/*関連会社採用エリア*/
	.job-rel--1 .job-btn--1 a span {
		font-size: 11px;
		line-height: 1;
	}
	.job-rel--1 .flexitem {
		width: 100%;
		padding: 20px;
	}
	.job-rel--1 .job-rel--1__img {
		width: 63%;
		margin-left:auto;
		margin-right:auto;
	}
	.job-rel--1 .job-rel--1__ttl {
		font-size: 14px;
	}
	.job-rel--1 .job-rel--1__txt{
		font-size: 12px;
	}
	.job-rel--1 .job-btn--1 {
		display: block;
		text-align: center;
	}
	.job-rel--1 .job-btn--1 .icon-blank {
		margin-left: 6px;
	}
	.job-rel--1 .job-rel--1__col1 .job-btn--1 {
		display: block;
	}


	/*--------------------------------------------------
	　以下、既存スタイル
	--------------------------------------------------*/
	#sp_navi_set {
	text-align: left;
	}

	#jobs_navi {
		display: none;
	}
	#footer {
		text-align: left;
		background: #fff;
		margin-top: 56px;
	}
	#footer .footet_pan {
		width: auto !important;
		padding: 20px 14px;
		/*background: #afafaf;
		color: #fff;*/
		margin: 0px !important;
		line-height: 150%;
		font-size: 10px;
	}
	#footer .footet_pan a {
		/*color: #fff;*/
		/*text-decoration: underline;*/
	}
	#page_top {
		padding: 0px !important;
		margin: 0px !important;
	}

	/* 採用情報トップ */
	#jobs_topttl,
	#jobs_topttl *{
		box-sizing: border-box;
	}
	#jobs_topttl h1 {
	}
	#jobs_topttl .mainimg {
		overflow: hidden;
		position: relative;
		clear: both;
	}
	#jobs_topttl .mainimg strong {
		position: absolute;
		z-index: 10;
		left: 0;
		top: 30%;
		width: 100%;
		display: block;
		text-align: center;
	}
	#jobs_topttl .mainimg strong img {
		width: 78%;
		max-width: 576px;
	}
	#jobs_topttl .mainimg li img {
		width: 100%;
		margin: 0 auto;
	}

	.jobs_hero{
		margin-top: 2px;
	}
	.jobs_hero-menu{
		background-color: #e60012;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}
	.jobs_hero-menu h2{
		margin-top: 7px;
		margin-left: 5px;
	}

	.jobs_keycontents{
		margin-top: 9px;
	}
	.jobs_keycontent:not(:first-child){
		margin-top: 7px;
	}
	.jobs_keycontent > div > a{
		display: flex;
		flex-direction: row;
		background-color: #fff;
		border-radius: 2px;
		position: relative;
	}

	.jobs_keycontent > div > a::after{
		box-sizing: border-box;
		content: "";
		display: block;
		width: 11px;
		height: 11px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 16px;
		margin: auto;
		background-image: url(../img_2019/arrow_r_red.svg);
		background-size: contain;
		background-repeat: no-repeat;
	}
	.jobs_keycontent__img{
		width: 30.4225352%;
		min-height: 56px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center bottom;
		flex-shrink: 0;
	}
	.jobs_keycontent__img > img{
		display: none;
	}
	.jobs_keycontent--1 .jobs_keycontent__img{
		background-image: url(../img_2019/keycontents_kw_img.png);
	}
	.jobs_keycontent--2 .jobs_keycontent__img{
		background-image: url(../img_2019/keycontents_ms_img.png);
	}
	.jobs_keycontent__text{
		margin-top: 7px;
		margin-bottom: 7px;
		position: relative;
		border-left: 2px solid #e60012;
		padding-left: 14px;
		padding-top: 6px;
	}
	.jobs_keycontent__label{
		font-size: 19px;
		line-height: 1.210526316;
		font-weight: bold;
		letter-spacing: 0.16em;
	}
	.jobs_keycontent--2 .jobs_keycontent__label{
		font-size: 17px;
		letter-spacing: 0.12em;
	}
	.jobs_keycontent__desc{
		font-size: 11px;
		line-height: 1.363636364;
		padding-top: 4px;
		font-weight: bold;
		letter-spacing: -0.02em;
	}
	.jobs_keycontent--2 .jobs_keycontent__text{
		padding: 11px 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-left: none;
		width: 100%;
		text-align: center;
		padding-left: 0;
	}
	#jobs_key dl {
		display: block;
		margin: 0 10px;
	}
	#jobs_key dl dt {
		margin: 0 0 10px;
	}
	#jobs_key dl dt img {
		width: 100%;
		max-width: 640px;
	}
	#jobs_key dl dd {
		margin: 0 0 12px;
	}
	#jobs_key dl dd img {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}

	.jobs_mainmenu{
		margin-top: 20px;
		border-top: 2px solid #fff;
		padding-bottom: 4px;
		letter-spacing: 0.18em;
	}
	.jobs_mainmenu > li:not(:last-child){
		border-bottom: 2px solid #fff;
	}

	#container .jobs_mainmenu > li > div > a{
		color: #fff;
		height: 68px;
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-shrink: 0;
		flex-grow: 0;
	}
	#container .jobs_mainmenu > li > div > a,
	#container .jobs_mainmenu > li > div > a:link{
		color: #fff;
	}
	#container .jobs_mainmenu > li > div > a::after{
		box-sizing: border-box;
		content: "";
		display: block;
		width: 11px;
		height: 11px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 16px;
		margin: auto;
		background-image: url(../img_2019/arrow_r_white.svg);
		background-size: contain;
		background-repeat: no-repeat;
	}

	#container .jobs_mainmenu > li > div > a > span{
		color: #fff;
		display: block;
	}

	.jobs_mainmenu-item__label{
		font-size: 18px;
		padding-top: 20px;
	}
	.jobs_mainmenu-item__small{
		font-size: 11px;
		padding-top: 25px;
		padding-right: 22px;
	}

	.jobs_mainmenu-item--1 .jobs_mainmenu-item__label{

	}

	.jobs_mainmenu-item--4{
		display: flex;
		flex-direction: row;
	}
	.jobs_mainmenu-item--4 > div:nth-of-type(1){
		width: 46.9014085%;
		flex-shrink: 0;
		flex-grow: 0;
	}
	.jobs_mainmenu-item--4 > div:nth-of-type(2){
		flex-grow: 1;
	}
	.jobs_mainmenu-item--4 .jobs_mainmenu-item__label{
		font-size: 14px;
	}
	.jobs_mainmenu-item--4 > div:nth-of-type(1) .jobs_mainmenu-item__label{
		padding-top: 22px;
		padding-right: 18px;
	}
	#container .jobs_mainmenu > li .jobs-mainmenu-btn--internship > a{
		flex-direction: column;
		text-align: center;
		position: relative;
	}
	.jobs-mainmenu-btn--internship > a{
		padding-right: 45px;
	}
	.jobs-mainmenu-btn--internship .jobs_mainmenu-item__label{
		margin-top: 0;
		padding-top: 0;
	}
	.jobs-mainmenu-btn--internship .jobs_mainmenu-item__small{
		padding-top: 0;
		padding-right: 0;
		font-size: 7px;
		letter-spacing: 0.1em;
	}

	#container li.jobs_mainmenu-item--5 > div > a{
		height: 38px;
		justify-content: flex-end;
		padding-right: 40px;
	}
	.jobs_mainmenu-item--5 .jobs_mainmenu-item__label{
		padding-top: 10px;
		font-size: 11px;
	}

	.jobs-mainvisual{
		display: none;
	}

	#jobs_top_news {
		text-align: left;
		margin: 28px 10px 33px;
		letter-spacing: 0.12em;
	}
	#jobs_top_news ul{
		border-bottom: 1px solid #e6e6e6;
	}
	#jobs_top_news ul li:not(:first-child) {
		background-image: url(../img_2019/news_border_sp.png);
		background-repeat: repeat-x;
		background-position: left top;
		background-size: 100%;
	}
	#jobs_top_news ul > li > a {
		display: block;
		padding-top: 18px;
		padding-bottom: 23px;
		position: relative;
	}
	#jobs_top_news ul > li:not(:first-child) > a{
		padding-top: 21px;
	}
	#jobs_top_news ul li a span {
		line-height: 130%;
	}
	#jobs_top_news ul li a .jtn_data {
		display: block;
		padding: 0 0 9px;
		font-weight: bold;
		font-family: 'Roboto', sans-serif;
		font-weight: bold;
		font-size: 11px;
		width: 114px;
		position: relative;
	}
	#jobs_top_news ul li.new a .jtn_data::after{
		content: "NEW";
		width: 31px;
		height: 14px;
		background-color: #e60012;
		color: #fff;
		font-size: 8px;
		text-align: center;
		display: inline-block;
		margin-left: 8px;
		vertical-align: text-bottom;
	}
	#jobs_top_news ul li a .jtn_txt {
		display: block;
		line-height: 1.692307692;
		font-size: 13px;
		padding-right: 45px;
		letter-spacing: 0.12em;
	}
	#jobs_top_news ul li a::after{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		width: 12px;
		height: 12px;
		background-image: url(../img_2019/arrow_r_red.svg);
		background-repeat: no-repeat;
		background-size: contain;
	}
	#jobs_footer{
		height: 60px;
		background-color: #dcdcdc;
	}
	.jobs_footer__inner{
		display: flex;
		flex-direction: row;
		width: 100%;
		margin: auto;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 12px;
		padding-bottom: 12px;
		height: 100%;
	}
	.jobs_footer-topicpath{
		flex-grow: 1;
	}
	.jobs_footer-topicpath > ul{
		display: flex;
		flex-direction: row;
		font-size: 12px;
		padding-top: 10px;
		padding-left: 7px;
		letter-spacing: 0.18em;
	}
	.jobs_footer-topicpath > ul > li:not(:last-child)::after{
		content: ">";
		display: inline-block;
		padding-left: 9px;
		padding-right: 9px;
	}
	#jobs_page_top{
		width: 45px;
		flex-shrink: 0;
		flex-grow: 0;
		position: relative;
	}
	#jobs_page_top::after{
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-image: url(../img_2019/footer_border_sp.png);
		background-repeat: no-repeat;
		background-size: contain;
	}
	#jobs_page_top > a{
		display: block;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-left: 20px;
	}
	#jobs_page_top > a > span{
		display: block;
		width: 14px;
	}
	#jobs_page_top > a > span > img{
		display: block;
		width: 100%;
		height: auto;
	}

}


/*--374px以下--*/
@media screen and (max-width: 374px){
	.jobs_keycontent__desc{
		font-size: 10px;
		line-height: 1.363636364;
		padding-top: 4px;
		font-weight: bold;
		letter-spacing: -0.02em;
	}
	.jobs_keycontent--2 .jobs_keycontent__label {
	    font-size: 14px;
	    letter-spacing: 0.12em;
	}
	.jobs_mainmenu-item--4 > div:nth-of-type(1) {
	    width: 40.9014085%;
	    flex-shrink: 0;
	    flex-grow: 0;
	}
	.jobs_mainmenu-item--4 .jobs_mainmenu-item__label {
	    font-size: 12px;
	}
	.jobs-mainmenu-btn--internship > a {
	    padding-right: 30px;
	}
	.jobs_mainmenu-item--4 > div:nth-of-type(1) .jobs_mainmenu-item__label{
		padding-top: 25px;
		padding-right: 18px;
	}
	.jobs_mainmenu-item--5 .jobs_mainmenu-item__label{
		padding-top: 11px;
		font-size: 11px;
	}
}