@charset "utf-8";
/* CSS Document */
@import
 url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;300;400;500;700;800;900&display=swap');

html {
	font-size: 62.5%;	/* ルートのフォントサイズを10pxに設定しておく */
}

* {
	box-sizing: border-box;	/* パディングとボーダーを幅と高さに含める */
}

body{
	display: none;	/* 画面非表示 */
	font-family: "Noto Sans JP", sans-serif;	/* フォント */
	color: #555;	/* 文字色 */
	font-weight: 400;	/* フォントスタイル */
	font-size: 16px;
	background: #fff;	/* 背景色 */
	overflow-x: hidden;
	}

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

#wrapper {
	overflow-x: hidden;
	top: 0;
}

.loader-wrap {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #cfcfcf;
	z-index: 99999;
}

.loader {
	margin: 100px auto;
	font-size: 25px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load5 1.1s infinite ease;
	animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	justify-content: center; /*左右中央揃え*/
	align-items: center;	 /*上下中央揃え*/
	margin: 0 calc(50% - 50vw);
}

@-webkit-keyframes load5 {
	0%,
	100% {
	box-shadow: 0em -2.6em 0em 0em #cc0000, 1.8em -1.8em 0 0em rgba(204,0,0, 0.2), 2.5em 0em 0 0em rgba(204,0,0, 0.2), 1.75em 1.75em 0 0em rgba(204,0,0, 0.2), 0em 2.5em 0 0em rgba(204,0,0, 0.2), -1.8em 1.8em 0 0em rgba(204,0,0, 0.2), -2.6em 0em 0 0em rgba(204,0,0, 0.5), -1.8em -1.8em 0 0em rgba(204,0,0, 0.7);
	}
	12.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(204,0,0, 0.7), 1.8em -1.8em 0 0em #cc0000, 2.5em 0em 0 0em rgba(204,0,0, 0.2), 1.75em 1.75em 0 0em rgba(204,0,0, 0.2), 0em 2.5em 0 0em rgba(204,0,0, 0.2), -1.8em 1.8em 0 0em rgba(204,0,0, 0.2), -2.6em 0em 0 0em rgba(204,0,0, 0.2), -1.8em -1.8em 0 0em rgba(204,0,0, 0.5);
	}
	25% {
	box-shadow: 0em -2.6em 0em 0em rgba(204,0,0, 0.5), 1.8em -1.8em 0 0em rgba(204,0,0, 0.7), 2.5em 0em 0 0em #cc0000, 1.75em 1.75em 0 0em rgba(204,0,0, 0.2), 0em 2.5em 0 0em rgba(204,0,0, 0.2), -1.8em 1.8em 0 0em rgba(204,0,0, 0.2), -2.6em 0em 0 0em rgba(204,0,0, 0.2), -1.8em -1.8em 0 0em rgba(204,0,0, 0.2);
	}
	37.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(204,0,0, 0.2), 1.8em -1.8em 0 0em rgba(204,0,0, 0.5), 2.5em 0em 0 0em rgba(204,0,0, 0.7), 1.75em 1.75em 0 0em #cc0000, 0em 2.5em 0 0em rgba(204,0,0, 0.2), -1.8em 1.8em 0 0em rgba(204,0,0, 0.2), -2.6em 0em 0 0em rgba(204,0,0, 0.2), -1.8em -1.8em 0 0em rgba(204,0,0, 0.2);
	}
	50% {
	box-shadow: 0em -2.6em 0em 0em rgba(204,0,0, 0.2), 1.8em -1.8em 0 0em rgba(204,0,0, 0.2), 2.5em 0em 0 0em rgba(204,0,0, 0.5), 1.75em 1.75em 0 0em rgba(204,0,0, 0.7), 0em 2.5em 0 0em #cc0000, -1.8em 1.8em 0 0em rgba(204,0,0, 0.2), -2.6em 0em 0 0em rgba(204,0,0, 0.2), -1.8em -1.8em 0 0em rgba(204,0,0, 0.2);
	}
	62.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(204,0,0, 0.2), 1.8em -1.8em 0 0em rgba(204,0,0, 0.2), 2.5em 0em 0 0em rgba(204,0,0, 0.2), 1.75em 1.75em 0 0em rgba(204,0,0, 0.5), 0em 2.5em 0 0em rgba(204,0,0, 0.7), -1.8em 1.8em 0 0em #cc0000, -2.6em 0em 0 0em rgba(204,0,0, 0.2), -1.8em -1.8em 0 0em rgba(204,0,0, 0.2);
	}
	75% {
	box-shadow: 0em -2.6em 0em 0em rgba(204,0,0, 0.2), 1.8em -1.8em 0 0em rgba(204,0,0, 0.2), 2.5em 0em 0 0em rgba(204,0,0, 0.2), 1.75em 1.75em 0 0em rgba(204,0,0, 0.2), 0em 2.5em 0 0em rgba(204,0,0, 0.5), -1.8em 1.8em 0 0em rgba(204,0,0, 0.7), -2.6em 0em 0 0em #cc0000, -1.8em -1.8em 0 0em rgba(204,0,0, 0.2);
	}
	87.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(204,0,0, 0.2), 1.8em -1.8em 0 0em rgba(204,0,0, 0.2), 2.5em 0em 0 0em rgba(204,0,0, 0.2), 1.75em 1.75em 0 0em rgba(204,0,0, 0.2), 0em 2.5em 0 0em rgba(204,0,0, 0.2), -1.8em 1.8em 0 0em rgba(204,0,0, 0.5), -2.6em 0em 0 0em rgba(204,0,0, 0.7), -1.8em -1.8em 0 0em #cc0000;
	}
}
@keyframes load5 {
	0%,
	100% {
	box-shadow: 0em -2.6em 0em 0em #cc0000, 1.8em -1.8em 0 0em rgba(204,0,0, 0.2), 2.5em 0em 0 0em rgba(204,0,0, 0.2), 1.75em 1.75em 0 0em rgba(204,0,0, 0.2), 0em 2.5em 0 0em rgba(204,0,0, 0.2), -1.8em 1.8em 0 0em rgba(204,0,0, 0.2), -2.6em 0em 0 0em rgba(204,0,0, 0.5), -1.8em -1.8em 0 0em rgba(204,0,0, 0.7);
	}
	12.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(204,0,0, 0.7), 1.8em -1.8em 0 0em #cc0000, 2.5em 0em 0 0em rgba(204,0,0, 0.2), 1.75em 1.75em 0 0em rgba(204,0,0, 0.2), 0em 2.5em 0 0em rgba(204,0,0, 0.2), -1.8em 1.8em 0 0em rgba(204,0,0, 0.2), -2.6em 0em 0 0em rgba(204,0,0, 0.2), -1.8em -1.8em 0 0em rgba(204,0,0, 0.5);
	}
	25% {
	box-shadow: 0em -2.6em 0em 0em rgba(204,0,0, 0.5), 1.8em -1.8em 0 0em rgba(204,0,0, 0.7), 2.5em 0em 0 0em #cc0000, 1.75em 1.75em 0 0em rgba(204,0,0, 0.2), 0em 2.5em 0 0em rgba(204,0,0, 0.2), -1.8em 1.8em 0 0em rgba(204,0,0, 0.2), -2.6em 0em 0 0em rgba(204,0,0, 0.2), -1.8em -1.8em 0 0em rgba(204,0,0, 0.2);
	}
	37.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(204,0,0, 0.2), 1.8em -1.8em 0 0em rgba(204,0,0, 0.5), 2.5em 0em 0 0em rgba(204,0,0, 0.7), 1.75em 1.75em 0 0em #cc0000, 0em 2.5em 0 0em rgba(204,0,0, 0.2), -1.8em 1.8em 0 0em rgba(204,0,0, 0.2), -2.6em 0em 0 0em rgba(204,0,0, 0.2), -1.8em -1.8em 0 0em rgba(204,0,0, 0.2);
	}
	50% {
	box-shadow: 0em -2.6em 0em 0em rgba(204,0,0, 0.2), 1.8em -1.8em 0 0em rgba(204,0,0, 0.2), 2.5em 0em 0 0em rgba(204,0,0, 0.5), 1.75em 1.75em 0 0em rgba(204,0,0, 0.7), 0em 2.5em 0 0em #cc0000, -1.8em 1.8em 0 0em rgba(204,0,0, 0.2), -2.6em 0em 0 0em rgba(204,0,0, 0.2), -1.8em -1.8em 0 0em rgba(204,0,0, 0.2);
	}
	62.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(204,0,0, 0.2), 1.8em -1.8em 0 0em rgba(204,0,0, 0.2), 2.5em 0em 0 0em rgba(204,0,0, 0.2), 1.75em 1.75em 0 0em rgba(204,0,0, 0.5), 0em 2.5em 0 0em rgba(204,0,0, 0.7), -1.8em 1.8em 0 0em #cc0000, -2.6em 0em 0 0em rgba(204,0,0, 0.2), -1.8em -1.8em 0 0em rgba(204,0,0, 0.2);
	}
	75% {
	box-shadow: 0em -2.6em 0em 0em rgba(204,0,0, 0.2), 1.8em -1.8em 0 0em rgba(204,0,0, 0.2), 2.5em 0em 0 0em rgba(204,0,0, 0.2), 1.75em 1.75em 0 0em rgba(204,0,0, 0.2), 0em 2.5em 0 0em rgba(204,0,0, 0.5), -1.8em 1.8em 0 0em rgba(204,0,0, 0.7), -2.6em 0em 0 0em #cc0000, -1.8em -1.8em 0 0em rgba(204,0,0, 0.2);
	}
	87.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(204,0,0, 0.2), 1.8em -1.8em 0 0em rgba(204,0,0, 0.2), 2.5em 0em 0 0em rgba(204,0,0, 0.2), 1.75em 1.75em 0 0em rgba(204,0,0, 0.2), 0em 2.5em 0 0em rgba(204,0,0, 0.2), -1.8em 1.8em 0 0em rgba(204,0,0, 0.5), -2.6em 0em 0 0em rgba(204,0,0, 0.7), -1.8em -1.8em 0 0em #cc0000;
	}
}

.top_back{
	background: url("images/topimage.png") repeat-x;
	background-size: contain;	/* 背景画像全体表示 */
	background-position: center;	/* 背景画像中央表示 */
	height: 100vh;
	width: 9200px;
	animation: slide 150s linear infinite;
	position: absolute;
}

@keyframes slide {
	0% {
	transform: translate3d(0, 0, 0);
	}
	100% {
	transform: translate3d(-4600px, 0, 0);
	}
}

#wrapper {
	min-height: 100vh;	/* 高さ最小値 */
	position: relative;	/* 相対位置 */
	box-sizing: border-box;	/* 全て含めてmin-height:100vhに */
	overflow-x: hidden;
}

/*ヘッダーここから*/

#top-head {
	background: rgba(255,255,255,0);	/* 背景色 */
	position: fixed;	/* 固定 */
	top: 0px;	/* 上位置 */
	left: 0px;	/* 左位置*/
	width: 100%;	/* 横幅 */
	height: 100px;	/* 縦幅 */
	font-size: 1.8rem;	/* フォントサイズ */
	z-index: 999;	/* 表示順序 */
	border-bottom: solid 1px #fff;	/* ラインサイズ */
	border-image-slice: 1;	/* 影 */
	box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.2);	/* 影 */
}

#top-head2 {
	background: #fff;	/* 背景色 */
	position: fixed;	/* 固定 */
	top: 0px;	/* 上位置 */
	left: 0px;	/* 左位置*/
	width: 100%;	/* 横幅 */
	height: 100px;	/* 縦幅 */
	font-size: 1.8rem;	/* フォントサイズ */
	z-index: 999;	/* 表示順序 */
	border-image-slice: 1;	/* 影 */
	box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.2);	/* 影 */
}

#top-head .inner, #top-head2 .inner {
	max-width: 1170px;	/* 最大表示位置 */
	width: 100%;	/* 横幅 */
	margin: 0 auto;	/* 横中央配置 */
	top: 50%;	/* 縦中央配置 */
	display: flex;	/* 並列表示 */
	justify-content: center;	/* コンテンツ中央配置 */
	position:relative;	/* 相対位置 */
}

.head_box {
	width: 94%;	/* 横幅 */
	top: 50%;	/* 中央配置 */
	transform: translateY(-50%);	/* 中央配置 */
}

a:link, a:visited, a:active {	/*アクセスしたことのないリンク,アクセスしたことのあるリンク,クリック中*/
	color:#000;	/* 文字色 */
}

a:hover {	/*マウスが上に乗っている状態*/
	color:#969696;	/* 文字色 */
	text-decoration:none;	/* 文字装飾 */
}

.logo {
	position: absolute;	/* 絶対位置 */
	top: 50%;	/* 中央配置 */
	transform: translateY(-50%);	/* 中央配置 */
	float: left;	/* 位置指定 */
	width: 70px;	/* 横幅 */
}

.logo_li, .logo_li2 {
	position: absolute;	/* 横幅 */
	top: 50%;	/* 中央配置 */
	transform: translateY(-50%);	/* 中央配置 */
	font-size: 1.8rem;	/* フォントサイズ */
	margin-left: 5.8rem;	/* 位置調整 */
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #fff;
}

.logo_li2 {
	color: #555;
	}

.logo_li img {
	filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
}

.logo_li img,
.logo_li2 img {
	height: 1.8rem;
}

.logo_li a,
.logo_li a:visited,
.logo_li a:hover {
 	text-decoration:none;
	color: #fff;
}

.logo_li2 a,
.logo_li2 a:visited,
.logo_li2 a:hover {
	color: #555;
	text-decoration:none;
}

.new {
	position: relative;
}

.new::after {
	content: "NEW";
	text-align: center;
	vertical-align: middle;
	width: 40px;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #cc0000;
	position: absolute;
	top: -18px;
	left: 15px;
}


#global-nav ul, #global-nav2 ul {
	display: flex;	/* 並列処理 */
	float: right;	/* 位置指定 */
	padding-left: 0px;	/* スペース調整 */
}

#global-nav ul li, #global-nav2 ul li {
	text-decoration: none;	/* 装飾 */
	margin-left: 0px;	/* スペース調整 */
	letter-spacing: 0px;	/* 字間 */
 	font-size: 1rem;	/* フォントサイズ */
 	position: relative;	/* 相対位置 */
 	display: inline-block;	/* 要素の表示形式 */
	transition: .3s;	/* 変化時間 */
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;	/* フォント */
}

#global-nav ul li a, #global-nav2 ul li a {
 	display: block;	/* 要素の表示形式 */
	text-decoration: none;	/* 装飾 */
	margin-left: 30px;	/* コンテンツスペース */
	letter-spacing: 1.8px;	/* 字間 */
 	font-size: 1rem;	/* フォントサイズ */
 	position: relative;	/* 相対位置 */
	transition: .3s;	/* 変化時間 */
	top: 50%;	/* 中央配置 */
	transform: translateY(-50%);	/* 中央配置 */
	color: #fff;
}
	
#global-nav2 ul li a {
	color: #555;
	}

#global-nav ul li a::after, #global-nav2 ul li a::after {
	position: absolute;	/* 絶対位置 */
	top: 1rem;	/* スペース調整 */
	left: 0%;	/* スペース調整 */
	content: '';	/* 要素内容 */
	width: 100%;	/* 横幅 */
	height: 4px;	/* 縦幅 */
	background-color: #C2181F;	/* 背景色 */
	opacity: 0;	/* 透明度 */
	transition: .5s;	/* 変化時間 */
}

#global-nav ul li a:hover::after, #global-nav2 ul li a:hover::after {
	margin-top: 0.8rem;	/* スペース調整 */
	bottom: 0;	/* スペース調整 */
	opacity: 1;	/* 透明度 */
}
 
/* Toggle Button */

#nav-toggle,
#nav-toggle2 {
	display: none;	/* 非表示 */
	width: 25px;	/* 横幅 */
	height: 20px;	/* 縦幅 */
	transition: all .4s;	/* 変化時間 */
	box-sizing: border-box;	/* パディングとボーダーを幅と高さに含める */
	cursor: pointer;	/* カーソル */
	position: relative;	/* 相対位置 */
	float: right;	/* 位置指定 */
	top: 50%;	/* 中央配置 */
	transform: translateY(-80%);	/* 中央配置 */
}

#nav-toggle div,
#nav-toggle2 div {
}

#nav-toggle span,
#nav-toggle2 span {
	display: block;	/* 要素の表示形式 */
	position: absolute;	/* 相対位置 */
	height: 2px;	/* 縦幅 */
	width: 100%;	/* 横幅 */
	background: #969696;	/* 背景色 */
	left: 0;	/* スペース調整 */
	border-radius: 3px;	/* 角丸 */
	-webkit-transition: .35s ease-in-out;	/* 変化定 */
	-moz-transition: .35s ease-in-out;	/* 変化指定 */
	transition: .35s ease-in-out;	/* 変化指定 */
}

#nav-toggle span:nth-child(1),
#nav-toggle2 span:nth-child(1) {	/* ハンバーガー上 */
	top: 0;
}

#nav-toggle span:nth-child(2),
#nav-toggle2 span:nth-child(2) {	/* ハンバーガー中 */
	top: 9px;
}

#nav-toggle span:nth-child(3),
#nav-toggle2 span:nth-child(3) {	/* ハンバーガー下 */
	top: 18px;
}

#nav-toggle::after,
#nav-toggle2::after {
	position: absolute;	/* 絶対位置 */
	left: -8px;	/* 左位置調整 */
	bottom: -16px;	/* 下位置調整 */
	content: 'MENU';	/* 下部文字 */
	display: block;	/* 要素の表示形式 */
	width: 100%;	/* 横幅 */
	color: #555;	/* 文字色 */
	font-size: 13px;	/* フォントサイズ */
	text-decoration: none;	/* 装飾 */
	text-align: center;	/* 文字位置 */
	white-space: nowrap;	/* ホワイトスペースを無視 */
	transition: all .4s;	/* 変化時間 */
	font-family: 'M PLUS 1p', sans-serif;	/* フォント */
	font-weight: 900;	/* フォントスタイル */
}

#nav-toggle.open::after,
#nav-toggle2.open::after	{
	content: 'CLOSE';	/* 下部文字 */
	bottom: -16px;	/* 下位置調整 */
	left: -9px;	/* 左位置調整 */
}


/*ヘッダーここまで*/

#wrapper {
	min-height: 100vh;	/* 画面いっぱいに表示 */
	position: relative;	/* 相対位置 */
	box-sizing: border-box;	/* 全て含めてmin-height:100vhに */
}

.main_contents {
	max-width: 1170px;	/* 最大表示位置 */
	margin: 0 auto;	/* 中央表示 */
	width: 100%;	/* 横幅 */
	text-align: center;	/* 文字位置 */
}

.main_title_box {
	max-width: 1170px;	/* 最大表示位置 */
	height: 100vh;	/* 画面いっぱいに表示 */
	margin: 0 auto;	/* 中央表示 */
	display: flex;	/* 要素の表示形式 */
	align-items: center;	/* 要素を中央に表示 */
	text-align:center;	/* 文字位置 */
	overflow: hidden;
}

.main_title{
	color: #fff;	/* 文字色 */
	font-size: 4rem;	/* フォントサイズ */
	line-height: 1.8;	/* 行間 */
	text-align: center;	/* 文字位置 */
	font-family: 'Noto Serif JP', serif;
	font-weight: midium;	/* フォントスタイル */
	letter-spacing: 10px;	/* 字間 */
	margin: 0 auto;	/* 中央表示 */
	display : inline;	/* 要素の表示形式 */
	position: relative;
}

.main_title p {
	font-size: 2rem;
	margin-top: 10px;
}

.fadeInUp {
	opacity : 0;
	transform: translateY(150px);
	transition: 2s;
}

section, .section2 {
	margin-top: 100px;	/* 上位置調整 */
	text-align: center;	/* 文字位置 */
	display: inline-block;	/* 要素の表示形式 */
	width: 100%;	/* 横幅 */
	background-color: #fff;	/* 背景色 */
}
	
section {
	margin-top: 50px;
	padding-bottom: -100px;
}

.section2, .section2b {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	margin-top: 100px;
	padding: 0px 0px 50px 0px;
	background-color: #eee;	/* 背景色 */
}

.section2 {
	padding-bottom: 100px;
	padding-top: 50px;
}

.section2b {
	margin-top: 0px;
	padding: 0px;
}

.margin {
	height: 50px;	/* 縦幅 */
}

	/* 大タイトルここから */

.title_box {
	display: flex; 
	justify-content: center; /*左右中央揃え*/
	align-items: center;	 /*上下中央揃え*/
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	height: 362px;
}

h0, h02, h03 {
	color: #000;
	font-family: 'Noto Serif JP', serif;
	display: flex; 
	justify-content: center; /*左右中央揃え*/
	align-items: center;/*上下中央揃え*/
	margin: 0 calc(50% - 50vw);
	height: 250px;
	width: 100%;
	background-color:rgba(255,255,255,0.5);
	background-repeat: no-repeat;/* 背景画像繰り返さない */
	background-position: top center;/* 背景画像中央表示 */
	background-size: cover;/* 背景画像全体表示 */
	font-size: 64px;
	margin-top: 90px;
	letter-spacing: 10px;
	font-weight: bold;
	opacity: 0;
	position: relative;
	padding-bottom: 45px;
}

h0 {
	background-image: url("images/header3.png");	/* 業務内容 */
}

h02 {
	background-image: url("images/header1.png");	/* 会社案内 */
}

h03 {
	background-image: url("images/header2.png");	/* 求人情報 */
}

h0 span, h02 span, h03 span {
	color: #cc0000;
}

h0:after,
h02:after,
h03:after {
	font-family: 'Noto Serif JP', serif;
	font-size: 24px;
	color: #000;
	position: absolute;
	font-weight: bold;
	content: '採用情報';
	top: 145px;
	bottom: 0;
	left: 0;
	right: 0;
}

h0:after {
	content: '業務紹介'
}

h02:after {
	content: '会社概要'
}

/* Edge */
@supports (-ms-ime-align: auto) {
	.h0p {
		margin-top: 320px;
	}
}

/* IE10以降 */
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
	.h0p {
		margin-top: 320px;
	}
}

.isPlay {
	animation-name: play;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.8,0,.5,1);
	position: relative;
	opacity: 1 !important;
}

.isPlay:before {
	animation-name: maskOut;
	animation-duration: .5s;
	animation-delay: .5s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.8,0,.5,1);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #cc0000;
	}
	
@keyframes play {
	from {
		transform: translateX(-100%);
	}

	 to {
		transform: translateX(0);
	}
}

@keyframes maskOut {
	from {
		 transform: translateX(0);
 	}

	to {
		transform: translateX(100%);
 	 }
}
		
	/* 大タイトルここまで */

	/* 見出し１ここから */

h1 {
	margin-top: 50px;
	margin-bottom: 50px;	/* 下位置調整 */
	font-size: 24px;	/* 文字サイズ */
	font-weight: bold;	/* フォントスタイル */
	line-height: 40px;	/* 行間 */
	text-align: center;	/* 文字位置 */
	max-width: 100%;	/* 最大幅 */
	position: relative;	/* 相対位置 */
}

h1:before {
	content: '';	/* 空要素 */
	width: 60px;	/* 横幅 */
	height: 5px;	/* 縦幅 */
	position: absolute;	/* 絶対位置 */
	bottom: -15px;	/* 下位置調整 */
	left: 50%;	/* 中央表示 */
	display: inline-block;	/* 要素の表示形式 */
	-webkit-transform: translateX(-50%);	/* X方向に移動 */
	transform: translateX(-50%);	/* X方向に移動 */
	background-color: #cc0000;	/* 背景色 */
	border-radius: 2px;	/* 角 */
}

	/* 見出し１ここまで */

.philosophy {
	font-size: 20px;
	line-height: 40px;
}

.red{
	border-bottom: solid 1px #cc0000;
}

.philo_s {
	font-size: 16px;
	line-height: 32px;
}

	/* 業務内容ここから */

	/* 業務内容画像指定ここから */

.tdimg1, .tdimg2, .tdimg3, .tdimg4, .tdimg5, .tdimg6 {
	background-position: center center;	/* 画像中央表示 */
	background-size: cover;	/* 幅いっぱいに表示 */
	width: 330px;	/* 横幅 */
	height: 200px;	/* 縦幅 */
	border-radius: 30px 30px 0px 0px;
	border: none;
}

	/* 鉄道構造物設計 */

.tdimg1 {
	background-image: url("https://cdn.goope.jp/82575/200625195152-5ef481c88366c.png");
}

	/* 河川構造物設計 */

.tdimg2 {
	background-image: url("https://cdn.goope.jp/82575/200508142537-5eb4ed513b77f.png");
}

	/* 下水道設計 */

.tdimg3 {
	background-image: url("https://cdn.goope.jp/82575/200625195150-5ef481c65d348.png");
}

	/* 道路構造物設計 */

.tdimg4 {
	background-image: url("https://cdn.goope.jp/82575/200625195154-5ef481ca8b73b.png");
}

	/* 施工計画 */

.tdimg5 {
	background-image: url("https://cdn.goope.jp/82575/200625195151-5ef481c7d3e8c.png");
}

	/* 図面作成・データ入力 */

.tdimg6 {
	background-image: url("https://cdn.goope.jp/82575/200625195149-5ef481c553cf9.png");
}

	/* 業務内容画像指定ここまで */

.business_base,
.business_base2,
.business_base3 {
	overflow: hidden;	/* はみ出た要素は隠す */
	padding: 20px 0px;
	max-width: 1080px;
	margin: 0 auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	position: relative;	/* 相対位置 */
	flex-wrap: wrap;
	padding-right: 30px;
}

.business_base2 {
	padding: 0px;
}

.business_base3 {
	padding; 0px;
}

.showdown {
	height: auto;
}

.business {
	list-style: none;	/* リストスタイル無し */
	float: left;	/* コンテンツを横並びに */
	position: relative;	/* 相対位置 */
	left: 50%;	/* 中央表示 */
}

.business li {
	float: left;	/* コンテンツを横並びに */
	position: relative;	/* 相対位置 */
	left: -50%;	/* 中央表示 */
	width: 330px;	/* 横幅 */
	height: 435px;	/* 縦幅 */
	text-align: center;	/* 文字の中央寄せ */
	font-size: 23px;	/* フォントサイズ */
	margin: 0px 30px 0px 0px;	/* 余白 */
	border-radius: 30px;
	border-image-slice: 1;	/* 影 */
	box-shadow: 10px 10px 10px -3px rgba(0, 0, 0, 0.2);	/* 影 */
}

.business li:nth-of-type(3) {
	margin: 0px 0px 50px 0px;
}

.business li:nth-of-type(6) {
	margin: 0px 0px 0px 0px;
}

.business_margin {
	height: 40px;
	border-image-slice: none;	/* 影 */
	box-shadow: none;	/* 影 */
}

.business li p {
	font-size: 20px;
	line-height: 30px;	/* 行間 */
	margin: 15px 0px;	/* 余白 */
	text-align: center;	/* 文字の中央寄せ */
	font-weight: bold;
	margin-bottom: 10px;
}

.business li:last-child {
	margin-right: 0;
}

.business_table_2 {
	margin-top: 0px;
	padding: 0px 20px 30px;	/* 隙間調整 */
	font-size: 16px;	/* フォントサイズ */
	line-height: 32px;	/* 行間 */
	width: 330px;	/* 横幅 */
	height: 150px;
	text-align: justify;	/* 均等割り付け */
	text-justify: inter-ideograph;	/* 均等割り付け */
	border-bottom: solid 1px #cc0000;
}

	/* 業務内容ここまで */

	/* 有資格者ここから */

.business2 {	
	padding: 0px;
	margin: 0 auto;
	max-width: 1080px;
	margin: 0 auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	position: relative;	/* 相対位置 */
	overflow: hidden;	/* はみ出た要素は隠す */
	flex-wrap: wrap;
}

.table2 {
	font-size: 16px;	/* フォントサイズ */
	line-height: 32px;
	border-collapse: collapse;	/* セルを重ねて表示 */
	position: relative;	/* 相対位置 */
	background: #fff;
	margin: 0 auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	overflow: hidden;	/* はみ出た要素は隠す */
	flex-wrap: wrap;
}

.a2 {
	text-align: left;	/* 文字位置 */
	width: 300px;	/* 横幅 */
	border: solid 1px #000;	/* 枠 */
	padding: 0px 20px;	/* 隙間 */
}

.a3 {
	width: 140px;	/* 横幅 */
	border: solid 1px #000;	/* 枠 */
	line-height: 25px;	/* 行間 */
	padding: 0px;	/* 隙間 */
}

	.table2:last-child {
		margin: 0px 0px 0px -1px;
	}

.business li:last-child {
	margin-right: 0;
}

	/* 有資格者ここまで */

	/* 保有ソフト */

.software {
	font-size: 16px;	/* 文字サイズ */
	text-align: left;	/* 文字位置 */
	line-height: 32px;	/* 行間 */
	margin: 0 auto;	/* 中央表示 */
	margin-bottom: 100px;	/* 下余白 */
	width: 1050px;
	overflow:hidden;
	height: 45px;	/* 縦幅 */
}

.soft {
	margin-bottom: 0px;
}

.software th {
	width: 20%;
}

.software td {
	width: 90%;
}

/* 会社案内ここから */

.eir {
	padding-bottom: 20px;
	height: auto;
	margin: 0 auto;
	padding-top: 30px;
}

.eir2 {
	padding: 100px 0px;
	width: 80%;
	height: auto;
	margin: 0 auto;
	max-width: 1050px;
}

.table3 {
	line-height: 32px;	/* 行間 */
	border: solid 1px #000;	/* 枠 */
	width: 100%;	/* 横幅 */
	max-width: 1050px;
	margin: 0 auto;
	margin-bottom: 70px;
}

.table3 th {
	width: 30%;	/* 横幅 */
	text-align: center;	/* 文字位置 */
	border: solid 1px #000;	/* 枠 */
	padding: 15px;	/* 隙間 */
	vertical-align: middle;	/* 中央揃え */
}

.table3 td {
	border: solid 1px #000;	/* 枠 */
	text-align: left;	/* 文字位置 */
	vertical-align: middle;	/* 中央揃え */
	padding: 8px 0px 8px 20px;	/* 隙間 */
}

/* 会社案内ここまで */

/* 求人情報ここから */

.recruit {
	width: 90%;
	margin: 20px auto;
	margin-bottom: 60px;
}

.rec_tab {
	margin: 0 auto;
	width: 100%;
}

.rec_tab td, .rec_tab th {
	padding: 25px;
	border-bottom: solid 1px #e7eaef;
	font-size: 16px;
	text-align: left;
	line-height: 32px;
	vertical-align: baseline;
}

h3 {
	position: relative;	/* 相対位置 */
	padding-right: 30px;	/* 右隙間 */
	color:#fff;	/* 文字色 */
	font-weight: bold;	/* フォントスタイル */
	text-align: center;	/* 文字位置 */
	font-size: 20px;	/* フォントサイズ */
	background: #cc0000;	/* 背景色 */
	width: 120px;	/* 横幅 */
	line-height: 40px;	/* 行間 */
	border-radius: 0 50px 50px 0;	/* 角 */
	height: 40px;	/* 縦幅 */
	padding-left: 10px;	/* 左隙間 */
	margin-left: 100px;
}

h3:before {
	position: absolute;	/* 絶対位置 */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;	/* フォントスタイル */
	content: "\f105";	/* 要素アイコン指定 */
	background: #cc0000;	/* 背景色 */
	color: #fff;	/* 文字色 */
	top: 50%;	/* 中央配置 */
	margin-left: 85px;	/* 左余白 */
	font-size: 20px;	/* フォントサイズ */
	width: 25px;	/* 横幅 */
	height: 40px;	/* 縦幅 */
	line-height: 40px;	/* 行間 */
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);	/* Y軸移動 */
	border-radius: 0 50px 50px 0;	/* 角 */
	padding-right: 10px;	/* 右隙間 */
}

.rec_tab th {
	width: 35%;
}

h7,
h12{
	font-weight: 400;
	font-size: 20px;
	line-height: 40px;
}

h12 {
font-size: 16px;
}

h7 p,
.h7_boxb,
h12 p {
	font-size: 16px;
	line-height: 32px;
	width: 800px;
	margin: 0 auto;
	margin-top: 25px;
}

h12 p {
	padding-bottom: 50px;
	margin-top: 10px;
}

.support {
	width: 100%;
	max-width: 1170px;
	text-align: center;
	position: relative;	/* 相対位置 */
	overflow: hidden;	/* はみ出た要素は隠す */
	margin: 20px auto;
	margin-top: 32px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}

.sup_box {
	width: 370px;
	height: 600px;
	float: left;
	border: solid 1px #000;
	background-color: #fff;
	border-radius: 30px;
}

.sup_icon {
	font-family: "Font Awesome 5 Free";
	font-size: 40px;
	margin: 30px;
	color: #cc0000;
}

.sup_p {
	margin: 0 auto;
	font-weight: bold;
	font-size: 20px;
}

.sup_small {
	font-weight: bold;
	margin: 8px;
	position: relative;
}

.sup_box ul {
	list-style: none;
	text-align: left;
	margin: 30px 0px 30px 30px;
	line-height: 32px;
}

.sup_box ul li::before {
	position: relative;
	top: -5px;
	left: -8px;
	display: inline-block;
	content: '';
	border-radius: 50%;
	background: #000;
	width: 2.5px;
	height: 2.5px;
}

.h9box {
	width: 800px;
	text-align: left;
	margin: 50px auto;
}

h9 {
	margin: 50px auto;
	left: 0%;
	font-weight: bold;
	font-size: 20px;
	border-left: solid 6px #cc0000;
	padding-left: 10px;
}

.h9p {
	text-align: left;
	width: 1030px;
	margin: 10px auto;
	line-height: 32px;
}

.h9pbox {
	background-color: #fff;
	color: #000;
	padding: 10px;
	padding-left: 18px;
	margin-top: 8px;
	border: solid 1px #cc0000;
	width: auto;
	display:inline-block
}

.photo {
	max-width: 840px;
	margin: 0 auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	position: relative;	/* 相対位置 */
	overflow: hidden;	/* はみ出た要素は隠す */
	flex-wrap: wrap;
	border-style: none;
}

.eventphoto1, .eventphoto2, .eventphoto3, .eventphoto4, .eventphoto5, .eventphoto6, .eventphoto7, .eventphoto8 {
	background-position: center center;	/* 画像中央表示 */
	background-size: cover;	/* 幅いっぱいに表示 */
	width: 200px;	/* 横幅 */
	height: 200px;	/* 縦幅 */
	margin: 5px;
	float: left;
}

.eventphoto1 {
	background-image: url("images/photo1.png");
}

.eventphoto2 {
	background-image: url("images/photo2.png");
}

.eventphoto3 {
	background-image: url("images/photo3.png");
}

.eventphoto4 {
	background-image: url("images/photo4.png");
}

.eventphoto5 {
	background-image: url("images/photo5.png");
}

.eventphoto6 {
	background-image: url("images/photo6.png");
}

.eventphoto7 {
	background-image: url("images/photo7.png");
}

.eventphoto8 {
	background-image: url("images/photo8.png");
}

/* 求人情報ここまで */

/* お問い合わせここから */

.tableform {
	width: 100%;	/* 横幅　*/
	margin-top: 100px;	/* 上余白 */
}

.tableform th {
	vertical-align: top;	/* 上揃え */
	text-align: left;	/* 文字位置 */
	width: 30%;	/* 横幅 */
	height: 50px;	/* 縦幅 */
}

.tableform td {
	height: 80px;	/* 縦幅 */
}

td .requier {
	font-size: 13px;	/* フォントサイズ */
	color: #cc0000;	/* 文字色 */
	display: block;	/* 要素の表示形式 */
	text-align:left;	/* 文字位置 */
	margin-top: -13px;	/* 上余白 */
}

.small {
	font-size: 20px;	/* フォントサイズ */
	margin-right: 10px;	/* 右余白 */
}

.message {
	margin-bottom: 40px;	/* 下余白 */
	padding: 1em;	/* 隙間 */
	background: #fff;	/* 背景色 */
	border-radius: 2px;	/* 角 */
	font-size: 15px;	/* フォントサイズ */
	color: #cc0000;	/* 文字色 */
}

form {
	position: relative;	/* 相対位置 */
	width: 60%;	/* 横幅 */
	margin: 0 auto;	/* 中央表示 */
	margin-bottom: 100px;	/* 下余白 */
}

.contact_area > label {
	margin-top: 50px;	/* 上余白 */
	display: block;	/* 要素の表示形式 */
}

form label {
	font-size: 18px;	/* フォントサイズ */
	line-height: 20px;	/* 行間 */
}

form input[type=text],
form input[type=tel],
form input[type=email],
form textarea {
	text-align: left;	/* 文字位置 */
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;	/* フォント */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 16px;	/* フォントサイズ */
	width: 100%;	/* 横幅 */
	background: #fcfcfc;	/* 背景色 */
	border: 1px solid #e7eaef;	/* 枠 */
	padding: 5px;	/* 隙間 */
	line-height: 1;	/* 行間 */
	border-radius: 5px 5px 5px 5px;	/* 角 */

}

form input[type=text]:focus,
form input[type=tel]:focus,
form input[type=email]:focus,
form textarea:focus {
	border-color: #cc0000;	/* 背景色 */
	outline: none;	/* 輪郭 */
}

form input[type=text].contact_small {
	width: 60%;	/* 横幅 */
}

form select:hover,
form input[type=radio]:hover,
form input[type=checkbox]:hover {
	cursor: pointer;	/* カーソル */
}

form select {
	width: auto !important;	/* 横幅 */
	border-radius: 2px;	/* 角 */
	font-size: 20px;	/* フォントサイズ */
	font-size: 2rem;	/* フォントサイズ */
	padding: .4em;	/* 隙間 */
	background: #fff;	/* 背景色 */
	border: 1px solid #e7eaef;	/* 枠 */
}

form select:focus {
	outline: none;	/* 輪郭 */
}

form textarea {
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;	/* フォント */
	height: 180px;	/* 縦幅 */
	line-height: 1.4;	/* 行間 */
}

form input[type=submit] {
	margin-top: 50px;	/* 上余白 */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: .9em 0;	/* 隙間 */
	background: #cc0000;	/* 背景色 */
	border: 1px solid #cc0000;	/* 枠 */
	border-radius: 4px;	/* 角 */
	text-align: center;	/* 文字位置 */
	line-height: 1;	/* 行間 */
	color: #fff;	/* 文字色 */
	-webkit-transition: all .2s;
	transition: all .2s;	/* 変化時間 */
	font-size: 15px;	/* フォントサイズ */
	width: 100%;	/* 横幅 */
}

form input[type=submit]:hover,
form input[type=submit]:active {
	cursor: pointer;	/* カーソル */
	background: #e60000;	/* 背景色 */
	border-color: #ffffff;	/* 枠色 */
	text-decoration: none;	/* 装飾 */
}

form input[type=submit]:focus {
	outline: none;	/* 輪郭 */
}

.personal_info {
	margin-top: 100px;	/* 上余白 */
	margin-bottom: 100px;	/* 下余白 */
}

.personal_info_txt, .contact_message {
	font-size: 12px;	/* フォントサイズ */
	text-align: left;	/* 文字位置 */
	font-weight: 400;
}

.contact_message {
	color: #cc0000;
}

	/* お問い合わせここまで */

	/* いい感じかもしれない見出しここから */

h2 {
	position: relative;	/* 相対位置 */
	color: #009999;	/* 文字色 */
	font-size: 25px;	/* フォントサイズ */
	padding: 10px 0;	/* 隙間 */
	text-align: center;	/* 文字位置 */
	margin-bottom: 75px;	/* 下余白 */
	font-weight: bold;	/* フォントスタイル */
}

h2:before {
	content: "";	/* 空要素 */
	position: absolute;	/* 絶対位置 */
	top: -12px;	/* 上位置調整 */
	left: 50%;	/* 左位置調整 */
	width: 20%;	/* 横幅 */
	height: 58px;	/* 縦幅 */
	border-radius: 50%;	/* 角 */
	border: 5px solid #a6ddb0;	/* 枠 */
	border-left-color: transparent;	/* 枠左色 */
	border-right-color: transparent;	/* 枠右色 */
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);	/* X位置移動 */
}

h4 {
	width: auto;	/* 横幅 */
	margin: 0 auto;	/* 中央表示 */
	padding: 10px 0;	/* 隙間 */
	font-family: sans-serif;	/* フォント */
	font-size: 20px;	/* フォントサイズ */
	color:#009999;	/* 文字色 */
}

.heading {
	margin: 10px 0	/* 余白 */
}

h4 .heading text {
	stroke: #009999;	/* 線色 */
	stroke-width: 1.5;	/* 線長さ */
	fill: rgba(60,179,228,0.2);
	font-size: 35px;	/* フォントサイズ */
}

h5 {
	width: 300px;	/* 横幅 */
	margin:	0;			 /* デフォルトCSS打ち消し */
	font-size:	24px;		 /* 文字サイズ指定 */
	position:	relative;	/* 位置調整 */
	font-weight:	normal;	 /* 文字の太さ調整 */
	margin-bottom: 15px;	/* 周りの余白指定 */
	border-bottom: solid 4px #009999;		/* 線指定 */
	border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;	/* 角丸指定 */
}

	/* いい感じかもしれない見出しここまで */

	/*フッターここから*/

footer {
 	background: #333;	/* 背景色 */
 	height: 40;	/* 高さ */
	width: 100%;	/* 横幅 */
	bottom: 0;	/* 最下部 */
}

footer p {
	width: 100%;	/* 横幅 */
 	color: #fff;	/* 文字色 */
	font-size: 0.75rem;	/* フォントサイズ */
	text-align: center;	/* 文字位置 */
	line-height: 40px;	/* 行間 */
}

	/* フッターここまで */

@media (max-width: 1098px){
	.tdimg1, .tdimg2, .tdimg3, .tdimg4, .tdimg5, .tdimg6 {
		background-position: center center;	/* 画像中央表示 */
		background-size: cover;	/* 幅いっぱいに表示 */
		width: 310px;	/* 横幅 */
		height: 200px;	/* 縦幅 */
		border-radius: 30px 30px 0px 0px;
		border: none;
	}

	.business_base,
	.business_base2,
	.business_base3 {
		overflow: hidden;	/* はみ出た要素は隠す */
		padding: 20px 0px;
		max-width: 980px;
		margin: 0 auto;
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		position: relative;	/* 相対位置 */
		flex-wrap: wrap;
		padding-right: 30px;
	}

	.business_base2 {
		padding: 0px;
	}

	.showdown {
		height: auto;
	}

	.business {
		list-style: none;	/* リストスタイル無し */
		float: left;	/* コンテンツを横並びに */
		position: relative;	/* 相対位置 */
		left: 50%;	/* 中央表示 */
	}

	.business li {
		float: left;	/* コンテンツを横並びに */
		position: relative;	/* 相対位置 */
		left: -50%;	/* 中央表示 */
		width: 310px;	/* 横幅 */
		height: 455px;	/* 縦幅 */
		text-align: center;	/* 文字の中央寄せ */
		font-size: 23px;	/* フォントサイズ */
		margin: 0px 10px 0px 0px;	/* 余白 */
		border-radius: 30px;
		border-image-slice: 1;	/* 影 */
		box-shadow: 10px 10px 10px -3px rgba(0, 0, 0, 0.2);	/* 影 */
	}

	.business li:nth-of-type(3) {
		margin: 0px 0px 50px 0px;
	}

	.business li:nth-of-type(6) {
		margin: 0px 0px 0px 0px;
	}

	.business_margin {
		height: 40px;
		border-image-slice: none;	/* 影 */
		box-shadow: none;	/* 影 */
	}

	.business li p {
		font-size: 20px;
		line-height: 30px;	/* 行間 */
		margin: 15px 0px;	/* 余白 */
		text-align: center;	/* 文字の中央寄せ */
		font-weight: bold;
		margin-bottom: 10px;
	}

	.business li:last-child {
		margin-right: 0;
	}

	.business_table_2 {
		margin-top: 0px;
		padding: 0px 20px 30px;	/* 隙間調整 */
		font-size: 16px;	/* フォントサイズ */
		line-height: 32px;	/* 行間 */
		width: 310px;	/* 横幅 */
		height: 175px;
	}

	.table3 {
		width: 90%;	/* 横幅 */
		max-width: 980px;
	}

	.table3 th {
		width: 30%;	/* 横幅 */
}

	.support {
		width: 100%;
		max-width: 980px;
	}

	.sup_box {
		width: 320px;
		height: 600px;
	}

		/* 業務内容ここまで */
		
}

	/* タブレットここから */

@media screen and (max-width: 980px) {

	.container {
		width: 95%;
		height: 100%;
	}

	#top-head,
	#top-head2 {
		height: 55px;
		border-bottom: none;
		border-image: none;
	}
		
	.head_box {
		width: 100%;
		height: 55px;
	}

	#mobile-head {
		background: #fff;	/* 背景色 */
		width: 100%;
		height: 55px;
		z-index: 999;
		position: relative;
		top: 50%; /* 横幅指定 */
		transform: translateY(-50%); /* 横幅指定 */	
		padding-left: 5%;
		padding-right: 5%;
		border-bottom: solid 0px #cc0000;
		border-image-slice: 1;
		}

	.logo {
		height: 35px; /* 縦幅指定 */
		width: auto; /* 横幅指定 */
	}

	.logo_li,
	.logo_li2 {
		height: auto;
		font-size: 1.2rem;
		margin-left: 3.5rem;
		color: #555;
	}

	.logo_li img,
	.logo_li2 img {
		height: 1.2rem;
		filter: none;
	}
	
	.new::after {
	top: 0px;
	left: 40%;
	}
	
	#global-nav,
	#global-nav2 {
		background: #fff;
		top: -500px;	/* 開いてないときは画面外に配置 */
		text-align: center;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		display: flex;
		justify-content: center;
		position:absolute;
		width: 100%;
		color: #555;	/* 文字色 */
		}

	#global-nav ul,	
	#global-nav2 ul {
		position: relative;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
		line-height: 40px;
	 }
	 
	#global-nav ul li,
	#global-nav2 ul li {
		float: none;
		transition-duration: 1s;
		background: linear-gradient(to top, #fff 0%, #f4f4f4 100%);
		padding: none;
		margin: none;
	}

	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a,
	#top-head2 #global-nav ul li a,
	#top-head2.fixed #global-nav ul li a,
	#top-head2 #global-nav2 ul li a,
	#top-head2.fixed #global-nav2 ul li a {
		width: 100%;
		margin: 0px;
		font-family: 'M PLUS 1p', sans-serif;
		font-size: 13px;
		top: 0%;	/* 中央配置 */
		transform: translateY(0%);	/* 中央配置 */
		text-decoration: none ;
		color: #555;
	}
	 
	#global-nav ul li a::after,
	#global-nav2 ul li a::after {
		display: none;
	}

	#global-nav2 ul li a:hover, 
	#global-nav ul li a:hover {/*マウスが上に乗っている状態*/

		font-color:#fff;
		background:	linear-gradient(to right, #b12323 0%, #C2181F 50%, #b12323 100%);
		text-decoration:none;
		position:relative;
		margin: 0 calc(50% - 50vw);
		width: 100vw;
		border-bottom: none;
		color:#fff;
	}

	#nav-toggle {
		display: block;
	}

	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		-webkit-transform: translateY(9px) rotate(-45deg);
		transform: translateY(9px) rotate(-45deg);
	}

		.open #nav-toggle span:nth-child(2) {
		-webkit-transform: translateX(15px);
		opacity: 0;
	}

	.open #nav-toggle span:nth-child(3) {
		-webkit-transform: translateY(-9px) rotate(45deg);
		transform: translateY(-9px) rotate(45deg);
	}

	/* #global-nav スライドアニメーション */
	.open #global-nav,
	.open #global-nav2 {
	/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(553px);
		-webkit-transform: translateY(553px);
		transform: translateY(553px);
	}

	a:hover{
		color: #fff !important;
	}
	
	.wrapper {
		min-height: 100vh;
		position: relative;						/* 相対位置 */
		padding-bottom: 40px;					/* footerの高さ */
		box-sizing: border-box;					/* 全て含めてmin-height:100vhに */
	}

	.main_contents,
	.main_contents2 {
		text-align: center;
		justify-content: center;	/* コンテンツ中央配置 */
		position:relative;	/* 相対位置 */
		width: 100%;
	}

	.main_title{
		display: inline-block;
		font-size: 2.5rem;
		position:absolute;
		top:50%;
		left:50%;
		display:inline;
		transform:translate(-50%, -50%);
	}
	
	.main_title p {
		font-size: 1.5rem;
	}
	
	.title_box {
		height: 125px;
	}

	h0, h02, h03 {
		height: 130px;
		font-size: 28px;
		margin-top: 100px;
		letter-spacing: 5px;
		padding-top: 20px;
	}

	h0:after,
	h02:after,
	h03:after {
		font-size: 20px;
		top: 75px;
		bottom: 0;
		left: 0;
		right: 0;
	}

	section {
		margin: 0px auto;	/* 上位置調整 */
		width: 100%;
	}

	.section2 {
		margin-top: 30px;
		padding-bottom: 50px;
		padding-top: 0px;
	}

	.margin {
		height: 56px;	/* 縦幅 */
	}

	h1 {
		margin-top: 40px;	/* 下位置調整 */
	}
	
	/* 業務内容ここから */

	.philosophy {
		font-size: 17px;
		line-height: 30px;
		width: 90%;
		margin: 85px auto;
		margin-bottom: 20px;
	}
	
	.philo_s {
		font-size: 16px;
		line-height: 32px;
		width: 600px;
		margin: 0 auto;
	}
	
	.flow {
		text-align: left;
		font-size: 15px;
		width: 90%;
		margin: 0 auto;
	}

		/* 業務内容ここから */
		
	.tdimg1, .tdimg2, .tdimg3, .tdimg4, .tdimg5, .tdimg6 {
		width: 330px;	/* 横幅 */
	}

	.business_base {
		margin: 0 auto;
		margin-top: -25px;
		max-width: 730px;
		padding-left: 10px;
	}
	
	.business, .business2 {
		width: 720px;	/* 横幅 */
		margin: 0 auto;
	}

	.business li {
		margin: 0px 0px 0px 0px;	/* 余白 */
		width: 330px;	/* 横幅 */
		height: 435px;	/* 縦幅 */
	}

	.business li:nth-child(-n+2) {
		margin-top: 20px;
	}

	.business li:nth-child(-n+4) {
		margin-bottom: 50px;
	}

	.business li:last-child {
		margin-bottom: 0px;
	}
		
	.business li:nth-child(2n) {
		margin-left: 20px;
	}
	
	.business li:nth-child(2n+1) {
		margin-right: 20px;
	}

	.business_table_2 {
		width: 330px;	/* 横幅 */
		height: 150px;
	}
	
	.business {
		padding-bottom: 0px;
	}
	
	.business_margin {
		display: none;
	}

		/* 業務内容ここまで */
	
		/* 有資格者ここから */

	.business2 {
		width: 330px;	/* 横幅 */
		padding: 0px;
	}	

	.table2 {
	}
	
	.a2 {
		padding: none;
		margin: 0px;
		
	}

	.a3 {
		width: 20%;
	}

	.table2:last-child {
		margin: -1px 0px 0px 0px;
	}

	.a3:last-child {
		margin: 0px 0px 0px 0px;
	}
	
		/* 有資格者ここまで */
		
		/* 保有ソフト */
	
	.business_base3 {
		margin: 20px auto;
		padding: 0px;
	}
	
	.software, .soft {
		margin-top: 10px;
		margin-bottom: 30px;	/* 下余白 */
		width: 90%;
	}
	
	.soft {
		margin-bottom: 0px;
	}

	.software th {
		width: 100%;
		display: block;
	}
	
	.software td {
		display: block;
		margin-left: 30px;
	}
	
		/* 業務内容ここまで */
		
		/* 会社案内ここから */
	
	.eir {
		margin-top: 125px;
		padding-bottom: 0px;
	}

	.eir2 {
		padding: 50px 0px;
		width: 100%;
	}

	.table3 {
		line-height: 20px;	/* 行間 */
		width: 90%;
		margin: -50px auto;
		margin-bottom: 50px;
	}

	.table3 th {
		width: 20%;	/* 横幅 */
		padding: 10px;	/* 隙間 */
	}
	
	.table3 td {
		padding-right: 16px;	/* 隙間 */
	}
	
	/* 会社案内ここまで */
	
	/* 求人情報ここから */
	
	.h7_box,
	.h7_boxb,
	.h12_box {
		width: 90%;
		margin: 85px auto;
		margin-bottom: 20px;
		 text-align: center;
	}
	
	.h7_boxb {
		margin: 25px auto;
		line-height: 1.5;
		width: 90%;
		text-align: center;
	}
	
	h7,
	h12 {
		font-size: 17px;
		line-height: 30px;
	}
		
	h12 {
		marigin-bottom: 0px;
		padding-bottom: 0px;
	}

	h7 p,
	h12 p {
		line-height: 1.5;
		width: 100%;
		margin-top: 25px;
		text-align: left;
		margin-bottom: 30px;
	}
	
	h12 p {
		text-align: center;
		marign-bottom: 0px;
		padding-bottom: 0px;
	}

	.recruit {
		width: 100%;
		margin: 0px auto;
	}

	.rec_tab {
		width: 90%;
	}

	.rec_tab td, .rec_tab th {
		padding: 5px;
		font-size: 16px;
		line-height: 1.5;
		display: block;
	}
	
	.rec_tab th {
		border-bottom: none;
		padding-left: 0px;
		margin-left: 0px;
	}

	.rec_tab td {
		margin-top: 10px;
		margin-bottom: 20px;
		padding-left: 20%;
		padding-bottom: 20px;
		padding-right: 30px;
	}

	h3 {
		font-size: 17px;	/* フォントサイズ */
		width: 120px;	/* 横幅 */
		line-height: 22px;	/* 行間 */
		height: 22px;	/* 縦幅 */
		padding-left: 10px;	/* 左隙間 */
		margin-left: 0px;
	}

	h3:before {
		margin-left: 75px;	/* 左余白 */
		font-size: 17px;	/* フォントサイズ */
		width: 17px;	/* 横幅 */
		height: 22px;	/* 縦幅 */
		line-height: 22px;	/* 行間 */
	}
	
	.support {
		width: 50%;
		max-width: 1170px;
		text-align: center;
		position: relative;	/* 相対位置 */
		overflow: hidden;	/* はみ出た要素は隠す */
		margin: 0px auto;
		display: -webkit-block; /* Safari */
		display: block;
		-webkit-justify-content: space-between; /* Safari */
		justify-content:		 space-between;
	}

	.sup_box {
		width: 370px;
		width: 100%;
		height: auto;
		margin: 20px auto;
	}

	.sup_box ul {
		margin: 30px 10px 20px 40px;
	}

	h9 {
		border: none;
		margin-left: 5%;
		padding: 0px;
	}
	
	.h9box {
		width: 100%;
		margin: 20px auto;
		margin-bottom: 50px;
		margin-top: 40px;
	}

	.h9p {
		font-size: 16px;
		width: 90%;
		line-height: 1.5;
		margin-top: 40px;
	}
		
	.h9box_base:first-child {
		margin-top: 50px;
	 }
	
	.photo {
		max-width: 720px;
	}

	
	.eventphoto1, .eventphoto2, .eventphoto3, .eventphoto4, .eventphoto5, .eventphoto6, .eventphoto7, .eventphoto8 {
		width: 170px;	/* 横幅 */
		height: 170px;	/* 縦幅 */
	}

	 /* 求人情報ここまで */

	 /* お問い合わせここから */

	.tableform {
		width: 100%;	/* 横幅　*/
		margin-top: 0px;	/* 上余白 */
	}

	.tableform th {
		display: block;
		width: 100%;	/* 横幅 */
		height: 40px;	/* 縦幅 */
	}

	.tableform td {
		display: block;
		width: 100%;
	}

	td .requier {
		font-size: 13px;	/* フォントサイズ */
		color: #cc0000;	/* 文字色 */
		display: block;	/* 要素の表示形式 */
		text-align:left;	/* 文字位置 */
		margin-top: -13px;	/* 上余白 */
	}

	.small {
		font-size: 13px;	/* フォントサイズ */
		margin-right: 10px;	/* 右余白 */
	}

	.message {
		margin-bottom: 40px;	/* 下余白 */
		padding: 5em;	/* 隙間 */
		background: #fff;	/* 背景色 */
		border-radius: 2px;	/* 角 */
		font-size: 15px;	/* フォントサイズ */
		color: #cc0000;	/* 文字色 */
	}

	form {
		position: relative;	/* 相対位置 */

		width: 85%;	/* 横幅 */
		margin: 0 auto;	/* 中央表示 */
		margin-bottom: 50px;	/* 下余白 */
	}

	.contact_area > label {
		margin-top: 50px;	/* 上余白 */
		display: block;	/* 要素の表示形式 */
	}

	form label {
		font-size: 15px;	/* フォントサイズ */
		line-height: 20px;	/* 行間 */
	}

	form input[type=text],
	form input[type=tel],
	form input[type=email],
	form textarea {
		font-size: 13px;	/* フォントサイズ */
		padding: 5px;	/* 隙間 */
		line-height: 1;	/* 行間 */
	}

	form input[type=text].contact_small {
		width: 60%;	/* 横幅 */
	}

	form select {
		width: auto !important;	/* 横幅 */
		border-radius: 2px;	/* 角 */
		font-size: 20px;	/* フォントサイズ */
		font-size: 2rem;	/* フォントサイズ */
		padding: .4em;	/* 隙間 */
	}

	form textarea {
		height: 180px;	/* 縦幅 */
		line-height: 1.4;	/* 行間 */
	}

	form input[type=submit] {
		margin-top: 150px;	/* 上余白 */
		padding: .9em 0;	/* 隙間 */
		line-height: 1;	/* 行間 */
		font-size: 15px;	/* フォントサイズ */
		width: 100%;	/* 横幅 */
	}

	.personal_info {
		margin-top: 50px;	/* 上余白 */
		margin-bottom: 50px;	/* 下余白 */
	}

	.personal_info_txt {
		font-size: 12px;	/* フォントサイズ */
		text-align: left;	/* 文字位置 */
	}
		/* お問い合わせここまで */	 
}	

	/* タブレットここまで */

	/* スマートフォンここから */


@media all and (max-width: 750px){
	.container {
		width: 95%;
		height: 100%;
	}
	
	#top-head,
	#top-head2 {
		height: 55px;
		border-bottom: none;
		border-image: none;
	}
	
	.head_box {
		width: 100%;
		height: 55px;
	}
	
	#mobile-head {
		background: #fff;	/* 背景色 */
		width: 100%;
		height: 55px;
		z-index: 999;
		position: relative;
		top: 50%; /* 横幅指定 */
		transform: translateY(-50%); /* 横幅指定 */	
		padding-left: 5%;
		padding-right: 5%;
		border-bottom: solid 0px #cc0000;
		border-image-slice: 1;
		}

	.logo {
		height: 30px; /* 縦幅指定 */
		width: auto; /* 横幅指定 */
	}

	.logo_li,
	.logo_li2 {
		height: auto;
		font-size: 1.2rem;
		margin-left: 3.5rem;
		color: #555;
	}

	.logo_li img,
	.logo_li2 img {
		height: 1.2rem;
		margin-left: -10px;
		filter: none;
	}
	
	.new::after {
		top: 0px;
		left: 25%;
	}
	
	#global-nav,
	#global-nav2 {
		background: #fff;
		top: -500px;	/* 開いてないときは画面外に配置 */
		text-align: center;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		display: flex;
		justify-content: center;
		position:absolute;
		width: 100%;
		color: #555;	/* 文字色 */
		}

	#global-nav ul,	
	#global-nav2 ul {
		position: relative;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
		line-height: 40px;
	 }
	 
	#global-nav ul li,
	#global-nav2 ul li {
		float: none;
		transition-duration: 1s;
		background: linear-gradient(to top, #fff 0%, #f4f4f4 100%);
		padding: none;
		margin: none;
	}

	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a,
	#top-head2 #global-nav ul li a,
	#top-head2.fixed #global-nav ul li a {
		width: 100%;
		margin: 0px;
		font-family: 'M PLUS 1p', sans-serif;
		font-size: 13px;
		top: 0%;	/* 中央配置 */
		transform: translateY(0%);	/* 中央配置 */
		text-decoration: none ;
		color: #555;
	}
	 
	#global-nav ul li a::after,
	#global-nav2 ul li a::after {
		display: none;
	}
	
	#global-nav ul li a:hover {/*マウスが上に乗っている状態*/
		font-color:#fff;
		background:	linear-gradient(to right, #b12323 0%, #C2181F 50%, #b12323 100%);
		text-decoration:none;
		position:relative;
		margin: 0 calc(50% - 50vw);
		width: 100vw;
		border-bottom: none;
		color:#fff;
	}

	#nav-toggle {
		display: block;
	}

	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		-webkit-transform: translateY(9px) rotate(-45deg);
		transform: translateY(9px) rotate(-45deg);
	}

		.open #nav-toggle span:nth-child(2) {
		-webkit-transform: translateX(15px);
		opacity: 0;
	}

	.open #nav-toggle span:nth-child(3) {
		-webkit-transform: translateY(-9px) rotate(45deg);
		transform: translateY(-9px) rotate(45deg);
	}

	/* #global-nav スライドアニメーション */
	.open #global-nav,
	.open #global-nav2 {
	/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(553px);
		-webkit-transform: translateY(553px);
		transform: translateY(553px);
	}

	a:hover{
		color: #fff !important;
	}
	
	.wrapper {
		min-height: 100vh;
		position: relative;						/* 相対位置 */
		padding-bottom: 40px;					/* footerの高さ */
		box-sizing: border-box;					/* 全て含めてmin-height:100vhに */
	}
	
	.main_contents,
	.main_contents2 {
		text-align: center;
		justify-content: center;	/* コンテンツ中央配置 */
		position:relative;	/* 相対位置 */
		width: 100%;
	}
	
	.main_title{
		display: inline-block;
		font-size: 3rem;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		text-align: left;
		position:absolute;
		left:50%;
		display:inline;
		transform:translate(-50%, -50%);
		height:80%;
		margin-top: 55px;
	}
	
	.main_title p {
		display: none;
	}
	
	.title_box {
		height: 125px;
	}

	h0, h02, h03 {
		height: 130px;
		font-size: 28px;
		margin-top: 100px;
		letter-spacing: 5px;
		padding-top: 20px;
	}

	h0:after,
	h02:after,
	h03:after {
		font-size: 20px;
		top: 75px;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	section {
		margin: 0px auto;	/* 上位置調整 */
		width: 100%;
	}
	
	.section2 {
		margin-top: 30px;
		padding-bottom: 50px;
		padding-top: 0px;
	}
	
	.margin {
		height: 56px;	/* 縦幅 */
	}

	h1 {
		margin-top: 40px;	/* 下位置調整 */
	}
	
	/* 業務内容ここから */

	.philosophy {
		font-size: 17px;
		line-height: 30px;
		width: 90%;
		margin: 85px auto;
		margin-bottom: 20px;
	}
	
	.philo_s {
		width: auto;
	}
	
	.flow {
		text-align: left;
		font-size: 15px;
		width: 90%;
		margin: 0 auto;
	}
	
		/* 業務内容ここから */
	
	.business_base {
		margin: 0 auto;
		margin-top: -25px;
		max-width: 360px;
		padding-left: 15px;
		padding-right: 0px;
	}
	
	.business, .business2 {
		width: 330px;	/* 横幅 */
		margin: 0 auto;
	}
	
	.business li {
		margin: 0px 0px 0px 0px;	/* 余白 */
	}
	
	.business li:first-child {
		margin-top: 20px;
	}
	
	.business li:nth-child(-n+5) {
		margin-bottom: 50px;
	}
	
	.business li:last-child {
		margin-bottom: 0px;
	}
	
	.business li:nth-child(2n+1) {
		margin-right: 0px;
	}
	
	.business li:nth-child(2n) {
		margin-left: 0px;
	}
	
	.business li:nth-child(2) {
		margin-top: 0px;
	}
	
	.business {
		padding-bottom: 0px;
	}
	
	.business_margin {
		display: none;
	}
	
		/* 業務内容ここまで */
	
		/* 有資格者ここから */
	
	.business2 {
		width: 330px;	/* 横幅 */
		padding: 0px;
	}
	
	.table2 {
	}
	
	.a2 {
		padding: none;
		margin: 0px;
	}
	
	.a3 {
		width: 20%;
	}
	
	.table2:last-child {
		margin: -1px 0px 0px 0px;
	}
	
	.a3:last-child {
		margin: 0px 0px 0px -3px;
	}
	
		/* 有資格者ここまで */

		/* 保有ソフト */

	.business_base3 {
		margin: 20px auto;
		padding: 0px;
	}
	
	.software, .soft {
		margin-top: 10px;
		margin-bottom: 30px;	/* 下余白 */
		width: 90%;
	}
	
	.soft {
		margin-bottom: 0px;
	}

	.software th {
		width: 100%;
		display: block;
	}

	.software td {
		display: block;
		margin-left: 30px;
	}
	
		/* 業務内容ここまで */
	
		/* 会社案内ここから */
	
	.eir {
		margin-top: 125px;
		padding-bottom: 0px;
	}
	
	.eir2 {
		padding: 50px 0px;
		width: 100%;
	}
	
	.table3 {
		line-height: 20px;	/* 行間 */
		width: 90%;
		margin: -50px auto;
		margin-bottom: 50px;
	}
	
	.table3 th {
		width: 20%;	/* 横幅 */
		padding: 10px;	/* 隙間 */
	}
	
	.table3 td {
		padding-right: 16px;	/* 隙間 */
	}
	
		/* 会社案内ここまで */
	
		/* 求人情報ここから */
	
	.h7_box,
	.h7_boxb {
		width: 90%;
		margin: 55px auto;
		margin-bottom: 20px;
	}

	.h7_boxb {
	margin: 25px auto;
		line-height: 1.5;
		width: 90%;
		text-align: left;
	}
	
	h7 {
		font-size: 17px;
		line-height: 30px;
	}
	
	h7 p {
		line-height: 1.5;
		width: 100%;
		margin-top: 25px;
		text-align: left;
		margin-bottom: 30px;
	}
	
	.h12_box {
	margin-top: 120px;
	margin-bottom: -20px;
	}
	
	h12 {
		padding-bottom: 0px;
		marign-bottom: 0px;
	}
	
	.recruit {
		width: 100%;
		margin: 0px auto;
	}
	
	.rec_tab {
		width: 100%;
	}
	
	.rec_tab td, .rec_tab th {
		padding: 5px;
		font-size: 16px;
		line-height: 1.5;
		display: block;
	}
	
	.rec_tab th {
		border-bottom: none;
		padding-left: 0px;
		margin-left: 0px;
	}
	
	.rec_tab td {
		margin-top: 10px;
		margin-bottom: 20px;
		padding-left: 40px;
		padding-bottom: 20px;
		padding-right: 30px;
	}
	
	h3 {
		font-size: 17px;	/* フォントサイズ */
		width: 120px;	/* 横幅 */
		line-height: 22px;	/* 行間 */
		height: 22px;	/* 縦幅 */
		padding-left: 10px;	/* 左隙間 */
		margin-left: 40px;
	}
	
	h3:before {
		margin-left: 75px;	/* 左余白 */
		font-size: 17px;	/* フォントサイズ */
		width: 17px;	/* 横幅 */
		height: 22px;	/* 縦幅 */
		line-height: 22px;	/* 行間 */
	}
	
	.support {
		width: 80%;
		text-align: center;
		position: relative;	/* 相対位置 */
		overflow: hidden;	/* はみ出た要素は隠す */
		margin: 0px auto;
		display: -webkit-block; /* Safari */
		display: block;
		-webkit-justify-content: space-between; /* Safari */
		justify-content:		 space-between;
	}
	
	.sup_box {
		width: 100%;
		height: auto;
		margin: 20px 0 ;
	}
	
	.sup_box ul {
		margin: 30px 10px 20px 40px;
	}
	
	h9 {
		border: none;
		margin-left: 5%;
		padding: 0px;
	}
	
	.h9box {
		width: 100%;
		margin: 20px auto;
		margin-bottom: 50px;
		margin-top: 40px;
	}
	
	.h9p {
		font-size: 16px;
		width: 90%;
		line-height: 1.5;
		margin-top: 40px;
	}
	
	.h9box_base:first-child {
		margin-top: 50px;
	 }
	
	.photo {
		max-width: 360px;
	}
	
	.eventphoto1, .eventphoto2, .eventphoto3, .eventphoto4, .eventphoto5, .eventphoto6, .eventphoto7, .eventphoto8 {
		width: 170px;	/* 横幅 */
		height: 170px;	/* 縦幅 */
	}

	 /* 求人情報ここまで */

	 /* お問い合わせここから */
	 
	.tableform {
		width: 100%;	/* 横幅　*/
		margin-top: 0px;	/* 上余白 */
	}
	
	.tableform th {
		display: block;
		width: 100%;	/* 横幅 */
		height: 40px;	/* 縦幅 */
	}
	
	.tableform td {
		display: block;
		width: 100%;
	}
	
	td .requier {
		font-size: 13px;	/* フォントサイズ */
		color: #cc0000;	/* 文字色 */
		display: block;	/* 要素の表示形式 */
		text-align:left;	/* 文字位置 */
		margin-top: -13px;	/* 上余白 */
	}
	
	.small {
		font-size: 13px;	/* フォントサイズ */
		margin-right: 10px;	/* 右余白 */
	}
	
	.message {
		margin-bottom: 40px;	/* 下余白 */
		padding: 5em;	/* 隙間 */
		background: #fff;	/* 背景色 */
		border-radius: 2px;	/* 角 */
		font-size: 15px;	/* フォントサイズ */
		color: #cc0000;	/* 文字色 */
	}
	
	form {
		position: relative;	/* 相対位置 */
		width: 85%;	/* 横幅 */
		margin: 0 auto;	/* 中央表示 */
		margin-bottom: 50px;	/* 下余白 */
	}
	
	.contact_area > label {
		margin-top: 50px;	/* 上余白 */
		display: block;	/* 要素の表示形式 */
	}
	
	form label {
		font-size: 15px;	/* フォントサイズ */
		line-height: 20px;	/* 行間 */
	}
	
	form input[type=text],
	form input[type=tel],
	form input[type=email],
	form textarea {
		font-size: 13px;	/* フォントサイズ */
		padding: 5px;	/* 隙間 */
		line-height: 1;	/* 行間 */
	}
	
	form input[type=text].contact_small {
		width: 60%;	/* 横幅 */
	}
	
	form select {
		width: auto !important;	/* 横幅 */
		border-radius: 2px;	/* 角 */
		font-size: 20px;	/* フォントサイズ */
		font-size: 2rem;	/* フォントサイズ */
		padding: .4em;	/* 隙間 */
	}
	
	form textarea {
		height: 180px;	/* 縦幅 */
		line-height: 1.4;	/* 行間 */
	}
	
	form input[type=submit] {
		margin-top: 150px;	/* 上余白 */
		padding: .9em 0;	/* 隙間 */
		line-height: 1;	/* 行間 */
		font-size: 15px;	/* フォントサイズ */
		width: 100%;	/* 横幅 */
	}
	
	.personal_info {
		margin-top: 50px;	/* 上余白 */
		margin-bottom: 50px;	/* 下余白 */
	}
	
	.personal_info_txt {
		font-size: 12px;	/* フォントサイズ */
		text-align: left;	/* 文字位置 */
	}
	
		/* お問い合わせここまで */	 
	
}

	/* スマートフォンここまで */

img {
	background-color: transparent;
	border: 0px!important;
	padding: 0px;
}