@charset "UTF-8";

.container__title h1 img {
	width: 256px;
}
@media (max-width: 767px) {
	.container__title h1 img {
		width: 172px;
	}
}
.container-box-wrapper {
	margin-bottom: 140px;
}
@media (max-width: 767px) {
	.container-box-wrapper {
		margin-bottom: 40px;
	}
}
.container-box {
	overflow: inherit;
}
.container-box__content {
	margin-bottom: 50px;
}
.container-box__content--pc {
	display: block;
	padding: 50px 70px 30px 70px;
	background-color: #fff;
}
.container-box__content--sp {
	display: none;
	padding: 50px 70px 70px 70px;
	background-color: #fff;
}
.container-box__title {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}
@media (max-width: 767px) {
	.container-box__title {
		border-radius: 10px 10px 0 0;
		overflow: hidden;
	}
}
/* career
-------------------------------------------------- */
.career-lead .container-box__lead {
	text-align: center;
	margin-bottom: 20px;
}
.career-lead__text {
	margin-bottom: 50px;
	padding: 0 10px;
	text-align: center;
}
.career__head-wrapper {
	margin: 0 -5px;
	font-size: 0;
}
.career__head {
	padding: 0 5px;
	display: inline-block;
	box-sizing: border-box;
	width: 33.3%;
	vertical-align: top;
	color: #fff;
}
.career__head i.icon-arrow-down {
	display: none;
}
.career__button {
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	border-radius: 25px;
	position: relative;
	padding: 15px 10px;
	vertical-align: top;
	margin-bottom: 20px;
}
.career__button--mb-none {
	margin-bottom: 0px;
}
.career__button--no-arrow {
	margin-bottom: 10px;
}
.career__list > p {
	margin-bottom: 20px;
	color: #666;
}

.bg-store_00 { background-color: #48a9b3;}
.bg-store_01 { background-color: #bfe3e9;}
.bg-store_02 { background-color: #bde4e9;}
.bg-store_03 { background-color: #a4d6dc;}
.bg-store_04 { background-color: #96d0d6;}
.bg-sv_00 { background-color: #56669d;}
.bg-sv_01 { background-color: #bcc5e6;}
.bg-sv_02 { background-color: #b3bde0;}
.bg-cook_00 { background-color: #d77371;}
.bg-cook_01 { background-color: #f4d4d2;}
.bg-cook_02 { background-color: #f3cecc;}
.bg-cook_03 { background-color: #f3c7c6;}
.bg-cook_04 { background-color: #f2c1c0;}
.bg_01 { background-color: #ffdc64;}
.bg_02 { background-color: #fea86f;}
.career__button .career-modal__btn {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	color: #fff;
	cursor: pointer;
}
.career__button .career-modal__btn:hover {
	opacity: 0.7;
}
.career__button.bg-store_00,.career__button.bg-sv_00,.career__button.bg-cook_00 {
	color: #fff;
}
.career__button > i {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: 4px;
	margin-left: -0.5em;
}
.career__button > p > span {
	font-size: 10px;
}
.career-store__column .career__button > i { color: #347076; }
.career-sv__column .career__button > i { color: #314ba6; }
.career-cook__column i { color: #c6605e; }
.career__down {
	padding: 0 10px;
	font-size: 14px;
}
.career__down > i{
	display: block;
	text-align: center;
	padding: 7px;
}
.career__column-wrapper {
	margin: 0 -5px;
	font-size: 0;
}
.career__column {
	width: 33.3%;
	padding: 0 5px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}
.career__column2-wrapper {
	margin: 0 -5px;
}
.career__column2 {
	width: 50%;
	display: inline-block;
	padding: 0 5px;
	box-sizing: border-box;
}
.career__bottom {
	padding: 0 5px;
}
.career-sp__content {
	display: none;
}
.txt-note {
	color: #666;
	margin-top: 20px;
}
.txt-note span {
	font-weight: bold;
}

.career__list {
	display: none;
}
.career__list p > span {
	font-weight: bold;
}
.accordion_icon,.accordion_icon span {
	display: inline-block;
	box-sizing: border-box;
	transition: all linear .2s;
}
.accordion_icon {
	position: relative;
	float: right;
	width: 50px;
	height: 50px;
	margin-right: 5px;
}
.accordion_icon span {
	position: absolute;
	left: 12.5px;
	width: 50%;
	height: 2px;
	background-color: #fff;
	border-radius: 3px;
}
.accordion_icon span:nth-of-type(1) {
	top: 24px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
	top: 24px;
	transform: rotate(90deg);
}
.accordion_icon.active span:nth-of-type(1) {
	display: none;
}
.accordion_icon.active span:nth-of-type(2) {
	top: 24px;
	transform: rotate(180deg);
}
.career__hero-text {
	padding: 10px 0 20px 0;
	box-sizing: border-box;
	color: #666;
}

@media (max-width: 767px) {
	.container-box__content {
		border-radius: 5px;
	}
	.container-box__content--pc {
		display: none;
	}
	.container-box__content--sp {
		display: block;
	}
	.career-lead__text {
		margin-bottom: 25px;
		text-align: left;
	}
	.career__head-wrapper {
		margin: 0;
		border-radius: 5px 5px 0 0;
	}
	.career__head {
		padding-left: 0;
		padding-right: 0;
	}
	.career__head.active i.icon-arrow-down {
		display: inline-block;
		margin-top: -3px;
	}

	.career__list > p {
		padding-top: 15px;
	}

	i.icon-arrow-down.store { color: #48a9b3; }
	i.icon-arrow-down.sv { color: #56669d; }
	i.icon-arrow-down.cook { color: #d77371; }
	.career__head .career__button {
		padding-left: 0;
		padding-right: 0;
	}
	#store .career__button {
		border-radius: 5px 0 0 0;
	}
	#cook .career__button {
		border-radius: 0 0 0 0;
	}
	#sv .career__button {
		border-radius: 0 5px 0 0;
	}
	.career-sp__content .career__button {
		margin-bottom: 0px;
	}
	.career__button {
		cursor: pointer;
	}
	.career-sp__content .career__button--no-cursor {
		cursor: auto;
	}
	.career__button > .career-title {
		padding: 0 40px 0 20px;
		text-align: left;
		color: #666;
	}
	.career__button > p > span {
		display: none;
	}
	.career__column2 {
		width: 49.9%;
	}
	.career-modal__text {
		font-size: 9px;
		line-height: 1.2em;
		padding: 10px;
		width: 120px;
		margin-left: -98px;
		margin-bottom: 40px;
	}
	.career-modal__text:after {
		bottom: -10px;
		margin-left: 10px;
	}
	.career-pc__content {
		display: none;
	}
	.career-sp__content {
		display: block;
		border-radius: 0 0 5px 5px;
		margin-top: -20px;
	}

	.career__down {
		padding: 10px;
	}


	.career-sp__store ,
	.career-sp__sv ,
	.career-sp__cook {
		padding: 15px 20px 1px 20px;
		display: none;
	}
	.active-store .career-sp__store ,
	.active-sv .career-sp__sv ,
	.active-cook .career-sp__cook {
		display: block;
	}
	.career-sp__store .career__button > i { color: #347076; }
	.career-sp__sv .career__button > i { color: #314ba6; }
	.career-sp__cook .career__button > i { color: #c6605e; }

	.accordion_icon {
		width: 40px;
		height: 40px;
	}
	.accordion_icon span:nth-of-type(1) {
		top: 18px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	.accordion_icon span:nth-of-type(2) {
		top: 18px;
		transform: rotate(90deg);
	}
	.accordion_icon.active span:nth-of-type(1) {
		display: none;
	}
	.accordion_icon.active span:nth-of-type(2) {
		top: 18px;
		transform: rotate(180deg);
	}
}