@charset "UTF-8";
/*
YUI 3.7.1 (build 5627)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/* reset-min.css*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* fonts-min.css*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}

/* base-min.css*/
h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}h1,h2,h3{margin:1em 0}h1,h2,h3,h4,h5,h6,strong{font-weight:bold}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}blockquote,ul,ol,dl{margin:1em}ol,ul,dl{margin-left:2em}ol{list-style:decimal outside}ul{list-style:disc outside}dl dd{margin-left:1em}th,td{border:1px solid #000;padding:.5em}th{font-weight:bold;text-align:center}caption{margin-bottom:.5em;text-align:center}p,fieldset,table,pre{margin-bottom:1em}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em}#yui3-css-stamp.cssbase{display:none}

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

Common Style

--------------------------------- */
/* link */
a {
	outline: none;
	overflow: hidden;
	text-decoration: none;
	}

	a,
	a:visited,
	a:hover { color: #09F; }
	
		a:hover { text-decoration: underline; }

/* clearfix */
/* .clear:before,
.clear:after {
	content: "";
	display: table;
	}
	
	.clear:after { clear: both; }
	.clear { zoom: 1; }
	 */
/* .nav, .reset */
.nav,
.nav > dd,
.reset,
.reset > dd { margin: 0; }

	.nav > li,
	.reset > li { list-style-type: none; }

/* table */
table { width: 100%; }

td,
th {
	text-align: left;
	vertical-align: top;
	border: none;
	padding: 0;
	}

/* headline */
h1,
h2,
h3,
h4 {
	margin: 0;
	padding: 0;
	}

p { margin-bottom: 1em; }

	p.reset { margin-bottom: 0; }

hr {
	width: 100%;
	height: 0px;
	border: 0px;
	border-top: 1px dotted #DDD;
	margin: 1em 0;
	}
	
input[type="text"],
textarea {
	line-height: 28px;
	padding: 0 0.25em;
	margin-right: 0.5em;
	border: solid 1px #b3b3b3;
	margin-bottom: 0;
	}
	
	textarea { height: 200px; }
	
input[type="submit"],
input[type="reset"] { padding: 5px; }

/* HTML5 Elements for IE */
header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure { display: block; }

figure { margin: 0; }

img { vertical-align: text-bottom; }

.hidden { display: none; }
	/* --------------------------------------
		Common Style > PC
	----------------------------------------- */
	@media (min-width:961px) {
	}
	/* -------------------------------------------
		Common Style > SP
	--------------------------------------------- */
	@media (max-width:960px) {
	}
/* ---------------------------------

Basic Style

--------------------------------- */
html,
body {
	color: #333;
	font-family: 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	letter-spacing: normal;
	vertical-align: baseline;
	-webkit-text-size-adjust: none;
}
	html { background: #474747; }
	html.home { background: #FFF; }
	body { line-height: 1.615;background-color: #1e9ad6; }
#wrapper {
	width: 100%;
	min-height: 100vh;
	position: relative;
}
#bg-sky {
	width: 100%;
	height: 100%;
	background-image: url(/img/common/bg-sky.jpg);
	background-repeat: repeat-x;
	background-size: cover;
	background-position: top center;
	background-attachment: fixed;
	position: relative;
}
#bg-sky:after {
	position: fixed;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 50%;
	background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
}

#container {
	position: relative;/*headerを固定する*/
	min-height: calc(100vh - 75px);
	max-height: 100%;
	z-index: 1;
	overflow: hidden;
}
.inner {
	position: relative;/*煙突の写真等を固定する*/
	margin: 0 auto;/*中央寄せ*/
}
.replace-img img {
	max-width: 100%;
	height: auto;
}
.center {
	text-align: center;
}

	/* --------------------------------------
		Basic Style > PC
	----------------------------------------- */
	@media (min-width:961px) {
		.inner{
			width: 960px;
		}
	}
	/* -------------------------------------------
		Basic Style > SP
	--------------------------------------------- */
	@media (max-width:960px) {
		.inner {
			width: calc(100% - 2rem);
		}
	}

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

Header

--------------------------------- */
#header {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}
/*ヘッダーはページ下部固定*/
#header {
	border-top: solid 1px #FFF;
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 10;
	}
	#header .inner {
		height: 75px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	#header a {
		transition : 0.25s;
	}
	#header a:hover {
		opacity: 0.5;
		transition : 0.5s;
	}
		#credit {/*住所*/
			margin: 0;
			border-left: solid 1px #FFF;
			padding-left: 1rem;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			align-content: flex-start;
			justify-content: center;
			align-items: flex-start;
		}
	#smokestack {/*煙突の写真*/
		position: fixed;
		z-index: 1;
		bottom: 75px;
		right: 0;
	}
		#smokestack img {
			width: 100%;
			height: auto;
		}
	/* --------------------------------------
		Header > wide PC
	----------------------------------------- */
	@media (min-width:1441px) {
		#smokestack {/*煙突の写真*/
			width: 255px;
			height: 476px;
		}
	}
	/* --------------------------------------
		Header > PC
	----------------------------------------- */
	@media screen and (min-width:961px) and ( max-width:1440px) {
		#logo {/*サイト名*/
			width: 225px;
			height: 38px;
		}
		#credit {/*住所*/
			width: 206px;
		}
		#smokestack {/*煙突の写真*/
			width: 255px;
			height: 476px;
		}
	}
	/* -------------------------------------------
		Header > SP
	--------------------------------------------- */
	@media (max-width:960px) {
		#logo,
		#credit {/*サイト名,住所*/
			background-size: 100% auto;
		}
		#logo img,
		#credit img {
			width: 100%;
			height: auto;
		}
		#smokestack {/*煙突の写真*/
			margin: auto;
		}
	}
	/* -------------------------------------------
		Header > SP medium
	--------------------------------------------- */
	@media (max-width:639px) {
		#smokestack {
			width: 180px;
			height: 336px;
		}
		#logo {
			width: 50%;
		}
		#credit {
			width: 40%;
		}
	}
	/* -------------------------------------------
		Header > SP small
	--------------------------------------------- */
	@media (max-width:400px) {
		#smokestack {
			width: 134px;
			height: 250px;
		}
	}
/* ---------------------------------

Global nav

--------------------------------- */
#nav-global {/*グローバルナビ*/
	position: fixed;
	top: 0;
	z-index: 15;
	}
	#nav-global .nav {/*グローバルナビ,ul*/
		margin-right: 0;
		margin-left: auto;
		/*z-index: 15;*/
	}
		#nav-global .nav a {
			display: block;/*リンクの領域を広げる*/
			transition : 0.25s;
		}
		#nav-global .nav a:hover {
			opacity: 0.5;
			transition : 0.5s;
		}
	/* --------------------------------------
		Global nav > PC
	----------------------------------------- */
	@media (min-width:961px) {
		#nav-global {
			height: 32px;
			left: 0;
			right: 0;
		}
			#nav-global .nav {
				display: flex;
				justify-content: flex-end;
			}
				#nav-global .nav li {
					margin-left: 1px;
				}
					#nav-global .nav a {
						padding-top: 0.5rem;
						padding-right: 2rem;
						padding-bottom: 0.5rem;
						padding-left: 1rem;
						line-height: 1em;
						background-image: url("../img/common/gnav-arrow.png");
						background-repeat: no-repeat;
						background-position: right 0.5rem center;
						background-color: rgba(0,0,0,0.5);
					}
	}
	/* -------------------------------------------
		Global nav > SP
	--------------------------------------------- */
	@media (max-width:960px) {
		#nav-global {
			width: 250px;
			height: 100%;
			padding-top: 100px;
			background-color: rgba(0,0,0,0.5);
			/* position: fixed; */
			/* top: 0; */
			right: 0;
			z-index: 10;
			transform: translateX(250px);
			transition: all .5s;
		}
			#nav-global .nav {
				flex-wrap: wrap;
			}
		#nav-global.open {
			transform: translateX(0);
		}
			#nav-global.open .nav li {
				color: #fff;
				text-align: center;
				padding: 10px 0;
			}
	}

/* --------------------------------------
	menu-trigger
----------------------------------------- */
	/* --------------------------------------
		menu-trigger > PC
	----------------------------------------- */
	@media (min-width:961px) {
		.menu-trigger {
			display: none;
		}
	}
	/* -------------------------------------------
		menu-trigger > SP
	--------------------------------------------- */
	@media (max-width:960px) {
		.menu-trigger {/*ハンバーガーメニュー,ボタン*/
			display: inline-block;
			width: 36px;
			height: 28px;
			vertical-align: middle;
			cursor: pointer;
			position: fixed;
			top: 30px;
			right: 30px;
			z-index: 100;
		}
			.menu-trigger span {/*三本線,非アクティブ*/
				display: inline-block;
				box-sizing: border-box;
				position: absolute;
				left: 0;
				width: 100%;
				height: 4px;
				background-color: #000;
				transition: all .5s;
			}
				.menu-trigger span:nth-of-type(1) {
					top: 0;
				}
				.menu-trigger span:nth-of-type(2) {
					top: 12px;
				}
				.menu-trigger span:nth-of-type(3) {
					bottom: 0;
				}
			.menu-trigger.active span {/*三本線,アクティブ*/
				background-color: #fff;
			}
				.menu-trigger.active span:nth-of-type(1) {
					transform: translateY(12px) rotate(-45deg);
				}
				.menu-trigger.active span:nth-of-type(2) {
					opacity: 0;
				}
				.menu-trigger.active span:nth-of-type(3) {
					transform: translateY(-12px) rotate(45deg);
				}
	}

/* --------------------------------------
	overlay
----------------------------------------- */
.overlay {/*ハンバーガーメニューを開いた時,コンテンツを覆う*/
	content: "";
	display: block;
	width: 0;
	height: 0;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	opacity: 0;
	transition: opacity .5s;
}
.overlay.open {
	width: 100%;
	height: 100%;
	opacity: 1;
}
.container.open {
	transform: translateX(-250px);
}
/* ---------------------------------

Content

--------------------------------- */
	#page-title {/*第二階層以降のページタイトル*/
		z-index: 15;
	}
	#bg-logo {/*Sマークを背景に敷く*/
		background-image: url(/img/home/bg-logo.png);
		background-repeat: no-repeat;
		background-size: cover;
		/* position: absolute; */
		position: fixed;
		top: 10px;
		left: 10px;
		z-index: 0;
		width: 505px;
		height: 505px;
	}
	#content > .section {/*白背景,角丸,padding*/
		z-index: 1;
		background-color:rgba(255,255,255,0.8);/*半透明の白背景*/
		border-radius: 2px;
		padding-top: 1.75rem;
		padding-right: 2rem;
		padding-bottom: 8rem;
		padding-left: 2rem;
	}
	#content > .section h2.title {/*画像見出し*/
		height: 31px;
		border-bottom: solid 1px #0071B8;
		margin-top: 40px;
		margin-right: 0;
		margin-bottom: 1em;
		margin-left: 0;
	}
	#content > .section h2.title.wide { margin-top: 80px; }
	#content > .section h2.title.first { margin-top: 0; }

	#content > .section .content > ol { margin-left: 2.75em; }
	#content > .section .content > ul { margin-left: 2.25em; }
	#content > .section .content > p { margin-left: 1em; }
	/*table style*/
	/*#content > .section tr.title th*/
	.table-style1 th {
		color: #FFF;
		background: #1f73ab;
		letter-spacing: 2px;
		text-align: center;
		padding: 7px 0;
	}
	.table-style1 th+th {
		border-left: 1px dotted #fff;
	}
	.table-style1 td {
		padding: 5px 0;
		border-bottom: solid 1px rgba(25, 76, 99, 0.2);
	}
	.table-style2 {
		border-top: solid 1px rgba(25, 76, 99, 0.2);
	}
	.table-style2 th,
	.table-style2 td {
		padding: 10px 0;
		border-bottom: solid 1px rgba(25, 76, 99, 0.2);
	}
	/*narrow*/
	#content > .section .narrow img {
		max-width: 100%;
		height: auto;
	}
	/* --------------------------------------
		Content > wide PC
	----------------------------------------- */
	@media (min-width:1441px) {
		#content > .section .narrow {
			padding-right: 0;
		}
		#page-title {
			margin-top: calc(2rem + 36px);
			margin-bottom: 2rem;
		}
		.table-style2 th.label {
			width: 10em;
		}
	}
	/* --------------------------------------
		Content > PC
	----------------------------------------- */
	@media screen and (min-width:961px) and ( max-width:1440px) {
		#content {
			padding-top: 32px;
			padding-bottom: 75px;
		}
			#content > .section .narrow {
				padding-right: 260px;
			}
		#page-title {
			padding-top: 20px;
			padding-bottom: 20px;
		}
	}
	/* -------------------------------------------
		Content > SP
	--------------------------------------------- */
	@media (max-width:960px) {
		#content > .section {
			padding-bottom: 120px;
		}
		#content img {
			max-width: 100%;
			height: auto;
		}
		#page-title {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.table-style2 th.label {
			width: 10em;
			padding-right: 1.5em;
		}
	}
	/* -------------------------------------------
		Home > SP medium
	--------------------------------------------- */
	@media (max-width:639px) {
		#bg-logo {
			width: 160px;
			height: 121px;
		}
		#page-title {
			width: calc(100% - 60px);
			padding-top: 22px;
			padding-bottom: 22px;
		}
		#page-title img {
			width: auto;
			height: 40px;
		}
		.table-style2 th.label {
			padding-right:1em;
			width: 5em;
		}

	}
/* ---------------------------------

Home

--------------------------------- */
#header { position: fixed; }

	#home #copy,
	#home #copy_sub {/*ニッポンの経済・モノづくを煙突造りで支えています*/
		position: absolute;
		z-index: 4;
		}
		#home #copy_sub {
			display: flex;
		}
		#home #copy_sub div+div {
			margin-left: 10px;
		}
		#home #copy_sub div:nth-of-type(4) {
			margin-left: 28px;
		}
		#home #copy_sub div img {
			max-width: 100%;
			height: auto;
		}

	#home #bg-logo {/*Sマーク*/
		background: url(/img/home/bg-logo.png) no-repeat 0 0;
		position: absolute;
		z-index: 1;
		}
	/* --------------------------------------
		Home > PC
	----------------------------------------- */
	@media (min-width:961px) {
		#home #copy {/*ニッポンの経済・モノづくを煙突造りで支えています*/
			width: 574px;
			height: 134px;
			top: 140px;
			left: calc(50% - 287px);
		}
		#home #copy_sub {/*秋田発全国区*/
			width: 344px;
			height: 46px;
			top: 300px;
			left: calc(50% - 287px + 5px);
		}
		#home #bg-logo {/*Sマーク*/
			width: 505px;
			height: 505px;
			top: 36px;
			left: calc(15% / 2);
		}
	}
	/* -------------------------------------------
		Home > SP
	--------------------------------------------- */
	@media (max-width:960px) {
		#home #copy {/*ニッポンの経済・モノづくを煙突造りで支えています*/
			width: 574px;
			height: 134px;
			top: 120px;
			left: auto;
			right: 20px;
			background-size: 100% auto;
		}
		#home #copy_sub {/*秋田発全国区*/
			width: 300px;
			height: 40px;
			top: calc(120px + 134px + 20px);
			left: auto;
			right: 20px;
		}
		#home #bg-logo {/*Sマーク*/
			width: 400px;
			height: 400px;
			background-size: 100% auto;
			top: 80px;
			right: 0;
			left: 0;
		}
	}
	/* -------------------------------------------
		Home > SP medium
	--------------------------------------------- */
	@media (max-width:639px) {
		#home #copy {/*ニッポンの経済・モノづくを煙突造りで支えています*/
			width: 90%;
			height: auto;
			top: 220px;
			left: 0;
			right: 0;
			margin: auto;
			background-size: 100% auto;
		}
		#home #copy_sub {/*秋田発全国区*/
			width: 260px;
			height: 35px;
			top: 350px;
			left: 0;
			right: 0;
			margin: auto;
		}
		#home #bg-logo {/*Sマーク*/
			width: 300px;
			height: 300px;
			background-size: 100% auto;
			top: 40px;
		}
	}
	/* -------------------------------------------
		Home > SP small
	--------------------------------------------- */
	@media (max-width:400px) {
		#home #copy {/*ニッポンの経済・モノづくを煙突造りで支えています*/
			top: 100px;
			left: auto;
			right: 10px;
		}
		#home #copy_sub {/*秋田発全国区*/
			width: 200px;
			height: 27px;
			top: 180px;
		}
		#home #bg-logo {/*Sマーク*/
			width: 180px;
			height: 180px;
			top: -10px;
			right: auto;
			left: -10px;
		}
	}
/* ---------------------------------

Outline

--------------------------------- */
.outline_gallery {
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
#content > .section .content > ul.outline_gallery {
	margin-left: auto;
}
.outline_gallery li img {
	max-width: 100%;
	height: auto;
}
	/* --------------------------------------
		Outline > PC
	----------------------------------------- */
	@media (min-width:961px) {
		.outline_gallery {
			width: 90%;
		}
		.outline_gallery li {
			margin-top: 1rem;
			margin-bottom: 1rem;
			width: calc(33% - 1rem);
		}
	}
	/* -------------------------------------------
		Outline > SP
	--------------------------------------------- */
	@media (max-width:960px) {
		.outline_gallery {
			width: 100%;
		}
		.outline_gallery li {
			margin-top: 0.5rem;
			margin-bottom: 0.5rem;
			width: calc(50% - 0.25rem);
		}
	}
/* ---------------------------------

Facilities

--------------------------------- */
#facilities table .category {/*設備名1*/
	width: 150px;
}
#facilities table .name {/*設備名2*/
	width: 250px;
}
#facilities table .num {
	width: 5em;
	text-align: center;
}
#facilities .table-layout {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}
#facilities .table-layout table {
	width: calc(50% - 1em);
}
	#facilities .table-layout table .title th.name {
		text-align: left;
		padding-left: 0.75em;
	}
	#facilities .table-layout table td.num {
		width: 3em;
		text-align: center;
	}
	/* --------------------------------------
		Facilities > PC
	----------------------------------------- */
	@media (min-width:961px) {
	}
	/* -------------------------------------------
		Facilities > SP
	--------------------------------------------- */
	@media (max-width:960px) {
	}
/* ---------------------------------

Works

--------------------------------- */
#works .table-style1 th {
	text-align: left;
	padding-left: 0.75em;
}
#works .pref {/*県名*/
	width: 4em;
}
.works_gallery1,
.works_gallery2 {
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
#content > .section .content > ul.works_gallery1,
#content > .section .content > ul.works_gallery2 {
	margin-left: auto;
}
.works_gallery1 li img,
.works_gallery2 li img {
	max-width: 100%;
	height: auto;
}
	/* --------------------------------------
		Works > PC
	----------------------------------------- */
	@media (min-width:961px) {
		.works_gallery1,
		.works_gallery2 {
			width: 90%;
		}
		.works_gallery1 li,
		.works_gallery2 li {
			margin-top: 1rem;
			margin-bottom: 1rem;
		}
		.works_gallery1 li {
			width: calc(25% - 1rem);
		}
		.works_gallery2 li {
			width: calc(33% - 1rem);
		}
	}
	/* -------------------------------------------
		Works > SP
	--------------------------------------------- */
	@media (max-width:960px) {
		.works_gallery1,
		.works_gallery2 {
			width: 100%;
		}
		.works_gallery1 li,
		.works_gallery2 li {
			margin-top: 0.5rem;
			margin-bottom: 0.5rem;
		}
		.works_gallery1 li {
			width: calc(25% - 0.25rem);
		}
		.works_gallery2 li {
			width: calc(33% - 0.25rem);
		}
	}
/* ---------------------------------

About

--------------------------------- */
#about .gaikan,
#about .gaikan2 {/*外観写真*/
	background-color: #FFF;/*枠を装飾する*/
	border-width: 10px;
	border-style: solid;
	border-color: #FFF;
	box-shadow: 0 0 6px #CCC;
	-moz-box-shadow: 0 0 6px #CCC;
	-webkit-box-shadow: 0 0 6px #CCC;
	-o-box-shadow: 0 0 6px #CCC;
	-ms-box-shadow: 0 0 6px #CCC;
}
#about .gaikan img,
#about .gaikan2 img {
	max-width: 100%;
	height: auto;
}
#about .gmap {/*Googleマップ*/
	/*レスポンシブ対応*/
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
#about .gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
	/* --------------------------------------
		About > PC
	----------------------------------------- */
	@media (min-width:961px) {
		#about .wrap {
			position: relative;/*外観写真を固定する*/
		}
		#about .wrap .about_img_area {
			position: absolute;/*右上固定*/
			right: 10px;
			top: 10px;
		}
		#about .wrap .about_img_area .gaikan {
			margin-bottom: 1rem;
			width: 400px;
			height: 300px;
		}
		#about .wrap .about_img_area .gaikan2 {
			margin-right: 0;
			margin-left: auto;
			width: 260px;
			height: 195px;
		}
		#about #gmap {
			width: 600px;
			height: 400px;
		}
	}
	/* -------------------------------------------
		About > SP
	--------------------------------------------- */
	@media (max-width:960px) {
		#about .wrap .about_img_area {
			display: flex;
			justify-content: space-between;
		}
		#about .wrap .about_img_area .gaikan,
		#about .wrap .about_img_area .gaikan2 {
			margin-bottom: 0;
			border-width: 4px;
			width: calc(50% - 2rem);
			height: auto;
		}
	}
	/* -------------------------------------------
		Home > SP medium
	--------------------------------------------- */
	@media (max-width:639px) {
		#about .wrap .gaikan {
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			height: auto;
		}
		#about .wrap .gaikan img {
			width: 100%;
			height: auto;
		}
	}
/* ---------------------------------

recruit

--------------------------------- */
.greeting_img {
	float: right;
	background-color: #FFF;/*枠を装飾する*/
	border-width: 10px;
	border-style: solid;
	border-color: #FFF;
	box-shadow: 0 0 6px #CCC;
	-moz-box-shadow: 0 0 6px #CCC;
	-webkit-box-shadow: 0 0 6px #CCC;
	-o-box-shadow: 0 0 6px #CCC;
	-ms-box-shadow: 0 0 6px #CCC;
}
.greeting_img img {
	max-width: 100%;
	height: auto;
}
.greeting_sign {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight: bold;
	font-size: 1.25rem;
	margin-left: 0.65em;
	/* text-align: right; */
}
	/* --------------------------------------
		recruit > PC
	----------------------------------------- */
	@media (min-width:961px) {
		.greeting_img {
			margin-right: 1.5rem;
			margin-bottom: 2rem;
			margin-left: 3rem;
			width: 180px;
			height: 240px;
		}
		#recruit .table-style2 th.label {
			width: 30%;
			text-align: right;
			padding-right: 1.5em;
		}
	}
	/* -------------------------------------------
		recruit > SP
	--------------------------------------------- */
	@media (max-width:960px) {
		.greeting_img {
			margin-right: 0.25rem;
			margin-bottom: 1rem;
			margin-left: 1rem;
			border-width: 4px;
			width: 100px;
			height: 133px;
		}
	}
/* ---------------------------------

Inquiry

--------------------------------- */
#inquiry table.normal th { vertical-align: middle; }
#inquiry form .btn { text-align: center; }

/* mailform */
.mailform {
	margin-right: auto;
	margin-left: auto;
}
.mailform fieldset { border: none; }
.mailform .btn-form { text-align: center; }

.mailform strong.error {
	display:inline;
	padding:0;
	margin:0;
	border:0;
	background:none;
	color:#A82B2B;
	}
	.mailform .message { text-align:center; }
	.mailform span.error{ 
		display:block;
		margin:1em 0 0;
		padding:1em 0;
		background:#f7a499;
		border:solid 1px #e16c48;
		text-align:center;
		color:#181710;
		}
	.mailform span.confirm{
		display:block;
		background:#D9F4C4;
		border:solid 1px #339933;
		padding:10px;
		color:#339933;
		}
	.mailform input[type="submit"]:hover,
	.mailform input[type="reset"]:hover {
		cursor: pointer;
	}
#completion .success {
	margin:1em 0 0;
	padding:1em 0;
	background-color:#e8f198;
	border:solid 1px #c6e148;
	text-align:center;
	color:#4e4c35;
	}
.wtn_copyright { display: none; }
.mailform input[type="text"],
.mailform textarea {
	font-size: 1.125rem;
	line-height: 1.5rem;
}
	/* --------------------------------------
		Inquiry > PC
	----------------------------------------- */
	@media (min-width:961px) {
		.mailform {
			width: 600px;
		}
		.mailform th {
			width: 200px;
			padding-right: 2rem;
			text-align: right;
		}
		.mailform input[type="text"] {
			width: 400px;
			height: 1.75rem;
		}
		.mailform textarea {
			width: 400px;
			height: 7rem;
		}
	}
	/* -------------------------------------------
		Inquiry > SP
	--------------------------------------------- */
	@media (max-width:960px) {
		.mailform {
			width: 90%;
		}
		.mailform th {
			width: 20%;
		}
		.mailform td {
			width: 70%;
		}
		.mailform input[type="text"],
		.mailform textarea {
			width: 100%;
		}
	}
	/* -------------------------------------------
		Inquiry > SP small
	--------------------------------------------- */
	@media (max-width:400px) {
		.mailform {
			width: 100%;
		}
	}

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

Footer

--------------------------------- */
#footer {
	position: absolute;
	bottom: 0;
}
#page_top {
	position: fixed;
	display: block;
	z-index: 1;
	transition : 0.25s;
}
	#page_top:hover {
		cursor: pointer;
		transition : 0.5s;
	}
#page_top img {
	max-width: 100%;
	height: auto;
}

	/* --------------------------------------
		Footer > PC
	----------------------------------------- */
	@media (min-width:961px) {
		#page_top {
			/*left: 20px;*/
			right: 20px;
			bottom: -80px;
			width: 50px;
			height: 50px;
			padding: 10px;
			background-color: rgba(25, 76, 99, 0.2);
		}
		#page_top:hover {
			background-color: rgba(25, 76, 99, 0.8);
		}
		.ssl_banner {/*width:161px*/
			position: fixed;
			left: 10px;
			bottom: calc(76px + 10px);
			z-index: 10;
		}
	}
	/* -------------------------------------------
		Footer > SP
	--------------------------------------------- */
	@media (max-width:960px) {
		#page_top {
			left: auto;
			right: 20px;
			width: 40px;
			height: 40px;
			padding: 4px;
			background-color: rgba(25, 76, 99, 0.5);
		}
		.ssl_banner {
			margin-right: auto;
			margin-left: 20px;
			width: 161px;
			height: 180px;
			padding-top: 20px;
			z-index: 0;
		}
		#home .ssl_banner {
			margin-left: 0;
			height: 81px;
			position: fixed;
			left: 8px;
			bottom: calc(76px + 10px);
			z-index: 1;
		}
	}