@charset 'utf-8';



/*---------------------------------------------------------------------------
-----------------------------------------------------------------------------



	BWCorp.css | BWコーポレートスタイル 



-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//
//
//  Content Head
//  
//  
///////////////////////////////////////////////////////////////////////////*/


#content-head {
	width: 350px;
	position: fixed;
	top: 126px;
	top: 136px;
	z-index: 1;
	padding: 0 60px 0 100px;
}
	#top #content-head {
		width: 100%;
		max-width: 100%;
		top: 0;
		padding: 0 100px;
		position: relative;
		margin: 0 auto;
		margin-top: 126px;
		margin-top: 94px;
		/*margin-top: 300px;*/
	}
	@media screen and (max-width: 920px) {
		#content-head {
			width: 290px;
			padding: 0 40px 0 60px;
		}
		#top #content-head {
			width: 100%;
			padding: 0 60px;
		}
	}
	@media screen and (max-width: 740px) {
		#content-head {
			width: 100%;
			position: relative;
			top: 0;
			padding: 0 40px;
			padding-top: 140px;
		}
		#top #content-head {
			padding: 0;
			margin-top: 74px;
		}
	}
	#top #showcase {
		width: 100%;
		height: calc((100vw - 200px) * 0.437);
		max-height: 472px;
	}
		@media screen and (max-width: 920px) {
			#top #showcase {
				height: calc((100vw - 120px) * 0.437);
			}
		}
		@media screen and (max-width: 740px) {
			#top #showcase {
				height: 120vw;
				max-height: 120vw;
			}
		}
		#top #showcase #slide {
			width: 100%;
			height: calc((100vw - 200px) * 0.3648);
			max-height: 394px;
			position: relative;
			overflow: hidden;
		}
			@media screen and (max-width: 920px) {
				#top #showcase #slide {
					height: calc((100vw - 120px) * 0.3648);
				}
			}
			@media screen and (max-width: 740px) {
				#top #showcase #slide {
					height: 100vw;
					max-height: 100vw;
				}
			}
		#top #showcase section {
			width: 100%;
			height: 100%;
			position: absolute;
			display: none;
		}
		#top #showcase section:first-child {
			display: block;
		}
		#top #showcase section a {
			display: block;
			width: 100%;
			height: 100%;
		}
		#top #showcase h2 {
			width: 100%;
			height: 100%;
			padding: 60px;
			font-size: 2rem;
			font-weight: 400;
			line-height: 1.6;
				display: -webkit-box;
				display: -ms-flexbox;
			display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
			justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
			align-items: center;
			background: #f8f8f8;
		}
			@media screen and (max-width: 740px) {
				#top #showcase h2 {
					font-size: 1.6rem;
					text-align: center;
					padding: 40px;
				}
			}
		#top #showcase h3 {
			width: 100%;
			height: 100%;
			padding: 60px;
			font-size: 1.6rem;
			font-weight: 400;
			line-height: 1.6;
			color: #fff;
				display: -webkit-box;
				display: -ms-flexbox;
			display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
			justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
			align-items: center;
			background: #18ad5e;
		}
			@media screen and (max-width: 740px) {
				#top #showcase h3 {
					font-size: 1.6rem;
					text-align: center;
					padding: 40px;
				}
			}
			@media screen and (min-width: 740px) {
				#top #showcase h3 br {
					display: none;
				}
			}
		#top #showcase #slide img {
			width: auto;
			height: 100%;
			margin: 0 auto;
				-webkit-object-fit: cover;
				-moz-object-fit: cover;
				-ms-object-fit: cover;
			object-fit: cover;
			position: relative;
			top: 50%;
		        -webkit-transform: translateY(-50%);
		        -ms-transform: translateY(-50%);
		        -moz-transform: translateY(-50%);
		    transform: translateY(-50%);
		}

		#top #showcase nav {
			width: 100%;
			/*height: 6px;
			max-height: 6px;*/
			height: calc((100vw - 200px) * 0.0722);
			max-height: 78px;
		}
			@media screen and (max-width: 740px) {
				#top #showcase nav {
					height: 20vw;
					max-height: 20vw;
				}
			}
			#top #showcase nav ul {
				width: 100%;
				height: 100%;
					display: -webkit-box;
					display: -ms-flexbox;
				display: flex;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
				justify-content: center;
			}
			#top #showcase nav ul li {
				width: 20%;
				height: 100%;
				background: #fff;
				text-align: center;
				position: relative;
				top: 0;
				cursor: pointer;
				overflow: hidden;
			}
				#top #showcase nav ul li:last-child {
					border: none;
				}
				#top #showcase nav ul li img {
					width: 100%;
					max-width: 100%;
					margin: 0 auto;
						-webkit-object-fit: cover;
						-moz-object-fit: cover;
						-ms-object-fit: cover;
					object-fit: cover;
					position: relative;
					-webkit-transition: 0.5s;
						-ms-transition: 0.5s;
						-moz-transition: 0.5s;
					transition: 0.5s;
				}
				#top #showcase nav ul li::after {
					display: block;
					content: "";
					width: 0%;
					height: 4px;
				}
				#top #showcase nav ul li.is-actived::after {
					display: block;
					content: "";
					width: 100%;
					height: 4px;
					position: absolute;
					bottom: 0;
					background: #848484;
					background: #4ec3ff;
				}
				#top #showcase nav ul li.is-active::after {
					display: block;
					content: "";
					width: 100%;
					height: 4px;
					position: absolute;
					bottom: 0;
					background: #4ec3ff;
					opacity: 0;
					animation: 4s SeekBar linear;
				}
				@keyframes SeekBar {
				    0% {
				        width: 0%;
				        opacity: 1;
				    }
				    95% {
				        width: 100%;
				        opacity: 1;
				    }
				    100% {
				        width: 100%;
				        opacity: 0;
				    }
				}
				#top #showcase nav ul li:hover img {
					transform-origin: center;
						-webkit-transform: scale(1.05);
						-moz-transform: scale(1.05);
						-ms-transform: scale(1.05);
					transform: scale(1.05);
				}
		#under h2 {
			width: 190px;
			font-size: 1.3rem;
			font-weight: 500;
			line-height: 1.6;
			color: #1d1d1d;
			word-break: break-word;
			overflow-wrap: break-word;
		}
			#under h2 a {
				display: block;
				width: 100%;
				font-size: 1.3rem;
				font-weight: 500;
				line-height: 1.6;
				color: #1d1d1d;
				word-break: break-word;
				overflow-wrap: break-word;
			}
			@media screen and (max-width: 740px) {
				#under h2 {
					width: 100%;
					min-height: auto;
					font-size: 1.4rem;
					font-weight: 500;
					color: #1d1d1d;
					text-align: center;
				}
				#under h2 a {
					display: inline-block;
					width: auto;
					min-height: auto;
					font-size: 1.4rem;
					font-weight: 500;
					color: #1d1d1d;
					background: transparent;
				}
			}
			#under h2 img {
				display: block;
				width: 190px;
				height: 190px;
				background: #fff;
				padding: 20px;
			}
				@media screen and (max-width: 740px) {
					#under h2 img {
						width: calc(100vw - 80px);
						height: calc(100vw - 80px);
						padding: 40px;
						margin: 0 auto;
						margin-top: -30px;
						margin-bottom: -30px;
					}
				}
		#top dl.side-menu {
			display: none;
		}
			@media screen and (max-width: 740px) {
				#top dl.side-menu {
					width: 100%;
					position: fixed;
					bottom: 0;
					left: 0;
					z-index: 999;
					margin: 0;
						display: -webkit-box;
						display: -ms-flexbox;
					display: flex;
						-ms-flex-wrap: wrap;
					flex-wrap: wrap;
						-webkit-box-pack: justify;
						-ms-flex-pack: justify;
					justify-content: space-between;
						-webkit-transition: 0.5s;
						-ms-transition: 0.5s;
						-moz-transition: 0.5s;
					transition: 0.5s;
					opacity: 0;
				}
				#top dl.side-menu.is-active {
					bottom: 50px;
				}
				#top dl.side-menu dd > dl {
					display: none;
				}
				#top dl.side-menu dd {
					line-height: 1;
				}
				#top dl.side-menu a {
					width: 100%;
					height: 50px;
					font-size: 2.4vw;
					line-height: 1.3;
					text-align: center;
					color: #fff; 
					background: #18ad5e;
					padding: 10px 3px;
						display: -webkit-box;
						display: -ms-flexbox;
					display: flex;
						-webkit-box-pack: center;
						-ms-flex-pack: center;
					justify-content: center;
						-webkit-box-align: center;
						-ms-flex-align: center;
					align-items: center;
				}
			}
		#under dl.side-menu {
			margin-top: 30px;
			position: relative;
		}
			@media screen and (max-width: 740px) {
				#under dl.side-menu {
					/*display: none;*/
					width: 100%;
					position: fixed;
					bottom: 0;
					left: 0;
					z-index: 999;
					margin: 0;
						display: -webkit-box;
						display: -ms-flexbox;
					display: flex;
						-ms-flex-wrap: wrap;
					flex-wrap: wrap;
						-webkit-box-pack: justify;
						-ms-flex-pack: justify;
					justify-content: space-between;
						-webkit-transition: 0.5s;
						-ms-transition: 0.5s;
						-moz-transition: 0.5s;
					transition: 0.5s;
					opacity: 0;
				}
				#under dl.side-menu.is-active {
					bottom: 50px;
				}
			}
			#under dl.side-menu dd > dl {
				display: none;
			}
			#under dl.side-menu dd {
				line-height: 1;
			}
			@media screen and (min-width: 740px) and (max-width: 920px) {
				#under dl.side-menu a br.sp {
					display: none;
				}
			}
			#under dl.side-menu a {
				display: inline-block;
				width: 100%;
				margin-top: 1px;
				font-size: .74rem;
				font-weight: 500;
				line-height: 1;
				position: relative;
				padding: 15px;
				color: #fff; 
				background: #18ad5e;
			}
				@media screen and (max-width: 740px) {
					#under dl.side-menu a {
						width: 100%;
						height: 50px;
						font-size: 1.8vw;
						line-height: 1.3;
						text-align: center;
						padding: 10px 3px;
							display: -webkit-box;
							display: -ms-flexbox;
						display: flex;
							-webkit-box-pack: center;
							-ms-flex-pack: center;
						justify-content: center;
							-webkit-box-align: center;
							-ms-flex-align: center;
						align-items: center;
					}
				}
				@media screen and (max-width: 480px) {
					#under dl.side-menu a {
						width: 100%;
						height: 50px;
						font-size: 2.4vw;
						line-height: 1.3;
						text-align: center;
						padding: 10px 3px;
							display: -webkit-box;
							display: -ms-flexbox;
						display: flex;
							-webkit-box-pack: center;
							-ms-flex-pack: center;
						justify-content: center;
							-webkit-box-align: center;
							-ms-flex-align: center;
						align-items: center;
					}
				}
			@media screen and (min-width: 740px) {
				#under dl.side-menu a::after {
					display: inline-block;
					content: "";
					width: 4px;
					height: 4px;
					border-radius: 2px;
					background: transparent;
					position: absolute;
					right: 0;
					top: calc(50% - 2px);
						-webkit-transition: 0.5s;
						-ms-transition: 0.5s;
						-moz-transition: 0.5s;
					transition: 0.5s;
					opacity: 0;
				}
				#under dl.side-menu .is-current a::after {
					display: inline-block;
					content: "";
					width: 4px;
					height: 4px;
					border-radius: 2px;
					background: #fff;
					position: absolute;
					right: 15px;
					top: calc(50% - 2px);
					opacity: 1;
				}
				#under dl.side-menu a:hover::after {
					display: inline-block;
					content: "";
					width: 4px;
					height: 4px;
					border-radius: 2px;
					background: #fff;
					position: absolute;
					right: 15px;
					top: calc(50% - 2px);
					opacity: 1;
				}
			}
			@media screen and (max-width: 740px) {
				#under dl.side-menu a::after {
					display: inline-block;
					content: "";
					width: 4px;
					height: 4px;
					border-radius: 2px;
					background: transparent;
					position: absolute;
					bottom: 15px;
					left: calc(50% - 2px);
						-webkit-transition: 0.5s;
						-ms-transition: 0.5s;
						-moz-transition: 0.5s;
					transition: 0.5s;
					opacity: 0;
				}
				#under dl.side-menu .is-current a::after {
					display: inline-block;
					content: "";
					width: 4px;
					height: 4px;
					border-radius: 2px;
					background: #fff;
					position: absolute;
					bottom: 3px;
					left: calc(50% - 2px);
					opacity: 1;
				}
				#under dl.side-menu a:hover::after {
					display: inline-block;
					content: "";
					width: 4px;
					height: 4px;
					border-radius: 2px;
					background: #fff;
					position: absolute;
					bottom: 3px;
					left: calc(50% - 2px);
					opacity: 1;
				}
			}
		#scroll_nav {
			width: 100%;
			height: 50px;
			background: #18ad5e;
			position: fixed;
			bottom: -50px;
			left: 0;
				-webkit-transition: .5s;
				-ms-transition: .5s;
				-moz-transition: .5s;
			transition: .5s;
				display: -webkit-box;
				display: -ms-flexbox;
			display: flex;
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
			justify-content: space-between;
		}
			#scroll_nav.is-active {
				bottom: 0;
			}
			#scroll_nav #page_top {
				width: 40px;
				height: 40px;
				position: relative;
				left: 15px;
				top: 5px;
			}
				#scroll_nav #page_top span {
					display: block;
					width: 100%;
					height: 100%;
					font-size: 0;
					cursor: pointer;
					background: url(/resource/img/common/btn_pagetop_arrow.svg) center no-repeat;
					background-size: 20px 14px;
				}
			#scroll_nav #site_top {
				position: relative;
				top: 10px;
			}
			#scroll_nav #site_top a {
				display: block;
				width: 100px;
				height: 20px;
				font-size: 0;
				background: url(/resource/img/common/bw_logo_wh.svg) top center no-repeat;
			}
			#scroll_nav #menubtn {
				position: relative;
				top: 9px;
				cursor: pointer;
			}
				#scroll_nav #menubtn span,
				#scroll_nav #menubtn span::before,
				#scroll_nav #menubtn span::after {
					background: #fff;
				}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//
//
//  Content Body
//  
//  
///////////////////////////////////////////////////////////////////////////*/


#content-body {
	width: 100%;
	position: relative;
	z-index: 0;
	margin-top: 171px;
	margin-top: 128px;
	margin-top: 192px;
}
	@media screen and (max-width: 740px) {
		#content-body {
			margin-top: 60px;
		}
	}

/* Top Page --> */
#top #content-body > ul {
	display: none;
}
@media screen and (min-width: 740px) {
	#top #content-body {
		width: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-ms-flex-wrap: wrap;
		flex-wrap: wrap;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
		justify-content: space-between;
	}
}
#top article {
	width: 100%;
	margin-bottom: 60px;
}
	@media screen and (max-width: 740px) {
		#top article {
			display: block;
			width: 100%;
			margin-bottom: 40px;
			padding: 0 40px;
		}
	}
#top #content-body {
	margin-top: 60px;
	padding: 0 100px;
}
	@media screen and (max-width: 920px) {
		#top #content-body {
			padding: 0 60px;
		}
	}
	@media screen and (max-width: 740px) {
		#top #content-body {
			margin-top: 40px;
			padding: 0;
		}
	}
	#top .section-wrap-inner {
		width: 100%;
		padding: 0;
		margin: 0;
	}
#top #latest-news {
	width: calc(100% - 440px);
	margin-top: -10px;
}
	@media screen and (max-width: 920px) {
		#top #latest-news {
			width: calc(100% - 360px);
		}
	}
	@media screen and (max-width: 740px) {
		#top #latest-news {
			width: 100%;
			margin-bottom: 45px;
		}
	}
	#top #latest-news section {
		width: 100%;
		padding: 30px 0 38px;
		border-bottom: 1px solid #bbb;
	}
		@media screen and (max-width: 740px) {
			#top #latest-news section {
				padding: 20px 0 28px;
			}
		}
		#top #latest-news section:first-child {
			padding-top: 0;
		}
		#top #latest-news section:last-child {
			border-bottom: none;
		}
	#top #latest-news section .news-item .date-news {
		font-size: .8rem;
	}
	#top #latest-news section .news-item .cate-news {
		display: inline-block;
		margin-left: 5px;
		position: relative;
		top: -1px;
	}
		#top #latest-news section .news-item .cate-news a {
			display: block;
			font-size: .5rem;
			font-weight: 400;
			line-height: 1;
			letter-spacing: normal;
			padding: 8px 10px;
			border-radius: 24px;
			border: 1px solid #1d1d1d;
			transform-origin: center left;
				-webkit-transform: scale(.6);
				-moz-transform: scale(.6);
				-ms-transform: scale(.6);
			transform: scale(.6);
		}
			#top #latest-news section .news-item .cate-news a:hover {
				border: 1px solid #18ad5e;
				color: #18ad5e;
			}
	#top #latest-news section .news-item .title-news {
		margin-top: 5px;
	}
		#top #latest-news section .news-item .title-news a {
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.8;
				display: -webkit-box;
				display: -ms-flexbox;
			display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
			align-items: center;
				-webkit-box-pack: start;
				-ms-flex-pack: start;
			justify-content: flex-start;
		}
			@media screen and (max-width: 740px) {
				#top #latest-news section .news-item .title-news a {
					font-size: .9rem;
				}
			}
			#top #latest-news section .news-item .title-news a:hover {
				color: #18ad5e;
			}
			#top #latest-news section .news-item .title-news a .thumb-news {
				width: 120px;
				height: 74px;
				border: 1px solid #bbb;
				margin-right: 20px;
				overflow: hidden;
				background: #fff;
			}
				#top #latest-news section .news-item .title-news a .thumb-news img {
					width: 100%;
						-webkit-object-fit: cover;
						-moz-object-fit: cover;
						-ms-object-fit: cover;
					object-fit: cover;
					background: #ddd;
						-webkit-transition: .5s;
						-ms-transition: .5s;
						-moz-transition: .5s;
					transition: .5s;
					position: relative;
					top: 50%;
				        -webkit-transform: translateY(-50%);
				        -ms-transform: translateY(-50%);
				        -moz-transform: translateY(-50%);
				    transform: translateY(-50%);
				    
				}
					#top #latest-news section .news-item .title-news a:hover .thumb-news img {
						transform-origin: center;
						position: relative;
						top: 50%;
					        -webkit-transform: translateY(-50%) scale(1.05);
					        -ms-transform: translateY(-50%) scale(1.05);
					        -moz-transform: translateY(-50%) scale(1.05);
					    transform: translateY(-50%) scale(1.05);
					}
					#top #latest-news section .news-item .title-news a .thumb-news + p {
						width: calc(100% - 140px);
						text-align: left!important;
					}
					#top #latest-news section .news-item .title-news a .thumb-news + p + div {
						width: calc(100% - 140px);
						text-align: left!important;
					}
					#top #latest-news section .news-item .title-news div {
						width: 100%;
						text-align: left!important;
					}
#top div.section-link {
	width: 100%;
	margin-top: 10px;
}
#top #site-nav {
	width: 360px;
	border-left: 1px solid #bbb;
	padding-left: 80px;
}
	@media screen and (max-width: 920px) {
		#top #site-nav {
			width: 320px;
			padding-left: 40px;
		}
	}
	@media screen and (max-width: 740px) {
		#top #site-nav {
			width: 100%;
			border-left: none;
			padding-left: 40px;
			padding-top: 40px;
			background: #fff;
		}
	}
	#top #site-nav ul {
	}
		#top #site-nav ul > li {
			width: 100%;
			margin-bottom: 40px;
		}
			#top #site-nav ul > li:last-child {
				margin-bottom: 0;
			}
			#top #site-nav ul > li > a {
				display: block;
				width: 100%;
				font-size: .94rem;
				font-weight: 400;
				line-height: 1;
				margin-bottom: 5px;
			}
				@media screen and (max-width: 740px) {
					#top #site-nav ul > li > a {
						font-weight: 500;
					}
				}
				#top #site-nav ul > li > a:hover {
					color: #18ad5e;
				}
			#top #site-nav ul > li > dl {
				width: 100%;
				position: relative;
				line-height: 1;
			}
				#top #site-nav ul > li > a::after {
					display: block;
					content: "";
					font-size: 0;
					width: 100%;
					height: 140px;
					background: #fff;
					margin-top: 15px;
				}
					@media screen and (max-width: 740px) {
						#top #site-nav ul > li > a::after {
							height: 240px;
						}
					}
					@media screen and (max-width: 480px) {
						#top #site-nav ul > li > a::after {
							height: 180px;
						}
					}
					#top #site-nav ul > li.company > a::after {
						background: url(/resource/img/bg_sitemenu_company.png) center no-repeat;
						background-size: 100% auto;
					}
					#top #site-nav ul > li.work > a::after {
						background: url(/resource/img/bg_sitemenu_work.png) center no-repeat;
						background-size: 100% auto;
					}
					#top #site-nav ul > li.news > a::after {
						background: url(/resource/img/bg_sitemenu_news.png) center no-repeat;
						background-size: 100% auto;
					}
					#top #site-nav ul > li.recruit > a::after {
						background: url(/resource/img/bg_sitemenu_recruit.png) center no-repeat;
						background-size: 100% auto;
					}
					#top #site-nav ul > li > a:hover::after {
						background-size: 105% auto;
					}
				#top #site-nav ul > li > dl > dd {
					display: inline-block;
					border-right: 1px solid #1d1d1d;
					padding-right: 10px;
					margin-right: 5px;
					line-height: 1;
					vertical-align: top;
					margin-top: 5px;
				}
					@media screen and (max-width: 740px) {
						#top #site-nav ul > li > dl > dd {
							padding-right: 8px;
							margin-right: 3px;
						}
					}
					#top #site-nav ul > li > dl > dd:last-child {
						border-right: none;
					}
				#top #site-nav ul > li > dl > dd a {
					font-size: .7rem;
					font-weight: 400;
					line-height: 1;
				}
					@media screen and (max-width: 740px) {
						#top #site-nav ul > li > dl > dd a {
							position: relative;
							top: -1px;
						}
					}
				#top #site-nav ul > li > dl > dd a > br.sp {
					display: none;
				}
				#top #site-nav ul > li > dl > dd a:hover {
					color: #18ad5e;
				}
					#top #site-nav ul > li > dl > dd > dl {
						display: none;
					}
.more {
	width: 100%;
	text-align: center;
	line-height: 1.8;
}
	.more a {
		display: block;
		width: 100%;
		padding: 15px;
		border: 1px solid #1d1d1d;
			-webkit-transition: .5s;
			-ms-transition: .5s;
			-moz-transition: .5s;
		transition: .5s;
	}
		.more a:hover {
			background: #fff;
		}
		#top .more {
			width: 100%;
			line-height: 1;
		}
		#top .more a {
			display: block;
			padding: 15px;
			font-size: .6rem;
		}
/* <-- Top Page */


/* Under page --> */
#under article {
	width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
	display: flex;
	padding-bottom: 80px;
}
	@media screen and (max-width: 740px) {
		#under article {
			display: block;
			width: 100%!important;
			padding-bottom: 60px;
		}
	}
	@media screen and (min-width: 740px) {
		#under article::before {
			display: inline-block;
			content: "";
			width: 350px;
		}
	}
	@media screen and (min-width: 740px) and (max-width: 920px) {
		#under article::before {
			display: inline-block;
			content: "";
			width: 290px;
		}
	}
	#under.form article {
		padding-bottom: 40px!important;
	}
		@media screen and (max-width: 740px) {
			#under.form article {
				padding-bottom: 20px!important;
			}
		}
	#under article .box-inner {
		width: calc(100% - 350px);
		position: relative;
	}
		@media screen and (max-width: 920px) {
			#under article .box-inner {
				width: calc(100% - 290px);
			}
		}
		@media screen and (max-width: 740px) {
			#under article .box-inner {
				width: 100%;
				min-width: 100%;
			}
		}
#under .section-wrap {
	width: 100%;
}
	@media screen and (max-width: 740px) {
		#under .section-wrap {
			width: 100%;
		}
		#under #work-about .section-wrap {
			width: 100%;
		}
	}
	#under .section-wrap-inner {
		width: 100%;
		padding: 0 100px 0 40px;
		margin: 0 auto;
	}
		@media screen and (max-width: 920px) {
			#under .section-wrap-inner {
				padding: 0 60px 0 20px;
			}
		}
		@media screen and (max-width: 740px) {
			#under .section-wrap-inner {
				width: 100%;
				padding: 0 40px;
			}
		}
#under section {
	font-size: 1rem;
	font-weight: 400;
}
	@media screen and (max-width: 740px) {
		#under section {
			font-size: 1rem;
		}
	}
	#under h3.crumb + .section-wrap section {
		margin-top: 50px;
	}
		@media screen and (max-width: 740px) {
			#under h3.crumb + .section-wrap section {
				margin-top: 40px;
			}
		}
	#detail section {
		font-size: 1rem;
		font-weight: 400;
	}
	#document section {
		font-size: 1rem;
		font-weight: 400;
	}
#detail h2 {
	display: block;
	text-align: left;
	margin-top: 220px;
}
	@media screen and (max-width: 740px) {
		#detail h2 {
			margin-top: 170px;
		}
	}
	#detail .taxo h2 {
		display: none;
	}
#under h4 {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.8;
	margin-bottom: 40px;
	text-align: left;
}
	@media screen and (max-width: 740px) {
		#under h4 {
			font-size: 1.2rem;
			line-height: 2;
			margin-bottom: 40px;
		}
	}
#under h5 {
	font-size: .94rem;
	font-weight: 500;
	line-height: 1.8;
}
	@media screen and (max-width: 740px) {
		#under h5 {
			font-size: .94rem;
		}
	}
	#under h5.leader {
		font-size: 1rem;
		font-weight: 400;
		line-height: 2;
	}
		@media screen and (max-width: 740px) {
			#under h5.leader {
				font-size: .94rem;
				font-weight: 400;
			}
		}
	#under .more a {
		font-size: .8rem;
	}
	@media screen and (max-width: 740px) {
		#under .more a {
			font-size: .74rem;
		}
	}
h2.crumb a {
	display: inline-block;
	font-size: 1.3rem;
	padding-left: 60px;
	padding-bottom: 10px;
	border-bottom: 1px solid #1d1d1d;
}
	@media screen and (max-width: 740px) {
		h2.crumb a {
			padding-left: 40px;
		}
	}
h3.crumb {
	width: calc(100% - 140px);
	display: block;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.6;
	margin-left: 40px;
	padding-top: 60px;
	margin-bottom: 60px;
	border-top: 1px solid #1d1d1d;
}
	@media screen and (max-width: 920px) {
		h3.crumb {
			width: calc(100% - 100px);
			margin-left: 20px;
		}
	}
	@media screen and (max-width: 740px) {
		h3.crumb {
			display: block;
			width: 100%;
			text-align: center;
			font-size: 1.3rem;
			line-height: 1.6;
			margin: 0;
			margin-bottom: 50px;
			padding: 0 40px;
			padding-top: 60px;
			border-top: 1px solid #1d1d1d;
		}
	}
h3.crumb a {
	display: block;
	width: 100%;
	height: 100%;
}
h3.crumb a:hover {
	padding-left: 150px;
}
	@media screen and (max-width: 740px) {
		h3.crumb a:hover {
			padding-left: 0;
		}
	}
h5.crumb {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 1.3rem;
	font-weight: 400;
	padding-bottom: 15px;
	border-bottom: 1px solid #1d1d1d;
}
	@media screen and (max-width: 740px) {
		h5.crumb {
			font-size: 1.3rem;
		}
	}
.attent {
	display: block;
	font-size: .8rem;
	font-weight: 400;
	position: relative;
	padding-left: 1.3em;
	margin-top: 10px;
}
	.attent::before {
		display: inline-block;
		content: "※";
		position: absolute;
		left: 0;
	}
.supple {
	display: block;
	font-size: .6rem;
	font-weight: 400;
	position: relative;
	margin-top: 10px;
}
#under.company {
	width: 100%;
}
	#company-vision p.caption {
		font-size: 1rem;
		text-align: left;
	}
		@media screen and (max-width: 740px) {
			#company-vision p.caption {
				font-size: .94rem;
			}
		}
	#company-value h5 {
		font-size: .94rem;
		font-weight: 400;
		line-height: 2;
		margin-bottom: 0;
	}
		@media screen and (max-width: 740px) {
			#company-value h5 {
				font-size: .94rem;
			}
		}
	#company-value #value-list {
		width: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-ms-flex-wrap: wrap;
		flex-wrap: wrap;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
		justify-content: space-between;
	}
		@media screen and (max-width: 740px) {
			#company-value #value-list {
				display: block;
			}
		}
		#company-value #value-list li {
			margin-top: 20px;
			width: calc(50% - 10px);
				display: -webkit-box;
				display: -ms-flexbox;
			display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
			justify-content: center;
				-ms-flex-wrap: wrap;
			flex-wrap: wrap;
				-ms-flex-line-pack: center;
			align-content: center;
			padding: 40px;
			/*color: #fff;*/
		}
			@media screen and (max-width: 920px) {
				#company-value #value-list li {
					padding: 20px;
				}
			}
			@media screen and (max-width: 740px) {
				#company-value #value-list li {
					width: 100%;
					padding: 24px;
					margin-top: 10px;
				}
			}
			#company-value #value-list li:nth-child(1) {
				border: 1px solid #7e64bb;
				color: #7e64bb;
			}
			#company-value #value-list li:nth-child(2) {
				border: 1px solid #e55d76;
				color: #e55d76;
			}
			#company-value #value-list li:nth-child(3) {
				border: 1px solid #f2801c;
				color: #f2801c;
			}
			#company-value #value-list li:nth-child(4) {
				border: 1px solid #429ede;
				color: #429ede;
			}
		#company-value #value-list li p {
			width: 100%;
			font-size: 1.6rem;
			font-weight: 500;
			line-height: 1;
			letter-spacing: 0.02em;
			margin: 0!important;
			text-align: center;
			word-break: break-word;
			overflow-wrap: break-word;
		}
			@media screen and (max-width: 920px) {
				#company-value #value-list li p {
					font-size: 1.4rem;
				}
			}
			@media screen and (max-width: 740px) {
				#company-value #value-list li p {
					font-size: 1.3rem;
				}
			}
		#company-value #value-list li span {
			display: block;
			width: 100%;
			font-size: .8rem;
			font-weight: 400;
			line-height: 1.8;
			text-align: center;
			margin-top: 15px;
		}
			@media screen and (max-width: 920px) {
				#company-value #value-list li span {
					font-size: .7rem;
					margin-top: 15px;
				}
			}
			@media screen and (max-width: 740px) {
				#company-value #value-list li span {
					font-size: .6rem;
					margin-top: 10px;
				}
			}
		#company-value p {
			font-size: .9rem;
			margin-top: 40px;
		}
			@media screen and (max-width: 740px) {
				#company-value p {
					font-size: .9rem;
				}
			}
	#company-about h5 {
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 1.8;
		margin-bottom: 30px;
	}
		@media screen and (max-width: 740px) {
			#company-about h5 {
				font-size: 1rem;
			}
		}
	#company-about .bnr-company {
		width: 100%;
		max-width: 200px;
	}
		@media screen and (max-width: 740px) {
			#company-about .bnr-company {
				width: 100%;
				margin: 0 auto;
			}
		}
	#company-about dl {
		width: 100%;
	}
		@media screen and (min-width: 1024px) {
			#company-about dl {
				column-count: 2;
			}
		}
	#company-about dl dt {
		display: inline-block;
		width: 100px;
		vertical-align: top;
		font-weight: 500;
		line-height: 2.3;
		margin-top: 10px;
		font-size: .8rem;
		padding-right: 20px;
	}
		@media screen and (max-width: 740px) {
			#company-about dl dt {
				width: 100px;
			}
		}
	#company-about dl dd {
		display: inline-block;
		width: calc(100% - 110px);
		vertical-align: top;
		margin-top: 10px;
		font-weight: 400;
		font-size: .8rem;
	}
		@media screen and (max-width: 740px) {
			#company-about dl dd {
				width: calc(100% - 110px);
			}
		}
	#company-about dl dt.bnr_cell {
		width: 100%;
	}
	#company-about dl dd.bnr_cell {
		width: 100%;
	}
	#company-access h5 {
		margin-top: 50px;
	}
		@media screen and (max-width: 740px) {
			#company-access h5 {
				margin-top: 30px;
			}
				#company-access h5:nth-of-type(1) {
					margin-top: 0;
				}
		}
		#company-access p {
			font-size: .9rem;
			margin-top: 5px;
			line-height: 1.8;
		}
		#company-access iframe {
			width: 100%;
			height: 300px;
			/*border-radius: 6px;*/
			margin-top: 20px;
		}
			@media screen and (max-width: 740px) {
				#company-access iframe {
					height: 180px;
				}
			}
	#company-contact ul {
		width: 100%;
	}
		#company-contact li {
			width: 100%;
			font-size: 1rem;
			margin-top: 15px;
		}
			@media screen and (max-width: 740px) {
				#company-contact li {
					font-size: 1rem;
					line-height: 1.6;
					margin-top: 15px;
				}
			}
		#company-contact li h5 {
			font-size: 1rem;
			font-weight: 500;
			margin-top: 0;
			cursor: pointer;
				-webkit-transition: .5s;
				-ms-transition: .5s;
				-moz-transition: .5s;
			transition: .5s;
		}
			@media screen and (max-width: 740px) {
				#company-contact li h5 {
					font-size: .9rem;
				}
			}
		#company-contact li:first-child {
			margin-top: 0;
		}
		#company-contact li ul {
			width: 100%;
			display: none;
			margin: 20px 0 30px;
			border-top: 1px solid #bbb;
		}
		#company-contact li ul li {
			width: 100%;
			margin-top: 0;
			border-bottom: 1px solid #bbb;
		}
			@media screen and (max-width: 740px) {
				#company-contact li ul li {
					display: block;
					width: 100%;
				}
			}
		#company-contact li dl {
			width: 100%;
		}
		#company-contact li dl dt {
			font-size: .9rem;
			font-weight: 400;
			line-height: 1.6;
			padding: 20px;
			padding-right: 70px;
			cursor: pointer;
				-webkit-transition: .5s;
				-ms-transition: .5s;
				-moz-transition: .5s;
			transition: .5s;
			position: relative;
		}
			#company-contact li dl.is-active dt {
				font-weight: 500;
			}
			#company-contact li dl dt::after {
				display: block;
				content: "";
				width: 6px;
				height: 10px;
				background: url(/resource/img/common/btn_blk_arrow.svg) center no-repeat;
				position: absolute;
				right: 20px;
				top: calc(50% - 5px);
					-webkit-transform: rotate(90deg);
					-ms-transform: rotate(90deg);
					-moz-transform: rotate(90deg);
				transform: rotate(90deg);
					-webkit-transition: .5s;
					-ms-transition: .5s;
					-moz-transition: .5s;
				transition: .5s;
			}
			#company-contact li dl.is-active dt::after {
				transform: rotate(-90deg);
			}
		#company-contact li dl dd {
			font-weight: 500;
			font-size: .8rem;
			line-height: 1.6;
			margin-top: 15px;
			display: none;
			padding: 0 20px;
		}
			#company-contact li dl dd:nth-of-type(1) {
				margin-top: 0;
			}
			#company-contact li dl dd:last-child {
				padding-bottom: 20px;
			}
			@media screen and (max-width: 740px) {
				#company-contact li dl dd {
					font-size: .9rem;
					margin-top: 15px;
				}
			}
			#company-contact li dl dd a,
			#company-contact li dl dd div {
				display: block;
				width: 100%;
				padding: 15px;
				border: 1px solid #1d1d1d;
				text-align: center;
			}
			#company-contact li dl dd a:hover {
				background: #fff;
			}
		#company-contact li p {
			font-size: .6rem;
			font-weight: 400;
			margin-top: 3px;
		}
		#company-contact li h5:hover, #company-contact li dl dt:hover, #company-contact a:hover {
			
		}
#under.work {
	width: 100%;
}
	#under.work p {
		font-size: .9rem;
		font-weight: 400;
		margin-top: 20px;
	}
		@media screen and (max-width: 740px) {
			#under.work p {
				font-size: .9rem;
			}
		}
		#under.work p.caption {
			font-size: 1rem;
		}
			@media screen and (max-width: 740px) {
				#under.work p.caption {
					font-size: .94rem;
				}
			}
	#under.work img {
		margin: 40px auto 20px;
		position: relative;
		left: 50%;
	        -webkit-transform: translateX(-50%);
	        -ms-transform: translateX(-50%);
	        -moz-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
		#under.work img.logo {
			width: 100%;
			margin: 0 auto;
			background: #fff;
			padding: 60px 180px;
			position: relative;
			top: 10px;
		}
			@media screen and (max-width: 920px) {
				#under.work img.logo {
					padding: 48px 60px;
				}
			}
			@media screen and (max-width: 740px) {
				#under.work img.logo {
					width: 100%;
					margin: 0 auto;
					padding: 36px 48px;
				}
			}
	#under.work section dl {
		width: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
		justify-content: center;
			-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#under.work section dl h6 {
		font-size: .9rem;
		font-weight: 400;
		margin-top: 40px;
		margin-bottom: 20px;
		text-align: center;
	}
		@media screen and (max-width: 740px) {
			#under.work section dl h6 {
				font-size: .9rem;
			}
		}
	#under.work section dl dd {
		width: calc((100vw - 350px - 140px - 80px) / 3);
		max-width: 236px;
		margin-right: 40px;
	}
		@media screen and (max-width: 920px) {
			#under.work section dl dd {
				width: calc((100vw - 290px - 80px - 40px) / 3);
				margin-right: 20px;
			}
		}
		@media screen and (max-width: 740px) {
			#under.work section dl dd {
				display: block;
				width: 100%;
				max-width: 100%;
				margin-right: 0;
			}
		}
	#under.work section dl dd:last-child {
		margin-right: 0;
	}
	#under.work section dl dd p {
		font-size: .7rem;
	}
		@media screen and (max-width: 740px) {
			#under.work section dl dd p {
				font-size: .8rem;
			}
		}
		#under.work section dl dd .attent {
			font-size: .6rem;
			line-height: 1.6;
		}
	#under.work section dl dd img {
		width: 60%;
		margin: 0 auto;
	}
	#under.work ul.common-list {
		margin-top: 20px;
	}
		#under.work ul.common-list li {
			display: block;
			position: relative;
			padding-left: 1.3em;
			font-size: .9rem;
		}
			@media screen and (max-width: 740px) {
				#under.work ul.common-list li {
					font-size: .9rem;
				}
			}
			#under.work ul.common-list li::before {
				display: inline-block;
				content: "・";
				position: absolute;
				left: 0;
			}
			
			#under.work #work-about h5.crumb {
				display: block;
				font-size: 1.1rem;
				letter-spacing: 0.02em;
				border: none;
			}
				@media screen and (max-width: 740px) {
					#under.work #work-about h5.crumb {
						font-size: 1rem;
					}
				}
				#under.work #work-about h5.crumb::after {
					display: inline-block;
					content: "：";
				}
			#under.work #work-about section {
				width: 100%;
			}
			#under div.graph {
				width: 100%;
				margin-top: 20px;
				/*padding: 60px;*/
			}
				@media screen and (max-width: 740px) {
					#under div.graph {
						padding: 0;
						margin-top: 40px;
					}
				}
			#under.work #work-about div.graph {
				width: 100%;
				margin-top: 40px;
			}
				@media screen and (max-width: 740px) {
					#under.work #work-about div.graph {
						padding: 0;
					}
				}
	#under.work #work-list {
		width: 100%;
		text-align: center;
		font-size: 0;
		letter-spacing: normal;
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
		align-items: center;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
		justify-content: space-between;
	}
		@media screen and (max-width: 980px) {
			#under.work #work-list {
					-webkit-box-pack: center;
					-ms-flex-pack: center;
				justify-content: center;
					-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			}
		}
		#under.work #work-list li {
			display: block;
			width: calc((100vw - 350px - 140px - 40px)/4);
			max-width: 180px;
			height: calc((100vw - 350px - 140px - 40px)/4);
			max-height: 180px;
			margin: 0;
			position: relative;
			transform-origin: center;
				-webkit-transition: .5s;
				-ms-transition: .5s;
				-moz-transition: .5s;
			transition: .5s;
		}
			@media screen and (max-width: 980px) {
				#under.work #work-list li {
					margin: 12px;
					width: calc((100vw - 350px - 140px - 48px)/2);
					max-width: calc((100vw - 350px - 140px - 48px)/2);
					height: calc((100vw - 350px - 140px - 48px)/2);
					max-height: calc((100vw - 350px - 140px - 48px)/2);
				}
			}
			@media screen and (max-width: 920px) {
				#under.work #work-list li {
					margin: 12px;
					width: calc((100vw - 290px - 80px - 48px)/2);
					max-width: calc((100vw - 290px - 80px - 48px)/2);
					height: calc((100vw - 290px - 80px - 48px)/2);
					max-height: calc((100vw - 290px - 80px - 48px)/2);
				}
			}
			@media screen and (max-width: 740px) {
				#under.work #work-list li {
					margin: 6px;
					width: calc((100vw - 80px - 24px)/2);
					max-width: calc((100vw - 80px - 24px)/2);
					height: calc((100vw - 80px - 24px)/2);
					max-height: calc((100vw - 80px - 24px)/2);
				}
			}
		#under.work .work-retry {
			display: block;
			font-size: 2em;
			width: 100%;
			margin: 0 auto;
			margin-top: 10px;
			padding: 40px;
			color: #32cd78;
			text-align: center;
		    background: #fff;
		}
			@media screen and (max-width: 740px) {
				#under.work .work-retry {
					font-size: 2em;
					width: 100%;
					/*height: calc(100vw - 160px);*/
					margin-top: 10px;
				}
			}
		#under.work .work-retry p {
			margin: 0;
			padding: 0;
			line-height: 1;
		    display: none;
		}
		#under.work #work-list li a {
			display: block;
			width: 100%;
			height: 100%;
			font-size: 1rem;
			font-weight: 600;
			letter-spacing: .05em;
			text-align: center;
			line-height: 1.4;
			border-radius: 50%;
				display: -webkit-box;
				display: -ms-flexbox;
			display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
			align-items: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
			justify-content: center;
			background: #fff;
		}
			@media screen and (max-width: 1280px) {
				#under.work #work-list li a {
					font-size: 1.1vw;
					line-height: 1.4;
				}
			}
			@media screen and (max-width: 1080px) {
				#under.work #work-list li a {
					font-size: 1vw;
					line-height: 1.4;
				}
			}
			@media screen and (max-width: 980px) {
				#under.work #work-list li a {
					font-size: 1.6vw;
					line-height: 1.4;
				}
			}
			@media screen and (max-width: 740px) {
				#under.work #work-list li a {
					font-size: 3.4vw;
					line-height: 1.4;
				}
			}
			#under.work #work-list li:nth-child(1) a {
				border: 1px solid #33be6a;
				color: #33be6a;
			}
			#under.work #work-list li:nth-child(2) a {
				border: 1px solid #e55d76;
				color: #e55d76;
			}
			#under.work #work-list li:nth-child(3) a {
				border: 1px solid #429ede;
				color: #429ede;
			}
			#under.work #work-list li:nth-child(4) a {
				border: 1px solid #f2801c;
				color: #f2801c;
			}
			#under.work #work-list li:nth-child(5) a {
				border: 1px solid #758e9a;
				color: #758e9a;
			}
			#under.work #work-list li {
				transform-origin: center;
			}
			#under.work #work-list li:hover {
					-webkit-transform: scale(1.05);
					-moz-transform: scale(1.05);
					-ms-transform: scale(1.05);
				transform: scale(1.05);
			}
		#under.work #work-list li a span {
			display: block;
		}
		#under.work .media {
			width: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			margin: 40px 0;
		}
			#under.work .media img {
				width: auto;
				height: 240px;
				margin: 0 20px;
				padding: 0;
				position: relative;
				left: 0;
				transform: none;
			}
				@media screen and (max-width: 920px) {
					#under.work .media img {
						height: 160px;
					}
				}
				@media screen and (max-width: 740px) {
					#under.work .media img {
						width: auto;
						height: auto;
						max-height: 300px;
						margin: 0;
						margin-bottom: 30px;
					}
					#under.work .media img:last-child {
						margin-bottom: 0;
					}
				}
			#under.work .media iframe {
				width: 940px;
				height: calc(940px * 0.5625);
				width: calc(100vw - 350px - 140px);
				height: calc((100vw - 350px - 140px)*0.5625);
			}
				@media screen and (max-width: 920px) {
					#under.work .media iframe {
						width: calc(100vw - 290px - 80px);
						height: calc((100vw - 290px - 80px)*0.5625);
					}
				}
				@media screen and (max-width: 740px) {
					#under.work .media iframe {
						width: calc(100vw - 40px);
						height: calc((100vw - 40px) * 0.5625);
					}
				}
#under.news.top {
	width: 100%;
}
	#under.news.top #content-body {
		margin-top: 178px;
		margin-top: 138px;
		margin-top: 200px;
	}
		@media screen and (max-width: 740px) {
			#under.news.top #content-body {
				margin-top: 60px;
			}
		}
	#under.news.top section {
		display: block;
		width: 100%;
		padding: 30px 0 40px;
		border-top: 1px solid #1d1d1d;
		position: relative;
	}
		#under.news.top section:last-child {
			border-bottom: 1px solid #1d1d1d;
		}
	#under.news.top section .news-item {
		display: block;
		width: 100%;
	}
	#under.news.top section .news-meta {
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
	}
		@media screen and (max-width: 740px) {
			#under.news.top section .news-meta {
				margin-bottom: 0;
			}
		}
	#under.news.top section .date-news {
		display: inline-block;
		font-size: 1rem;
		font-weight: 300;
	}
		@media screen and (max-width: 740px) {
			#under.news.top section .date-news {
				font-size: .9rem;
			}
		}
	#under.news.top section .cate-news {
		display: inline-block;
		margin-left: 5px;
		position: relative;
		top: -3px;
		transform-origin: left center;
			-webkit-transform: scale(.7);
			-moz-transform: scale(.7);
			-ms-transform: scale(.7);
		transform: scale(.7);
	}
		@media screen and (max-width: 740px) {
			#under.news.top section .cate-news {
				top: -2px;
			}
		}
		#under.news.top section .cate-news a {
			display: block;
			font-size: .5rem;
			line-height: 1;
			letter-spacing: normal;
			padding: 8px 10px;
			border-radius: 24px;
			border: 1px solid #1d1d1d;
			font-weight: 400;
				-webkit-transition: .5s;
				-ms-transition: .5s;
				-moz-transition: .5s;
			transition: .5s;
		}
			#under.news.top section .cate-news a:hover {
				border: 1px solid #18ad5e;
				color: #18ad5e;
			}
	#under.news.top section .title-news {
		width: 100%;
		font-size: 1.1rem;
		line-height: 1.8em;
		margin-top: 5px;
	}
		@media screen and (max-width: 740px) {
			#under.news.top section .title-news {
				font-size: .94rem;
				margin-top: 10px;
			}
		}
		#under.news.top section .title-news a {
			width: 100%;
			font-weight: 400;
				display: -webkit-box;
				display: -ms-flexbox;
			display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
			align-items: center;
				-webkit-box-pack: start;
				-ms-flex-pack: start;
			justify-content: flex-start;
		}
			@media screen and (max-width: 740px) {
				#under.news.top section .title-news a {
					display: block;
				}
			}
	#under.news.top section .title-news .thumb-news {
		width: 220px;
		height: 140px;
		overflow: hidden;
		vertical-align: top;
		margin-right: 40px;
		margin-top: 10px;
		margin-bottom: 10px;
		border: 1px solid #bbb;
		background: #fff;
	}
		@media screen and (max-width: 740px) {
			#under.news.top section .title-news .thumb-news {
				width: 100%;
				height: 200px;
			}
		}
		#under.news.top section .title-news .thumb-news img {
			width: 100%;
				-webkit-object-fit: cover;
				-moz-object-fit: cover;
				-ms-object-fit: cover;
			object-fit: cover;
			background: #f9f9f9;
				-webkit-transition: .5s;
				-ms-transition: .5s;
				-moz-transition: .5s;
			transition: .5s;
			position: relative;
			top: 50%;
		        -webkit-transform: translateY(-50%);
		        -ms-transform: translateY(-50%);
		        -moz-transform: translateY(-50%);
		    transform: translateY(-50%);
		}
	#under.news.top section .title-news .thumb-news + p {
		width: calc(100% - 220px - 40px);
	}
		@media screen and (max-width: 740px) {
			#under.news.top section .title-news .thumb-news + p {
				width: 100%;
			}
		}
	#under.news.top section .title-news .thumb-news + p + div {
		width: calc(100% - 220px - 40px);
		text-align: left!important;
	}
		@media screen and (max-width: 740px) {
			#under.news.top section .title-news .thumb-news + p + div {
				width: 100%;
			}
		}
	#under.news.top section .title-news div {
		width: 100%;
		text-align: left!important;
	}
		@media screen and (max-width: 740px) {
			#under.news.top section .title-news div {
				width: 100%;
			}
		}
	#under.news.top section .title-news a:hover {
		color: #18ad5e;
	}
			#under.news.top section .title-news a:hover .thumb-news img {
				transform-origin: center;
				position: relative;
				top: 50%;
			        -webkit-transform: translateY(-50%) scale(1.05);
			        -ms-transform: translateY(-50%) scale(1.05);
			        -moz-transform: translateY(-50%) scale(1.05);
			    transform: translateY(-50%) scale(1.05);
			}
	#under.news.detail {
		width: 100%;
	}
		#under.news.detail article {
			width: 100%;
			padding: 0 100px 0 40px;
		}
			@media screen and (max-width: 740px) {
				#under.news.detail article {
					padding: 0 40px;
				}
			}
			#under.news.detail .taxo article {
				margin-top: 0;
			}
		#news-item h3 {
			font-size: 1.5rem;
			font-weight: 400;
			margin-bottom: 20px;
		}
			@media screen and (max-width: 740px) {
				#news-item h3 {
					font-size: 1.2rem;
					margin-bottom: 20px;
				}
			}
		#news-item .meta-news {
			width: 100%;
				display: -webkit-box;
				display: -ms-flexbox;
			display: flex;
				-webkit-box-pack: end;
				-ms-flex-pack: end;
			justify-content: flex-end;
				-webkit-box-align: center;
				-ms-flex-align: center;
			align-items: center;
		}
		#news-item .date-news {
			font-size: .8rem;
			font-weight: 400;
		}
			@media screen and (max-width: 740px) {
				#news-item .date-news {
					font-size: .74rem;
				}
			}
		#news-item .cate-news {
			margin-left: 10px;
		}
			@media screen and (max-width: 740px) {
				#news-item .cate-news {
					margin-left: 5px;
						-webkit-transform: scale(.8);
						-moz-transform: scale(.8);
						-ms-transform: scale(.8);
					transform: scale(.8);
				}
			}
			#news-item .cate-news a {
				font-size: .5rem;
				font-weight: 400;
				line-height: 1;
				letter-spacing: normal;
				padding: 7px 10px 6px;
				border-radius: 24px;
				border: 1px solid #1d1d1d;
				position: relative;
				top: -2px;
			}
				#news-item .cate-news a:hover {
					border: 1px solid #18ad5e;
					color: #18ad5e;
				}
		#news-item .text-news {
			padding: 80px 0;
			font-size: 1rem;
			font-weight: 400;
		}
			@media screen and (max-width: 740px) {
				#news-item .text-news {
					padding: 60px 0;
					font-size: .9rem;
				}
			}
			#news-item .text-news p {
				word-break: break-word;
				overflow-wrap: break-word;
			}
		#news-item .text-news p + h3,
		#news-item .text-news p + h4,
		#news-item .text-news p + h5,
		#news-item .text-news p + h6 {
			margin-top: 40px;
		}
		#news-item .text-news img + h3,
		#news-item .text-news img + h4,
		#news-item .text-news img + h5,
		#news-item .text-news img + h6 {
			margin-top: 40px;
		}
		#news-item .text-news h3 {
			font-size: 1.2rem;
			font-weight: 400;
			margin-bottom: 20px;
			letter-spacing: 2;
			padding: 0;
		}
		#news-item .text-news h4 {
			font-size: 1.1rem;
			font-weight: 400;
			margin-bottom: 20px;
			letter-spacing: 2;
			padding: 0;
		}
		#news-item .text-news h5 {
			font-size: 1rem;
			font-weight: 400;
			margin-bottom: 20px;
			letter-spacing: 2;
			padding: 0;
		}
		#news-item .text-news h6 {
			font-size: .9rem;
			font-weight: 400;
			margin-bottom: 20px;
			letter-spacing: 2;
			padding: 0;
		}
		#news-item .text-news img {
			/*border-radius: 6px;*/
		}
		#news-item .text-news img.center {
			width: 100%;
			max-width: 500px;
			margin: 40px 0;
			position: relative;
			left: 50%;
				-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
			transform: translateX(-50%);
		}
		#news-item .text-news img.right {
			float: right;
			margin-left: 20px;
			margin-bottom: 20px;
		}
		#news-item .text-news img.left {
			float: left;
			margin-right: 20px;
			margin-bottom: 20px;
		}
			@media screen and (max-width: 740px) {
				#news-item .text-news img.right,
				#news-item .text-news img.left {
					clear: both;
					width: 60%;
					margin: 0 20% 20px;
				}
			}
		#news-item .text-news a {
			text-decoration: underline;
		}
		#news-item .text-news a:hover {
			color: #18ad5e;
		}
		.pagenation {
			width: 100%;
			padding-top: 20px;
			margin-bottom: 100px;
			border-top: 1px solid #1d1d1d;
			position: relative;
			text-align: center;
		}
			@media screen and (max-width: 740px) {
				.pagenation {
					padding-top: 20px;
					margin-bottom: 60px;
				}
			}
		.pagenation span {
			display: inline-block;
		}
		.pagenation a {
			display: block;
			font-size: .9rem;
		}
			@media screen and (max-width: 740px) {
				.pagenation a {
					font-size: .8rem;
				}
			}
		.pagenation .prev {
			position: absolute;
			left: 0;
		}
		.pagenation .backtotop {
			position: relative;
			top: -3px;
		}
			@media screen and (max-width: 740px) {
				.pagenation .backtotop {
					top: -5px;
				}
			}
		.pagenation .next {
			position: absolute;
			right: 0;
		}
		.pagenation .prev a::before {
			display: inline-block;
			content: "";
			width: 7px;
			height: 10px;
			background: url(/resource/img/common/btn_blk_arrow.svg) center no-repeat;
			background-size: 100%;
				-webkit-transform: rotate(180deg);
				-moz-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
			transform: rotate(180deg);
			position: relative;
			top: 0;
			margin-right: 8px;
		}
		.pagenation .next a::after {
			display: inline-block;
			content: "";
			width: 7px;
			height: 10px;
			background: url(/resource/img/common/btn_blk_arrow.svg) center no-repeat;
			background-size: 100%;
			position: relative;
			top: 0;
			margin-left: 8px;
		}
		.pagenation a:hover {
			color: #18ad5e;
		}
#under.recruit {
	width: 100%;
}
	#recruit-message {
		padding-bottom: 0!important;
	}
	#under.recruit h4 {
		width: 100%;
		height: 280px;
		color: #fff;
		font-size: 1.5rem;
		font-weight: 500;
		line-height: 1.7;
		text-align: center;
		margin-top: 8px;
		padding: 80px;
		margin-bottom: 0!important;
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
		align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
		justify-content: center;
		position: relative;
		background: rgba(0,0,0,.3);
	}
		@media screen and (max-width: 920px) {
			#under.recruit h4 {
				padding: 20px;
			}
		}
		@media screen and (max-width: 740px) {
			#under.recruit h4 {
				height: 360px;
				font-size: 5vw;
				line-height: 1.8;
				margin-top: 0;
				padding: 20px;
				position: absolute;
				left: 0;
			}
			#recruit-message section {
				padding-bottom: 360px;
			}
		}
		#under.recruit h4::before {
			display: block;
			content: "";
			width: 100%;
			height: 280px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
			background: url(/resource/img/recruit_keyvisual.jpg) center no-repeat;
			background-size: cover;
		}
			@media screen and (max-width: 740px) {
				#under.recruit h4::before {
					height: 360px;
				}
			}
	#under.recruit.top h5 {
		font-size: 1.2rem;
		margin-top: 60px;
		margin-bottom: 40px;
	}
		@media screen and (max-width: 740px) {
			#under.recruit.top h5 {
				margin-top: 0;
				margin-bottom: 40px;
				padding-top: 40px;
				padding-bottom: 0;
				text-align: center;
				border-bottom: none;
				border-top: 1px solid #1d1d1d;
			}
			#recruit-list section:nth-of-type(1) h5 {
				border-top: none!important;
			}
		}
	@media screen and (max-width: 740px) {
		#recruit-list .section-wrap-inner {
			padding: 0;
		}
		#recruit-list section {
			width: 100%;
			margin-top: 60px;
		}
		#recruit-list section:nth-of-type(1) {
			margin-top: 0;
		}
	}
	#recruit-list ul {
		width: 100%;
		margin-bottom: 100px;
	}
		@media screen and (max-width: 740px) {
			#recruit-list ul {
				margin-bottom: 0;
				padding: 0 40px;
			}
		}
		#recruit-list ul {
			margin-bottom: 0;
		}
		#recruit-list ul li {
			width: calc((100vw - 350px - 140px - 40px) / 3);
			width: 100%;
			font-size: .9rem;
			margin-right: 20px;
			margin-top: 20px;
			padding: 40px;
			border: 1px solid #bbb;
			background: #fff;
				display: -webkit-box;
				display: -ms-flexbox;
			display: flex;
				-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			flex-direction: column;
			position: relative;
		}
			#recruit-list ul li:nth-child(3n+3) {
				margin-right: 0;
			}
			@media screen and (max-width: 740px) {
				#recruit-list ul li {
					display: block;
					width: 100%;
					margin-right: 0;
					margin-top: 0;
					margin-bottom: 20px;
				}
				#recruit-list ul li:last-child {
					margin-bottom: 0;
				}
			}
		#recruit-list ul li .title-job {
			display: block;
			font-size: 1.1rem;
			font-weight: 500;
			line-height: 1.6;
			padding-bottom: 20px;
			border-bottom: 1px solid #bbb;
		}
		#recruit-list ul li .create-date {
			font-size:.7rem;
			margin-top: 5px;
		}
		#recruit-list ul li .desc-job {
			font-size:.8rem;
			margin-top: 20px;
		}
		#recruit-list ul li .job-foot {
			width: 100%;
			margin-top: auto;
		}
		#recruit-list ul li .job-foot a {
			display: block;
			width: 100%;
			padding: 10px;
			font-size: .7rem;
			text-align: center;
			border: 1px solid #1d1d1d;
			margin-top: 30px;
				-webkit-transition: .5s;
				-ms-transition: .5s;
				-moz-transition: .5s;
			transition: .5s;
		}
			@media screen and (max-width: 740px) {
				#recruit-list ul li .job-foot a {
					max-width: 100%;
				}
			}
		#recruit-list ul li .job-foot a:hover {
			border: 1px solid #18ad5e;
			color: #18ad5e;
		}
		#recruit-list ul li .icon {
			display: block;
			font-size: .5rem;
			font-weight: 400;
			line-height: 1;
			letter-spacing: normal;
			color: #fff;
			text-align: center;
			position: absolute;
			top: 5px;
			left: 10px;
			transform-origin: center;
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		#recruit-list ul li .icon::after {
			display: block;
			content: "";
			width: 50px;
			height: 50px;
			border-right: 25px solid transparent;
			border-bottom: 25px solid transparent;
			position: relative;
			top: -20px;
			left: 0;
			z-index: -1;
			transform-origin: center;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		#recruit-list ul li .icon.new::after {
			border-top: 25px solid #32cd78;
			border-left: 25px solid #32cd78;
		}
		#recruit-list ul li .icon.update::after {
			border-top: 25px solid #1eb98c;
			border-left: 25px solid #1eb98c;
		}

	#recruit-job {
		width: 100%;
	}
		#recruit-job h3 {
			width: calc(100% - 140px);
			font-size: 1.5rem;
			font-weight: 500;
			line-height: 1.4;
			text-align: left;
			margin-top: 5px;
			margin-left: 40px;
			margin-bottom: 30px;
		}
			@media screen and (max-width: 920px) {
				#recruit-job h3 {
					width: calc(100% - 80px);
					margin-left: 20px;
				}
			}
			@media screen and (max-width: 740px) {
				#recruit-job h3 {
					width: 100%;
					font-size: 1.2rem;
					text-align: center;
					border-top: 1px solid #1d1d1d;
					padding: 0 40px;
					padding-top: 60px;
					margin-top: 0;
					margin-left: 0;
					margin-bottom: 50px;
				}
			}

		#recruit-job h5 {
			font-size: .9rem!important;
			font-weight: 400;
			margin-top: 0!important;
			margin-bottom: 20px!important;
		}
			@media screen and (max-width: 740px) {
				#recruit-job h5 {
					text-align: left!important;
				}
			}
		#recruit-job .create-date {
			font-size: .7rem;
			margin-top: 5px;
			text-align: right;
		}
		#recruit-job dl {
			width: 100%;
				display: -webkit-box;
				display: -ms-flexbox;
			display: flex;
				-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-top: 40px;
			border-bottom: 1px solid #bbb;
		}
			@media screen and (max-width: 1080px) {
				#recruit-job dl {
					margin-top: 0;
					border-bottom: none;
				}
			}
			#recruit-job dl dt {
				width: 200px;
				font-size: .9rem;
				font-weight: 500;
				vertical-align: top;
				background: #f1f1f1;
				border: 1px solid #bbb;
				border-right: none; 
				border-bottom: none; 
				padding: 40px;
			}
				@media screen and (max-width: 1080px) {
					#recruit-job dl dt {
						display: block;
						width: 100%;
						padding: 0;
						border: none;
						margin-top: 40px;
						background: transparent;
					}
				}
			#recruit-job dl dd {
				width: calc(100% - 200px);
				font-size: .9rem;
				background: #fff;
				border: 1px solid #bbb;
				border-bottom: none; 
				padding: 40px;
			}
				@media screen and (max-width: 1080px) {
					#recruit-job dl dd {
						display: block;
						width: 100%;
						padding: 20px;
						margin-top: 10px;
						border: 1px solid #bbb;
					}
				}
			#recruit-job dl dd dl  {
				display: block;
				margin-top: 0;
				font-size: .9rem;
			}
			#recruit-job dl dd dl dt {
				display: inline-block;
				width: 100%;
				margin-top: 20px;
				font-weight: 500;
				font-size: .9rem;
			}
			#recruit-job dl dd dl dt:first-child {
				margin-top: 0;
			}
			#recruit-job dl dd dl dd {
				display: inline-block;
				width: 100%;
				margin-top: 0;
				font-size: .9rem;
				font-weight: 500;
			}
			#recruit-job dl .attent {
				font-size: .7rem;
				margin-top: 0;
				margin-left: 15px;
			}
			#recruit-job .section-footer {
				width: 100%;
				margin-top: 60px;
				text-align: center;
			}
				@media screen and (max-width: 740px) {
					#recruit-job .section-footer {
						margin-top: 40px;
					}
				}
			#recruit-job .section-footer a {
				display: block;
				width: 100%;
				max-width: 240px;
				padding: 22px;
				font-size: 1rem;
				text-align: center;
				letter-spacing: 0.1em;
				line-height: 1;
				color: #fff;
				border: 1px solid #18ad5e;
				background: #18ad5e;
				border-radius: 48px;
				margin: 0 auto;
					-webkit-transition: .5s;
					-ms-transition: .5s;
					-moz-transition: .5s;
				transition: .5s;
			}
				@media screen and (max-width: 740px) {
					#recruit-job .section-footer a {
						margin-top: 0;
					}
				}
			#recruit-job .section-footer a:hover {
				color: #18ad5e;
				border: 1px solid #18ad5e;
				background: #fff;
			}
.form {
	width: 100%;
}
	@media screen and (max-width: 740px) {
		.form .section-wrap-inner {
			padding: 0!important;
		}
	}
	.form .announce {
		font-size: .9rem;
		font-weight: 400;
		margin-bottom: 40px;
	}
		@media screen and (max-width: 740px) {
			.form .announce {
				font-size: .9rem;
				padding: 0 40px;
			}
		}
	.form .announce + .attent {
		display: block;
		width: 100%;
		font-size: .8rem;
		font-weight: 400;
		text-align: left;
		margin-top: 80px;
		padding-left: 0;
	}
		.form#entry-form .announce + .attent {
			margin-top: 0;
		}
		@media screen and (max-width: 740px) {
			.form .announce + .attent {
				text-align: center;
				margin-top: 60px;
			}
			.form#entry-form .announce + .attent {
				margin-top: 0;
			}
		}
		.form .announce + .attent::before {
			display: none;
		}
	.form .announce + .attent span {
		color: #df0000;
		margin-right: 0;
	}
	.form h3 {
		width: calc(100% - 140px);
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 1.4;
		text-align: left;
		margin-top: 5px;
		margin-left: 40px;
		margin-bottom: 60px;
		padding-bottom: 25px;
		border-bottom: 1px solid #1d1d1d;
	}
		@media screen and (max-width: 920px) {
			.form h3 {
				width: calc(100% - 80px);
				margin-left: 20px;
			}
		}
		@media screen and (max-width: 740px) {
			.form h3 {
				width: 100%;
				font-size: 1.3rem;
				text-align: center;
				border-bottom: none;
				border-top: 1px solid #1d1d1d;
				padding-bottom: 0;
				padding-top: 60px;
				margin-top: 0;
				margin-left: 0;
				margin-bottom: 50px;
			}
			.form.recruit h3 {
				margin-bottom: 0;
			}
		}
	.form section {
	}
		@media screen and (max-width: 740px) {
			.form section {
				padding: 0 40px;
			}
		}
	.form h6 {
		font-size: .9rem;
		font-weight: 500;
		display: inline-block;
		width: 280px;
		text-align: left;
		vertical-align: top;
		line-height: 3.8;
	}
		.form.recruit h6 {
			width: 180px;
		}
		@media screen and (max-width: 1080px) {
			.form h6 {
				font-size: .9rem;
				display: block;
				width: 100%;
				line-height: 2.4;
			}
			.form.recruit h6 {
				width: 100%;
			}
		}
		.form h6.required::after {
			display: inline-block;
			content: "*";
			padding-left: .2em;
			color: #df0000;
			line-height: 1;
		}
	.form h6 + p {
		display: inline-block;
		width: calc(100% - 290px);
		margin-bottom: 20px;
		vertical-align: top;
	}
		.form.recruit h6 + p {
			width: calc(100% - 190px);
		}
		@media screen and (max-width: 1080px) {
			.form h6 + p {
				width: 100%;
				margin-bottom: 20px;
			}
			.form.recruit h6 + p {
				width: 100%;
			}
		}
		.form h6 + p:last-of-type {
			margin-bottom: 0;
		}
	.form p span {
		margin-right: 10px;
	}
	#under.form h5 {
		font-size: 1.3rem;
		font-weight: 500;
		width: 100%;
		text-align: center;
		line-height: 2;
		margin-bottom: 60px;
	}
		@media screen and (max-width: 740px) {
			#under.form h5 {
				font-size: 1.1rem;
				line-height: 2;
				margin-bottom: 40px;
			}
		}
	#under.form section {
		width: 100%;
		font-size: .9rem;
		margin: 0 auto;
		margin-top: 20px;
		padding: 50px 60px;
		background: #fff;
		border: 1px solid #bbb;
	}
		@media screen and (max-width: 740px) {
			#under.form section {
				width: calc(100% - 40px);
				padding: 30px;
			}
		}
	.form input {
		max-width: 100%;
		padding: 12px;
		font-size: 1rem;
		border: 1px solid #bbb;
		border-radius: 6px;
		background: #f8f8f8;
	}
	.form select {
		max-width: 100%;
		padding: 12px;
		font-size: 1rem;
		border: 1px solid #bbb;
		border-radius: 6px;
		background: #f8f8f8;
	}
	.form textarea {
		width: 100%;
		padding: 12px;
		font-size: 1rem;
		border: 1px solid #bbb;
		border-radius: 6px;
		background: #f8f8f8;
	}
	.form span.wpcf7-list-item {
		margin: 0;
	}
	.btn-area {
		width: 100%;
		font-weight: 400;
		text-align: center;
		margin-top: 60px;
	}
		@media screen and (max-width: 740px) {
			.btn-area {
				margin-top: 40px;
			}
		}
	.btn-area p {
		display: block;
		width: 100%;
		margin-top: 40px;
		text-align: center;
	}
	.btn-area input {
		width: 47%!important;
		max-width: 200px!important;
		margin: 0 1%;
		padding: 22px;
		font-size: 1rem;
		letter-spacing: 0.1em;
		line-height: 1;
		text-align: center;
		border-radius: 36px;
			-webkit-transition: .5s;
			-ms-transition: .5s;
			-moz-transition: .5s;
		transition: .5s;
	}
	.btn-area input:hover {
		color: #18ad5e;
		border: 1px solid #18ad5e;
		background: #fff;
	}
	input#check {
		background: #18ad5e;
		color: #fff;
		border: 1px solid #18ad5e;
		cursor: pointer;
	}
	.btn-area input#check:hover {
		color: #18ad5e;
		border: 1px solid #18ad5e;
		background: #fff;
	}
	input#check:disabled {
		background: #ddd;
		color: #f1f1f1;
		border: 1px solid #ddd;
	}
	input#check:disabled:hover {
		background: #ddd;
		color: #f1f1f1;
		border: 1px solid #ddd;
	}
	input#send {
		background: #18ad5e;
		color: #fff;
		border: 1px solid #18ad5e;
	}
	.btn-area input#send:hover {
		color: #18ad5e;
		border: 1px solid #18ad5e;
		background: #fff;
	}
	.btn-area p {
		font-size: 1rem;
		margin-top: 40px;
		text-align: center;
	}
		@media screen and (max-width: 740px) {
			.btn-area p {
				margin-top: 40px;
				text-align: center;
			}
		}
	.btn-area p.announce {
		display: block;
		width: 100%;
		font-size: 1rem!important;
		margin-top: 40px;
		margin-bottom: 0!important;
		text-align: center;
	}
		@media screen and (max-width: 740px) {
			.btn-area p.announce {
				margin-top: 20px;
				text-align: left;
			}
		}
	.form .btn-area .announce {
		background: #eee;
		padding: 30px;
	}
	input.acceptance {
		width: 20px!important;
		max-width: 20px!important;
		margin: 0!important;
		padding: 0!important;
	}
		input.acceptance + span {
			font-size: 1rem;
			font-weight: 400;
		}
	p.acceptance_policy {
		font-size: .9rem!important;
		margin-top: 10px!important;
		text-decoration: underline;
	}
	div.wpcf7-mail-sent-ok {
		margin: 0!important;
	    padding: 0!important;
	    border: none!important;
	    font-size: 1rem!important;
	    font-weight: 500;
	    text-align: center!important;
	}
		@media screen and (max-width: 740px) {
			div.wpcf7-mail-sent-ok {
				padding: 0 40px!important;
			}
		}

	div.wpcf7-response-output {
	    margin: 0!important;
	    padding: 0!important;
	    border: none!important;
	    font-size: 1rem!important;
	    font-weight: 500;
	    text-align: center!important;
	    display: block!important;
	}
		@media screen and (max-width: 740px) {
			div.wpcf7-response-output {
				padding: 0 40px!important;
			}
		}
	.wpcf7c-conf {
		background-color: #f8f8f8;
		border-color: #f8f8f8!important;
	}
	div.wpcf7 .ajax-loader {
		visibility: hidden;
		display: block!important;
		width: 32px!important;
		height: 32px!important;
		border: none!important;
		padding: 0!important;
		margin: 20px auto 0!important;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

			#entry-form input[type="text"], #entry-form input[type="email"] {
				width: 100%;
				display: inline-block;
			}
				#entry-form input[type="text"].input_short {
					width: 180px;
				}
					@media screen and (max-width: 740px) {
						#entry-form input[type="text"].input_short {
							width: 90px;
						}
					}
				#entry-form input[type="tel"] {
					width: 320px;
					max-width: 100%;
				}
				input[type="text"]#name01, input[type="text"]#name02, input[type="text"]#kana01, input[type="text"]#kana02 {
					width: 200px;
				}
			#entry-form select {
				width: auto;
				display: inline-block;
				margin-top: 10px;
			}
				select#jobcate01, select#jobcate02, select#jobcate03 {
					width: 100%;
				}
			/*#entry-form textarea {
				width: 100%;
				display: inline-block;
				margin-top: 10px;
			}*/
			#entry-form input[type="radio"] {
				margin-top: 19px;
			}
				@media screen and (max-width: 740px) {
					#entry-form input[type="radio"] {
						margin-top: 10px;
					}
				}
			#entry-form input[type="file"] {
				border: none;
				width: 100%;
				padding: 20px;
				background: #f8f8f8;
			}
				#entry-form input[type="file"] input {
					padding: 5px;
				}
			#entry-form label {
				display: inline-block;
			}
			#addressnum, #qualification02, #qualification03, #qualification04 {
				margin-left: 144px;
			}
				@media screen and (max-width: 740px) {
					#addressnum, #qualification02, #qualification03, #qualification04 {
						margin-left: 0;
					}
				}
			#entry-form .attent-list {
				width: 100%;
				margin-bottom: 40px;
			}
				#entry-form .attent-list li {
					font-size: .8rem;
					margin: 0;
				}
					@media screen and (max-width: 740px) {
						#entry-form .attent-list li {
							font-size: .8rem;
						}
					}
		article#recruit-entry .flow {
			width: 100%;
			text-align: center;
		}
			article#recruit-entry .flow li {
				display: inline-block;
				font-size: 1.4rem;
				padding: 10px 30px;
				margin: 0 5px;
				border-radius: 24px;
				color: #bbb;
				border: 1px solid #bbb;
			}
				@media screen and (max-width: 740px) {
					article#recruit-entry .flow li {
						display: inline-block;
						font-size: 1.4rem;
						width: 70px;
						height: 70px;
						padding: 17px 10px;
						margin: 0 10px;
						border-radius: 50%;
					}
				}
			article#recruit-entry .flow li.current {
				font-weight: 500;
				border: 1px solid #1d1d1d;
				color: #1d1d1d;
			}
content.document {
	width: 100%;
	max-width: 1280px;
	padding: 0 100px;
}
	@media screen and (max-width: 740px) {
		content.document {
			width: 100%;
			padding: 0 40px;
		}
	}
	div.document {
		width: 100%;
		max-width: 1280px;
		padding: 0 100px;
	}
		@media screen and (max-width: 740px) {
			div.document {
				width: 100%;
				padding: 0 40px;
			}
		}
	content.document #content-head {
		width: 100%;
		max-width: 1280px;
		padding: 0;
		position: relative;
		top: 0;
		padding-top: 168px;
		padding-top: 136px;
	}
		@media screen and (max-width: 740px) {
			content.document #content-head {
				padding-top: 140px;
			}
		}
	content.document #content-body {
		margin-top: 10px;
	}
		@media screen and (max-width: 740px) {
			content.document #content-body {
				margin-top: 60px;
			}
		}
	#under.document article::before {
		display: none;
	}
	content.document + footer #bnr-foot {
		display: none;
	}
	content.document + footer #nav-foot-list {
		margin-top: 0;
	}
	@media screen and (max-width: 740px) {
		content.document + footer .box-inner {
			padding: 40px 40px 81px;
		}
	}
	#under.document article .box-inner {
		width: 100%;
	}
	#under.document article {
		font-size: .9rem;
		padding-bottom: 60px;
	}
		@media screen and (max-width: 740px) {
			#under.document article {
				padding-bottom: 20px;
			}
		}
	#under.document h2 {
		width: 100%;
		text-align: left;
	}
	.document h3 {
		font-size: 1.4rem;
		font-weight: 500;
		margin-bottom: 80px;
		text-align: center;
	}
		@media screen and (max-width: 740px) {
			.document h3 {
				font-size: 1.2rem;
				margin-bottom: 60px;
			}
		}
	.document .text-doc {
		font-size: .9rem;
		font-weight: 400;
	}
	#under.document h5 {
		font-size: 1rem;
		font-weight: 400;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.document h6 {
		font-size: .94rem;
		font-weight: 500;
		margin-top: 40px;
		margin-bottom: 20px;
	}
	.document dl {
		width: 100%;
		margin-top: 30px;
		margin-bottom: 15px;
	}
	.document dl dd {
		margin-bottom: 15px;
	}
	.document ul {
		width: 100%;
		margin-top: 25px;
		padding: 0 10px;
		margin-bottom: 30px;
	}
	.document ul li {
		margin-bottom: 5px;
	}
content.page {
	width: 100%;
}
	content.page section p {
		font-size: .9rem;
	}
	content.page section p.caption {
		font-size: 1rem;
	}
		@media screen and (max-width: 740px) {
			content.page section p.caption {
				font-size: .94rem;
			}
		}
	content.page section dl {
		width: 100%;
		font-size: .9rem;
	}
		content.page section dl dt {
			font-size: 1.2rem;
			font-weight: 500;
			line-height: 1.8;
			margin-top: 40px;
		}
		content.page section dl dt:first-of-type {
			margin-top: 0;
		}
		content.page section dl dd {
			margin-top: 20px;
		}
			content.page section dl dd p {
				font-size: 1.1rem;
				font-weight: 400;
			}
			content.page section dl dd span {
				display: block;
				font-size: .7rem;
			}
	content.page section .archive_list h5 {
		font-size: 1.1rem!important;
	}
	content.page section .archive_list ul {
		width: 100%;
		font-size: .9rem;
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-ms-flex-wrap: wrap;
		flex-wrap: wrap;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
		justify-content: space-between;
	}
		content.page section .archive_list ul li {
			width: calc(50% - 20px);
			margin-top: 40px;
		}
			@media screen and (max-width: 740px) {
				content.page section .archive_list ul li {
					width: 100%;
				}
			}
		content.page section .archive_list ul li .media {
			width: calc((100vw - 350px - 140px - 40px)/2);
			height: calc((100vw - 350px - 140px - 40px)/2*0.5625);
			margin-bottom: 15px;
		}
			@media screen and (max-width: 740px) {
				content.page section .archive_list ul li .media {
					width: calc(100vw - 80px);
					height: calc((100vw - 80px)*0.5625);
				}
			}
			content.page section .archive_list ul li .media iframe {
				width: 100%;
				height: 100%;
			}
			content.page section .archive_list ul li p.title {
				font-size: .9rem;
				font-weight: 500;
				margin-bottom: 5px;
			}
			content.page section .archive_list ul li p.caption {
				font-size: .8rem;
				line-height: 1.8;
			}
				content.page section .archive_list ul li p.caption span {
					display: block;
				}
div.section-link {
	margin-top: 40px;
}
	@media screen and (max-width: 740px) {
		div.section-link {
			margin-top: 40px;
		}
	}
ul.section-link {
	margin-top: 40px;
}
ul.section-link li {
	width: 100%;
	margin-top: 20px;
}
	@media screen and (max-width: 740px) {
		ul.section-link li {
			margin-top: 10px;
		}
	}
.bnr-company + div.section-link {
	padding-top: 0;
}
/*-----------------------------------------------------------

	Campaign Page

-----------------------------------------------------------*/
#under.campaign h4 {
	font-size: 2.4rem;
	font-weight: 600;
	background-color:transparent;
}
	@media screen and (max-width: 740px) {
		#under.campaign h4 {
			font-size: 8vw;
		}
	}
	#under.campaign h4 span {
		-webkit-text-shadow: 0 0 8px rgba(0,0,0,.5);
		text-shadow: 0 0 8px rgba(0,0,0,.5);
	}
#under.campaign.top h5 {
	font-size: 1.5rem;
	text-align: left;
}
	@media screen and (max-width: 740px) {
		#under.campaign.top h5 {
			font-size: 1.3rem;
			text-align: left;
		}
	}
#under.campaign ul.note {
	width: 100%;
}
	#under.campaign ul.note li {
		width: 100%;
		line-height: 1.8;
		position: relative;
		padding-left: 1.3em;
		margin-bottom: 20px;
	}
		#under.campaign ul.note li::before {
			display: inline-block;
			content: "※";
			position: absolute;
			left: 0;
		}
#under.campaign.top div.btn {
	width: 100%;
	margin-top: 60px;
}
	@media screen and (max-width: 740px) {
		#under.campaign.top div.btn {
			margin-top: 40px;
		}
	}
	#under.campaign.top div.btn a {
		display: block;
		width: 100%;
		text-align: center;
		padding: 14px;
		border: 2px solid #000;
		border-radius: 8px;
	}
		@media screen and (max-width: 740px) {
			#under.campaign.top div.btn a {
				padding: 10px;
			}
		}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//
//
//  404
//  
//  
///////////////////////////////////////////////////////////////////////////*/
.not-found-404 {
	min-height: 80vh!important;
}
.not-found-404 + footer #bnr-foot {
	display: none;
}