/*-----共通-----*/
body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #000;
}
header {
	box-shadow: none !important;
}
h1,
h2,
h3,
h4 {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: bold;
	font-size: 3.5rem;
}
h1 {
	letter-spacing: 0.2em !important;
}
.pc-menu .nav {
	justify-content: flex-end;
}
.pc-menu li {
	display: inline-block;
	width: auto !important;
	padding: 20px 15px;
}
.pc-menu li.menu-item-has-children:hover > .sub-menu,
.pc-menu li:last-child {
	display: none !important;
}
.pc-menu li > a {
	font-size: 2rem;
	font-weight: bold;
	padding: 0 !important;
	border: none !important;
}
.pc-menu .current_page_item a {
	color: #ec8000;
}
[off-canvas*='right'] {
	width: 100% !important;
}
#sb-side {
	height: auto;
	padding: 80px 0 30px !important;
	z-index: 10;
}
#sb-side > div {
	max-width: 300px;
	margin: 0 auto;
}
#sb-side li a {
	font-size: 1.5rem;
	line-height: 2em;
	color: #333;
	padding: 10px 0;
}
#sb-side li a:after {
	display: none;
}
#sb-side .active > a {
	background-color: transparent;
}
#sb-side .menu-item-has-children:after {
	content: '';
	display: block;
	background-image: url(../img/recruit/common/img_menu_close@2x.png);
	background-repeat: no-repeat;
	background-size: 2rem;
	background-position: center;
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	right: 0;
	transform: none;
	z-index: 10;
}
#sb-side .menu-item-has-children.active:after {
	content: '';
	transform: none;
	background-image: url(../img/recruit/common/img_menu_open@2x.png);
}
#sb-side .sub-menu {
	display: none;
	margin-left: 1em;
}
#sb-side .sub-menu a {
	font-size: 1.2rem;
	font-weight: bold;
	color: #808080 !important;
	padding: 5px 0;
}
#sb-side .sub-menu a:first-child {
	padding-top: 0;
}
#sb-side .active .sub-menu {
	display: block;
}
#sb-site {
	transform: translate(0) !important;
}
#sb-site.js-close-any-slidebar:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 10;
}
#main.page {
	padding: 0 !important;
}
.wrap {
	width: 100% !important;
}
img {
	vertical-align: middle !important;
}
.container {
	max-width: 100% !important;
}
footer {
	padding: 0 !important;
}
.recruit-info {
	margin-bottom: 80px;
}
.info-title {
	text-align: center;
	margin-top: 70px;
	margin-bottom: 30px;
}
footer .row {
	margin-right: -15px;
	margin-left: -15px;
}
.recruit-footer {
	background-color: #eeeeee;
	padding-top: 70px;
	padding-bottom: 130px;
}
.recruit-footer .row:first-child {
	width: 750px;
	margin: 0 auto 35px;
}
.footer-menu {
	padding-left: 30px !important;
	padding-right: 0 !important;
}
.footer-menu li {
	display: inline-block;
	width: auto !important;
	border: none;
	margin-bottom: 0 !important;
}
.footer-menu li a {
	font-size: 2rem !important;
	font-weight: bold;
	color: #8b8b8b !important;
	padding: 10px 15px;
}
.footer-menu li a:before {
	content: '●';
}
.footer-menu .sub-menu {
	display: none !important;
}
.box {
	opacity: 0;
}
.fadeUp {
	animation-name: fadeUpAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
.btn-recruitment {
	justify-content: center;
}
.btn_info,
.btn_youtube {
	max-width: 70% !important;
}
.btn_info {
	margin: 0 auto 15px auto;
}

@keyframes fadeUpAnime {
	from {
		opacity: 0;
		transform: translateY(100px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}
/*-----共通-----*/
/*-----TOP-----*/
.top-text01 {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
}
.top-text01 h1 {
	font-size: 4.1rem;
	line-height: 1.4em;
	color: #333;
}
.top-text01 h1 span {
	color: #e38000;
}
.slick-initialized .slick-slide {
	width: 300px !important;
	height: auto !important;
	margin-right: 40px;
}
.slideitem:nth-child(even) {
	margin-bottom: 40px;
}
.slideitem:nth-child(odd) {
	margin-top: 40px;
}
.maintext {
	position: relative;
	margin-top: 80px;
	margin-bottom: 40px;
}
.bg-catchcopy {
	position: absolute;
	top: -130px;
	left: 0;
	right: 0;
	text-align: center;
}
.top-text02 {
	position: relative;
	text-align: center;
	margin-top: 130px;
	margin-bottom: 40px;
}
.top-text02 h2 {
	font-size: 3rem;
	line-height: 1.6em;
	color: #251e1c;
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.top-text02 p {
	font-size: 2rem;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
}
.btn-recruitment {
	margin: 0 auto 5%;
}
#merit {
	padding: 44px 0 80px;
	background-size: auto auto;
	background-color: rgba(255, 223, 121, 1);
	background-image: repeating-linear-gradient(
		135deg,
		transparent,
		transparent 8px,
		rgba(255, 255, 255, 0.3) 8px,
		rgba(255, 255, 255, 0.3) 16px
	);
}
.merit_check {
	margin: -110px auto 0 auto;
	width: 300px;
}
#bg-employee {
	background-color: #ffe6e3;
	padding-top: 60px;
	padding-bottom: 60px;
}
#bg-employee .row {
	margin-top: -15px;
	margin-right: -10px;
	margin-left: -10px;
}
#bg-employee .row > div {
	margin-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}
#bg-employee a:hover {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	opacity: 1;
}
#bg-employee a:hover:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/recruit/top/employee_read-more@2x.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
#bg-employee .shohinkaihatsu a:hover:after {
	background-color: rgba(212, 105, 64, 0.5);
}
#bg-employee .dtp a:hover:after {
	background-color: rgba(93, 196, 187, 0.5);
}
#bg-employee .okayama-eigyo a:hover:after {
	background-color: rgba(237, 150, 37, 0.5);
}
#bg-employee .kanri a:hover:after {
	background-color: rgba(101, 105, 194, 0.5);
}
#bg-employee .di a:hover:after {
	background-color: rgba(39, 167, 110, 0.5);
}
#bg-employee .dc a:hover:after {
	background-color: rgba(47, 179, 225, 0.5);
}
#bg-employee .ctp a:hover:after {
	background-color: rgba(105, 196, 101, 0.5);
}
#bg-employee .kensa a:hover:after {
	background-color: rgba(182, 160, 234, 0.5);
}
.title-employee_top,
.title-questions {
	text-align: center;
	margin-bottom: 50px;
}
.topmenu {
	padding-top: 80px;
	padding-bottom: 80px;
}
.menu-row {
	position: relative;
	text-align: left;
	padding-bottom: 88px;
	margin-top: 70px;
}
.menu-row:first-child {
	margin-top: 0;
}
.menu-row .menu-img {
	position: absolute;
	top: 35px;
	right: 0;
}
.menu-row:nth-child(even) {
	text-align: right;
}
.menu-row:nth-child(even) .menu-img {
	left: 0;
	right: auto;
}
.menu-row .btn-check {
	position: relative;
}
#bg-questions {
	background-color: #e8f0f9;
	padding-top: 60px;
	padding-bottom: 60px;
}
.card {
	background-color: transparent !important;
	border: none !important;
	border-radius: 0 !important;
}
.card-header {
	padding: 0 !important;
	background-color: transparent !important;
	border-bottom: 1px dashed #8b8b8b !important;
}
.card-header.open {
	border-bottom: none;
}
.card-header:first-child {
	border-radius: 0 !important;
}
.card-body {
	background-color: rgba(255, 255, 255, 0.8) !important;
	padding: 1em;
	margin-bottom: 10px;
}
.faq .q {
	font-size: 2.4rem !important;
	font-weight: bold;
	color: #000;
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}
.faq .q:before {
	content: '' !important;
	background-image: url(../img/recruit/top/icon_questions@2x.png);
	background-repeat: no-repeat;
	background-size: 2em;
	float: left;
	margin-top: -10px;
}
.faq .q:after {
	content: '' !important;
	background-image: url(../img/recruit/top/img_questions_close@2x.png);
	background-repeat: no-repeat;
	background-size: 0.8em;
	width: 32px;
	height: 32px;
	font-size: 4rem !important;
	margin-top: -16px !important;
}
.faq .open .q:after {
	content: '' !important;
	transform: none !important;
	background-image: url(../img/recruit/top/img_questions_open@2x.png);
	background-repeat: no-repeat;
	background-size: 0.8em;
}
.faq .a {
	font-size: 2rem;
	color: #000;
	padding: 0 0 0 3em !important;
	margin-bottom: 0;
}
.faq .a:before {
	content: '' !important;
	background-image: url(../img/recruit/top/icon_answer@2x.png);
	background-repeat: no-repeat;
	background-color: transparent !important;
	background-size: 2em;
	float: left;
	margin-left: -3em;
}
.bg-entry {
	text-align: center;
	margin-top: 55px;
}
/*-----TOP-----*/
/*-----先輩社員の紹介-----*/
.title-employee {
	background-color: #ffe6e3;
}
.staff {
	margin-top: 50px;
}
.department-name {
	margin-bottom: 40px;
}
.staff h2 {
	font-size: 2.8rem;
	border-bottom: 0;
}
.introduction {
	letter-spacing: -1em;
	margin-bottom: 55px;
}
.introduction h2 {
	display: inline-block;
	color: #fff !important;
	border-radius: 30px;
	padding: 10px 50px;
}
.introduction .imagebox {
	display: inline-block;
	width: 320px;
	height: 388px;
	vertical-align: top;
	text-align: center;
}
.introduction .textbox {
	display: inline-block;
	width: 680px;
	height: 388px;
	letter-spacing: 0em;
	padding: 25px 40px;
}
.introduction .content {
	font-size: 2.4rem;
	color: #000;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.introduction .job-description li {
	font-size: 2rem;
	padding-left: 1em;
	text-indent: -1em;
}
.work h2 {
	border-bottom: 3px solid #e0e0e0;
}
.work .row:first-child {
	margin-top: 0;
}
.work .row {
	margin: 55px 0 0;
	padding: 0;
}
.work .row > div {
	margin: 0;
	padding: 0;
}
.workflow {
	margin-top: 50px;
	text-align: center;
}
.workflow .flow-row {
	display: flex;
}
.workflow .flow-content {
	display: inline-block;
	width: 20%;
	background-size: 5px 2px;
	background-repeat: repeat-x;
	background-position: left bottom;
	vertical-align: top;
	margin: 0 10px;
}
.img_workflow {
	position: relative;
}
.workflow .img_workflow .lunchbreak {
	position: absolute;
	left: -30%;
	bottom: -8%;
}
.workflow .flow-time {
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1em;
	margin: 20px 0 10px;
}
.workflow .flow-text {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.youtube-employee {
	margin-top: 70px;
	text-align: center;
}
.shohinkaihatsu h2,
.shohinkaihatsu .introduction .content span,
.shohinkaihatsu .workflow .flow-time {
	color: #dc6940;
}
.shohinkaihatsu .introduction h2 {
	background-color: #dc6940;
}
.shohinkaihatsu .textbox {
	background-color: #ffe1d6;
}
.shohinkaihatsu .introduction .content {
	border-bottom: 2px dashed #dc6940;
}
.shohinkaihatsu .workflow .flow-content {
	background-image: linear-gradient(to right, #dc6940 2px, transparent 2px);
}
.dtp h2,
.dtp .introduction .content span {
	color: #5dc5bc;
}
.dtp .introduction h2 {
	background-color: #5dc5bc;
}
.dtp .textbox {
	background-color: #e7f7f4;
}
.dtp .introduction .content {
	border-bottom: 2px dashed #5dc5bc;
}
.okayama-eigyo h2,
.okayama-eigyo .introduction .content span {
	color: #d69e12;
}
.okayama-eigyo .introduction h2 {
	background-color: #e2b42c;
}
.okayama-eigyo .textbox {
	background-color: #fff4de;
}
.okayama-eigyo .introduction .content {
	border-bottom: 2px dashed #e2b42c;
}
.ctp .introduction .textbox {
	background-color: #ebf9ea;
	padding-top: 10px;
}
.ctp h2,
.ctp .introduction .content span {
	color: #69c465;
}
.ctp .introduction h2 {
	background-color: #93d390;
}
.ctp .textbox {
	background-color: #ebf9ea;
}
.ctp .introduction .content {
	border-bottom: 2px dashed #69c465;
}
.dc h2,
.dc .introduction .content span {
	color: #2fb3e1;
}
.dc .introduction h2 {
	background-color: #2fb3e1;
}
.dc .textbox {
	background-color: #d6ebf1;
}
.dc .introduction .content {
	border-bottom: 2px dashed #2fb3e1;
}
.kanri h2,
.kanri .introduction .content span {
	color: #8086ce;
}
.kanri .introduction h2 {
	background-color: #8086ce;
}
.kanri .textbox {
	background-color: #eef1ff;
}
.kanri .introduction .content {
	border-bottom: 2px dashed #8086ce;
}
.kensa h2,
.kensa .introduction .content span {
	color: #b6a0ea;
}
.kensa .introduction h2 {
	background-color: #b6a0ea;
}
.kensa .textbox {
	background-color: #f2f0fc;
}
.kensa .introduction .content {
	border-bottom: 2px dashed #b6a0ea;
}
.di h2,
.di .introduction .content span {
	color: #27a86e;
}
.di .introduction h2 {
	background-color: #27a86e;
}
.di .textbox {
	background-color: #e4f4eb;
}
.di .introduction .content {
	border-bottom: 2px dashed #27a86e;
}
.staff_shoukai .list-employee {
	background-color: #ffe6e3;
	padding: 30px 0;
	margin-top: 80px;
}
.staff_shoukai .list-employee .title-employee_top {
	display: none;
}
.staff_shoukai .list-employee .container {
	width: 800px;
}
.staff_shoukai .list-employee .row {
	margin-top: -15px;
	margin-right: -10px;
	margin-left: -10px;
}
.staff_shoukai .list-employee .row > div {
	margin-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}
/*-----先輩社員の紹介-----*/
/*-----役員メッセージ-----*/
.title-message {
	background-color: #e3f3ff;
}
.main-message {
	margin-top: 75px;
}
.main-message .wrap {
	position: relative;
}
.board-member {
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
	text-align: center;
}
.content-message h2 {
	width: 60%;
	margin-left: 40%;
	font-size: 3rem;
	line-height: 1.8em;
	border: none;
	color: #7c9ae5;
	padding: 25px 0 0;
	margin-bottom: 40px;
}
.content-message p {
	position: relative;
	width: 60%;
	margin-left: 40%;
	font-size: 1.8rem;
	background-color: rgba(255, 255, 255, 0.8);
	color: #000;
}
.content-message .name {
	font-size: 3rem;
	font-weight: bold;
	text-align: right;
	padding-top: 40px;
}
/*-----役員メッセージ-----*/
/*-----数字でみる 協同プレス-----*/
.title-about-company {
	background-color: #fff8e5;
}
.about-company .update-day {
	font-size: 1.5rem;
	margin-top: 40px;
}
#about-kyodopress {
	margin-top: 20px;
}
#about-work,
#about-member {
	margin-top: 80px;
}
.about-company .title {
	margin-bottom: 30px;
}
.about-company .row {
	margin-right: -10px;
	margin-left: -10px;
}
.about-company .row > div {
	padding-right: 10px;
	padding-left: 10px;
}
/*-----数字でみる 協同プレス-----*/
/*-----採用情報・募集要項-----*/
.title-recruitment-information {
	background-color: #ecf3e0;
}
.jinji-introduction {
	letter-spacing: -1em;
	margin-top: 45px;
}
.jinji-introduction .imagebox {
	display: inline-block;
	width: 530px;
	height: 348px;
	vertical-align: top;
	text-align: center;
}
.jinji-introduction .textbox {
	display: inline-block;
	width: 470px;
	height: 348px;
	letter-spacing: 0em;
	background-color: #ecf3e0;
	padding: 40px;
}
.jinji-introduction .textbox h4 {
	font-size: 2.8rem;
	color: #56a658;
	margin-bottom: 35px;
}
.jinji-introduction .textbox p {
	font-size: 2.2rem;
	color: #000;
	margin-bottom: 0;
}
.jinji-message {
	margin-top: 50px;
	text-align: center;
}
.jinji-message h3 {
	font-size: 3.2rem;
	color: #56a658;
	margin-bottom: 20px;
}
.job-offer {
	margin-top: 75px;
}
.job-offer h2 {
	font-size: 3.6rem;
	text-align: center;
	color: #333;
	border-bottom: 4px solid #c8c8c8;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
.job-offer .row {
	margin-right: -15px;
	margin-left: -15px;
}
.job-offer .row > div:nth-child(4) {
	margin-top: 30px;
}
.job-offer p {
	font-size: 2rem;
	margin-top: 15px;
	margin-bottom: 0;
}
/*--詳細--*/
.job-details .row {
	margin-right: -15px;
	margin-left: -15px;
}
.job-details h1,
.job-details h2,
.job-details h3 {
	color: #59a546;
}
.job-details h1 {
	font-size: 3.5rem;
	text-align: center;
	padding-bottom: 30px;
	margin: 65px 0 55px;
	border-bottom: 4px solid #c8c8c8;
}
.job-details h2 {
	font-size: 3rem;
	padding-bottom: 20px;
	margin-bottom: 25px;
	border-bottom: 2px dashed #c8c8c8;
}
.job-details h3 {
	font-size: 2.4rem;
	margin-bottom: 20px;
}
.job-details .block_outer {
	padding: 0;
	margin: 70px 0 0;
}
.job-details .sub {
	margin: 0 0 25px;
	border-bottom: 1px solid #c8c8c8;
}
.job-details p,
.job-details li {
	font-size: 2.2rem;
	line-height: 1.45em;
}
.job-details p,
.job-details li:last-child {
	margin-bottom: 20px;
}
.job-details li {
	margin-bottom: 0;
	text-indent: -1em;
	padding-left: 1em;
}
.job-details #article03 .article03-content {
	background-color: #ecf3e0;
	padding: 80px;
}
.job-details #article03 h2 {
	text-align: center;
	border-bottom: 1px solid #c8c8c8;
}
.job-details #article03 .sub {
	margin-bottom: 40px;
	border-bottom: none;
}
.job-details #article03 h3 {
	text-indent: -0.5em;
}
.job-details #article03 a {
	color: #59a546;
	text-decoration: underline;
}
.job-details #article01 .sub:last-child,
.job-details #article03 .sub:last-child,
.job-details #article03 .sub:last-child p {
	margin-bottom: 0;
}
.job-details #article04 {
	margin-top: 25px;
}
.job-details #article04 .destination {
	background-color: #eeeeee;
	padding: 40px 80px;
}
.job-details #article04 .sub {
	border-bottom: none;
}
.job-details #article04 .article04-content p {
	margin-bottom: 0;
}
.job-details .recruitment-entry {
	text-align: center;
	margin-top: 40px;
}
.job-details .recruitment-inquiry {
	margin-top: 60px;
}
.job-details .recruitment-inquiry .otoiawase-block {
	padding: 35px 25px;
	border: 4px solid #eeeeee;
}
.job-details .recruitment-inquiry .otoiawase-block h3 {
	color: #000;
	text-align: center;
}
/*--詳細--*/
/*-----採用情報・募集要項-----*/
/*-----エントリーフォーム-----*/
.title-entry-form {
	background-color: #fff0de;
}
/*-----エントリーフォーム-----*/
/*-----LINEお問い合わせ-----*/
.title-line {
	background-color: #d9eed4;
}
.main-line h2 {
	font-size: 3rem;
	line-height: 1.6em;
	border-bottom: none;
	margin: 60px 0 40px;
	padding: 0;
}
.main-line .btn-line {
	margin: 40px auto;
}
/*-----LINEお問い合わせ-----*/

@media screen and (min-width: 768px) {
	/*-----共通 PC-----*/
	.wrap {
		width: 1000px !important;
	}
	#sb-site {
		padding-top: 120px !important;
	}
	/*-----共通 PC-----*/
}
@media screen and (max-width: 767px) {
	/*-----共通 SP-----*/
	body.active {
		position: fixed;
	}

	#head .logo {
		height: 60px !important;
		line-height: 60px !important;
	}
	#head .logo img {
		max-height: 50px !important;
	}
	.sp_menu {
		width: 60px !important;
		height: 60px !important;
		background-color: #c5c5c6 !important;
	}
	.sp_menu span {
		width: 34px !important;
		left: 13px !important;
	}
	.sp_menu span:nth-of-type(1) {
		top: 16px !important;
	}
	.sp_menu span:nth-of-type(2) {
		top: 28px !important;
	}
	.sp_menu span:nth-of-type(3) {
		top: 40px !important;
	}
	.sp_menu.active span:nth-of-type(1) {
		transform: translateY(12px) rotate(-45deg) !important;
	}
	.sp_menu.active span:nth-of-type(3) {
		transform: translateY(-12px) rotate(45deg) !important;
	}
	#sb-side {
		max-height: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	#sb-site {
		padding-top: 60px !important;
	}
	.recruit-info {
		margin-bottom: 10%;
	}
	.info-title {
		width: 45%;
		margin: 12% auto 4%;
	}
	footer .row > div:nth-child(even) {
		padding-left: 10px;
	}
	footer .row > div:nth-child(odd) {
		padding-right: 10px;
	}
	footer .row > div:nth-child(3),
	footer .row > div:nth-child(4) {
		margin-top: 20px;
	}
	.recruit-footer {
		background-color: #eeeeee;
		padding-top: 7%;
		padding-bottom: 11%;
	}
	.recruit-footer .row:first-child {
		width: 100%;
		margin: 0 auto 5%;
	}
	.footer-menu {
		padding-left: 5% !important;
	}
	.footer-menu li a {
		display: inline-block;
		font-size: 1.2rem !important;
		padding: 5px 10px;
	}
	.footer-menu li.menu-item-has-children > a:after {
		display: none;
	}
	/*-----共通 SP-----*/
	/*-----TOP SP-----*/
	.top-text01 {
		width: 90%;
		margin: 6% auto 2%;
	}
	.top-text01 h1 {
		font-size: 2rem;
	}
	.slick-initialized .slick-slide {
		width: 0.35% !important;
		height: auto !important;
		margin-right: 0.05%;
	}
	.slideitem:nth-child(even) {
		margin-bottom: 0.05%;
	}
	.slideitem:nth-child(odd) {
		margin-top: 0.05%;
	}
	.bg-catchcopy {
		top: -20%;
		margin: 0 5%;
	}
	.top-text02 {
		width: 90%;
		margin: 8% auto 2%;
	}
	.top-text02 h2 {
		font-size: 1.7rem;
	}
	.top-text02 p {
		font-size: 1.2rem;
		line-height: 1.5em;
	}
	.btn-recruitment {
		margin: 6% auto 2%;
		justify-content: center;
		margin: 0 auto;
	}
	.btn_info,
	.btn_youtube {
		/*    max-width: 70%!important;*/
		margin: 0 auto;
	}
	.btn_youtube {
		margin-top: 2%;
	}
	#merit {
		padding: 25px 0 30px;
	}
	.merit-wrap {
		width: 85%;
		margin: 0 auto;
	}
	.merit_check {
		width: 48%;
		margin-top: -100px;
	}
	#bg-employee,
	#bg-questions {
		padding: 8% 7% 13%;
	}
	.title-employee_top,
	.title-questions {
		width: 70%;
		margin: 0 auto 12%;
	}
	#bg-employee .row {
		margin-top: -4%;
		margin-right: -2%;
		margin-left: -2%;
	}
	#bg-employee .row > div {
		margin-top: 4%;
		padding-right: 2%;
		padding-left: 2%;
	}
	.topmenu {
		padding-top: 7%;
		padding-bottom: 9%;
	}
	.menu-row {
		margin-top: 11%;
		padding-bottom: 10%;
	}
	.menu-row .menu-img {
		width: 57vw;
		text-align: right;
	}
	.menu-row:nth-child(even) .menu-img {
		text-align: left;
	}
	.menu-row .btn-check {
		width: 57vw;
	}
	.menu-row:nth-child(even) .btn-check {
		margin-right: 0;
		margin-left: auto;
	}
	.faq .q {
		font-size: 1.4rem !important;
		line-height: 1.5em;
		padding-top: 4% !important;
		padding-bottom: 4% !important;
	}
	.faq .q:before {
		margin-top: -6px;
	}
	.faq .q:after {
		width: 25px;
		height: 25px;
		font-size: 3rem !important;
		margin-top: -12px !important;
	}
	.faq .a {
		font-size: 1.2rem;
		line-height: 1.7em;
		padding: 0 0 0 2.5em !important;
	}
	.bg-entry {
		width: 70%;
		margin: 6% auto 0;
	}
	/*-----TOP SP-----*/
	/*-----先輩社員の紹介 SP-----*/
	.staff {
		margin-top: 8%;
	}
	.department-name {
		padding: 0 6%;
		margin-bottom: 6%;
	}
	.staff h2 {
		font-size: 2rem;
		margin-bottom: 3%;
	}
	.ctp .introduction .textbox {
		padding-top: 60px;
	}
	.introduction {
		margin-bottom: 8%;
	}
	.introduction h2 {
		padding: 2% 8%;
	}
	.introduction .imagebox {
		display: block;
		position: relative;
		width: 60%;
		height: auto;
		margin: 0 auto;
	}
	.introduction .textbox {
		width: 100%;
		height: auto;
		padding: 17% 7% 7%;
		margin-top: -10%;
	}
	.introduction .content {
		font-size: 1.6rem;
		padding-bottom: 4%;
		margin-bottom: 4%;
	}
	.introduction .job-description li,
	.work p {
		font-size: 1.2rem;
		line-height: 1.5em;
	}
	.work {
		padding: 0 8%;
	}
	.work .row {
		margin: 8% 0 0;
	}
	.work .row > div:first-child {
		text-align: center;
	}
	.work .row > div:last-child {
		padding-top: 6%;
	}
	.work h2 {
		padding-bottom: 2%;
		margin-bottom: 4%;
	}
	.workflow {
		margin-top: 10%;
		padding: 0 8%;
	}
	.workflow .flow-row {
		flex-wrap: wrap;
		justify-content: center;
	}
	.workflow .flow-content {
		width: 30%;
		margin: 0 2%;
	}
	.workflow .flow-content:nth-child(3) {
		margin-right: 0;
	}
	.workflow .flow-content:nth-child(4) {
		margin-left: 0;
	}
	.workflow .img_workflow .lunchbreak {
		position: absolute;
		left: -32%;
		bottom: -8%;
		width: 50%;
		height: auto;
	}
	.workflow .flow-time {
		font-size: 1.6rem;
		margin: 15% 0 8%;
	}
	.workflow .flow-text {
		font-size: 1.2rem;
		line-height: 1.5em;
		margin-bottom: 15%;
	}
	.youtube-employee {
		margin-top: 10%;
	}
	.youtube-link {
		width: 315px;
		margin: 0 auto;
	}
	.staff_shoukai .list-employee {
		padding: 5%;
		margin-top: 10%;
	}
	.staff_shoukai .list-employee .container {
		width: 100%;
	}
	.staff_shoukai .list-employee .row {
		margin-top: -4%;
		margin-right: -2%;
		margin-left: -2%;
	}
	.staff_shoukai .list-employee .row > div {
		margin-top: 4%;
		padding-right: 2%;
		padding-left: 2%;
	}
	/*-----先輩社員の紹介 SP-----*/
	/*-----役員メッセージ SP-----*/
	.main-message {
		margin-top: 5%;
		padding: 0 7% 0;
	}
	.board-member {
		width: 38%;
	}
	.content-message h2 {
		width: 65%;
		margin-left: 41%;
		font-size: 1.5rem;
		padding: 8% 0 0;
		margin-bottom: 8%;
	}
	.content-message p {
		width: 100%;
		margin-left: 0;
		font-size: 1.2rem;
		line-height: 1.6em;
		padding-top: 6%;
	}
	.content-message .name {
		font-size: 1.4rem;
		padding-top: 4%;
	}
	/*-----役員メッセージ SP-----*/
	/*-----数字でみる 協同プレス SP-----*/
	.about-company .content-about-company {
		padding: 0 8%;
	}
	.about-company .update-day {
		font-size: 1.2rem;
		margin-top: 6%;
	}
	#about-kyodopress {
		margin-top: 3%;
	}
	#about-work,
	#about-member {
		margin-top: 8%;
	}
	.about-company .title {
		margin-bottom: 6%;
	}
	.about-company .row {
		margin-right: -5px;
		margin-left: -5px;
	}
	.about-company .row > div {
		padding-right: 5px;
		padding-left: 5px;
	}
	/*-----数字でみる 協同プレス SP-----*/
	/*-----採用情報・募集要項 SP-----*/
	.jinji-introduction {
		margin-top: 6%;
	}
	.jinji-introduction .imagebox {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.jinji-introduction .textbox {
		width: 100%;
		height: auto;
		padding: 7%;
	}
	.jinji-introduction .textbox h4 {
		font-size: 2rem;
		margin-bottom: 5%;
	}
	.jinji-introduction .textbox p {
		font-size: 1.4rem;
		line-height: 1.7em;
	}
	.jinji-message {
		margin-top: 10%;
	}
	.jinji-message h3 {
		font-size: 2.2rem;
	}
	.job-offer {
		margin-top: 12%;
		padding: 0 6%;
	}
	.job-offer h2 {
		font-size: 2.4rem;
		padding-bottom: 2%;
		margin-bottom: 6%;
	}
	.job-offer .row > div:nth-child(even) {
		padding-left: 10px;
	}
	.job-offer .row > div:nth-child(odd) {
		padding-right: 10px;
	}
	.job-offer .row > div:nth-child(3),
	.job-offer .row > div:nth-child(4) {
		margin-top: 20px;
	}
	.job-offer p {
		font-size: 1.2rem;
		line-height: 1.5em;
		margin-top: 5%;
	}
	/*--詳細 SP--*/
	.job-details #page {
		padding: 0 8%;
	}
	.job-details h1 {
		font-size: 2.4rem;
		padding-bottom: 5%;
		margin: 10% 0 7%;
	}
	.job-details h2 {
		font-size: 2.2rem;
		padding-bottom: 3%;
		margin-bottom: 5%;
	}
	.job-details h3 {
		font-size: 1.6rem;
		margin-bottom: 3%;
	}
	.job-details .block_outer {
		margin: 10% 0 0;
	}
	.job-details .sub {
		margin: 0 0 4%;
	}
	.job-details p,
	.job-details li {
		font-size: 1.4rem;
		line-height: 1.7em;
	}
	.job-details p,
	.job-details li:last-child {
		margin-bottom: 3%;
	}
	.job-details #article01 .row div:first-child .sub:last-child,
	.job-details #article02 .row div:first-child .sub:last-child {
		margin: 0 0 4%;
	}
	.job-details #article03 .article03-content {
		padding: 6%;
	}
	.job-details #article03 .sub {
		margin-bottom: 10%;
	}
	.job-details #article04 {
		margin-top: 5%;
	}
	.job-details #article04 .destination {
		padding: 6%;
	}
	.job-details .recruitment-entry {
		margin-top: 6%;
	}
	.job-details .recruitment-inquiry {
		margin-top: 10%;
	}
	.job-details .recruitment-inquiry .otoiawase-block {
		padding: 7% 6%;
	}
	/*--詳細 SP--*/
	/*-----採用情報・募集要項 SP-----*/
	/*-----LINEお問い合わせ SP-----*/
	.main-line h2 {
		font-size: 1.8rem;
		margin: 10% 0 6%;
		padding: 0 3%;
	}
	.main-line p {
		font-size: 1.2rem;
		line-height: 1.5em;
	}
	.main-line .btn-line {
		margin: 6% auto;
		padding: 0 5%;
	}
	/*-----LINEお問い合わせ SP-----*/
}

@media screen and (max-width: 452px) {
	h1 {
		letter-spacing: 0 !important;
	}
	.merit_check {
		margin-top: -65px;
	}
}

.textbox2,
.textbox3,
.textbox4,
.textbox5,
.textbox6,
.textbox7,
.textbox8 {
	background-color: #ffffff;
	border: 2px solid #000000;
	padding: 20px 30px;
	margin-bottom: 60px;
	max-width: 1000px;
}
.textbox2 {
	box-shadow: 4px 4px 0 #e7f7f4;
}
.textbox3 {
	box-shadow: 4px 4px 0 #ebf9ea;
}
.textbox4 {
	box-shadow: 4px 4px 0 #eef1ff;
}
.textbox5 {
	box-shadow: 4px 4px 0 #ffe1d6;
}
.textbox6 {
	box-shadow: 4px 4px 0 #fff4de;
}
.textbox7 {
	box-shadow: 4px 4px 0 #f2f0fc;
}
.textbox8 {
	box-shadow: 4px 4px 0 #d6ebf1;
}
.textbox2 h2,
.textbox3 h2,
.textbox4 h2,
.textbox5 h2,
.textbox6 h2,
.textbox7 h2,
.textbox8 h2 {
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
	color: #fff !important;
	border-radius: 30px;
	padding: 10px 50px;
	margin-bottom: 10px;
	display: inline-block;
}
.textbox2 h2 {
	background-color: #5dc5bc;
}
.textbox3 h2 {
	background-color: #93d390;
}
.textbox4 h2 {
	background-color: #8086ce;
}
.textbox5 h2 {
	background-color: #dc6940;
}
.textbox6 h2 {
	background-color: #e2b42c;
}
.textbox7 h2 {
	background-color: #b6a0ea;
}
.textbox8 h2 {
	background-color: #2fb3e1;
}
.text {
	font-size: 2rem;
	color: #333333;
	line-height: 1.6;
	margin-top: 0;
	padding-left: 10px;
}

.sp_br {
	display: none;
}

.skill {
	padding-bottom: 20px;
}

/* スマホ向けのレスポンシブ対応 */
@media (max-width: 600px) {
	.textbox2,
	.textbox3,
	.textbox4,
	.textbox5,
	.textbox6,
	.textbox7,
	.textbox8 {
		margin: 20px 40px 40px;
		text-align: center;
		padding: 20px;
	}

	.textbox2 h2,
	.textbox3 h2,
	.textbox4 h2,
	.textbox5 h2,
	.textbox6 h2,
	.textbox7 h2,
	.textbox8 h2 {
		font-size: 2rem;
		padding: 7px 25px;
	}

	.text {
		font-size: 1.2rem;
		line-height: 1.5em;
		padding-left: 0;
	}

	.sp_br {
		display: block;
	}
}