@charset "utf-8";
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Home CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

#brandMovie {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 1;
	display: none;

	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
#brandMovie {
	display: block;
}
#brandImg {
	display: none;
}

/* Header
-------------------------------------------- */
#header {
	height: 100vh;
	background: none;
	overflow: hidden;
}
.e404 #header {
	background: url(../../img/general/news/header_bg.jpg) no-repeat center center;
	background-size: cover;
}

/* キャッチコピー */
#header .catch_copy {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 578px; /* def 564px */
	padding: 0 20px;
	margin: 200px 0 0;
	z-index: 0;
}
/*
#header .catch_copy .movie_link {
	display: none;
}*/
#header .catch_copy .movie_link {
	display: inline-block;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.8;
	color: #FFF;
	margin: 0 auto;
}
#header .catch_copy .movie_link span {
	display: inline-block;
	width: 53px;
	height: 53px;
	border: #FFF 2px solid;
	border-radius: 53px;
	margin: 0;
	vertical-align: -21px;
	position: relative;
}
#header .catch_copy .movie_link span::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	border-top: #FFF 2px solid;
	border-right: #FFF 2px solid;
	margin: -7px 0 0 -10px;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#header .catch_copy .movie_link div  {
	margin-top: 20px;
}
/* アイコンナビ */
#header .icon_nav {
	z-index: 6;
	top: 142px;
}
#header .icon_nav.wide {
	z-index: 6;
}
/* グローバルナビ */
#header .g_nav {
	z-index: 101;
}


/* Content
-------------------------------------------- */
#container {
	max-width: none;
	padding: 0 !important;
	margin: 0;
}

#wrapper .content_nav {
	background: #FFF;
	padding: 40px 0;
}
#wrapper .content_nav .content_inner > li {
	width: 33.333333%;
	float: left;
	position: relative;
}
#wrapper .content_nav .content_inner > li::after,
#wrapper .content_nav .content_inner > li:first-child::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #CCC;
}
#wrapper .content_nav .content_inner > li:first-child::before {
	right: auto;
	left: 0;
}
#wrapper .content_nav .content_inner > li .item {
	width: 100%;
	display: block;
	cursor: pointer;
}
#wrapper .content_nav .content_inner > li .item img {
	display: block;
	width: 100px;
	margin: 0 auto 5px;
}
#wrapper .content_nav .content_inner > li .item span {
	display: block;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	color: #B78E4E;
}

#wrapper .content_nav .content_inner > li .pulldown {
	display: none;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 2;
}
#wrapper .content_nav .content_inner > li .pulldown ul {
	width: 100%;
	max-width: 280px;
	padding: 10px;
	margin: 20px auto 0;
	background: #FFF;
	position: relative;
	box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2);
}
#wrapper .content_nav .content_inner > li .pulldown ul::before {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	background: #FFF;
	position: absolute;
	top: -13px;
	left: 50%;
	z-index: 2;
	margin: 0 0 0 -15px;
	transform: rotate(-45deg);
	box-shadow: 2px -2px 2px 0 rgba(0, 0, 0, .2);
}
#wrapper .content_nav .content_inner > li .pulldown ul li {
	width: 33.333333%;
	padding: 10px;
	float: left;
}

#wrapper h2 {
	color: #E62E8A;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
	padding: 0 0 35px;
}

.e404 #header .catch_copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	top: auto;
	left: 0;
	bottom: 0;
	height: calc(100vh - 266px);
	max-width: inherit;
	margin: 0;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	background-color: #FFF;
}
.e404 #wrapper h2 {
	font-size: 10.0rem;
	line-height: 1.3;
	color:#999;
}
.e404 #wrapper h2 span {
	display:block;
	font-size: 2.4rem;
	line-height: 1.6;
}
.e404 #wrapper h2 a {
	display:inline-block;
	margin-top:60px;
	padding:10px 60px;
	border:1px solid #FFF;
	color:#FFF;
	font-size: 1.4rem;
	font-weight: normal;
	background-color: rgba(0,0,0,0.2);
}

/* コンテンツパネル */
#wrapper .content_panel {
	padding: 40px 0 31px;
	background: #F0E7D9;
}
#wrapper .content_panel #important {
	width:100%;
	max-width:1200px;
	margin:0 auto 40px;
	display:flex;
	font-size:1.4rem;
}
#wrapper .content_panel #important p {
	background-color:#D90000;
	color:#FFF;
	display:flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
	padding:0 20px;
	width:150px;
}
#wrapper .content_panel #important ul {
	background-color:#FFF;
	padding:15px;
	width:calc(100% - 150px);
}
#wrapper .content_panel #important ul li {
	position: relative;
	margin-bottom: 15px;
	padding-left:130px;
	line-height: 1.8;
	font-weight:bold;
}
#wrapper .content_panel #important ul li:last-child {
	margin-bottom:0;
}
#wrapper .content_panel #important ul li span {
	position: absolute;
	left: 0;
	top: 0;
	font-weight:normal;
}
#wrapper .content_panel .panel_wrap {
	margin: 0 0 0 -9px;
}
#wrapper .content_panel .panel_wrap .panel {
	padding: 0 0 9px 9px;
	float: left;
	width: 100%;
}
#wrapper .content_panel .panel_wrap .panel.w2 {
	width: 66.666666%;
}
#wrapper .content_panel .panel_wrap .panel.w3 {
	width: 33.333333%;
}
#wrapper .content_panel .panel_wrap .panel.clear {
	clear: both;
}

#wrapper .content_panel .panel_wrap .panel a {
	display: block;
	background: #FFF;
}

/* カレンダーボタン */
#wrapper .content_panel .panel_wrap .panel .canpaign_box {
	background: #B78E4E;
	position: relative;
}
#wrapper .content_panel .panel_wrap .panel .canpaign_box::before {
	content: "";
	width: 1px;
	height: 100%;
	margin: 0 0 0 -1px;
	background: #CFB48B;
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	z-index: 1;
}
#wrapper .content_panel .panel_wrap .panel .canpaign_box img {
	position: relative;
	z-index: 2;
}
#wrapper .content_panel .panel_wrap .panel .canpaign_box a {
	position: relative;
	float: left;
	background: transparent;
	width: 50%;
	padding: 24.111675% 0 0;
	z-index: 3;
}
#wrapper .content_panel .panel_wrap .panel .canpaign_box a span {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #532422;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	padding: 4px 0;
	width: 120px;
}
#wrapper .content_panel .panel_wrap .panel .canpaign_box a:hover span {
	background: #FFF;
	color: #532422;
}
/* ニュース */
#wrapper #news_list {
	width: 100%;
	text-align: right;
	display: block;
}
/* メニュー紹介 */
#wrapper .content_panel .panel_wrap .panel a > ul {
	padding: 25px 5px 15px 10px;
	font-size: 0;
	line-height: 0;
	display:flex;
}
#wrapper .content_panel .panel_wrap .panel a > ul li {
	display: inline-block;
	padding: 0 5px 5px 0;
	max-width: 14.1%;
}
#wrapper .content_panel .panel_wrap .panel a > p {
	padding: 10px;
}

/* 企業情報 */
#wrapper .company_info {
	background: url(../../img/general/home/company_info_bg.jpg) fixed center center;
	background-size: cover;
	padding: 80px 0 120px;
}
#wrapper .company_info .info_list {
	width: 100%;
	overflow: hidden;
}
#wrapper .company_info .info_list > ul {
	width: auto;
	margin: 0 0 0 -9px;
}
#wrapper .company_info .info_list > ul li {
	width: 16.666666%;
	padding: 0 0 0 9px;
	float: left;
}
#wrapper .company_info .info_list > ul li a {
	display: block;
	background: #FFF;
}
#wrapper .company_info .info_list > ul li a p {
	background: #532422;
	padding: 52% 0 0;
	position: relative;
	border-top: #E62E8A 3px solid;
}
#wrapper .company_info .info_list > ul li a p span {
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	padding: 20px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}

/* パート・アルバイト情報 */
#wrapper .working_info {
	background: #FFF;
	padding: 40px 0 90px;
}
#wrapper .working_info .banner_list {
	width: 100%;
	padding: 0 0 60px;
}
#wrapper .working_info .banner_list a {
	display: block;
}
#wrapper .working_info .banner_list a img {
	display: block;
	width: 50%;
	float: left;
}

#wrapper .working_info h3 {
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: #BBB 2px solid;
	padding: 0 0 5px;
	margin: 0 0 20px;
}
#wrapper .working_info .news_link {
	display: block;
	padding: 0 0 20px;
	margin: 0 0 20px;
	font-size: 1.4rem;
	border-bottom: #E4E4E4 1px solid;
	position: relative;
}
#wrapper .working_info .news_link:hover {
	color: #E52D8A;
}
#wrapper .working_info .news_link dl {
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
}
#wrapper .working_info .news_link dl dt .time {
	display: inline-block;
	margin: 0;
}
#wrapper .working_info .news_link dl dt span {
	display: inline-block;
	margin: 0 2px 2px 0;
	width: 115px;
	color: #FFF;
	font-size: 1.2rem;
	line-height: 2.5rem;
	background: #FD0192;
	vertical-align: 1px;
	text-align: center;
}
#wrapper .working_info .news_link dl dt .release {
	background: #1D50A2;
}
#wrapper .working_info .news_link dl dt .campaign {
	background: #94B521;
}
#wrapper .working_info .news_link dl dt .notice {
	background: #404040;
}

#wrapper .working_info .news_link dl dd {
	font-weight: bold;
	margin: 10px 0 0;
}
#wrapper .working_info .news_link .newsListImg {
	float: right;
	width: 100px;
	max-height: 150px;
	overflow: hidden;
	position: relative;
}

/* NewsIcon */
#container .working_info ul.brandCategory {
	max-width: 300px;
	padding: 5px 0 0;
	font-size: 0;
	line-height: 0;
	display:inline-block;
	vertical-align: middle;
}
#container .working_info ul.brandCategory li {
	display: inline-block;
	padding: 0 5px 5px 0;
	width: 50px;
}
#container .working_info ul.brandCategory  img{
	float: none;
	width: 100%;
	position: static;
}
section.newsticker .sp-disp {
	display: none !important;
}
section.newsticker {
	padding: 0;
}
section.newsticker .ticker {
	position: relative;
	display: flex;
	align-items: center;
	height: 60px;
	width: 100%;
	background: #532422;
}
section.newsticker .ticker .ttl {
	width: 150px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
}
section.newsticker .ticker ul {
	width: calc(100% - 304px);
	height: 18px;
	overflow: hidden;
}
section.newsticker .ticker ul li {
	height: 18px;
	padding: 0 10px 0 0;
	line-height: 1.3;
}
section.newsticker .ticker ul li a {
	color: #FFF;
}
section.newsticker .ticker ul li a .inner {
	display: flex;
}
section.newsticker .ticker ul li a .inner > p + p {
	padding:  0 0 0 10px;
}
section.newsticker .ticker > a {
	position: relative;
	width: 124px;
	color: #FFF;
	display: block;
}
section.newsticker .ticker > a::after {
	position: absolute;
	content: "";
	top: -3px;
	right: 0;
	width: 14px;
	height: 14px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
@media (max-width: 680px) {
	section.newsticker .ticker ul {
		width: calc(100% - 180px);
	}
	section.newsticker .ticker > a {
		display: none;
	} 
}
@media (max-width: 580px) {
	section.newsticker .ticker {
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		height: 70px;
	}
	section.newsticker .ticker .ttl {
		text-align: left;
		padding-left: 20px;
		margin-bottom: 10px;
	}
	section.newsticker .ticker ul {
		width: 100%;
		padding: 0 20px;
	}
}
@media (max-width: 480px) {
	section.newsticker .ticker .ttl {
		padding-left: 10px;
	}
	section.newsticker .ticker ul {
		padding: 0 10px;
	} 
	section.newsticker .ticker ul li {
		padding: 0;
	}
	section.newsticker .ticker ul li a {
		display: block;
		width: 100%;
	}
	section.newsticker .ticker ul li a .inner > p {
		width: 70px;
		font-size: 1rem;
	}
	section.newsticker .ticker ul li a .inner > p + p {
		width: calc(100% - 80px);
	}
	section.newsticker .sp-disp {
		display: block !important;
	}
}





/*
------------------------------------------------------------------------------------------------------------------ Tabret */

@media screen and (max-width: 900px) {

	/* Header
	-------------------------------------------- */
	#header {
		height: 70vh;
	}

	/* キャッチコピー */
	#header .catch_copy {
		position: absolute;
		top: 70%;
		padding: 0 60px;
		margin: 0;
		font-size: 0;
	}
	.e404 #header .catch_copy {
		padding:0 20px;
	}
	#header .catch_copy .movie_link {
		display: inline-block;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.8;
		color: #FFF;
		margin: 40px auto 0;
	}
	/*.pc #header .catch_copy .movie_link {
		display: none;
	}*/
	#header .catch_copy .movie_link span {
		display: inline-block;
		width: 53px;
		height: 53px;
		border: #FFF 2px solid;
		border-radius: 53px;
		vertical-align: -21px;
		position: relative;
	}
	#header .catch_copy .movie_link span::before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 14px;
		height: 14px;
		border-top: #FFF 2px solid;
		border-right: #FFF 2px solid;
		margin: -7px 0 0 -10px;

		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#header .catch_copy .movie_link .forSp {
		display: inline-block;
	}
	#header ul.icon_nav.translateX.pin {
		top: 0;
	}
	/* Content
	-------------------------------------------- */

	/* カレンダーボタン */
	#wrapper .content_panel .panel_wrap .panel .canpaign_box a span {
		font-size: 1.4rem;
		width: 100px;
	}
}


/*
------------------------------------------------------------------------------------------------------------------ Tabret Landscape */

@media screen and (max-width: 900px) and (orientation: landscape) {

	/* Header
	-------------------------------------------- */
	#header {
		height: 80vh;
	}
/*
	.general.home #header .icon_nav {
		top: 4%;
	}
*/
	#header .catch_copy {
		top: auto;
		bottom: -70px;
	}

}


/*
------------------------------------------------------------------------------------------------------------------ Tabret Portrait */

@media screen and (max-width: 768px) {

	/*body.general.home.pc #header {
		height: 100%;
		padding-top: 112.5%;
	}*/
	#header .icon_nav {
		top: 25%;
	}
	/* Content
	-------------------------------------------- */
	#brandMovie {
		display: none;
	}
	#brandImg {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: auto;
		z-index: 1;
		background-size: 30px 30px;
	}
	/*#brandImg .main_movie.sp {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
	}*/

	/* Content
	-------------------------------------------- */

	#wrapper .content_nav {
		padding: 20px 0;
	}
	#wrapper .content_nav .content_inner > li:first-child::before,
	#wrapper .content_nav .content_inner > li:last-child::after {
		display: none;
	}

	#wrapper .content_nav .content_inner > li .pulldown {
		width: 280px;
		left: 20px;

		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	#wrapper .content_nav .content_inner > li .pulldown ul::before {
		left: 16.666666vw;
		margin: 0 0 0 -35px;
	}

	/* コンテンツパネル */
	#wrapper .content_panel .panel_wrap {
		margin: 0;
	}
	#wrapper .content_panel,
	#wrapper .content_panel .panel_wrap .panel {
		background: #FFF;
		padding: 0 0 9px;
	}
	#wrapper .content_panel .panel_wrap .panel.w2 {
		width: 100%;
		padding: 0;
	}
	#wrapper .content_panel .panel_wrap .panel.w3 {
		width: 50%;
		padding: 0;
	}
	#wrapper .content_panel .panel_wrap .panel.clear {
		clear: none;
	}

	/* カレンダーボタン */
	#wrapper .content_panel .panel_wrap .panel.canpaign {
		width: 100%;
		clear: both;
	}
	#wrapper .content_panel .panel_wrap .panel .canpaign_box::before {
		display: none;
	}
	#wrapper .content_panel .panel_wrap .panel .canpaign_box img {
		width: 61.4%;
	}
	#wrapper .content_panel .panel_wrap .panel .canpaign_box a {
		position: absolute;
		top: 0;
		left: 61.4%;
		right: 0;
		float: none;
		width: auto;
		height: 50%;
		padding: 0;
		z-index: 1;
	}
	#wrapper .content_panel .panel_wrap .panel .canpaign_box a + a {
		top: 50%;
		border-top: #CFB48B 1px solid;
	}
	#wrapper .content_panel .panel_wrap .panel .canpaign_box a span {
		font-size: 1.6rem;
		width: 140px;
	}
	#wrapper .content_panel .panel_wrap .panel .canpaign_box a:hover span {
		background: #FFF;
		color: #532422;
	}

	/* メニュー紹介 */
	#wrapper .content_panel .panel_wrap .panel.news:nth-child(2n) {
		clear: both;
	}
	#wrapper .content_panel .panel_wrap .panel a > ul {
		padding: 10px 15px 0 20px;
	}
	#wrapper .content_panel .panel_wrap .panel a > p {
		padding: 5px 20px 20px;
	}

	/* 企業情報 */
	#wrapper .company_info {
		background: url(../../img/general/home/company_info_bg.jpg) no-repeat center center;
		background-size: cover;
		padding: 80px 0 120px;
	}
	#wrapper .company_info {
		padding: 40px 20px 100px;
	}
	#wrapper .company_info .info_list > ul li {
		width: 33.333333%;
		padding: 0 0 9px 9px;
	}
	#wrapper .company_info .info_list > ul li a p {
		padding: 30% 0 0;
	}

	/* パート・アルバイト情報 */
	#wrapper .working_info h3 {
		padding: 0 20px 5px;
	}
	#wrapper .working_info .news_link {
		padding: 0 20px 10px;
	}
	#wrapper .working_info .news_link dl {
		padding: 0 120px 0 0;
		margin: 0 -120px 0 0;
	}
	/* ニュース */
	#wrapper #news_list {
		padding-right: 20px;
	}
}


/*
------------------------------------------------------------------------------------------------------------------ SmartPhone Wide */

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

	/* Content
	-------------------------------------------- */

	/* パート・アルバイト情報 */
	#wrapper .working_info .banner_list a img {
		width: 100%;
		float: none;
	}
	#wrapper .content_panel #important {
		max-width:none;
		display: block;
		margin-bottom: 20px;
	}
	#wrapper .content_panel #important p {
		display:block;
		text-align: center;
		padding: 10px 0;
		width:100%;
	}
	#wrapper .content_panel #important ul {
		background-color:#FFF;
		padding:15px;
		width:calc(100%);
	}
	#wrapper .content_panel #important ul li {
		padding-left:0;
	}
	#wrapper .content_panel #important ul li:last-child {
		margin-bottom:0;
	}
	#wrapper .content_panel #important ul li span {
		position: static;
		display: block;
	}
}


/*
------------------------------------------------------------------------------------------------------------------ SmartPhone */

@media screen and (max-width: 460px) {
	#header {
		background: none;
	}

	/* Content
	-------------------------------------------- */

	#wrapper .content_nav {
		padding: 10px 0;
	}

	#wrapper .content_nav .content_inner > li .item img {
		width: 40px;
	}
	#wrapper .content_nav .content_inner > li .pulldown ul li a img {
		width: 100%;
	}

	/* コンテンツパネル */
	#wrapper .content_panel .panel_wrap .panel.w3 {
		width: 100%;
		float: left;
	}

	/* カレンダーボタン */
	#wrapper .content_panel .panel_wrap .panel .canpaign_box a span {
		font-size: 1.3rem;
		width: 100px;
	}

	/* 企業情報 */
	#wrapper .company_info .info_list > ul li {
		width: 50%;
	}
	#wrapper .company_info {
		padding: 40px 20px 80px;
	}

	/* パート・アルバイト情報 */
	#wrapper .working_info {
		padding: 40px 0 60px;
	}

	#wrapper .working_info .news_link {
		padding: 0 20px 10px;
	}
	#wrapper .working_info .news_link dl {
		padding: 0;
		margin: 0;
	}
	#wrapper .working_info .news_link img {
		width: 60px;
	}
	#wrapper .working_info .news_link dl dt span {
		width: auto;
		padding: 0 20px;
		font-size: 0.9rem;
	}
	.e404 #wrapper h2 span {
		font-size:1.8rem;
		text-align:left;
	}

	#header .catch_copy .movie_link span {
		margin: 0;
	}
	#header .catch_copy .movie_link .forSp {
		display: inline-block;
		margin-top: 20px;
	}
}

@media screen and (max-width: 414px) {
	#wrapper .working_info .news_link .newsListImg {
		float: right;
		width: 60px;
		max-height: 150px;
		overflow: hidden;
		position: relative;
	}
	#header .catch_copy {
		top: 75%;
	}
	#header .catch_copy .movie_link span {
		display: inline-block;
		width: 33px;
		height: 33px;
		border: #FFF 2px solid;
		border-radius: 33px;
		vertical-align: -21px;
		position: relative;
	}
	#header .catch_copy .movie_link div {
		font-size: 3vw;
	}
}

/*
------------------------------------------------------------------------------------------------------------------ SmartPhone Thin */

@media screen and (max-width: 320px) {

	/* Content
	-------------------------------------------- */

	#wrapper h2 {
		font-size: 2rem;
	}

	/* カレンダーボタン */
	#wrapper .content_panel .panel_wrap .panel .canpaign_box a span {
		font-size: 1.3rem;
		width: 100px;
	}

	/* 企業情報 */
	#wrapper .company_info .info_list > ul li {
		width: 50%;
	}

}