@charset "UTF-8";
html, body, div, p, header, footer, img span, ul, ol, li, section, header, footer,
table, th, td, h1, h2, h3, h4, h5, h6, a, form, input, textarea,
dl, dt, dd, iframe, figure {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: none;
}
html {
	-webkit-font-smoothing: antialiased;
}
html { font-size: 62.5%; }	/* 10px */

body {
	background: #f8f8f8;
	box-sizing: border-box;
	color: #707070;
	font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	height: 100%;
	line-height: 180%;
	line-height: 1.8;
}
@media (max-width: 768px) {
	body {
		line-height: 1.8;
	}
}
.mincho {
	font-family: "YuMincho", "Times New Roman", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.helvetica {
	font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}
.gothic {
	font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.meiryo {
	font-family: Meiryo, sans-serif;
}
/*
 さくら webフォント
 */
.udshingom {
	font-family: "UD Shin Go Medium";
}
/*
	Google webフォント
*/
.notosansjp {
	font-family: "Noto Sans JP";
}
img {
	display: block;
	border: 0;
}
a {
	color: #353535;
	text-decoration: none;
}
@media (max-width: 768px) {
	br.pconly {
		display: none;
	}
}
br.sponly {
	display: none;
}
@media (max-width: 768px) {
	br.sponly {
		display: initial;
	}
}
#container {
	position: relative;
}
#fullOverlay {
	height: 100%;
	left: 0; top: 0;
	position: absolute;
	width: 100%;
	z-index: -100;
}
#fullOverlay.fullOverlayOn {
	background: rgba(100, 100, 100, .8);
	z-index: 100;
}
header {
	background: rgba(56,57,74,0.43);
	font-weight: 700;
	padding: 0 50px;
	position: fixed;
	width: 100%;
	z-index: 999;
}
@media (max-width: 1100px) {
	header {
		padding: 0 20px;
	}
}
	header > ul {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		list-style: none;
	}
		header > ul > li#logo {
			margin-right: auto;
			padding: 14px 0; }
			@media (max-width: 768px) {
				header > ul > li#logo {
				padding: 20px 0; } }
			@media (max-width: 480px) {
				header > ul > li#logo {
				padding: 10px 0; } }
			header > ul > li#logo img {
				height: 36px; }
				@media (max-width: 1000px) {
					header > ul > li#logo img {
					height: 24px; } }
				@media (max-width: 768px) {
					header > ul > li#logo img {
					height: 24px; } }
			header > ul > li:not(#logo) {
				padding: 14px 0;
				margin-left: 40px;
				font-size: 15px; }
				@media (max-width: 1000px) {
					header > ul > li:not(#logo) {
					display: none; } }
				@media (max-width: 768px) {
					header > ul > li:not(#logo) {
					display: none; } }
				header > ul > li:not(#logo) > a {
					border-bottom: 3px transparent solid;
					color: #fff;
					transition: .5s; }
				header > ul > li:not(#logo) > a:hover {
					border-bottom: 3px solid #353535; }
				header > ul > li a {
					display: block; }

#firstview {
	height: 100vh;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: -1;
}
	#firstview #slideshow {
		width: 100%;
		height: calc(100vh - 300px);
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#firstview img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.copy-group02 {
		left: 6.5571428571vw;
		position: absolute;
		top: 150px;
		z-index: 999;
	}
	@media (max-width: 1000px) {
		.copy-group02 {
			top: 80px;
		}
	}
	/* New Creations. Every Day. svg */
		.copy-group02 svg {
		}
		@media (max-width: 800px) {
			.copy-group02 svg {
				width: 90%;
			}
		}
		#main-catch #base path {
		    fill:#fff; /* 塗りの色 */
		    filter: drop-shadow(0px 5px 5px rgba(112,112,112,1));
		}
		#main-catch #mask path {
		    fill:none; /* 塗りの色 */
		    stroke:#ffffff; /* 線の色 */
		    stroke-width:10px; /* 線幅 */
		    stroke-linecap:round; /* 線端の形状 */
		    stroke-linejoin:round; /* 角の形状 */
		}
		#firstview p.copy2 {
			color: #fff;
			font-size: 1.8rem;
			left: 60px;
			letter-spacing: 0.1em;
			position: absolute;
			font-weight: 700;
		}
		@media (max-width: 480px) {
			#firstview p.copy2 {
				font-size: 1.4rem;
				left: 30px;
			}
		}

h2.sectitle {
	font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
	font-size: 5.0rem;
	line-height: 1.0em;
	padding-left: 170px;
	position: relative;
	width: 37.5%;
}
@media (max-width: 640px) {
	h2.sectitle {
		padding-left: 40px;
	}
}
@media (max-width: 480px) {
	h2.sectitle {
		font-size: 3.0rem;
	}
}
	h2.sectitle span:not([class]) {
		color: #707070;
		display: block;
		font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
		font-size: 2.4rem;
		line-height: 2.0em; }
		@media (max-width: 1000px) {
			h2.sectitle span:not([class]) {
				font-size: 12px;
			}
		}
.bg-white {
	background-color: #fff;
}
	.bg-white h2.sectitle {}
	.bg-white h2.sectitle::before {
		content: "";
		width: 0;
		background: #353535;
		height: 2px;
		display: block;
		position: absolute;
		top: .9em;
		left: 0;
	}
	@media (max-width: 1000px) {
		.bg-white h2.sectitle::before {
			width: 20px;
		}
	}
.bg-green {
	background-color: #b4b4b4;
	color: #fff;
}
	.bg-green h2.sectitle::before {
		background: #fff;
		content: "";
		display: block;
		height: 2px;
		position: absolute;
		top: .7em;
		width: 0;
		left: 0;
	}
	@media (max-width: 1000px) {
		.bg-green h2.sectitle::before {
			width: 20px;
		}
	}
.titleWrap:before {
	transition: width 0.5s cubic-bezier(0.5, 0, 0, 1),transform 0.5s cubic-bezier(0.5, 0, 0, 1);
	transition-delay: .5s;
    width: 85px!important;
}
@media (max-width: 640px) {
	.titleWrap:before {
	    width: 20px!important;
	}
}
.bg-gray {
	background-color: #f0f0f0;
}
	.bg-gray h2.sectitle::before {
		background: #353535;
		content: "";
		display: block;
		height: 2px;
		position: absolute;
		top: .9em;
		width: 0;
		left: 0;
	}
	@media (max-width: 1000px) {
		.bg-gray h2.sectitle::before {
			width: 20px;
		}
	}
.bg-contact h2.sectitle::before {
	background: #353535;
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	top: .9em;
	width: 0;
	left: 0;
}
@media (max-width: 1000px) {
	.bg-contact h2.sectitle::before {
		width: 20px;
	}
}
.btn-angle {
	position: relative;
}
.btn-angle i {
	font-size: 20px;
	position: absolute;
	right: 10px;
	top: 20px;
}
.btn-white {
	background: #fff;
	border: 1px solid #fff;
	color: #b4b4b4;
	font-size: 18px;
	overflow: hidden;
	padding: 0 20px;
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
	.btn-white:hover {
		color: #fff;
	}
.btn-white,
.btn-white::before,
.btn-white::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn-white::before {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
}
.btn-white::after {
	content: '';
	display: block;
	height: 100%;
	left: -100%;
	position: absolute;
	top: -100%;
	width: 100%;
	z-index: -1;
}
.btn-white:hover::after {
	background-color: #b4b4b4;
	color: #fff;
	left: 0;
	top: 0;
}
.btn-green {
	background: #b4b4b4;
	border: 1px solid #b4b4b4;
	color: #fff;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	padding: 0 20px;
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
	.btn-green:hover {
		color: #b4b4b4;
	}
.btn-green,
.btn-green::before,
.btn-green::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn-green::before {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
}
.btn-green::after {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	height: 100%;
	left: -100%;
	top: -100%;
	width: 100%;
}
.btn-green:hover::after {
	background-color: #fff;
	color: #b4b4b4;
	left: 0;
	top: 0;
}
.btn-contact {
	color: #fff;
	width: 424px;
	background: #73aac3;
	border: 1px solid #fff;
	height: 60px;
	line-height: 60px;
	display: block;
	font-size: 2.4rem;
	padding: 0 20px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
@media (max-width: 480px) {
	.btn-contact {
		font-size: 2.0rem;
		width: 100%;
	}
}
.btn-contact:hover {
	background: #fff;
	color: #73aac3;
}
.btn-contact,
.btn-contact::before,
.btn-contact::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn-contact::before {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
}
.btn-contact::after {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	height: 100%;
	left: -100%;
	top: -100%;
	width: 100%;
}
.btn-contact:hover::after {
	background: #fff;
	color: #73aac3;
	left: 0;
	top: 0;
}

.btn-alignright {
	justify-content: flex-end;
}
@media (max-width: 1000px) {
	.btn-alignright {
		justify-content: center;
	}
}
.btn-alignright::after {
	margin-left: 20px!important;
}

.btn-act {
	color: #fff;
	display: flex;
}

.btn-news {
	background: transparent;
	color: #fff;
}

.font-palt {
	font-feature-settings: "palt";
}

.padding0 {
	padding: 0;
}
.marginTop001 {
	margin-top: 10px;
}
.marginTop002 {
	margin-top: 20px;
}
.marginTop003 {
	margin-top: 30px;
}
.marginBottom005 {
	margin-bottom: 5px;
}
.marginBottom01 {
	margin-bottom: 10px;
}
.marginBottom02 {
	margin-bottom: 20px;
}
.marginBottom03 {
	margin-bottom: 30px;
}
.marginBottom04 {
	margin-bottom: 40px;
}
.marginBottom05 {
	margin-bottom: 50px;
}
.marginBottom06 {
	margin-bottom: 60px;
}
.marginBottom07 {
	margin-bottom: 70px;
}
.marginBottom08 {
	margin-bottom: 80px;
}
a.text-link:hover {
	border-bottom: 3px solid #353535;
}
.fontBold {
	font-weight: bold;
}
.brDisplay380 { display: none; }
@media (max-width: 380px) {.brDisplay380 { display: block; } }
.brDisplay400 { display: none; }
@media (max-width: 400px) {.brDisplay400 { display: block; } }
.brDisplay480 { display: none; }
@media (max-width: 480px) {.brDisplay480 { display: block; } }
.brClear1200 { display: block; }
@media (max-width: 1200px) {.brClear1200 { display: none; } }
.brClear1000 { display: block; }
@media (max-width: 1000px) {.brClear1000 { display: none; } }
.brClear900 { display: block; }
@media (max-width: 900px) {.brClear900 { display: none; } }
.brClear768 { display: block; }
@media (max-width: 768px) {.brClear768 { display: none; } }
.brClear640 { display: block; }
@media (max-width: 640px) {.brClear640 { display: none; } }
.brClear480 { display: block; }
@media (max-width: 480px) {.brClear480 { display: none; } }
.brClear400 { display: block; }
@media (max-width: 400px) {.brClear400 { display: none; } }

/***** 「トップページ」「NewsListページ」 *****/
#news-outer {
	color: #707070;
	margin: 100px 0;
}
	#news {
		display: flex;
		justify-content: space-between;
		margin: 50px auto;
		max-width: 1400px;
		width: 90%;
		z-index: 10;
	}
	@media (max-width: 1100px) {
		#news {
			display: block;
		}
	}
	@media (max-width: 1000px) {
		#news {
			width: 100%;
		}
	}
	@media (max-width: 640px) {
		#news {
			flex-wrap: wrap;
		}
	}
		#news-left {
			width: 13.4%;
		}
		@media (max-width: 1100px) {
			#news-left {
				margin-bottom: 30px;
				text-align: center;
				width: 100%;
			}
		}
			#news h2 {
				line-height: 1.0em;
				margin-right: 0;
				padding-left: 0;
				width: auto;
			}
			@media (max-width: 640px) {
				#news h2 {
					width: 100%;
				}
			}
			#news h2::before {
				margin-top: 15px;
			}
		#news-right {
			width: 86.6%;
		}
		@media (max-width: 1100px) {
			#news-right {
				display: block;
				margin: 0 auto;
				width: 94%;
			}
		}
	#news div.seccontent {
	}
	@media (max-width: 640px) {
		#news div.seccontent {
			padding-left: 5px;
			padding-right: 5px;
			width: 100%;
		}
	}
/*
	@media (max-width: 420px) {
		#news #news-list-article div.seccontent {
			padding-left: 15px;
			padding-right: 15px;
		}
	}
*/
		#news ul.news-list {
		}
		@media (max-width: 1000px) {
			#news ul.news-list {
				margin-top: 14px;
			}
		}
		@media (max-width: 640px) {
			#news ul.news-list {
				margin-top: 0;
			}
		}
		@media (max-width: 480px) {
			#news ul.news-list {
				width: 100%;
			}
		}
			#news ul.news-list li {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				border-bottom: 1px solid #707070;
				padding-bottom: 15px;
				vertical-align: middle;
			}
			@media (max-width: 1000px) {
				#news ul.news-list li {
					height: 100px;
				}
			}
			@media (max-width: 800px) {
				#news ul.news-list li {
					flex-wrap: wrap;
				}
			}
			@media (max-width: 480px) {
				#news ul.news-list li {
					margin: 0;
					overflow: hidden;
				}
			}
			#news ul.news-list li:not(:first-child) {
				padding-top: 15px;
			}
				#news ul.news-list li .date {
					color: #707070;
					font-family: "YuMincho", "Times New Roman", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
					font-size: 1.8rem;
					line-height: 1.0em;
					width: 10%;
				}
				@media (max-width: 900px) {
					#news ul.news-list li .date {
						width: 14%;
					}
				}
				@media (max-width: 800px) {
					#news ul.news-list li .date {
						margin-right: 10px;
						width: auto;
					}
				}
				#news ul.news-list li .news-cat {
					background: #73aac3;
					color: #fff;
					font-family: "YuMincho", "Times New Roman", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
					font-size: 1.8rem;
					line-height: 1.4em;
					margin-right: 2%;
					text-align: center;
					white-space: nowrap;
					width: 12%;
				}
				@media (max-width: 1300px) {
					#news ul.news-list li .news-cat {
						font-size: 1.2rem;
						line-height: 1.8em;
					}
				}
				@media (max-width: 800px) {
					#news ul.news-list li .news-cat {
						font-size: 1.2rem;
						margin-right: 0;
						padding: 0 10px;
						width: auto;
					}
				}
				.news-cat-info {
					background: #71A3BB!important;
				}
				.news-cat-products {
					background: #F8DF2D!important;
				}
				.news-cat-media {
					background: #BDD9C9!important;
				}
				.news-cat-press {
					background: #F7C6BD!important;
				}
				#news ul.news-list li .title {
					color: #707070;
					font-family: "YuMincho", "Times New Roman", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
					font-size: 1.8rem;
					width: 76%;
				}
				@media (max-width: 1000px) {
					#news ul.news-list li .title {
						font-size: 1.6rem;
					}
				}
				@media (max-width: 900px) {
					#news ul.news-list li .title {
						width: 72%;
					}
				}
				@media (max-width: 800px) {
					#news ul.news-list li .title {
						width: 100%;
					}
				}
				@media (max-width: 480px) {
					#news ul.news-list li .title {
						font-size: 1.3rem;
					}
				}
					#news ul.news-list li .title a {
						padding-bottom: 0.1em;
					}
					#news ul.news-list li .title a:hover {
						border-bottom: 1px solid #38394a;
					}
					#news ul.news-list li .recruit-news-title a {
						color: #353535;
					}
		#news .news-read-more {
			display: flex;
			justify-content: flex-end;
			margin-top: 40px;
		}
		@media (max-width: 480px) {
			#news .news-read-more {
				display: flex;
				justify-content: center;
				width: 100%;
			}
		}
			#news .news-read-more a {
				border: 1px solid #707070;
				color: #707070;
				font-size: 2.0rem;
				line-height: 1.0em;
				padding: 10px 70px;
			}
			@media (max-width: 480px) {
				#news .news-read-more a {
					font-size: 1.4rem;
				}
			}
			#news .news-read-more a:hover {
				border: 1px solid #fff;
			}
				#news .news-read-more a:hover span {
					color: #fff;
				}

/* News一覧画面 */
		.news #news {
			display: block;
			max-width: 1400px;
			width: 100%;
		}
			.news #news h2 {
				margin-bottom: 50px;
				text-align: center;
			}
		.news-article-list-cat-outer {
			margin-bottom: 50px;
		}
			.news-article-list-cat-outer ul {
				display: flex;
				justify-content: center;
				list-style-type: none;
			}
			@media (max-width: 900px) {
				.news-article-list-cat-outer ul {
					flex-wrap: wrap;
					margin: 0 auto;
					width: 480px;
				}
			}
			@media (max-width: 480px) {
				.news-article-list-cat-outer ul {
					width: auto;
				}
			}
				.news-article-list-cat-outer ul li {
					border: 1px solid #707070;
					cursor: pointer;
					font-size: 1.4rem;
					line-height: 1.6em;
					margin: 0 10px;
					min-width: 130px;
					text-align: center;
					transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
				}
				@media (max-width: 900px) {
					.news-article-list-cat-outer ul li {
						margin-bottom: 10px;
					}
				}

				.news-article-list-cat-outer ul li.status-on,
				.news-article-list-cat-outer ul li:hover {
					background: #38394a;
					color: #fff;
				}
		.news-article-list {
			display: flex;
			flex-wrap: wrap;
			list-style-type: none;
			justify-content: flex-start;
			width: 100%;
		}
			.news-article-list li {
				display: block;
				margin-bottom: 50px;
				margin-right: 20px;
				width: calc(100%/4 - 15px );
			}
			@media (max-width: 1000px) {
				.news-article-list li {
					margin-right: 18px;
					width: calc(100%/3 - 12px );
				}
			}
			@media (max-width: 640px) {
				.news-article-list li {
					margin-right: 20px;
					width: calc(100%/2 - 10px );
				}
			}
			@media (max-width: 420px) {
				.news-article-list li {
					margin-bottom: 80px;
					margin-right: 0;
					width: 100%;
				}
			}
			.news-article-list li:nth-child(4n) {
				margin-right: 0;
			}
			@media (max-width: 1000px) {
				.news-article-list li:nth-child(4n) {
					margin-right: 18px;
				}
				.news-article-list li:nth-child(3n) {
					margin-right: 0;
				}
			}
			@media (max-width: 640px) {
				.news-article-list li:nth-child(4n) {
					margin-right: 0;
				}
				.news-article-list li:nth-child(3n) {
					margin-right: 20px;
				}
				.news-article-list li:nth-child(2n) {
					margin-right: 0;
				}
			}
			@media (max-width: 420px) {
				.news-article-list li:nth-child(3n) {
					margin-right: 0;
				}
			}
				.news-article-list li > a {
					display: block;
				}
					.news-article-list li img {
						margin: 0 auto 20px;
						max-height: 188px;
						max-width: 100%;
					}
					@media (max-width: 420px) {
						.news-article-list li img {
							width: 100%;
						}
					}
				.news-article-list li .news-cat-date {
					display: flex;
					justify-content: space-between;
					margin-bottom: 10px;
				}
					.news-article-list li .news-cat-date .news-cat {
						color: #fff;
						padding: 3px 20px;
						font-size: 1.4rem;
						line-height: 1.6em;
					}
					@media (max-width: 640px) {
						.news-article-list li .news-cat-date .news-cat {
							font-size: 1.2rem;
							line-height: 1.8em;
						}
					}
					@media (max-width: 480px) {
						.news-article-list li .news-cat-date .news-cat {
							font-size: 1.0rem;
							line-height: 2.0em;
						}
					}
					.news-article-list li .news-cat-date .news-date {
						color: #73aac3;
						font-family: "YuMincho", "Times New Roman", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
						font-size: 1.6rem;
						line-height: 1.4em;
					}
					@media (max-width: 640px) {
					.news-article-list li .news-cat-date .news-date {
						color: #73aac3;
						font-family: "YuMincho", "Times New Roman", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
						font-size: 1.4rem;
						line-height: 1.6em;
					}
					}
				.news-article-list li .title {
					display: inline-block;
					font-size: 1.2rem;
					line-height: 1.8em;
				}

	/* 「リクルートページ」 */
		ul.recruit-news-list {
		}
			ul.recruit-news-list li {
			}
				ul.recruit-news-list li span.date {
				}
				ul.recruit-news-list li span.rn-cat {
					background: none!important;
					border: 1px solid #707070;
					border-radius: 0!important;
					color: #707070!important;
				}
				ul.recruit-news-list li span.recruit-news-title {
				}

/***** 「トップページ（Productsコーナー） *****/
/*** 一部「Productsページ」でも使用 ***/
#products {
}
	#products h2.sectitle {
		margin: 100px 0 30px;
		padding-left: 0;
		text-align: center;
		width: auto;
	}
		#products h2.sectitle span {
		}
	#products-slide {
		margin-bottom: 30px;
		max-width: 1920px;
		width: 100%;
	}
		#products-slide .slick-slide img {
			width: 100%;
		}
/*
		@media (max-width: 480px) {
			#products-slide .slick-slide img {
				height: 200px;
			}
		}
*/
		#products-slide .slide-arrow {
			margin-top: 0;
			top: 50%;
			transform: translateY(-50%);
		}
		#products-slide .slide-prev-arrow,
		#products-slide .slide-next-arrow {
			background: #ffffff;
			border: none;
		    display: block;
		    width: 40px;
		    height: 50px;
		    transition: all .3s ease;
		    cursor: pointer;
		    position:absolute;
		    z-index: 1;
		}
		#products-slide .slide-prev-arrow {
			clip-path: polygon(0 50%, 100% 0, 100% 100%);
			left: 30px;
		}
		@media (max-width: 640px) {
			#products-slide .slide-prev-arrow {
				display: none!important;
			}
		}
		#products-slide .slide-next-arrow {
			clip-path: polygon(0 0, 100% 50%, 0 100%);
			right: 30px;
		}
		@media (max-width: 640px) {
			#products-slide .slide-next-arrow {
				display: none!important;
			}
		}

	#products-top-sec {
		max-width: 1920px;
		width: 100%;
	}
		#products-top-sec ul {
			display: flex;
			justify-content: space-between;
		    list-style-type: none;
		}
			#products-top-sec ul li {
				width: 32.2%;
			}
				#products-top-sec ul li a {
					width: 100%;
				}
					#products-top-sec ul li a img {
						height: 425px;
						object-fit: cover;
						width: 100%;
					}
					@media (max-width: 768px) {
						#products-top-sec ul li a img {
							height: 225px;
						}
					}
					@media (max-width: 480px) {
						#products-top-sec ul li a img {
							height: 125px;
						}
					}

#products-brand-outer.top-products-brand {
	display: none;
	margin: 0;
}
	#products-brand-outer.top-products-brand ul {
		margin-bottom: 20px;
	}
		#products-brand-outer.top-products-brand ul li {
			margin-bottom: 10px;
		}

		@media (max-width: 480px) {
			#products-top-sec {
				display: none;
			}
			#products-brand-outer.top-products-brand {
				display: block;
			}
			#products-brand-outer.top-products-brand #products-top-more {
				margin: 0;
			}
		}
/*
			#products-brand-outer.top-products-brand ul li a {
				position: relative;
			}
				.products-brand-name-white {
					bottom: 5%;
					color: #fff;
					display: none;
					left: 50%;
					margin: 0;
					position: absolute;
					transform: translateX(-50%);
				}
				@media (max-width: 1000px) {
					#products-brand-outer.top-products-brand ul li img {
						height: auto;
					}
					#products-brand-outer.top-products-brand ul li:nth-child(2n - 1) {
					    margin-right: 20px;
					}
					#products-brand-outer.top-products-brand ul li {
					    margin-bottom: 100px;
					    width: calc(100% / 2 - 10px);
					}
				}
				@media (max-width: 768px) {
					#products-cat-outer.top-products-brand ul li {
						margin: 0 6px 16px;
					}
					#products-cat-outer.top-products-brand ul li:nth-child(3n-1) {
						margin: 0 6px 16px;
					}
				    #products-cat-outer.top-products-brand ul li:nth-child(6n) {
				        margin: 0 6px 16px;
				    }
				    #products-cat-outer.top-products-brand ul li:nth-child(6n + 1) {
				        margin: 0 6px 16px;
				    }
				    #products-cat-outer.top-products-brand ul li:nth-child(9n + 1) {
				        margin: 0 6px 16px;
				    }
					#products-cat-outer.top-products-brand ul li:nth-child(4n) {
						margin: 0 0 16px 6px;
					}
					#products-cat-outer.top-products-brand ul li:nth-child(4n + 1) {
						margin: 0 6px 16px 0;
					}
					#products-cat-outer.top-products-brand ul li {
						width: calc(100% / 4 - 9px);
					}
				}
				@media (max-width: 480px) {
					.products-brand-name-white {
						display: block;
					}
					.products-brand-name-black {
						display: none;
					}
					#products-brand-outer h2 {
						margin: 40px 0;
					}
				    #products-brand-outer ul {
				        margin: 0 5px;
				    }
					#products-brand-outer ul li {
						margin-bottom: 50px;
					}
					.products-brand-name {
						font-size: 0.7rem;
					}
				    .products-brand-copy {
				        font-size: 0.75rem;
				        font-weight: bold;
				        margin-top: 10px;
				        text-align: center;
				    }
					.products-brand-overview {
						display: none;
					}
/*
					#products-cat-outer ul li:nth-child(3n) {
						margin: 0 6px 16px;
					}
					#products-cat-outer ul li:nth-child(4n) {
						margin: 0 0 16px 6px;
					}
					#products-cat-outer ul li:nth-child(4n + 1) {
						margin: 0 6px 16px 0;
					}
					#products-cat-outer ul li a img {
						left: 0;
						position: relative;
						top: 0;
						transform: unset;
					}
					#products-cat-outer ul li a span {
						min-height: unset;
						min-width: unset;
					}
				}
*/

		#products-top-more {
			margin: 40px 0;
			text-align: center;
		}
			#products-top-more a {
				border: 1px solid #707070;
				color: #707070;
				display: inline-block;
				font-size: 2.0rem;
				padding: 10px 120px;
			}
			@media (max-width: 480px) {
				#products-top-more a {
					font-size: 1.4rem;
					line-height: 1.0em;
					padding: 10px 70px;
				}
			}
			#products-top-more a:hover {
				border: 1px solid #fff;
			}
				#products-top-more a:hover span {
					color: #fff;
				}
/***** 「トップページ（Companyコーナー） *****/
#company-outer {
	margin: 180px 0;
}
@media (max-width: 480px) {
	#company-outer {
		margin: 100px 0;
	}
}
	#company {
		display: flex;
		justify-content: space-between;
	}
	@media (max-width: 1000px) {
		#company {
			display: block;
			margin-bottom: 50px;
		}
	}


#top-company-grid-outer {
	display: grid;
	grid-template-rows: 121px 502px;
	grid-template-columns: 49% 51%;
	margin: 0 auto;
	width: 100%;
}
@media (max-width: 1000px) {
	#top-company-grid-outer {
		grid-template-rows: auto;
		grid-template-columns: 100%;
	}
}
	.top-company-grid-01 {
		grid-row: 1 / 2;
		grid-column: 1 / 2;
	}
	@media (max-width: 1000px) {
		.top-company-grid-01 {
			grid-row: 1 / 2;
			grid-column: 1 / 1;
		}
	}
		.top-company-grid-01 h2 {
			background: #fff;
			color: #4b4b4b;
			font-size: 5.0rem;
			line-height: 1.0em;
			padding-left: 22%;
			padding-top: 0.3em;
			width: 100%;
		}
		@media (max-width: 1600px) {
			.top-company-grid-01 h2 {
				padding-left: 10%;
			}
		}
		@media (max-width: 1300px) {
			.top-company-grid-01 h2 {
				font-size: 4.0rem;
			}
		}
		@media (max-width: 1200px) {
			.top-company-grid-01 h2 {
				padding-left: 3%;
				padding-right: 3%;
			}
		}
		@media (max-width: 1000px) {
			.top-company-grid-01 h2 {
				font-size: 5.0rem;
				margin-bottom: 50px;
			}
		}
		@media (max-width: 480px) {
			.top-company-grid-01 h2 {
				font-size: 3.0rem;
			}
		}
	.top-company-grid-02 {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		grid-row: 2 / 3;
		grid-column: 1 / 2;
		padding-top: 30px;
	}
	@media (max-width: 1000px) {
		.top-company-grid-02 {
			grid-row: 3 / 4;
			grid-column: 1 / 1;
		}
	}
	@media (max-width: 1600px) {
		.top-company-grid-02 {
			display: block;
		}
		.top-company-grid-02 .c2 {
			padding: 0 0 0 10%;
		}
		.top-company-grid-02 .c3 {
			padding: 0 0 0 10%;
		}
	}
	@media (max-width: 1200px) {
		.top-company-grid-02 .c2 {
			padding: 0 3% 0 3%;
		}
		.top-company-grid-02 .c3 {
			padding: 0 3% 0 3%;
		}
	}
	@media (max-width: 480px) {
		.top-company-grid-02 {
			padding-top: 0;
		}
	}
	.top-company-grid-03 {
		grid-row: 1 / 3;
		grid-column: 2 / 3;
	}
	@media (max-width: 1000px) {
		.top-company-grid-03 {
			grid-row: 2 / 3;
			grid-column: 1 / 1;
			margin-bottom: 50px;
		}
	}
		.top-company-grid-03 img {
			width: 100%;
		}









		#company-left {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			width: 49%;
		}
		@media (max-width: 1000px) {
			#company-left {
				margin-bottom: 50px;
				width: 100%;
			}
		}
			#company-left h2.sectitle {
				background: #fff;
				color: #4b4b4b;
				font-size: 5.0rem;
				line-height: 1.0em;
				padding-left: 22%;
				padding-top: 0.3em;
				width: 100%;
			}
			@media (max-width: 1600px) {
				#company-left h2.sectitle {
					padding-left: 10%;
				}
			}
			@media (max-width: 1300px) {
				#company-left h2.sectitle {
					font-size: 4.0rem;
				}
			}
			@media (max-width: 1200px) {
				#company-left h2.sectitle {
					padding-left: 3%;
					padding-right: 3%;
				}
			}
			@media (max-width: 1000px) {
				#company-left h2.sectitle {
					margin-bottom: 50px;
				}
			}
			@media (max-width: 480px) {
				#company-left h2.sectitle {
					font-size: 3.0rem;
				}
			}
/* 共通 */
.c1 {
	color: #707070;
	font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	font-size: 5.0rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.0em;
	margin-bottom: 30px;
	padding-left: 22%;
}
@media (max-width: 1600px) {
	.c1 {
		padding-left: 10%;
	}
}
@media (max-width: 1300px) {
	.c1 {
		font-size: 4.0rem;
	}
}
@media (max-width: 1200px) {
	.c1 {
		padding-left: 3%;
		padding-right: 3%;
	}
}
@media (max-width: 800px) {
	.c1 {
		font-size: 3.0rem;
	}
}
@media (max-width: 480px) {
	.c1 {
		font-size: 2.0rem;
	}
}
/* 共通 */
.c2 {
	color: #707070;
	font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	font-size: 3.2rem;
	line-height: 1.4em;
	padding: 0 0 0 22%;
}
@media (max-width: 1300px) {
	.c2 {
		font-size: 2.2rem;
	}
}
@media (max-width: 480px) {
	.c2 {
		font-size: 1.8rem;
	}
}
.c3 {
	color: #707070;
	font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	font-size: 2.4rem;
	line-height: 1.5em;
	margin-bottom: 80px;
	padding: 0 0 0 22%;
}
@media (max-width: 1300px) {
	.c3 {
		font-size: 2.0rem;
	}
}
@media (max-width: 480px) {
	.c3 {
		font-size: 1.6rem;
		margin-bottom: 40px;
	}
}

			#company-left .c2 {
				padding: 0 0 0 22%;
			}
			@media (max-width: 1600px) {
				#company-left .c2 {
					padding: 0 0 0 10%;
				}
			}
			@media (max-width: 1200px) {
				#company-left .c2 {
					padding: 0 3% 0 3%;
				}
			}
			#company-left .c3 {
				padding: 0 0 0 22%;
			}
			@media (max-width: 1600px) {
				#company-left .c3 {
					padding: 0 0 0 10%;
				}
			}
			@media (max-width: 1200px) {
				#company-left .c3 {
					padding: 0 3% 0 3%;
				}
			}
			#company-top-more {
				padding-left: 22%;
			}
			@media (max-width: 1600px) {
				#company-top-more {
					padding-left: 10%;
				}
			}
			@media (max-width: 1200px) {
				#company-top-more {
					padding-left: 3%;
					padding-right: 3%;
				}
			}
			@media (max-width: 1000px) {
				#company-top-more {
					text-align: right;
				}
			}
			@media (max-width: 480px) {
				#company-top-more {
					text-align: center;
				}
			}
				#company-top-more a {
					border: 1px solid #707070;
					color: #707070;
					display: inline-block;
					font-size: 2.0rem;
					padding: 10px 120px;
				}
				@media (max-width: 480px) {
					#company-top-more a {
						font-size: 1.4rem;
						line-height: 1.0em;
						padding: 10px 70px;
					}
				}
				#company-top-more a:hover {
					border: 1px solid #fff;
				}
				#company-top-more a:hover span {
					color: #fff;
				}
		#company-right {
			width: 51%;
		}
		@media (max-width: 1000px) {
			#company-right {
				width: 100%;
			}
		}
			#company-right img {
				width: 100%;
			}

/***** 「トップページ（for Businessコーナー） *****/
#service-outer {
	margin: 180px 0;
}
@media (max-width: 480px) {
	#service-outer {
		margin: 100px 0;
	}
}
	#service {
		display: flex;
		justify-content: space-between;
	}
	@media (max-width: 1000px) {
		#service {
			flex-wrap: wrap-reverse;
		}
	}


#top-service-grid-outer {
	display: grid;
	grid-template-rows: 121px 502px;
	grid-template-columns: 51% 49%;
	margin: 0 auto;
	width: 100%;
}
@media (max-width: 1000px) {
	#top-service-grid-outer {
		grid-template-rows: auto;
		grid-template-columns: 100%;
	}
}
	.top-service-grid-01 {
		grid-row: 1 / 3;
		grid-column: 1 / 2;
	}
	@media (max-width: 1000px) {
		.top-service-grid-01 {
			grid-row: 2 / 3;
			grid-column: 1 / 1;
			margin-bottom: 50px;
		}
	}
		.top-service-grid-01 img {
			width: 100%;
		}
	.top-service-grid-02 {
		grid-row: 1 / 2;
		grid-column: 2 / 3;
	}
	@media (max-width: 1000px) {
		.top-service-grid-02 {
			grid-row: 1 / 2;
			grid-column: 1 / 1;
			margin-bottom: 50px;
		}
	}
		.top-service-grid-02 h2 {
			background: #fff;
			color: #4b4b4b;
			font-size: 5.0rem;
			line-height: 1.0em;
			padding-right: 22%;
			padding-top: 0.3em;
			text-align: right;
			width: 100%;
		}
		@media (max-width: 1600px) {
			.top-service-grid-02 h2 {
				padding-right: 10%;
			}
		}
		@media (max-width: 1300px) {
			.top-service-grid-02 h2 {
				font-size: 4.0rem;
			}
		}
		@media (max-width: 1200px) {
			.top-service-grid-02 h2 {
				padding-left: 3%;
				padding-right: 3%;
			}
		}
		@media (max-width: 1000px) {
			.top-service-grid-02 h2 {
				font-size: 5.0rem;
				text-align: left;
			}
		}
		@media (max-width: 480px) {
			.top-service-grid-02 h2 {
				font-size: 3.0rem;
			}
		}
	.top-service-grid-03 {
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		grid-row: 2 / 3;
		grid-column: 2 / 3;
		padding-top: 65px;
	}
	@media (max-width: 1600px) {
		.top-service-grid-03 {
			display: block;
			padding-top: 30px;
		}
	}
	@media (max-width: 1000px) {
		.top-service-grid-03 {
			grid-row: 3 / 4;
			grid-column: 1 / 1;
		}
	}
		.top-service-grid-03 .c2 {
			padding: 0 22% 0 0;
			text-align: right;
		}
		.top-service-grid-03 .c3 {
			padding: 0 22% 0 0;
			text-align: right;
		}
		@media (max-width: 1600px) {
			.top-service-grid-03 .c2 {
				padding: 0 10% 30px 0;
			}
			.top-service-grid-03 .c3 {
				padding: 0 10% 30px 0;
			}
		}
		@media (max-width: 1200px) {
			.top-service-grid-03 .c2 {
				padding: 0 3% 30px 3%;
			}
			.top-service-grid-03 .c3 {
				padding: 0 3% 0 3%;
			}
		}
		@media (max-width: 1000px) {
			.top-service-grid-03 .c2 {
				padding: 0 3% 0 3%;
				text-align: left;
			}
			.top-service-grid-03 .c3 {
				padding: 0 3% 0 3%;
				text-align: left;
			}
		}





		#service-left {
			width: 51%;
		}
		@media (max-width: 1000px) {
			#service-left {
				width: 100%;
			}
		}
			#service-left img {
				width: 100%;
			}
		#service-right {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			width: 49%;
		}
		@media (max-width: 1000px) {
			#service-right {
				margin-bottom: 50px;
				width: 100%;
			}
		}
			#service-right h2.sectitle {
				background: #fff;
				color: #4b4b4b;
				font-size: 5.0rem;
				line-height: 1.0em;
				padding-right: 22%;
				padding-top: 0.3em;
				text-align: right;
				width: 100%;
			}
			@media (max-width: 1600px) {
				#service-right h2.sectitle {
					padding-right: 10%;
				}
			}
			@media (max-width: 1300px) {
				#service-right h2.sectitle {
					font-size: 4.0rem;
				}
			}
			@media (max-width: 1200px) {
				#service-right h2.sectitle {
					padding-left: 3%;
					padding-right: 3%;
				}
			}
			@media (max-width: 1000px) {
				#service-right h2.sectitle {
					margin-bottom: 50px;
					text-align: left;
				}
			}
			@media (max-width: 480px) {
				#service-right h2.sectitle {
					font-size: 3.0rem;
				}
			}
			#service-right .c2 {
				padding: 0 22% 0 0;
				text-align: right;
			}
			@media (max-width: 1600px) {
				#service-right .c2 {
					padding: 0 10% 0 0;
				}
			}
			@media (max-width: 1200px) {
				#service-right .c2 {
					padding: 0 3% 0 3%;
				}
			}
			@media (max-width: 1000px) {
				#service-right .c2 {
					text-align: left;
				}
			}
			#service-right .c3 {
				padding: 0 22% 0 0;
				text-align: right;
			}
			@media (max-width: 1600px) {
				#service-right .c3 {
					padding: 0 10% 0 0;
				}
			}
			@media (max-width: 1200px) {
				#service-right .c3 {
					padding: 0 3% 0 3%;
				}
			}
			@media (max-width: 1000px) {
				#service-right .c3 {
					text-align: left;
				}
			}
			#service-top-more {
				padding-right: 22%;
				text-align: right;
			}
			@media (max-width: 1600px) {
				#service-top-more {
					padding-right: 10%;
				}
			}
			@media (max-width: 1200px) {
				#service-top-more {
					padding-left: 3%;
					padding-right: 3%;
				}
			}
			@media (max-width: 480px) {
				#service-top-more {
					text-align: center;
				}
			}
				#service-top-more a {
					border: 1px solid #707070;
					color: #707070;
					display: inline-block;
					font-size: 2.0rem;
					padding: 10px 120px;
				}
				@media (max-width: 480px) {
					#service-top-more a {
						font-size: 1.4rem;
						line-height: 1.0em;
						padding: 10px 70px;
					}
				}
				#service-top-more a:hover {
					border: 1px solid #fff;
				}
				#service-top-more a:hover span {
					color: #fff;
				}

/***** 「トップページ（Recruitコーナー） *****/
#recruit-outer {
	margin: 180px 0;
}
@media (max-width: 480px) {
	#recruit-outer {
		margin: 100px 0;
	}
}
	#recruit {
		display: flex;
		justify-content: space-between;
	}
	@media (max-width: 1000px) {
		#recruit {
			display: block;
		}
	}



#top-recruit-grid-outer {
	display: grid;
	grid-template-rows: 121px 502px;
	grid-template-columns: 49% 51%;
	margin: 0 auto;
	width: 100%;
}
@media (max-width: 1000px) {
	#top-recruit-grid-outer {
		grid-template-rows: auto;
		grid-template-columns: 100%;
	}
}
	.top-recruit-grid-01 {
		grid-row: 1 / 2;
		grid-column: 1 / 2;
	}
	@media (max-width: 1000px) {
		.top-recruit-grid-01 {
			grid-row: 1 / 2;
			grid-column: 1 / 1;
		}
	}
		.top-recruit-grid-01 h2 {
			background: #fff;
			color: #4b4b4b;
			font-size: 5.0rem;
			line-height: 1.0em;
			padding-left: 22%;
			padding-top: 0.3em;
			width: 100%;
		}
		@media (max-width: 1600px) {
			.top-recruit-grid-01 h2 {
				padding-left: 10%;
			}
		}
		@media (max-width: 1300px) {
			.top-recruit-grid-01 h2 {
				font-size: 4.0rem;
			}
		}
		@media (max-width: 1200px) {
			.top-recruit-grid-01 h2 {
				padding-left: 3%;
				padding-right: 3%;
			}
		}
		@media (max-width: 1000px) {
			.top-recruit-grid-01 h2 {
				font-size: 5.0rem;
				margin-bottom: 50px;
			}
		}
		@media (max-width: 480px) {
			.top-recruit-grid-01 h2 {
				font-size: 3.0rem;
			}
		}
	.top-recruit-grid-02 {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		grid-row: 2 / 3;
		grid-column: 1 / 2;
		padding-top: 30px;
	}
	@media (max-width: 1000px) {
		.top-recruit-grid-02 {
			grid-row: 3 / 4;
			grid-column: 1 / 1;
		}
	}
		.top-recruit-grid-02 .c2 {
			margin-top: 150px;
			padding: 0 0 0 22%;
		}
		.top-recruit-grid-02 .c3 {
			padding: 0 0 0 22%;
		}
		@media (max-width: 1600px) {
			.top-recruit-grid-02 {
				display: block;
			}
			.top-recruit-grid-02 .c2 {
				margin-top: 80px;
				padding: 0 0 0 10%;
			}
			.top-recruit-grid-02 .c3 {
				margin-top: 30px;
				padding: 0 0 0 10%;
			}
		}
		@media (max-width: 1300px) {
			.top-recruit-grid-02 .c2 {
				margin-top: 10px;
			}
		}
		@media (max-width: 1200px) {
			.top-recruit-grid-02 .c2 {
				padding: 0 3% 0 3%;
			}
			.top-recruit-grid-02 .c3 {
				padding: 0 3% 0 3%;
			}
		}
		@media (max-width: 1000px) {
			.top-recruit-grid-02 .c3 {
				margin-top: 0;
			}
		}
	.top-recruit-grid-03 {
		grid-row: 1 / 3;
		grid-column: 2 / 3;
	}
	@media (max-width: 1000px) {
		.top-recruit-grid-03 {
			grid-row: 2 / 3;
			grid-column: 1 / 1;
			margin-bottom: 50px;
		}
	}
		.top-recruit-grid-03 img {
			width: 100%;
		}






		#recruit-left {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			width: 49%;
		}
		@media (max-width: 1000px) {
			#recruit-left {
				margin-bottom: 50px;
				width: 100%;
			}
		}
			#recruit-left h2.sectitle {
				background: #fff;
				color: #4b4b4b;
				font-size: 5.0rem;
				line-height: 1.0em;
				padding-left: 22%;
				padding-top: 0.3em;
				width: 100%;
			}
			@media (max-width: 1600px) {
				#recruit-left h2.sectitle {
					padding-left: 10%;
				}
			}
			@media (max-width: 1300px) {
				#recruit-left h2.sectitle {
					font-size: 4.0rem;
				}
			}
			@media (max-width: 1200px) {
				#recruit-left h2.sectitle {
					padding-left: 3%;
					padding-right: 3%;
				}
			}
			@media (max-width: 1000px) {
				#recruit-left h2.sectitle {
					margin-bottom: 50px;
				}
			}
			@media (max-width: 480px) {
				#recruit-left h2.sectitle {
					font-size: 3.0rem;
				}
			}
			#recruit-left .c2 {
				margin-top: 150px;
				padding: 0 0 0 22%;
			}
			@media (max-width: 1600px) {
				#recruit-left .c2 {
					padding: 0 0 0 10%;
				}
			}
			@media (max-width: 1200px) {
				#recruit-left .c2 {
					padding: 0 3% 0 3%;
				}
			}
			@media (max-width: 1000px) {
				#recruit-left .c2 {
					margin-top: 0;
				}
			}
			#recruit-left .c3 {
				padding: 0 0 0 22%;
			}
			@media (max-width: 1600px) {
				#recruit-left .c3 {
					padding: 0 0 0 10%;
				}
			}
			@media (max-width: 1200px) {
				#recruit-left .c3 {
					padding: 0 3% 0 3%;
				}
			}
			#recruit-top-more {
				padding-left: 22%;
			}
			@media (max-width: 1600px) {
				#recruit-top-more {
					padding-left: 10%;
				}
			}
			@media (max-width: 1200px) {
				#recruit-top-more {
					padding-left: 3%;
					padding-right: 3%;
				}
			}
			@media (max-width: 1000px) {
				#recruit-top-more {
					text-align: right;
				}
			}
			@media (max-width: 480px) {
				#recruit-top-more {
					text-align: center;
				}
			}
				#recruit-top-more a {
					border: 1px solid #707070;
					color: #707070;
					display: inline-block;
					font-size: 2.0rem;
					padding: 10px 120px;
				}
				@media (max-width: 480px) {
					#recruit-top-more a {
						font-size: 1.4rem;
						line-height: 1.0em;
						padding: 10px 70px;
					}
				}
				#recruit-top-more a:hover {
					border: 1px solid #fff;
				}
				#recruit-top-more a:hover span {
					color: #fff;
				}
		#recruit-right {
			width: 51%;
		}
			#recruit-right img {
				width: 100%;
			}
		@media (max-width: 1000px) {
			#recruit-right {
				width: 100%;
			}
		}

/***** 「共通フッター *****/
footer {
	background: #38394a;
	color: #fff;
	padding: 50px 50px 20px;
	position: relative;
}
@media (max-width: 1200px) {
	footer {
		padding: 20px 30px 50px;
	}
}
@media (max-width: 1000px) {
	footer {
		padding: 20px;
	}
}
	#footer-copy {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		bottom: 100px;
		color: #73aac3;
		font-size: 76px;
		line-height: 1.2em;
		position: absolute;
		transform: rotate(-2deg);
		right: 82px;
		z-index: 0;
	}
	@media (max-width: 1300px) {
		#footer-copy {
			bottom: 140px;
			right: 5px;
		}
	}
	@media (max-width: 480px) {
		#footer-copy {
			bottom: 180px;
		}
	}
			@media (max-width: 1300px) {
				#footer-copy img {
					width: 80%;
				}
			}
			@media (max-width: 1000px) {
				#footer-copy img {
					width: 70%;
				}
			}
			@media (max-width: 800px) {
				#footer-copy img {
					width: 60%;
				}
			}
	#footer-contents {
		position: relative;
		z-index: 1;
	}
		#footer-logo {
			margin-bottom: 30px;
			text-align: center;
		}
			#footer-logo a {
				display: inline-block;
			}
		#footer-menu {
			display: flex;
			justify-content: space-between;
			margin: 0 auto 80px;
			max-width: 1600px;
		}
		@media (max-width: 1300px) {
			#footer-menu {
				flex-wrap: wrap;
			}
		}
			#footer-menu-block01 {
				width: 30%;
			}
			@media (max-width: 1300px) {
				#footer-menu-block01 {
					margin-bottom: 30px;
					width: 100%;
				}
			}
				.footer-menu-b {
					margin-bottom: 5px;
				}
				@media (max-width: 480px) {
					.footer-menu-b {
						display: flex;
						justify-content: flex-start;
						align-items: center;
					}
				}
					.footer-menu-b span {
						display: none;
						height: 22px;
						margin-right: 5px;
						position: relative;
						width: 20px;
					}
					@media (max-width: 480px) {
						.footer-menu-b span {
							display: block;
						}
						.footer-menu-b span::before,
						.footer-menu-b span::after {
						    content: '';
						    display: inline-block;
						    width: 14px;
						    height: 2px;
						    background-color: #fff;
						    position: absolute;
						    right: 3px;
						    top: 50%;
						    transform: translateY(-50%);
						    transition: opacity 1s;
						}
						.footer-menu-b span::before {
						}

						.footer-menu-b span::after {
						    transform: translateY(-50%) rotate(90deg);
						    transition: transform 1s;
						}
					}

						.footer-menu-b a {
							font-size: 1.8rem;
						}
						@media (max-width: 640px) {
							.footer-menu-b a {
								font-size: 1.4rem;
							}
						}
						@media (max-width: 480px) {
							.footer-menu-b a {
								font-size: 1.4rem;
							}
						}


				#footer-menu-block01 ul {
					display: flex;
					justify-content: space-between;
					flex-wrap: wrap;
				}
				@media (max-width: 1300px) {
					#footer-menu-block01 ul {
						justify-content: flex-start;
					}
				}
					#footer-menu-block01 ul li {
						width: 50%;
					}
					@media (max-width: 1300px) {
						#footer-menu-block01 ul li {
							width: 30%;
						}
					}
					@media (max-width: 800px) {
						#footer-menu-block01 ul li {
							width: 48%;
						}
					}
					.footer-menu-block-pub ul li {
						margin-bottom: 5px;
					}
					@media (max-width: 1300px) {
						.footer-menu-block-pub ul li {
							width: 30%;
						}
					}
					@media (max-width: 800px) {
						.footer-menu-block-pub ul li {
							width: 48%;
						}
					}
						.footer-menu-block-pub ul li a {
							display: inline-block;
							font-size: 1.4rem;
							padding-left: 20px;
							position: relative;
						}
						@media (max-width: 640px) {
							.footer-menu-block-pub ul li a {
								font-size: 1.2rem;
							}
						}
						@media (max-width: 480px) {
							.footer-menu-block-pub ul li a {
								font-size: 1.0rem;
							}
						}
						.footer-menu-block-pub ul li a::before {
							content: '';
							border: 0;
							border-top: solid 1px #73aac3;
							border-right: solid 1px #73aac3;
							bottom: 0;
							height: 6px;
							left: 0;
							margin: auto;
							position: absolute;
							top: 0;
							transform: rotate(45deg);
							width: 6px;
						}
						.footer-menu-block-pub ul li a::after {
							border-bottom: solid 2px #ffffff;
							bottom: 0;
							content: "";
							display: block;
							transition: all .3s ease;
							-webkit-transition: all .3s ease;
							width: 0;
						}
						.footer-menu-block-pub ul li a:hover::after {
							width: 100%;
						}
						#footer-menu-block01 ul li a {
						}
						#footer-menu-block01 ul li a::before {
						}
@media (max-width: 1300px) {
    .footer-menu-block-pub {
        margin-bottom: 10px!important;
    }
}
@media (max-width: 480px) {
	.footer-menu-block-pub {
        margin-bottom: 20px!important;
	}
}


						@media (max-width: 480px) {
							.footer-menu-block-pub .open span::before {
								opacity: 0;
							}
							.footer-menu-block-pub .open span::after {
								transform: translateY(-50%) rotate(0deg);
							}
						}
						@media (max-width: 480px) {
							.footer-menu-block-pub .footer-menu-contents {
								display: none;
							}
						}

			#footer-menu-block02 {
				width: 25%;
			}
			@media (max-width: 1300px) {
				#footer-menu-block02 {
					margin-bottom: 30px;
					width: 100%;
				}
			}
				#footer-menu-block02 ul {
					display: flex;
					flex-direction: column;
					flex-wrap: wrap;
				}
				@media (max-width: 1300px) {
					#footer-menu-block02 ul {
						flex-direction: row;
					}
				}
			#footer-menu-block03 {
				width: 18%;
			}
			@media (max-width: 1300px) {
				#footer-menu-block03 {
					margin-bottom: 30px;
					width: 100%;
				}
			}
				#footer-menu-block03 ul {
					display: flex;
					flex-direction: column;
					flex-wrap: wrap;
				}
				@media (max-width: 1300px) {
					#footer-menu-block03 ul {
						flex-direction: row;
					}
				}
			#footer-menu-block04 {
				width: 17%;
			}
			@media (max-width: 1300px) {
				#footer-menu-block04 {
					margin-bottom: 30px;
					width: 100%;
				}
			}
				#footer-menu-block04 ul {
					display: flex;
					flex-direction: column;
					flex-wrap: wrap;
				}
				@media (max-width: 1300px) {
					#footer-menu-block04 ul {
						flex-direction: row;
					}
				}
			#footer-menu-block05 {
				width: 10%;
			}
			@media (max-width: 1300px) {
				#footer-menu-block05 {
					margin-bottom: 30px;
					width: 100%;
				}
			}
				#footer-menu-block05 ul {
					display: flex;
					flex-direction: column;
					flex-wrap: wrap;
				}
				@media (max-width: 1300px) {
					#footer-menu-block05 ul {
						flex-direction: row;
					}
				}
				#footer-menu ul {
					list-style-type: none;
				}

		#footer-sns-outer {
			margin-bottom: 20px;
		}
			#footer-sns-outer ul {
				display: flex;
				justify-content: center;
				align-items: center;
				list-style-type: none;
			}
				#footer-sns-outer ul li {
					margin: 0 15px;
				}
						#footer-sns-outer ul li a img {
							transition: all .3s ease;
						}
						#footer-sns-outer ul li a:hover img {
							opacity: 0.5;
						}
		#footer-upper {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		@media (max-width: 800px) {
			#footer-upper {
				flex-direction: column;
			}
		}
			#footer-privacy {
				margin-right: 30px;
			}
				#footer-privacy a {
					display: inline-block;
					font-size: 1.4rem;
				}
				@media (max-width: 480px) {
					#footer-privacy a {
						font-size: 1.2rem;
					}
				}
				#footer-privacy a::after {
					border-bottom: solid 2px #ffffff;
					bottom: 0;
					content: "";
					display: block;
					transition: all .3s ease;
					-webkit-transition: all .3s ease;
					width: 0;
				}
				#footer-privacy a:hover::after {
					width: 100%;
				}
			#footer-copyrights {
				font-size: 1.4rem;
				letter-spacing: 0.15em;
			}
			@media (max-width: 480px) {
				#footer-copyrights {
					font-size: 1.2rem;
				}
			}
	footer a {
		color: #fff;
	}



/*
.mm,
.mm-footer {
	position: fixed;
	width: 100%;
	top: 50px;
	left: 0;
	background: rgba(255, 255, 255, 0.95);
	z-index: 999; }
	.mm .mm-inner,
	.mm-footer .mm-inner {
		max-width: 1100px;
		margin: 0 auto;
		padding: 50px 0; }
	.mm .mm-inner h2,
	.mm-footer .mm-inner h2 {
		font-size: 60px;
		line-height: 100%;
		margin-bottom: 20px;
		font-weight: 700; }
	.mm .mm-inner h3,
	.mm-footer .mm-inner h3 {
		font-size: 20px;
		line-height: 100%;
		margin-bottom: 60px;
		font-weight: 700; }
	.mm .mm-inner ul,
	.mm-footer .mm-inner ul {
		max-width: 1200px;
		padding: 0 !important;
		font-size: 17px;
		font-weight: 700;
		list-style: none;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		flex-wrap: wrap; }
		@media (max-width: 480px) {
			.mm-footer .mm-inner ul {
				font-size: 14px; } }
		.mm .mm-inner ul li,
		.mm-footer .mm-inner ul li {
			display: flex;
			width: 18%;
			margin-bottom: 20px;
			margin-left: 0 !important;
			line-height: 60px !important; }
			@media (max-width: 768px) {
				.mm-footer .mm-inner ul li {
					width: 46%; } }
			.mm .mm-inner ul li a,
			.mm-footer .mm-inner ul li a {
				display: block;
				display: flex;
				flex-wrap: nowrap;
				justify-content: space-between;
				align-items: center;
				color: #666;
				line-height: 1.4em;
				padding: 20px 10px;
				transition: .5s;
				width: 100%;
				border-bottom: 1px solid #999; }
				@media (max-width: 480px) {
					.mm-footer .mm-inner ul li a {
						padding: 10px; } }

			.mm .mm-inner ul li a:hover, .mm .mm-inner ul li a.mm-current,
			.mm-footer .mm-inner ul li a:hover,
			.mm-footer .mm-inner ul li a.mm-current {
				color: #353535;
				border-bottom: 1px solid #353535; }
			.mm .mm-inner ul li a::after,
			.mm-footer .mm-inner ul li a::after {
				font-weight: 400;
				content: "＞";
				margin-left: auto; }
*/

.mm-footer {
	background: #F0F0F0;
	left: 0;
	padding: 80px 0;
	position: static;
	top: 50px;
	width: 100%;
	z-index: 999;
}
@media (max-width: 1000px) {
	.mm-footer {
		padding: 0 15px;
	}
}
	.mm-footer .mm-inner {
		max-width: 1100px;
		margin: 0 auto;
		padding: 50px 0;
	}
		.mm-footer .mm-inner h2 {
			font-size: 60px;
			line-height: 100%;
			margin-bottom: 20px;
			font-weight: 700;
		}
		.mm-footer .mm-inner h3 {
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1px solid #353535;
			font-size: 18px;
			font-weight: 700;
			line-height: 60px;
			margin-bottom: 20px;
			padding: 0;
		}
		.mm-footer .mm-inner ul {
			max-width: 1200px;
			padding: 0 !important;
			font-size: 17px;
			font-weight: 700;
			list-style: none;
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between;
			flex-wrap: wrap;
		}
		@media (max-width: 480px) {
			.mm-footer .mm-inner ul {
				font-size: 14px;
			}
		}
			.mm-footer .mm-inner ul li {
				display: flex;
				width: 18%;
				margin-bottom: 20px;
				margin-left: 0 !important;
				line-height: 60px !important;
			}
			@media (max-width: 768px) {
				.mm-footer .mm-inner ul li {
					width: 46%;
				}
			}
				.mm-footer .mm-inner ul li a {
					display: block;
					display: flex;
					flex-wrap: nowrap;
					justify-content: space-between;
					align-items: center;
					color: #666;
					line-height: 1.4em;
					padding: 20px 10px;
					transition: .5s;
					width: 100%;
					border-bottom: 1px solid #999;
				}
				@media (max-width: 480px) {
					.mm-footer .mm-inner ul li a {
						padding: 10px;
					}
				}
				.mm-footer .mm-inner ul li a:hover,
				.mm-footer .mm-inner ul li a.mm-current {
					color: #353535;
					border-bottom: 1px solid #353535;
				}
				.mm-footer .mm-inner ul li a::after {
					font-weight: 400;
					content: "＞";
					margin-left: auto;
				}
/*
.mm-footer {
	background: #F0F0F0;
	position: static;
	padding: 80px 0;
}
@media (max-width: 1000px) {
	.mm-footer {
		padding: 0 15px;
	}
}
	.mm-footer .mm-inner {
		max-width: 1100px;
	}
		.mm-footer .mm-inner ul {
			max-width: 1100px;
		}
		.mm-footer .mm-inner h3 {
			border-bottom: 1px solid #353535;
			font-size: 18px;
			line-height: 60px;
			margin-bottom: 20px;
		}
*/



#spMenu {
	display: none;
}
@media (max-width: 1000px) {
	#spMenu {
		display: block;
	}
}

	#spMenu .menu-btn {
		padding: 11px;
		position: fixed;
		top: 0px;
		right: 20px;
/*
		width: 40px;
*/
		width: 64px!important;
		height: 44px!important;
/*
		height: 60px;
*/
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 2001;
/*
		z-index: 1200;
*/
	}
	@media (max-width: 480px) {
		#spMenu .menu-btn {
			height: 45px;
		}
	}

		#spMenu .menu-btn-inner {
			height: 100%;
			width: 100%;
		}
			#spMenu .menu-btn-inner span,
			#spMenu .menu-btn-inner span::before,
			#spMenu .menu-btn-inner span::after {
				cursor: pointer;
				border-radius: 1px;
				height: 2px;
				width: 32px;
				background: white;
				position: absolute;
				left: 50%;
				top: 50%;
				display: block;
				content: '';
				transition: all 0.5s ease-in-out;
				transform: translate(-50%,-50%);
			}
			#spMenu .menu-btn-inner span::before {
				left: 50%;
				top: -10px;
			}
			#spMenu .menu-btn-inner span::after {
				left: 50%;
				top: 11px;
			}

		#spMenu .menu-btn.is-active {
			z-index: 2001;
		}
		#spMenu .menu-btn.is-active .menu-btn-inner span {
			background: transparent;
		}
		#spMenu .menu-btn.is-active .menu-btn-inner span::before {
			transform: rotate(135deg);
		}
		#spMenu .menu-btn.is-active .menu-btn-inner span::after {
			transform: rotate(-135deg);
		}
		#spMenu .menu-btn.is-active .menu-btn-inner span::before,
		#spMenu .menu-btn.is-active .menu-btn-inner span::after {
			left: 0;
			top: 0;
		}


#spMenu .menu {
	background: none;
	height: 100%;
	left: 0;
	opacity: 1;
	overflow: auto;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	right: unset;
	width: 100%;
	z-index: 2000;
	transform: translateY(-100%);
	transition: all 0.5s;
	padding: 100px 0;
}
#spMenu .menu.is-active {
	background: #ccc;
    opacity: 0.9;
    overflow: scroll;
	transform: translateY(0%);
}
#spMenu .menu .menu-inner {
	opacity: 0;
	transition: all 0.7s;
	transition-delay: 0.7s;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
#spMenu .menu.is-active .menu-inner {
    opacity: 1;
	position: absolute;
	width: 100%;
	margin: 0 auto;
}

#spMenu .menu .menu-inner .menu-contents {
	opacity: 0;
	transition: all 0.7s;
	transition-delay: 0.7s;
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	padding: 100px 0;
	width: 75%;
	top: 100%;
}
#spMenu .menu.is-active .menu-inner .menu-contents {
	opacity: 1;
	transform: translateX(-50%);
	top: 0;
	left: 50%;
}


#spMenu .menu .menu-inner .menu-item {
	background: none;
}
#spMenu a {
	color: #353535;
}



		#spMenu .menu-btn .hbg {
			height: 10px; }
		#spMenu .menu-btn .hbg.hbg-hide {
			display: none; }
/*
	#spMenu .menu {
		left: 0;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1100;
		width: 100vw;
		height: auto;
		padding: 84px 20px 20px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: #ccc;
		transform: translateX(-100vw);
		transition: transform .3s linear; }
*/
	#spMenu .menu-item {
		width: 100%;
		height: auto;
		font-size: 16px;
		text-align: left;
		color: #fff;
		box-sizing: border-box;
		background: #ccc;
		border-bottom: 1px solid #666; }
		#spMenu .menu-item.menu-item-parent a {
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between; }
		#spMenu .menu-item.menu-item-parent a::after {
			content: "＋";
			margin-right: 10px;
			margin-left: auto; }
		#spMenu .menu-item.menu-item-parent.menu-item-parent-opened a::after {
			content: "―"; }
		#spMenu .menu-item + ul.menu-item-child {
			display: none;
			list-style: none; }
			#spMenu .menu-item + ul.menu-item-child li {
				border-bottom: 1px solid #999; }
			#spMenu .menu-item + ul.menu-item-child a {
				padding: 0.35em 0;
				font-size: 90%;
				color: #666; }
/*
		#spMenu .menu.is-active {
			transform: translateX(0); }
*/
		#spMenu .fa {
			font-size: 24px; }
			#spMenu .fa.fa-times {
				color: #fff; }
		#spMenu a {
			padding: .5em 0;
			display: block;
			color: #353535; }
		#spMenu a.current {
			font-weight: 700; }

#sub .sub-header {
	padding: 120px 190px 50px 175px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
}
	@media (max-width: 1000px) {
		#sub .sub-header {
			padding: 74px 15px 15px;
			flex-direction: column;
			align-items: initial;
		}
	}
		#sub .sub-header h1 {
			font-size: 34px;
			position: relative;
		}
		@media (max-width: 1000px) {
			#sub .sub-header h1 {
				font-size: 24px;
			}
		}
			#sub .sub-header h1 span {
				font-size: 14px;
				display: block;
				padding-left: 42px;
			}
				@media (max-width: 1000px) {
					#sub .sub-header h1 span {
						font-size: 11px;
						padding-left: 32px;
					}
				}
			#sub .sub-header h1 span::before {
				content: "";
				width: 32px;
				background: #353535;
				height: 2px;
				display: block;
				position: absolute;
				top: .9em;
				left: 0;
			}
				@media (max-width: 1000px) {
					#sub .sub-header h1 span::before {
						width: 20px;
						height: 1px;
					}
				}
		#sub .sub-header .function {
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: center;
		}
		@media (max-width: 1000px) {
			#sub .sub-header .function {
				flex-direction: column;
			}
		}
			#sub .sub-header .function .bread {
				color: #B2B2B2;
			}
			@media (max-width: 1000px) {
				#sub .sub-header .function .bread {
					margin-bottom: 10px;
					margin-right: auto;
				}
			}
				#sub .sub-header .function .bread a {
					color: #353535;
					font-size: 12px;
				}
				#sub .sub-header .function .bread a.bread-home::before {
					content: "\f015";
					font-family: "Font Awesome 5 Free";
					font-weight: 900;
					margin-right: 10px;
				}
				#sub .sub-header .function .bread a:hover {
					text-decoration: underline;
				}
				#sub .sub-header .function .bread a:hover::before {
					text-decoration: none;
				}
				#sub .sub-header .function .bread span {
					color: #353535;
					font-size: 12px;
				}
				#sub .sub-header .function .lang {
					margin-left: 100px;
				}
				@media (max-width: 1000px) {
					#sub .sub-header .function .lang {
						margin-left: auto;
					}
				}
					#sub .sub-header .function .lang ul {
						display: flex;
						flex-wrap: nowrap;
						justify-content: space-between;
						font-size: 12px;
						list-style: none;
					}
						#sub .sub-header .function .lang ul li {
							margin-left: 5px;
						}
							#sub .sub-header .function .lang ul li a {
								text-align: center;
								line-height: 18px;
								width: 34px;
								height: 18px;
								display: block;
								color: #666;
								border: 1px solid #666;
								transition: 0.5s;
							}
							#sub .sub-header .function .lang ul li a.lang-current {
								border: 1px solid #73AAC3;
								background: #73AAC3;
								color: #fff;
							}
							#sub .sub-header .function .lang ul li a:not([class]):hover {
								background: #ccc;
							}

						#sub .sub-main .sub-mainimg {
							height: 500px;
							position: relative;
							background-position: center center;
							background-repeat: no-repeat;
							background-size: cover; }
							@media (max-width: 1000px) {
								#sub .sub-main .sub-mainimg {
								height: 100vh;
								max-height: 200px; } }
							#sub .sub-main .sub-mainimg p.lead {
								position: absolute;
								width: 680px;
								font-size: 28px;
								left: 0;
								bottom: 0;
								background: #fff;
								text-align: center;
								padding: 20px 0; }
								@media (max-width: 1000px) {
									#sub .sub-main .sub-mainimg p.lead {
									padding: 5px 0;
									width: 100%;
									font-size: 16px; } }
								#sub.company.csr .sub-content {
									padding: 120px 0;
								}
								@media (max-width: 1000px) {
									#sub.company.csr .sub-content {
										padding: 30px 15px;
									}
								}
									#sub.company.csr .sub-content .sub-content-inner {
										width: 1050px;
										margin: 0 auto;
									}
									@media (max-width: 1000px) {
										#sub.company.csr .sub-content .sub-content-inner {
											width: 100%;
										}
									}
/* 「お問合せページ」 */
#sub.contact .sub-content {
	padding: 120px 0;
}
@media (max-width: 1000px) {
	#sub.contact .sub-content {
		padding: 30px 15px;
	}
}
	#sub.contact .sub-content .sub-content-inner {
		width: 1050px;
		margin: 0 auto;
	}
	@media (max-width: 1000px) {
		#sub.contact .sub-content .sub-content-inner {
			width: 100%;
		}
	}
		#sub.contact ul.contact-sel-button {
			display: flex;
			justify-content: space-around;
			margin: 0 auto;
			width: 80%;
		}
	@media (max-width: 1000px) {
		#sub.contact ul.contact-sel-button {
			width: auto;
		}
	}
	@media (max-width: 768px) {
		#sub.contact ul.contact-sel-button {
			justify-content: center;
			flex-wrap: wrap;
		}
	}
		#sub.contact ul.contact-sel-button li {
			list-style-type: none;
		}
		@media (max-width: 768px) {
			#sub.contact ul.contact-sel-button li {
				width: 70%;
			}
			#sub.contact ul.contact-sel-button li:first-child {
				margin-bottom: 20px;
			}
		}
		@media (max-width: 480px) {
			#sub.contact ul.contact-sel-button li {
				width: 100%;
			}
		}
			#sub.contact ul.contact-sel-button li a {
				background: #73AAC3;
				border: 1px solid #fff;
				color: #fff;
				display: block;
				font-size: 24px;
				height: 85px;
				line-height: 85px;
				overflow: hidden;
				padding: 0px 80px;
				position: relative;
				text-align: center;
				transition: all .3s;
				width: auto;
				z-index: 1;
			}
			@media (max-width: 1000px) {
				#sub.contact ul.contact-sel-button li a {
					font-size: 20px;
					height: 80px;
					line-height: 80px;
					padding: 0px 60px;
				}
			}
			#sub.contact ul.contact-sel-button li a:hover {
				background: #fff;
				color: #73AAC3;
			}
			#sub.contact ul.contact-sel-button li a,
			#sub.contact ul.contact-sel-button li a::before
			#sub.contact ul.contact-sel-button li a::after {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				-webkit-transition: all .3s;
				transition: all .3s;
			}
			#sub.contact ul.contact-sel-button li a::before {
				content: '';
				display: block;
				position: absolute;
				z-index: -1;
			}
			#sub.contact ul.contact-sel-button li a::after {
				content: '';
				display: block;
				position: absolute;
				z-index: -1;
				height: 100%;
				left: -100%;
				top: -100%;
				width: 100%;
			}
			#sub.contact ul.contact-sel-button li a:hover::after {
				background-color: #fff;
				color: #fff;
				left: 0;
				top: 0;
			}

/* 「お問い合わせ（個人のお客様）」「お問い合わせ（法人のお客様）」ページ */
	#sub.contact table {
		width: 100%;
	}
	@media (max-width: 1000px) {
		#sub.contact table {
			font-size: 13px;
		}
	}
		#sub.contact table tr:last-child th,
		#sub.contact table tr:last-child td {
			border-bottom: 0;
		}
		#sub.contact th, #sub.contact td {
			padding: 20px 0;
			text-align: left;
		}
		@media (max-width: 1000px) {
			#sub.contact th, #sub.contact td {
				padding: 10px 0;
				display: block;
			}
		}
		#sub.contact th {
			padding-right: 50px;
			white-space: nowrap;
			font-size: 14px;
			font-weight: 700;
		}
		@media (max-width: 1000px) {
			#sub.contact th {
				padding-right: 20px;
				font-size: 12px;
				padding-bottom: 0;
			}
		}
			#sub.contact th.colspan2 {
				padding-bottom: 10px;
				border-bottom: 0;
				padding-right: 0;
				width: 100%;
			}
			#sub.contact th span.annotation {
				color: #f00;
				font-size: 12px;
				line-height: 1.5em;
			}
			@media (max-width: 1000px) {
				#sub.contact th span.annotation {
					font-size: 11px;
				}
			}
		#sub.contact td {
			border-bottom: 1px solid #b2b2b2;
			font-size: 13px;
			width: 100%;
		}
		@media (max-width: 1000px) {
			#sub.contact td {
				padding-top: 0;
			}
		}
			#sub.contact td.colspan2 {
				display: table-cell;
				padding-top: 0;
				width: 100%; 
			}
			#sub.contact td div:first-of-type {
				margin-bottom: 1em;
			}
			#sub.contact td div a {
				display: block;
				color: #b4b4b4;
				font-size: 12px;
			}
			#sub.contact td div a::before {
				content: "\f3c5";
				font-family: "Font Awesome 5 Free";
				font-weight: 900;
				margin-right: 10px;
			}
			#sub.contact td input[type=text],
			#sub.contact td input[type=email] {
				background: none;
				font-size: 18px;
				width: 500px;
				padding: 5px;
				border: 0;
			}
			@media (max-width: 1000px) {
				#sub.contact td input[type=text],
				#sub.contact td input[type=email] {
					width: 100%;
				}
			}
			#sub.contact td textarea {
				width: 100%;
				height: 100px;
				border: 1px solid #b2b2b2;
				border-radius: 0;
				padding: 5px;
				font-size: 16px;
			}
			#sub.contact td ::placeholder {
				font-size: 11px;
				color: #999;
				font-weight: 700;
			}
			#sub.contact span.rq {
				font-size: 12px;
				border-radius: 10px;
				height: 20px;
				line-height: 20px;
				display: inline-block;
				margin-left: 10px;
				background: #353535;
				color: #fff;
				padding: 0 20px;
			}
	#sub.contact p.contact-msg01 {
	    font-size: 1.4rem;
	    margin-bottom: 60px;
	    margin-top: 20px;
	}
	#sub.contact p.acceptance {
		text-align: center;
		font-size: 14px;
		font-weight: 700;
	}
	@media (max-width: 1000px) {
		#sub.contact p.acceptance {
			font-size: 12px;
		}
	}
		#sub.contact p.acceptance a {
			text-decoration: underline;
		}
		#sub.contact p:not([class]) {
			font-size: 14px;
		}
		@media (max-width: 1000px) {
			#sub.contact p:not([class]) {
				font-size: 12px;
			}
		}
		#sub.contact div.contact-btns {
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between;
			justify-content: center;
			margin-top: 30px;
		}
		@media (max-width: 1000px) {
			#sub.contact div.contact-btns {
				margin-top: 15px;
				align-items: center;
				flex-direction: column;
			}
		}
			#sub.contact div.contact-btns input {
				margin: 10px;
			}
				#sub.contact input[type=submit] {
					width: 300px;
					text-align: center;
					font-size: 14px;
					border-radius: 250px;
					border: 1px solid #353535;
					height: 50px;
					line-height: 50px;
					display: block;
					font-weight: 700;
					background: #353535;
					color: #fff;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					-webkit-transition: all .3s;
					transition: all .3s;
					margin: 50px auto 0;
				}
				#sub.contact input[type=submit]:hover {
					background-color: #fff;
					color: #353535;
					cursor: pointer;
				}
				#sub.contact input[type=submit]::after {
					content: "\f3c5";
					font-family: "Font Awesome 5 Free";
					font-weight: 900;
					font-size: 12px;
					margin-left: auto;
					margin-right: 20px;
				}
				#sub.contact input[type=button] {
					border: 1px solid #353535;
					width: 300px;
					text-align: center;
					font-size: 14px;
					border-radius: 250px;
					height: 50px;
					line-height: 50px;
					display: block;
					font-weight: 700;
					background: #353535;
					color: #fff;
					margin: 50px auto 0;
				}
				#sub.contact input[type=button]::after {
					content: "\f3c5";
					font-family: "Font Awesome 5 Free";
					font-weight: 900;
					font-size: 12px;
					margin-left: auto;
					margin-right: 20px;
				}
				#sub.contact input[type=button]:hover {
					background-color: #fff;
					color: #353535;
					cursor: pointer;
				}
				#sub.contact .wpcf7-not-valid-tip {
					font-size: 12px;
					font-weight: 700;
				}
				#sub.contact .tab {
					width: 100%;
					list-style: none;
					display: flex;
					flex-wrap: nowrap;
					justify-content: space-between;
				}
				#sub.contact .tab li {
					width: 50%;
					text-align: center;
					padding: 0;
					font-size: 20px;
				}
				@media (max-width: 1000px) {
					#sub.contact .tab li {
						font-size: 14px;
					}
				}
					#sub.contact .tab li a {
						border-bottom: 1px solid #999;
						color: #999;
					}
					#sub.contact .tab li a.active {
						color: #353535;
						border-top: 1px solid #353535;
						border-left: 1px solid #353535;
						border-right: 1px solid #353535;
						border-bottom: 0;
					}
					#sub.contact .area {
						margin-bottom: 50px;
					}
					@media (max-width: 1000px) {
						#sub.contact .area {
							margin-bottom: 20px;
						}
					}

/* 「News詳細画面」 */
	#sub.news .sub-content {
		padding: 120px 0;
	}
	@media (max-width: 1000px) {
		#sub.news .sub-content {
			padding: 30px 15px;
		}
	}
		#sub.news .sub-content .sub-content-inner {
			background: #fff;
			margin: 0 auto;
			padding: 40px 120px;
/*
			width: 800px;
			padding: 40px 120px;
*/
			padding: 40px 100px;
			width: 1000px;
		}
		@media (max-width: 1000px) {
			#sub.news .sub-content .sub-content-inner {
				width: 100%;
			}
		}
		@media (max-width: 768px) {
			#sub.news .sub-content .sub-content-inner {
				padding: 40px;
			}
		}
		@media (max-width: 480px) {
			#sub.news .sub-content .sub-content-inner {
				padding: 20px;
			}
		}
			#sub.news .sub-content .sub-content-inner h2 {
				margin: 0 0 50px;
				font-size: 36px;
			}
			@media (max-width: 1000px) {
				#sub.news .sub-content .sub-content-inner h2 {
					font-size: 24px;
					margin-bottom: 25px;
				}
			}
			#sub.news .sub-content .sub-content-inner .post-content {
				font-size: 16px;
			}
			@media (max-width: 1000px) {
				#sub.news .sub-content .sub-content-inner .post-content {
					font-size: 13px;
				}
			}
			#sub.news .sub-content .sub-content-inner .post-content h3,
			#sub.news .sub-content .sub-content-inner .post-content h4,
			#sub.news .sub-content .sub-content-inner .post-content h5,
			#sub.news .sub-content .sub-content-inner .post-content h6 {
				clear: both;
			}
			#sub.news .sub-content .sub-content-inner .post-content h3 {
				font-size: 24px;
				border-bottom: 1px solid #353535;
				margin-bottom: 30px;
			}
			@media (max-width: 1000px) {
				#sub.news .sub-content .sub-content-inner .post-content h3 {
					font-size: 18px;
				}
			}
			#sub.news .sub-content .sub-content-inner .post-content h4 {
				font-size: 21px;
				border-left: 5px solid #333;
				color: #333;
				padding-left: 10px;
				margin-bottom: 30px;
			}
			@media (max-width: 1000px) {
				#sub.news .sub-content .sub-content-inner .post-content h4 {
					font-size: 16px;
				}
			}
			#sub.news .sub-content .sub-content-inner .post-content h5 {
				font-size: 18px;
				margin-bottom: 30px;
			}
			@media (max-width: 1000px) {
				#sub.news .sub-content .sub-content-inner .post-content h5 {
					font-size: 15px;
				}
			}
			#sub.news .sub-content .sub-content-inner .post-content h6 {
				font-size: 16px;
			}
			@media (max-width: 1000px) {
				#sub.news .sub-content .sub-content-inner .post-content h6 {
					font-size: 13px;
				}
			}
			#sub.news .sub-content .sub-content-inner .post-content p {
				margin-bottom: 30px;
			}
			@media (max-width: 1000px) {
				#sub.news .sub-content .sub-content-inner .post-content p {
					margin-bottom: 15px;
				}
			}
			#sub.news .sub-content .sub-content-inner .post-content img {
				max-width: 800px;
			}
			@media (max-width: 1000px) {
				#sub.news .sub-content .sub-content-inner .post-content img {
					width: 100%;
					height: auto;
				}
			}
			#sub.news .sub-content .sub-content-inner .post-content img.alignnone {
				margin: 0 0 30px;
			}
			@media (max-width: 1000px) {
				#sub.news .sub-content .sub-content-inner .post-content img.alignnone {
					margin: 0 0 15px;
				}
			}
			#sub.news .sub-content .sub-content-inner .post-content img.alignleft {
				float: left;
				margin: 0 30px 30px 0;
			}
			@media (max-width: 1000px) {
				#sub.news .sub-content .sub-content-inner .post-content img.alignleft {
					float: none;
					margin: 0 0 15px;
				}
			}
			#sub.news .sub-content .sub-content-inner .post-content img.alignright {
				float: right;
				margin: 0 0 30px 30px;
			}
			@media (max-width: 1000px) {
				#sub.news .sub-content .sub-content-inner .post-content img.alignright {
					float: none;
					margin: 0 0 15px;
				}
			}
			#sub.news .sub-content .sub-content-inner .post-content img.aligncenter {
				margin: 0 auto 30px;
			}
			@media (max-width: 1000px) {
				#sub.news .sub-content .sub-content-inner .post-content img.aligncenter {
					margin: 0 0 15px;
				}
			}
			#sub.news .sub-content .sub-content-inner .post-content ul, #sub.news .sub-content .sub-content-inner .post-content ol {
				padding-left: 30px;
				margin-bottom: 30px;
			}
			#sub.news .sub-content .sub-content-inner .post-content a {
				color: #73AAC3;
			}
			#sub.news .sub-content .sub-content-inner .post-content .iframe-outer {
				display: block;
				text-align: center;
			}
			#sub.news .sub-content .sub-content-inner .post-content .iframe-wrapper {
				display: block;
			}
	        @media (max-width: 480px) {
				#sub.news .sub-content .sub-content-inner .post-content .iframe-wrapper {
					position: relative;
					padding-bottom: 56.25%;
					height: 0;
					overflow: hidden;
				}
			}
	        @media (max-width: 480px) {
				#sub.news .sub-content .sub-content-inner .post-content .iframe-wrapper iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%!important;
					height: 100%!important;
				}
			}
			#sub.news .sub-content .sub-content-inner table.newslist {
				width: 100%;
			}
				#sub.news .sub-content .sub-content-inner table.newslist tr:first-child th {
					border-top: 1px solid #4d4d4d;
				}
				#sub.news .sub-content .sub-content-inner table.newslist tr:first-child td {
					border-top: 1px solid #b2b2b2;
				}
				@media (max-width: 640px) {
					#sub.news .sub-content .sub-content-inner table.newslist tr:first-child td {
						border-top: none;
					}
				}
				#sub.news .sub-content .sub-content-inner table.newslist th,
				#sub.news .sub-content .sub-content-inner table.newslist td {
					padding: 35px 0;
					text-align: left;
				}
				@media (max-width: 1000px) {
					#sub.news .sub-content .sub-content-inner table.newslist th,
					#sub.news .sub-content .sub-content-inner table.newslist td {
						padding: 10px 0;
					}
				}
				@media (max-width: 640px) {
					#sub.news .sub-content .sub-content-inner table.newslist th,
					#sub.news .sub-content .sub-content-inner table.newslist td {
						display: block;
						width: 100%!important;
					}
				}
				#sub.news .sub-content .sub-content-inner table.newslist th {
					border-bottom: 1px solid #4d4d4d;
					padding-right: 30px;
					white-space: nowrap;
					width: 150px;
				}
				@media (max-width: 1000px) {
					#sub.news .sub-content .sub-content-inner table.newslist th {
						padding-right: 20px;
					}
				}
				@media (max-width: 640px) {
					#sub.news .sub-content .sub-content-inner table.newslist th {
						border-bottom: none!important;
					}
				}
				#sub.news .sub-content .sub-content-inner table.newslist td {
					border-bottom: 1px solid #b2b2b2;
				}
					#sub.news .sub-content .sub-content-inner table.newslist td a {
						display: block;
						color: #353535;
					}
					#sub.news .sub-content .sub-content-inner table.newslist td a:hover {
						text-decoration: underline;
					}

/* 採用News一覧画面 */
	#sub.recruit-news .sub-content {
		padding: 0;
	}
		#sub.recruit-news .sub-content .sub-content-inner {
			width: 1200px!important;
		}
			#sub.recruit-news .sub-content .sub-content-inner table.newslist tr th {
				font-family: "YuMincho", "Times New Roman", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
				font-size: 2.2rem;
				line-height: 1.0em;
			}
			#sub.recruit-news .sub-content .sub-content-inner table.newslist tr td {
				font-family: "YuMincho", "Times New Roman", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
				font-size: 1.8rem;
				line-height: 1.0em;
			}

div.send-complete-msg {
	font-size: 24px;
	margin: 30px auto;
	text-align: center;
}
@media (max-width: 480px) {
	div.send-complete-msg {
		font-size: 18px;
	}
}

/*========= MP4動画用「スタート」「ストップ」ボタン ===============*/
/*「ブランドページ」「Productsページ」で使用 */
/*
.movie-btn-outer {
	bottom: 2vw;
	left: 2vw;
	position: absolute;
}
	.movie-btn-stop,
	.movie-btn-start {
		display: inline-block;
	}
		.movie-btn-stop i,
		.movie-btn-start i {
			color: #f00;
			font-size: 4.0vw;
		}
*/
/*========= 流れるテキスト ===============*/
/*全共通*/
.slide-in {
	overflow: hidden;
	display: inline-block;
}
.slide-in_inner {
	display: inline-block;
}

/*左右のアニメーション*/
.leftAnime {
	opacity: 0;
	/*事前に透過0にして消しておく*/
}

.slideAnimeLeftRight {
	animation-name: slideTextX100;
	animation-duration: 0.8s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

.slideAnimeLeftRight02 {
	animation-name: slideTextX100;
	animation-duration: 1.2s;
	animation-delay: 1.0s;
	animation-fill-mode: forwards;
	opacity: 0;
}
.slideAnimeLeftRight03 {
	animation-name: slideTextX100;
	animation-duration: 1.2s;
	animation-delay: 2.0s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes slideTextX100 {
	from {
		transform: translateX(-100%);
		/*要素を左の枠外に移動*/
		opacity: 0;
	}
	to {
		transform: translateX(0);
		/*要素を元の位置に移動*/
		opacity: 1;
	}
}
.slideAnimeRightLeft {
	animation-name: slideTextX-100;
	animation-duration: 0.8s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes slideTextX-100 {
	from {
		transform: translateX(100%);
		/*要素を右の枠外に移動*/
		opacity: 0;
	}
	to {
		transform: translateX(0);
		/*要素を元の位置に移動*/
		opacity: 1;
	}
}
/*全共通*/
.bgextend {
	animation-name: bgextendAnimeBase;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	position: relative;
	overflow: hidden;
	/*　はみ出た色要素を隠す　*/
	opacity: 0;
}

@keyframes bgextendAnimeBase {
	from {
		opacity: 0; }
	to {
		opacity: 1;
	}
}
/*中の要素*/
.bgappear {
	animation-name: bgextendAnimeSecond;
	animation-duration: 1s;
	animation-delay: 0.6s;
	animation-fill-mode: forwards;
	opacity: 0;
}

.bgappear02 {
	animation-name: bgextendAnimeSecond;
	animation-duration: 5s;
	animation-delay: 2.0s;
	animation-fill-mode: forwards;
	opacity: 0;
}

.bgappear03 {
	animation-name: bgextendAnimeSecond;
	animation-duration: 1s;
	animation-delay: 5.0s;
	animation-fill-mode: forwards;
	opacity: 0;
}
.bgappear03 {
	animation-name: bgextendAnimeSecond;
	animation-duration: 1s;
	animation-delay: 5.0s;
	animation-fill-mode: forwards;
	opacity: 0;
}

.bgappear04 {
	animation-name: bgextendAnimeSecond;
	animation-duration: 1s;
	animation-delay: 1.0s;
	animation-fill-mode: forwards;
	opacity: 0;
}
.bgappear05 {
	animation-name: bgextendAnimeSecond;
	animation-duration: 1s;
	animation-delay: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
.bgappear06 {
	animation-name: bgextendAnimeSecond;
	animation-duration: 1s;
	animation-delay: 2.0s;
	animation-fill-mode: forwards;
	opacity: 0;
}
.bgappear07 {
	animation-name: bgextendAnimeSecond;
	animation-duration: 1s;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes bgextendAnimeSecond {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/*左から右*/
.bgLRextend::before {
	animation-name: bgLRextendAnime;
	animation-duration: 1s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #353535;
	/*伸びる背景色の設定*/
}

@keyframes bgLRextendAnime {
	0% {
		transform-origin: left;
		transform: scaleX(0);
	}
	50% {
		transform-origin: left;
		transform: scaleX(1);
	}
	50.001% {
		transform-origin: right;
	}
	100% {
		transform-origin: right;
		transform: scaleX(0);
	}
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.bgappearTrigger,
.bgLRextendTrigger {
	opacity: 0;
}

/*tabの形状*/
.tab {
	display: flex;
	flex-wrap: wrap;
}

.tab li a {
	display: block;
	margin: 0 2px;
	padding: 10px 20px;
}

/*liにactiveクラスがついた時の形状*/
.tab li.active a {
	background: #fff;
}

.sec-title-common {
	font-size: 5.0rem;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 1.5em;
	text-align: center;
}
@media (max-width: 480px) {
	.sec-title-common {
		font-size: 4.0rem;
	}
}