@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:960px){
#shop {
	width: 100%;
	border-top: solid 1px #DEDEDE;
}
	.shop--topimage {
		width: 100%;
		height: 500px;
		background-image:url(../image/employee_new_mid/part-topimage.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.shop--contents {
		width: 90%;
		max-width: 1000px;
		padding: 60px 0px 130px;
		margin: auto auto;
		display: flex;
		justify-content: space-between;
		position: relative;
	}
			.section-heading {
				width: 100%;
				margin: auto auto 80px 0px;
				font-size: 14px;
				font-weight: 500;
				line-height: 1.0;
				letter-spacing: 0.0em;
				position: relative;
			}
				.section-heading .section-heading_en {
					display: inline-block;
					margin-top: 10px;
					font-family: din-condensed, sans-serif;
					font-size: 1.4rem;
				    font-weight: 600;
				    color: #DF610F;
				    letter-spacing: 0.1em;
				}
				.section-heading:after {
					content: '';
					display: block;
					width: 50px;
					height: 2px;
					background-color: #DF610F;
					position: absolute;
					bottom: -25px;
					left: 0;
				}

		.contents--main_container {
			width: 63%;
		}
			.contact--contents_inner {
				width: 100%;
				padding: 0px 0px 50px;
				margin: auto auto;
				position: relative;
			}
				.tab-group_container {
					width: 100%;
					margin-bottom: 45px;
				}
					.tab-group {
						width: 100%;
						display: flex;
						justify-content: center;
					}
						.tab {
							width: 50%;
							height: 50px;
							border: solid 1px #DF610F;
							font-size: 20px;
							font-weight: 700;
							line-height: 48px;
							text-align: center;
							color: #DF610F;
							cursor: pointer;
							position: relative;
						}
						.tab.is-active {
							background: #DF610F;
							color: #ffffff;
							transition: all 0.2s ease-out;
							-webkit-transition: all 0.2s ease-out;
						}
							.tab-arrow {
								width: 16px;
								height: auto;
								position: absolute;
								top: 50%;
								right: 23px;
								transform: translate(50%, -50%);
								-webkit-transform: translate(50%, -50%);
								transition: all 0.2s ease-out;
								-webkit-transition: all 0.2s ease-out;
							}
							.is-active .tab-arrow {
								transform: translate(50%,-50%) rotate(90deg);
								-webkit-transform: translate(50%,-50%) rotate(90deg);
							}
							.w-arrow {
								opacity: 0.0;
							}
							.is-active .w-arrow {
								opacity: 1.0;
							}
							.o-arrow {
								opacity: 1.0;
							}
							.is-active .o-arrow {
								opacity: 0.0;
							}

					.panel-group {
						width: 100%;
						margin: auto auto 50px;
						border-top: none;
					}
						.panel {
							display: none;
						}
						.panel.is-show {
							display: block;
							animation-name: panel-fadein;
							animation-duration: .2s;
						}
						@keyframes panel-fadein {
							0% {
								opacity: 0;
							}
							100% {
								opacity: 1;
							}
						}
							.position {
								width: 100%;
								margin-bottom: 11px;
								font-size: 20px;
								font-weight: 700;
								color: #DF610F;
							}
								.position span {
									position: relative;
								}
									.position span:after {
										content: '';
										display: block;
										width: 100%;
										height: 1px;
										background-color: #DF610F;
										position: absolute;
										bottom: 1px;
										left: 0;
									}
							.treatment_table {
								width: 100%;
								margin-bottom: 10px;
							}
								.treatment_table tr td:nth-of-type(1) {
									width: 19.2%;
									background-color: #F2F2F2;
									font-weight: 700;
									text-align: center;
								}
								.treatment_table tr td:nth-of-type(2) {
									width: 80.8%;
									font-weight: 300;
									background-color: #ffffff;
								}
								.treatment_table tr td {
									padding: 12px 15px;
									border: solid 1px #DEDEDE;
								}
							.details_ask {
								width: 100%;
								font-size: 12px;
								font-weight: 300;
							}

				.stores {
					width: 100%;
					padding: 15px;
					background-color: #F9F9F9;
				}
					.stores-heading {
						width: 100%;
						margin-bottom: 20px;
						font-size: 20px;
						font-weight: 700;
						text-align: center;
						letter-spacing: 0.05em;
					}
					.stores-list {
						width: 100%;
						padding: 18px 0px !important;
						border-radius: 5px;
						background-color: #ffffff;
					}
						.stores-item {
							width: 90%;
							padding: 18px 0px;
							margin: auto auto;
							border-bottom: dotted 1px #DEDEDE;
							display: flex;
							justify-content: flex-end;
							align-content: center;
						}
							.stores-name {
								width: auto;
								margin: auto auto auto 0px;
								font-size: 16px;
								font-weight: 500;
							}
							.stores-item a {
								display: block;
								height: 32px;
								border-radius: 16px;
								font-size: 16px;
								font-weight: 700;
								color: #ffffff;
								line-height: 30px;
								text-align: center;
								position: relative;
							}
							.stores-details {
								width: 180px;
								padding-right: 5px;
								margin-right: 10px;
								background-color: #000000;
							}
							.stores-apply {
								width: 140px;
								background-color: #DF610F;
							}
								.stores-item a img {
									width: 16px;
									height: auto;
									position: absolute;
									top: 50%;
									right: 10px;
									transform: translate(0%, -50%);
									-webkit-transform: translate(0%, -50%);
								}

		.contents--sidebar {
			width: 27%;
		}
			.sidebar-heading {
				width: 100%;
				padding-bottom: 18px;
				margin-bottom: 15px;
				border-bottom: solid 1px #DEDEDE;
				font-size: 24px;
				font-weight: 700;
				line-height: 1.0;
				letter-spacing: 0.06em;
				position: relative;
			}
			.sidebar-heading:after {
				content: '';
				display: block;
				width: 60px;
				height: 1px;
				background-color: #DF610F;
				position: absolute;
				bottom: -1px;
				left: 0;
			}
			.sidebar-cp_cat-list {
				width: 100%;
				margin-bottom: 80px !important;
				position: relative;	
			}
			.sidebar-cp_cat-list:after {
				content: '';
				display: block;
				width: 60px;
				height: 1px;
				background-color: #DF610F;
				position: absolute;
				bottom: -40px;
				left: 0;
			}
				.cp_cat-item {
					width: 100%;
					margin-bottom: 5px;
					font-size: 16px;
					font-weight: 400;
					position: relative;
				}
				.cp_cat-item:last-of-type {
					margin-bottom: 0px;
				}
				.cp_cat-item.cp_cat-item_active {
					padding-left: 20px;
					font-weight: 700;
				}
				.cp_cat-item.cp_cat-item_active:before {
					content: '';
					display: block;
					width: 3px;
					height: 23px;
					background-color: #DF610F;
					position: absolute;
					top: 50%;
					left: 0;
					transform: translate(0%, -50%);
					-webkit-transform: translate(0%, -50%);
				}
					.cp_cat-item a {
						display: block;
						padding: 8px 0px;
						color: #000000;
						transition: .2s;
						-webkit-transition: .2s;
						position: relative;
					}
					.cp_cat-item a:hover {
						color: #DF610F;
					}
					.cp_cat-item span {
						display: block;
						padding: 8px 0px;
						position: relative;
					}
					.cp_cat-arrow {
						width: 20px;
						height: auto;
						position: absolute;
						top: 50%;
						right: 0;
						transform: translate(0%, -50%);
						-webkit-transform: translate(0%, -50%);
						pointer-events: none;
						transition: .1s;
						-webkit-transition: .1s;
					}
					.arrow_noactive {
						opacity: 1.0;
					}
					.cp_cat-item a:hover .arrow_noactive {
						opacity: 0.0;
					}
					.arrow_active {
						opacity: 0.0;
					}
					.cp_cat-item a:hover .arrow_active {
						opacity: 1.0;
					}

			.sidebar-video_message {
				width: 100%;
				margin-bottom: 90px;
				position: relative;
			}
			.sidebar-video_message:after {
				content: '';
				display: block;
				width: 60px;
				height: 1px;
				background-color: #DF610F;
				position: absolute;
				bottom: -50px;
				left: 0;
			}
				.video_message-btn {
					display: block;
					width: 100%;
					color: #000000;
					transition: .1s;
					-webkit-transition: .1s;
				}
				.video_message-btn:hover {
					color: #DF610F;
				}
					.video_message-image {
						width: 100%;
						height: auto;
						margin-bottom: 5px;
					}
						.video_message-image img {
							width: 100%;
							height: auto;
						}

					.video_message-title {
						width: 100%;
						height: 45px;
						margin-bottom: 10px;
						border-bottom: solid 1px #DEDEDE;
						font-size: 18px;
						font-weight: 700;
						line-height: 45px;
					}
					.video_message-txt {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						width: 100%;
						height: 24px;
						font-size: 12px;
						line-height: 24px;
					}
						.video_message-txt img {
							width: 24px;
							height: auto;
							margin-left: 12px;
						}

			.sidebar-recruitment {
				width: 100%;
			}
				.contact-heading {
					width: 100%;
					margin-bottom: 15px;
					font-family: din-condensed, sans-serif;
					font-size: 32px;
					text-align: left;
					color: #DF610F;
					line-height: 1.0;
					letter-spacing: 0.06em;
					text-indent: 0.06em;
				}
				.contact-container {
					width: 100%;
				}
					.contact-btn {
						display: block;
						width: 100%;
						height: 60px;
						padding-left: 10px;
						font-size: 16px;
						font-weight: 700;
						text-align: left;
						line-height: 60px;
						letter-spacing: 0.06em;
						color: #ffffff;
						position: relative;
					}
					.contact-btn-contact {
						margin-bottom: 3px;
						background-color: #DF610F;
					}
					.contact-btn-essential_point {
						background-color: #000000;
					}
						.contact-btn-arrow {
							width: 20px;
							height: auto;
							position: absolute;
							top: 50%;
							right: 13px;
							transform: translate(0%, -50%);
							-webkit-transform: translate(0%, -50%);
							transition: .1s;
							-webkit-transition: .1s;
						}
						.contact-btn:hover > .contact-btn-arrow {
							right: 10px;
						}
						.contactBoxttl{margin-bottom: 40px;}
	.contactBox{}
		.contactBox{padding-bottom: 25px; display: flex; margin-bottom: 10px; border-bottom: 1px dotted #dedede;}
		.contactBox dt{font-size: 16px; margin-right: 20px; padding-top: 10px; margin-top: 0;}
		.contactBox dd{font-size: 24px; font-weight: 600; width: 100%}
		.contactBox dd a{color: #DF610F; font-size:28px; }
		.accessWrap{margin-top: 80px;}
		.accessWrap iframe{width:100%; height: 450px;}
		.accessWrap p{font-size: 14px;}
		.person-btn {
			display: block;
			width: 100%;
			height: 55px;
			margin: auto auto;
			border-radius: 43px;
			background-color: #DF610F;
			font-family: din-condensed, sans-serif;
			font-size: 20px !important;
			font-weight: 600;
			text-align: center;
			line-height: 55px;
			letter-spacing: 0.0em;
			color: #ffffff !important;
			position: relative;
padding: 0 5%;			
		}
			.person-btn_arrow {
				width: 20px !important;
				height: auto;
				position: absolute;
				top: 50%;
				right: 20px;
				transition: .1s;
				-webkit-transition: .1s;
				transform: translate(0%, -50%);
				-webkit-transform: translate(0%, -50%);
				margin-top: 0 !important;
			}
			.person-btn:hover .person-btn_arrow {
				right: 15px;
			}
			.timeebnr{display: flex; margin: 40px 0; font-weight: 600; font-size: 20px;}
				.timeebnr span{width: 90%; margin-right: 5%;}
			.timeebnr img{margin-top: 0 !important; width: 70%;}
			.contactBoxttl {
				margin-bottom: 40px;
			}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
#shop {
	width: 100%;
	border-top: solid 1px #DEDEDE;
}
	.shop--topimage {
		width: 100%;
		height: 500px;
		background-image:url(../image/employee_new_mid/part-topimage.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
			.section-heading {
				width: 100%;
				margin: auto auto 55px;
				font-size: 14px;
				font-weight: 500;
				line-height: 1.0;
				letter-spacing: 0.0em;
				text-align: left;
				position: relative;
			}
				.section-heading .section-heading_en {
					display: inline-block;
					margin-top: 15px;
					font-family: din-condensed, sans-serif;
					font-size: 1.4rem;
				    font-weight: 600;
				    color: #DF610F;
				    letter-spacing: 0.1em;
				}
				.section-heading:after {
					content: '';
					display: block;
					width: 50px;
					height: 2px;
					background-color: #DF610F;
					position: absolute;
					bottom: -20px;
					left: 0;
				}

	.shop--contents {
		width: 90%;
		padding: 50px 0px 100px;
		margin: auto auto;
		position: relative;
	}
		.contents--main_container {
			width: 100%;
			padding: 0px 0px 50px;
		}
				.tab-group_container {
					width: 100%;
					margin-bottom: 25px;
				}
					.tab-group {
						width: 100%;
						display: flex;
						justify-content: center;
					}
						.tab {
							width: 50%;
							height: 50px;
							border: solid 1px #DF610F;
							font-size: 16px;
							font-weight: 700;
							line-height: 48px;
							text-align: center;
							color: #DF610F;
							cursor: pointer;
							position: relative;
						}
						.tab.is-active {
							background: #DF610F;
							color: #ffffff;
							transition: all 0.2s ease-out;
							-webkit-transition: all 0.2s ease-out;
						}
							.tab-arrow {
								width: 16px;
								height: auto;
								position: absolute;
								top: 50%;
								right: 23px;
								transform: translate(50%, -50%);
								-webkit-transform: translate(50%, -50%);
								transition: all 0.2s ease-out;
								-webkit-transition: all 0.2s ease-out;
							}
							.is-active .tab-arrow {
								transform: translate(50%,-50%) rotate(90deg);
								-webkit-transform: translate(50%,-50%) rotate(90deg);
							}
							.w-arrow {
								opacity: 0.0;
							}
							.is-active .w-arrow {
								opacity: 1.0;
							}
							.o-arrow {
								opacity: 1.0;
							}
							.is-active .o-arrow {
								opacity: 0.0;
							}

					.panel-group {
						width: 100%;
						margin: auto auto 30px;
						border-top: none;
					}
						.panel {
							display: none;
						}
						.panel.is-show {
							display: block;
							animation-name: panel-fadein;
							animation-duration: .2s;
						}
						@keyframes panel-fadein {
							0% {
								opacity: 0;
							}
							100% {
								opacity: 1;
							}
						}
							.position {
								width: 100%;
								margin-bottom: 11px;
								font-size: 18px;
								font-weight: 700;
								color: #DF610F;
							}
								.position span {
									position: relative;
								}
									.position span:after {
										content: '';
										display: block;
										width: 100%;
										height: 1px;
										background-color: #DF610F;
										position: absolute;
										bottom: 1px;
										left: 0;
									}
							.treatment_table {
								width: 100%;
								margin-bottom: 10px;
							}
								.treatment_table tr td:nth-of-type(1) {
									width: 25%;
									padding: 12px 0px;
									background-color: #F2F2F2;
									font-weight: 700;
									text-align: center;
								}
								.treatment_table tr td:nth-of-type(2) {
									width: 75%;
									padding: 12px 15px;
									font-weight: 300;
									background-color: #ffffff;
								}
								.treatment_table tr td {
									border: solid 1px #DEDEDE;
									font-size: 14px;
								}
							.details_ask {
								width: 100%;
								font-size: 12px;
								font-weight: 300;
							}

				.stores {
					width: 100%;
					padding: 20px 17px;
					background-color: #F9F9F9;
				}
					.stores-heading {
						width: 100%;
						margin-bottom: 20px;
						font-size: 20px;
						font-weight: 700;
						text-align: center;
						letter-spacing: 0.05em;
					}
					.stores-list {
						width: 100%;
						border-radius: 5px;
						background-color: #ffffff;
					}
						.stores-item {
							width: 90%;
							padding: 15px 0px;
							margin: auto auto;
							border-bottom: dotted 1px #DEDEDE;
							display: flex;
							justify-content: space-between;
							flex-wrap: wrap;
						}
							.stores-name {
								width: 100%;
								margin-bottom: 10px;
								font-size: 16px;
								font-weight: 500;
							}
							.stores-item a {
								display: block;
								width: 48.5%;
								height: 40px;
								border-radius: 20px;
								font-size: 12px;
								font-weight: 700;
								color: #ffffff;
								line-height: 40px;
								text-align: center;
								position: relative;
							}
							.stores-details {
								background-color: #000000;
							}
							.stores-apply {
								background-color: #DF610F;
							}
								.stores-item a img {
									width: 16px;
									height: auto;
									position: absolute;
									top: 50%;
									right: 20px;
									transform: translate(0%, -50%);
									-webkit-transform: translate(0%, -50%);
								}

		.contents--sidebar {
			display: none;
			width: 100%;
		}
			.sidebar-heading {
				width: 100%;
				padding-bottom: 18px;
				margin-bottom: 15px;
				border-bottom: solid 1px #DEDEDE;
				font-size: 26px;
				font-weight: 700;
				line-height: 1.0;
				letter-spacing: 0.06em;
				position: relative;
			}
			.sidebar-heading:after {
				content: '';
				display: block;
				width: 60px;
				height: 1px;
				background-color: #DF610F;
				position: absolute;
				bottom: -1px;
				left: 0;
			}
			.sidebar-cp_cat-list {
				width: 100%;
				margin-bottom: 80px !important;
				position: relative;	
			}
			.sidebar-cp_cat-list:after {
				content: '';
				display: block;
				width: 60px;
				height: 1px;
				background-color: #DF610F;
				position: absolute;
				bottom: -40px;
				left: 0;
			}
				.cp_cat-item {
					width: 100%;
					margin-bottom: 5px;
					font-size: 18px;
					font-weight: 400;
					position: relative;
				}
				.cp_cat-item:last-of-type {
					margin-bottom: 0px;
				}
				.cp_cat-item.cp_cat-item_active {
					padding-left: 20px;
					font-weight: 700;
				}
				.cp_cat-item.cp_cat-item_active:before {
					content: '';
					display: block;
					width: 3px;
					height: 23px;
					background-color: #DF610F;
					position: absolute;
					top: 50%;
					left: 0;
					transform: translate(0%, -50%);
					-webkit-transform: translate(0%, -50%);
				}
					.cp_cat-item a {
						display: block;
						padding: 8px 0px;
						color: #000000;
						text-decoration: underline;
						transition: .2s;
						-webkit-transition: .2s;
						position: relative;
					}
					.cp_cat-item span {
						display: block;
						padding: 8px 0px;
						position: relative;
					}
					.cp_cat-arrow {
						width: 20px;
						height: auto;
						position: absolute;
						top: 50%;
						right: 0;
						transform: translate(0%, -50%);
						-webkit-transform: translate(0%, -50%);
						pointer-events: none;
						transition: .1s;
						-webkit-transition: .1s;
					}
					.arrow_noactive {
						opacity: 0.0;
					}
					.arrow_active {
						opacity: 1.0;
					}

			.sidebar-video_message {
				width: 100%;
				margin-bottom: 90px;
				position: relative;
			}
			.sidebar-video_message:after {
				content: '';
				display: block;
				width: 60px;
				height: 1px;
				background-color: #DF610F;
				position: absolute;
				bottom: -50px;
				left: 0;
			}
				.video_message-btn {
					display: block;
					width: 100%;
					color: #000000;
					transition: .1s;
					-webkit-transition: .1s;
				}
					.video_message-image {
						width: 100%;
						height: auto;
						margin-bottom: 5px;
					}
						.video_message-image img {
							width: 100%;
							height: auto;
						}

					.video_message-title {
						width: 100%;
						height: 45px;
						margin-bottom: 10px;
						border-bottom: solid 1px #DEDEDE;
						font-size: 18px;
						font-weight: 700;
						line-height: 45px;
					}
					.video_message-txt {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						width: 100%;
						height: 24px;
						font-size: 12px;
						line-height: 24px;
					}
						.video_message-txt img {
							width: 24px;
							height: auto;
							margin-left: 12px;
						}

			.sidebar-recruitment {
				width: 100%;
			}
				.contact-heading {
					width: 100%;
					margin-bottom: 15px;
					font-family: din-condensed, sans-serif;
					font-size: 32px;
					text-align: left;
					color: #DF610F;
					line-height: 1.0;
					letter-spacing: 0.06em;
					text-indent: 0.06em;
				}
				.contact-container {
					width: 100%;
				}
					.contact-btn {
						display: block;
						width: 100%;
						height: 60px;
						padding-left: 10px;
						font-size: 16px;
						font-weight: 700;
						text-align: left;
						line-height: 60px;
						letter-spacing: 0.06em;
						color: #ffffff;
						position: relative;
					}
					.contact-btn-contact {
						margin-bottom: 5px;
						background-color: #DF610F;
					}
					.contact-btn-essential_point {
						background-color: #000000;
					}
						.contact-btn-arrow {
							width: 20px;
							height: auto;
							position: absolute;
							top: 50%;
							right: 13px;
							transform: translate(0%, -50%);
							-webkit-transform: translate(0%, -50%);
							transition: .1s;
							-webkit-transition: .1s;
						}
						.contact-btn:hover > .contact-btn-arrow {
							right: 10px;
						}
						.contactBoxttl{margin-bottom: 40px;}
	.contactBox{}
		.contactBox{padding-bottom: 10px; display: flex; margin-bottom: 10px; border-bottom: 1px dotted #dedede;}
		.contactBox dt{font-size: 16px; margin-right: 20px; padding-top: 10px; margin-top: 0;}
		.contactBox dd{font-size: 24px; font-weight: 600; width: 100%}
		.contactBox dd a{color: #DF610F;}
		.accessWrap{margin-top: 80px;}
		.accessWrap iframe{width:100%; height: 450px;}
		.accessWrap p{font-size: 14px;}
		.person-btn {
			display: block;
			width: 100%;
			height: 55px;
			margin: auto auto;
			border-radius: 43px;
			background-color: #DF610F;
			font-family: din-condensed, sans-serif;
			font-size: 16px;
			font-weight: 600;
			text-align: center;
			line-height: 55px;
			letter-spacing: 0.0em;
			color: #ffffff !important;
			position: relative;
padding: 0 5%;			
		}
			.person-btn_arrow {
				width: 20px !important;
				height: auto;
				position: absolute;
				top: 50%;
				right: 20px;
				transition: .1s;
				-webkit-transition: .1s;
				transform: translate(0%, -50%);
				-webkit-transform: translate(0%, -50%);
				margin-top: 0 !important;
			}
			.person-btn:hover .person-btn_arrow {
				right: 15px;
			}
			.timeebnr{display: flex; margin: 40px 0; font-weight: 600; font-size: 20px;}
				.timeebnr span{width: 100%; margin-right: 5%;}
			.timeebnr img{margin-top: 0 !important; width: 70%;}
			.contactBoxttl {
				margin-bottom: 40px;
			}
}

/* SP ================================================== */
@media all and (max-width:559px){
#shop {
	width: 100%;
	border-top: solid 1px #DEDEDE;
}
	.shop--topimage {
		width: 100%;
		height: 400px;
		background-image:url(../image/employee_new_mid/part-topimage.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
			.section-heading {
				width: 100%;
				margin: auto auto 60px;
				font-size: 14px;
				font-weight: 500;
				line-height: 1.0;
				letter-spacing: 0.0em;
				text-align: left;
				position: relative;
			}
				.section-heading .section-heading_en {
					display: inline-block;
					margin-top: 15px;
					font-family: din-condensed, sans-serif;
					font-size: 1.4rem;
				    font-weight: 600;
				    color: #DF610F;
				    letter-spacing: 0.1em;
				}
				.section-heading:after {
					content: '';
					display: block;
					width: 50px;
					height: 2px;
					background-color: #DF610F;
					position: absolute;
					bottom: -10px;
					left: 0;
				}

	.shop--contents {
		width: 90%;
		padding: 50px 0px 20px;
		margin: auto auto;
		position: relative;
	}
		.contents--main_container {
			width: 100%;
			padding: 0px 0px 50px;
		}
				.tab-group_container {
					width: 100%;
					margin-bottom: 25px;
				}
					.tab-group {
						width: 100%;
						display: flex;
						justify-content: center;
					}
						.tab {
							width: 50%;
							height: 50px;
							border: solid 1px #DF610F;
							font-size: 16px;
							font-weight: 700;
							line-height: 48px;
							text-align: center;
							color: #DF610F;
							cursor: pointer;
							position: relative;
						}
						.tab.is-active {
							background: #DF610F;
							color: #ffffff;
							transition: all 0.2s ease-out;
							-webkit-transition: all 0.2s ease-out;
						}
							.tab-arrow {
								width: 16px;
								height: auto;
								position: absolute;
								top: 50%;
								right: 23px;
								transform: translate(50%, -50%);
								-webkit-transform: translate(50%, -50%);
								transition: all 0.2s ease-out;
								-webkit-transition: all 0.2s ease-out;
							}
							.is-active .tab-arrow {
								transform: translate(50%,-50%) rotate(90deg);
								-webkit-transform: translate(50%,-50%) rotate(90deg);
							}
							.w-arrow {
								opacity: 0.0;
							}
							.is-active .w-arrow {
								opacity: 1.0;
							}
							.o-arrow {
								opacity: 1.0;
							}
							.is-active .o-arrow {
								opacity: 0.0;
							}

					.panel-group {
						width: 100%;
						margin: auto auto 30px;
						border-top: none;
					}
						.panel {
							display: none;
						}
						.panel.is-show {
							display: block;
							animation-name: panel-fadein;
							animation-duration: .2s;
						}
						@keyframes panel-fadein {
							0% {
								opacity: 0;
							}
							100% {
								opacity: 1;
							}
						}
							.position {
								width: 100%;
								margin-bottom: 11px;
								font-size: 18px;
								font-weight: 700;
								color: #DF610F;
							}
								.position span {
									position: relative;
								}
									.position span:after {
										content: '';
										display: block;
										width: 100%;
										height: 1px;
										background-color: #DF610F;
										position: absolute;
										bottom: 1px;
										left: 0;
									}
							.treatment_table {
								width: 100%;
								margin-bottom: 10px;
							}
								.treatment_table tr td:nth-of-type(1) {
									width: 25%;
									padding: 12px 0px;
									background-color: #F2F2F2;
									font-weight: 700;
									text-align: center;
								}
								.treatment_table tr td:nth-of-type(2) {
									width: 75%;
									padding: 12px 15px;
									font-weight: 300;
									background-color: #ffffff;
								}
								.treatment_table tr td {
									border: solid 1px #DEDEDE;
									font-size: 14px;
								}
							.details_ask {
								width: 100%;
								font-size: 12px;
								font-weight: 300;
							}

				.stores {
					width: 100%;
					padding: 20px 17px;
					background-color: #F9F9F9;
				}
					.stores-heading {
						width: 100%;
						margin-bottom: 20px;
						font-size: 20px;
						font-weight: 700;
						text-align: center;
						letter-spacing: 0.05em;
					}
					.stores-list {
						width: 100%;
						border-radius: 5px;
						background-color: #ffffff;
					}
						.stores-item {
							width: 90%;
							padding: 15px 0px;
							margin: auto auto;
							border-bottom: dotted 1px #DEDEDE;
							display: flex;
							justify-content: space-between;
							flex-wrap: wrap;
						}
							.stores-name {
								width: 100%;
								margin-bottom: 10px;
								font-size: 16px;
								font-weight: 500;
							}
							.stores-item a {
								display: block;
								width: 48.5%;
								height: 40px;
								border-radius: 20px;
								font-size: 12px;
								font-weight: 700;
								color: #ffffff;
								line-height: 40px;
								text-align: center;
								position: relative;
							}
							.stores-details {
								background-color: #000000;
							}
							.stores-apply {
								background-color: #DF610F;
							}
								.stores-item a img {
									width: 9px;
									height: auto;
									position: absolute;
									top: 50%;
									right: 8px;
									transform: translate(0%, -50%);
									-webkit-transform: translate(0%, -50%);
								}

		.contents--sidebar {
			display: none;
			width: 100%;
		}
			.sidebar-heading {
				width: 100%;
				padding-bottom: 18px;
				margin-bottom: 15px;
				border-bottom: solid 1px #DEDEDE;
				font-size: 26px;
				font-weight: 700;
				line-height: 1.0;
				letter-spacing: 0.06em;
				position: relative;
			}
			.sidebar-heading:after {
				content: '';
				display: block;
				width: 60px;
				height: 1px;
				background-color: #DF610F;
				position: absolute;
				bottom: -1px;
				left: 0;
			}
			.sidebar-cp_cat-list {
				width: 100%;
				margin-bottom: 80px !important;
				position: relative;	
			}
			.sidebar-cp_cat-list:after {
				content: '';
				display: block;
				width: 60px;
				height: 1px;
				background-color: #DF610F;
				position: absolute;
				bottom: -40px;
				left: 0;
			}
				.cp_cat-item {
					width: 100%;
					margin-bottom: 5px;
					font-size: 18px;
					font-weight: 400;
					position: relative;
				}
				.cp_cat-item:last-of-type {
					margin-bottom: 0px;
				}
				.cp_cat-item.cp_cat-item_active {
					padding-left: 20px;
					font-weight: 700;
				}
				.cp_cat-item.cp_cat-item_active:before {
					content: '';
					display: block;
					width: 3px;
					height: 23px;
					background-color: #DF610F;
					position: absolute;
					top: 50%;
					left: 0;
					transform: translate(0%, -50%);
					-webkit-transform: translate(0%, -50%);
				}
					.cp_cat-item a {
						display: block;
						padding: 8px 0px;
						color: #000000;
						text-decoration: underline;
						transition: .2s;
						-webkit-transition: .2s;
						position: relative;
					}
					.cp_cat-item span {
						display: block;
						padding: 8px 0px;
						position: relative;
					}
					.cp_cat-arrow {
						width: 20px;
						height: auto;
						position: absolute;
						top: 50%;
						right: 0;
						transform: translate(0%, -50%);
						-webkit-transform: translate(0%, -50%);
						pointer-events: none;
						transition: .1s;
						-webkit-transition: .1s;
					}
					.arrow_noactive {
						opacity: 0.0;
					}
					.arrow_active {
						opacity: 1.0;
					}

			.sidebar-video_message {
				width: 100%;
				margin-bottom: 90px;
				position: relative;
			}
			.sidebar-video_message:after {
				content: '';
				display: block;
				width: 60px;
				height: 1px;
				background-color: #DF610F;
				position: absolute;
				bottom: -50px;
				left: 0;
			}
				.video_message-btn {
					display: block;
					width: 100%;
					color: #000000;
					transition: .1s;
					-webkit-transition: .1s;
				}
					.video_message-image {
						width: 100%;
						height: auto;
						margin-bottom: 5px;
					}
						.video_message-image img {
							width: 100%;
							height: auto;
						}

					.video_message-title {
						width: 100%;
						height: 45px;
						margin-bottom: 10px;
						border-bottom: solid 1px #DEDEDE;
						font-size: 18px;
						font-weight: 700;
						line-height: 45px;
					}
					.video_message-txt {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						width: 100%;
						height: 24px;
						font-size: 12px;
						line-height: 24px;
					}
						.video_message-txt img {
							width: 24px;
							height: auto;
							margin-left: 12px;
						}

			.sidebar-recruitment {
				width: 100%;
			}
				.contact-heading {
					width: 100%;
					margin-bottom: 15px;
					font-family: din-condensed, sans-serif;
					font-size: 32px;
					text-align: left;
					color: #DF610F;
					line-height: 1.0;
					letter-spacing: 0.06em;
					text-indent: 0.06em;
				}
				.contact-container {
					width: 100%;
				}
					.contact-btn {
						display: block;
						width: 100%;
						height: 60px;
						padding-left: 10px;
						font-size: 16px;
						font-weight: 700;
						text-align: left;
						line-height: 60px;
						letter-spacing: 0.06em;
						color: #ffffff;
						position: relative;
					}
					.contact-btn-contact {
						margin-bottom: 3px;
						background-color: #DF610F;
					}
					.contact-btn-essential_point {
						background-color: #000000;
					}
						.contact-btn-arrow {
							width: 20px;
							height: auto;
							position: absolute;
							top: 50%;
							right: 13px;
							transform: translate(0%, -50%);
							-webkit-transform: translate(0%, -50%);
							transition: .1s;
							-webkit-transition: .1s;
						}
						.contact-btn:hover > .contact-btn-arrow {
							right: 10px;
						}
						.contactBoxttl{margin-bottom: 25px;}
	.contactBox{}
		.contactBox{padding-bottom: 20px; display: block; margin-bottom: 10px; border-bottom: 1px dotted #dedede;}
		.contactBox dt{font-size: 14px; margin-right: 5%; padding-top: 10px; margin-top: 0; width: 100%; margin-bottom: 3%;}
		.contactBox dd{font-size: 20px; font-weight: 600; width: 100%}
		.contactBox dd a{color: #DF610F;}
		.accessWrap{margin-top: 80px;}
		.accessWrap iframe{width:100%; height: 320px;}
		.accessWrap p{font-size: 14px;}
		.person-btn {
			display: block;
			width: 100%;
			height: 55px;
			margin: auto auto;
			border-radius: 43px;
			background-color: #DF610F;
			font-family: din-condensed, sans-serif;
			font-size: 14px;
			font-weight: 600;
			text-align: center;
			line-height: 55px;
			letter-spacing: 0.0em;
			color: #ffffff !important;
			position: relative;
padding: 0 5%;			
		}
			.person-btn_arrow {
				width: 20px !important;
				height: auto;
				position: absolute;
				top: 50%;
				right: 20px;
				transition: .1s;
				-webkit-transition: .1s;
				transform: translate(0%, -50%);
				-webkit-transform: translate(0%, -50%);
				margin-top: 0 !important;
			}
			.person-btn:hover .person-btn_arrow {
				right: 15px;
			}
			.timeebnr{display: block; margin: 40px 0; font-weight: 600; font-size: 18px; text-align: center}
				.timeebnr span{width: 100%; margin-right: 5%;display: block;}
			.timeebnr img{margin: 0 auto !important; width: 90%; }
			.contactBoxttl {
				margin-bottom: 25px;
			}
}