/**
 * 基本
----------------------------------------------------------------*/
a{ color:rgb(88,148,204); }
body{
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	min-width:1024px;
	font-size:14px;
	line-height:24px;
	color:rgb(20,30,40);
}
main{
	min-height:400px;
	padding-bottom:80px;
}
@media screen and (max-width: 768px){
	body{
		min-width:768px;
		font-size:24px;
		line-height:40px;
	}
}

/**
 * 共通
----------------------------------------------------------------*/
p{ text-align:justify; }
table{ width:100%; }
img{ display:block; max-width:100%; margin:0 auto; }
@media screen and (max-width: 768px){
	img{
		max-width:100%;
		height:auto;
	}
}
.r{ text-align:right; }
.c{ text-align:center; }

/* 分岐 */
.sp{ display:none; }
@media screen and (max-width: 768px){
	.pc{ display:none; }
	.sp{ display:block; }
}

/* 単体レイアウト */
.one{ padding:40px; }

/* 余白 */
.hmargin{
	margin-right:40px !important;
	margin-left:40px !important;
}
.vmargin{
	margin-top:40px !important;
	margin-bottom:40px !important;
}

/* 基準枠 */
.base{
	max-width:1024px;
	margin:0 auto;
	padding:40px;
	box-sizing:border-box;
}
.narrow{
	max-width:768px;
	margin:0 auto;
}
.wide{
	max-width:1536px;
	margin:0 auto;
	position:relative;
}
.wide.alphawing::before,
.wide.alphawing::after{
	content:'';
	position:absolute;
	display:block;
	top:0;
	bottom:0;
	z-index:1;
	width:100px;
}
.wide.alphawing::before{
	left:50%;
	margin-left:-768px;
	background:linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0));
}
.wide.alphawing::after{
	right:50%;
	margin-right:-768px;
	background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1));
}
@media screen and (max-width: 1024px){
	.wide.alphawing::before,
	.wide.alphawing::after{ display:none; }
}
@media screen and (max-width: 768px){
	.base{ padding:40px; }
	.smart{ max-width:640px; }
	.smart.between,
	.smart.around{
		margin-right:auto;
		margin-left:auto;
	}
}

/**
 * プロトタイプ
----------------------------------------------------------------*/
/* 強調 */
.strong{
	font-weight:bold !important;
	font-size:140% !important;
	color:rgb(88,148,204);
}

/* セクション間下線あり */
.bottomborder + h3{
	padding-top:20px !important;
	margin-top:20px !important;
	border-top:1px solid #ccc;
}

/* 水平線 */
hr{
	display:block;
	background: scroll repeat-x center center;
	height:24px;
	margin:20px 0;
}

/* 背景 */
.bg_water10{ background:rgb(238,244,249); }
.bg_water{
	background:rgb(88,148,204);
	color:white;
}

/* 画像 */
figure > figcaption{
	text-align:center;
	font-size:20px;
	line-height:30px;
	margin:10px 10px 40px 10px;
}
@media screen and (max-width: 768px){
	figure > figcaption{
		font-size:30px;
		line-height:40px;
	}
}

/* インラインリスト */
.inlinelist > li{ display:inline-block; }
.inlinelist > li::before{
	content:'●';
	color:rgb(88,148,204);
}

/* 段組み */
.paragraph2{
	column-count:2;
	column-gap:40px;
}
@media screen and (max-width: 768px){
	.paragraph2{ column-count:1; }
}

/* テーブル */
.table th,
.table td{
	border-bottom:1px solid rgb(20,30,40);
	padding:4px 10px;
}
.table thead th{ padding:4px 10px; }
.table tr:first-child > th,
.table tr:first-child > td{
	border-top:1px solid rgb(20,30,40);
}
.table th{
	font-weight:normal;
	text-align:right;
}
.table thead{ background:#e5e5e5; }
.table thead th{ text-align:left; }

/* ボタン */
.buttonlist{
	display:flex;
	justify-content:center;
	margin:40px 20px;
}
.button{
	display:block;
	width:240px;
	box-sizing:border-box;
	padding:13px 20px;
	margin:20px;
	color:white;
	background:rgb(88,148,204);
	font-size:18px;
	line-height:24px;
	text-align:center;
	transition:background .2s, box-shadow .2s;
	position:relative;
}
.button::after{
	content:'';
	display:inline-block;
	background:url("./../image/interface/icon/arrow_white.png") scroll no-repeat center center / contain;
	width:24px;
	height:24px;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
.button.hover{
	background:rgb(0,19,61);
	box-shadow:0 0 30px 10px rgba(255,255,255,.5);
	z-index:1;
}
.button.green{ background:rgb(0,163,151); }
.button.navy{ background:rgb(43,59,94); }
.button.white{
	background:white;
	color:rgb(43,59,94);
}
.button.white::after{ background-image:url("./../image/interface/icon/arrow_navy.png"); }
.button.whiteline{
	background:none;
	border:1px solid white;
}
.button.green.hover{ background:rgb(-255,71,47); }
.button.navy.hover{ background:rgb(88,148,204); }
.button.white.hover{
	background:rgb(43,59,94);
	color:white;
}
.button.white.hover::after{ background-image:url("./../image/interface/icon/arrow_white.png"); }
.button.whiteline.hover{
	background:rgba(255,255,255,.9);
	color:rgb(43,59,94);
}
.button.whiteline.hover::after{ background-image:url("./../image/interface/icon/arrow_navy.png"); }
@media screen and (max-width: 768px){
	.buttonlist{ flex-direction:column; }
	.button{
		width:auto;
		font-size:24px;
		line-height:30px;
		padding:20px 40px;
	}
	.button::after{
		width:40px;
		height:40px;
	}
}

/* ミニボタン */
.minbutton{
	display:block;
	width:80px;
	box-sizing:border-box;
	padding:0 10px;
	color:white;
	background:rgb(88,148,204);
	text-align:center;
	transition:background .2s, box-shadow .2s;
}
.minbutton.hover{
	background:rgb(43,59,94);
	box-shadow:0 0 12px 4px rgba(255,255,255,.5);
	z-index:1;
}
@media screen and (max-width: 768px){
	.minbutton{ width:100px; }
}

/* バナー */
.bun{
	display:block;
	transition:background .2s, opacity .2s, box-shadow .2s;
	margin:40px auto;
}
.bun.hover{
	background:rgb(0,19,61);
	opacity:.8;
	box-shadow:0 0 30px 10px rgba(0,0,0,.1);
	z-index:1;
}

/* 少し大きい文字 */
.big{
	font-size:18px;
	line-height:30px;
}
@media screen and (max-width: 768px){
	.big{
		font-size:30px;
		line-height:46px;
	}
}

/* MAP */
.gm > iframe{ height:460px; }

/* 見出し */
.h2{
	background:black;
	color:white;
	font-size:34px;
	line-height:50px;
	padding:25px;
	text-align:center;
	font-weight:bold;
}
.h2image > img{ margin:-40px 0 0; }
.h3{
	font-size:24px;
	line-height:30px;
	margin-bottom:10px;
}
.h4{
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	margin:20px 0 10px;
}
.h4.nopadding{ margin-top:0; }
@media screen and (max-width: 768px){
	.h2{
		font-size:42px;
		line-height:60px;
	}
	.h3{
		font-size:36px;
		line-height:60px;
	}
	.h4{
		font-size:32px;
		line-height:40px;
		margin:20px 0;
	}
	.h4.nopadding{ margin-top:0; }
}

/* セクション */
.section{
	padding-top:80px;
	padding-bottom:80px;
}

/* ポイントリスト */
.pointlist{
	background:rgb(233,235,238);
	padding:12px 10px;
	margin:20px 0;
}
.pointlist > li{
	position:relative;
	padding-left:10px;
	text-align:justify;
}
.pointlist > li:not(:first-child){ margin-top:3px; }
.pointlist > li::before{
	content:'';
	background: scroll no-repeat center center / contain;
	width:7px;
	height:12px;
	display:block;
	position:absolute;
	margin:6px 0 6px -10px;
}
@media screen and (max-width: 768px){
	.pointlist{ padding:20px; }
	.pointlist > li{ padding-left:20px; }
	.pointlist > li::before{
		width:14px;
		height:24px;
		margin-left:-20px;
	}
}

/* リードコピー */
.leadcopy{
	font-size:40px;
	line-height:50px;
	margin:40px 0;
	text-align:justify;
	font-weight:bold;
}
.leadsummary{
	font-size:24px;
	line-height:42px;
	margin:-20px 0 40px;
	text-align:justify;
}
@media screen and (max-width: 768px){
	.leadcopy{
		font-size:40px;
		line-height:60px;
		letter-spacing:.1em;
		margin:80px 0;
	}
	.leadsummary{ margin:0 0 80px; }
}

/**
 * ヘッドカード
----------------------------------------------------------------*/
#headcard{ border-bottom:4px solid rgb(20,30,40); }
#headcard > .base{
	height:100px;
	position:relative;
}

/* ロゴ */
#logo > a{
	display:block;
	height:100px;
	transition:opacity .2s;
	position:absolute;
	top:0;
	left:0;
}
#logo > a.hover{ opacity: .7; }
#logo > a > img{
	max-width:initial;
	max-height:100%;
}

/* スマホ開閉エリア */
#closearea{
	position:absolute;
	height:100px;
	padding:16px 0;
	box-sizing:border-box;
	text-align:right;
	right:0;
	top:0;
}
@media screen and (max-width: 768px){
	#closearea{
		background:rgba(0,0,0,.9);
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		height:auto;
		padding-top:120px;
		z-index:1000;
		text-align:center;
		display:none;
	}
	.clicked > #closearea{ display:block; }
}

/* グローバルナビゲーション */
#gnav{ height:28px; }
#gnav > li{ display:inline-block; }
#gnav > li:not(:first-child){ margin-left:20px; }
#gnav > li > a{
	color:rgb(43,59,94);
	font-weight:bold;
	font-size:20px;
	line-height:28px;
	transition:color .2s, background .2s;
}
#gnav > li > a.hover{ color:rgb(149,157,174); }
@media screen and (max-width: 768px){
	#gnav{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		padding:0 4%;
		margin-right:0;
	}
	#gnav > li{
		display:block;
		width:48%;
		margin-bottom:26px;
		background:rgba(255,255,255,.2);
		border:4px solid white;
		box-sizing:border-box;
	}
	#gnav > li > a{
		display:block;
		font-size:30px;
		line-height:45px;
		padding:20px;
		box-sizing:border-box;
		color:white;
	}
	#gnav > li > a.hover{
		background:rgb(43,59,94);
		color:white;
	}
	#gnav > li:not(:first-child){ margin-left:0; }
	body[data-mode="recruit"] #gnav > li > a{ color:white; }
	body[data-mode="recruit"] #gnav > li > a.hover{ color:white; }
}

/* 電話番号 */
#tel{
	color:rgb(43,59,94);
	font-weight:bold;
	font-size:40px;
	line-height:40px;
	transition:color .2s;
	display:block;
}
#tel.hover{ color:rgb(149,157,174); }
#tel > small{
	font-size:32px;
	line-height:47px;
}
@media screen and (max-width: 768px){
	#tel{
		margin:40px 0;
		display:block;
		color:white;
	}
}

/* メニュー */
#menu{
	display:none;
	width:100px;
	height:100px;
	border-radius:0;
	position:fixed;
	top:0;
	right:0;
	margin:0;
	padding:0;
	background:rgba(255,255,255,.5);
	transition:background .2s;
	z-index:1001;
}
#menu > img{ transition:opacity .2s; }
#menu.hover{ background:white; }
#menu.hover > img{ opacity:.8; }
@media screen and (max-width: 768px){
	#menu{ display:block; }
}

/**
 * キービジュアル
----------------------------------------------------------------*/
/* メインビジュアル */
#mvis{ position:relative; }
#mvis > .buttonlist{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin-top:30%;
}
#mvis > img{
	max-width:auto;
	width:100%;
	min-width:1024px;
}
@media screen and (max-width: 768px){
	#mvis > img{ min-width:768px; }
	#mvis > .buttonlist{ margin-top:460px; }
}

/* ページビジュアル */
#pvis > img{
	max-width:auto;
	width:100%;
	min-width:1024px;
}
@media screen and (max-width: 768px){
	#pvis > img{ min-width:768px; }
}

/**
 * ショートカット
----------------------------------------------------------------*/
#shortcut{
	display:flex;
	justify-content:space-between;
	margin-top:-240px;
	position:relative;
	z-index:1;
}
#shortcut > a{
	display:block;
	transition:background .2s, opacity .2s, box-shadow .2s;
}
#shortcut > a.hover{
	background:rgb(43,59,94);
	opacity: .9;
	box-shadow:0 0 20px 5px white;
}
@media screen and (max-width: 768px){
	#shortcut > a{ width:324px; }
}

/**
 * ページ名
----------------------------------------------------------------*/
#pagename{ background:rgb(20,30,40); }

/**
 * 記事背景
----------------------------------------------------------------*/
#page\:business_manufacture > main{ background: scroll no-repeat center top / 100%; }
#page\:business_sales > main{ background: scroll no-repeat center top / 100%; }
#page\:company > main{ background: scroll no-repeat center top / 100%; }
@media screen and (max-width: 768px){
	#page\:business_manufacture > main{ background: scroll no-repeat center top / 100%; }
	#page\:business_sales > main{ background: scroll no-repeat center top / 100%; }
	#page\:company > main{ background: scroll no-repeat center top / 100%; }
}

/**
 * パン屑リスト
----------------------------------------------------------------*/
#pan{
	background:rgb(20,30,40);
	color:white;
	padding:10px;
	border-top:1px solid rgba(255,255,255,.2);
	border-bottom:1px solid rgba(255,255,255,.2);
}
#pan > ol{
	max-width:1024px;
	margin:0 auto;
}
#pan > ol > li,
#pan > ol > li > .tip{
	display:inline-block;
	vertical-align:middle;
}
#pan > ol > li > .tip{
	color:rgb(20,30,40);
	transition:color .2s, text-decoration .2s;
	color:white;
}
#pan > ol > li:not(:first-child)::before{
	content:'>';
	display:inline-block;
	padding:0 10px;
}
#pan > ol > li > .tip.hover{
	color:rgb(88,148,204);
	text-decoration:underline;
}
@media screen and (max-width: 768px){
	#pan{ padding:20px 40px; }
}

/**
 * 製品ナビ
----------------------------------------------------------------*/
#pnav{ height:62px; }
#pnav > div{ background:black; }
#pnav > div > ul{
	width:1024px;
	margin:0 auto;
}
#pnav > div > ul > li > a{
	display:block;
	font-size:20px;
	line-height:30px;
	padding:16px;
	color:white;
	text-align:center;
	transition:background .2s;
	border-right:1px solid white;
}
#pnav > div > ul > li:first-child > a{ border-left:1px solid white; }
#pnav > div > ul > li > a.hover{ background:rgba(255,255,255,.2); }
#pnav > div > ul > li > a > span:last-child{ display:none; }
#pnav.active > div{
	position:fixed;
	top:-62px;
	left:0;
	right:0;
	z-index:100;
	transition:top 1s, bottom 1s;
}
#pnav.active > div > ul > li > a > span:first-child{ display:none; }
#pnav.active > div > ul > li > a > span:last-child{ display:inline; }
#pnav.active.view > div{ top:0; }
@media screen and (max-width: 768px){
	#pnav{ height:200px; }
	#pnav > div > ul{ width:768px; }
	#pnav > div > ul > li{ width:50%; }
	#pnav > div > ul > li > a{
		font-size:30px;
		line-height:40px;
		padding:30px 20px;
		border-right:0;
		border-bottom:1px solid white;
	}
	#pnav > div > ul > li:nth-child(odd) > a{ border-right:1px solid white; }
	#pnav > div > ul > li:first-child > a{ border-left:0; }
	#pnav.active > div{
		top:auto;
		bottom:-200px;
	}
	#pnav.active.view > div{
		top:auto;
		bottom:0;
	}
	#pnav.active > div > ul > li > a{
		border-bottom:0;
		border-top:1px solid white;
	}
	#pnav.active > div > ul > li{ width:25%; }
	#pnav.active > div > ul > li:nth-child(odd) > a{ border-right:none; }
	#pnav.active > div > ul > li:not(:first-child) > a{ border-left:1px solid white; }
}

/**
 * フッターカード
----------------------------------------------------------------*/
#footcard{ background:#f3f3f3; }
#footcard > .base{
	padding:70px;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
}
#footcard > .base > figure > img{
	width:247px;
	margin:0;
}
#footcard > .base > address{
	display:block;
	font-size:24px;
	line-height:32px;
	color:rgb(43,59,94);
	font-weight:bold;
}
#footcard > .base > address > small{
	display:block;
	font-size:16px;
	line-height:22px;
	color:rgb(20,30,40);
	font-weight:normal;
}
@media screen and (max-width: 768px){
	#footcard > .base{ flex-direction:column; }
	#footcard > .base > figure{ height:auto; }
	#footcard > .base > figure > img{
		width:370px;
		margin:40px auto;
	}
	#footcard > .base > address{
		margin:40px auto;
		text-align:center;
		font-size:40px;
		line-height:60px;
	}
	#footcard > .base > address > small{
		font-size:24px;
		line-height:32px;
	}
	#footcard > .base > div > .button{ margin:0 auto; }
}

/**
 * 著作権表記
----------------------------------------------------------------*/
#cr{
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	padding:40px 20px;
	text-align:center;
	color:white;
	background:rgb(43,59,94);
}
@media screen and (max-width: 768px){
	#cr{
		font-size:24px;
		line-height:36px;
		padding:20px;
	}
}

/**
 * 記事フッター
----------------------------------------------------------------*/
@media screen and (max-width: 768px){
	body > main > footer > .narrow{ padding:0 40px; }
}

/**
 * TOPページ
----------------------------------------------------------------*/
/* 最先端テクノロジー */
#spot_index_advanced{
	background:url("./../image/article/index/bg_advanced.png") scroll no-repeat center center / cover;
	padding:80px 40px;
	text-align:center;
}
#spot_index_advanced > h2{
	font-size:40px;
	line-height:60px;
	margin-bottom:40px;
}
#spot_index_advanced > p{ text-align:center; }
@media screen and (max-width: 768px){
	#spot_index_advanced{ background-image:url("./../image/article/index/bg_advanced.png"); }
}

/* 事業内容 */
#spot_index_business{ background:url("./../image/article/index/bg_business.png") scroll no-repeat center -200px / contain; }
#spot_index_business > .base > section:first-of-type{ color:white; }
@media screen and (max-width: 1536px){
	#spot_index_business{ background-size:auto; }
}
@media screen and (max-width: 768px){
	#spot_index_business > .base > section:first-of-type > .flex > div{ color:rgb(20,30,40); }
}

/* 社員教育 */
#spot_index_education{ background:url("./../image/article/index/bg_education.png") scroll no-repeat center top / cover; }
#spot_index_education_list > section{
	border-left:3px solid rgb(43,59,94);
	padding:40px 0 40px 40px;
	height:100%;
	box-sizing:border-box;
	font-size:18px;
	line-height:27px;
}
#spot_index_education_list > section > section{
	display:flex;
	margin-top:40px;
	position:relative;
}
#spot_index_education_list > section > section::before{
	content:'';
	background:url("./../image/interface/icon/arrow_education.png") scroll no-repeat left center / contain;
	display:block;
	position:absolute;
	left:-40px;
	top:0;
	height:30px;
	width:30px;
}
#spot_index_education_list > section > section > div{ width:200px; }
#spot_index_education_list > section > section > div > h4{
	font-size:24px;
	line-height:30px;
	color:white;
	background:rgb(43,59,94);
	border-radius:26px;
	padding:0 10px;
	display:inline-block;
}
#spot_index_education_visual > section:not(:last-child){ margin-bottom:40px; }
#spot_index_education_visual > section > h4{
	text-align:center;
	margin-top:10px;
}
@media screen and (max-width: 768px){
	#spot_index_education{ background-image:url("./../image/article/index/bg_education_sp.png"); }
	#spot_index_education_list > section{
		border-left-width:6px;
		font-size:24px;
		line-height:36px;
	}
}


/* 新着求人 */
#spot_index_recruit{
	background:#f3f3f3;
	padding-bottom:80px;
}
#spot_index_recruit > .base > .flex > section{ margin:20px 0; }
#spot_index_recruit > .base > .flex > section > header{ position:relative; }
#spot_index_recruit > .base > .flex > section > header > h3{ margin-right:100px; }
#spot_index_recruit > .base > .flex > section > header > .minbutton{
	position:absolute;
	right:0;
	bottom:0;
}
#spot_index_recruit > .base > .flex > section > section{ border-bottom:1px solid #ccc; }
#spot_index_recruit > .base > .flex > section > section:first-of-type{ border-top:1px solid #ccc; }
#spot_index_recruit > .base > .flex > section > section{ min-height:80px; }
#spot_index_recruit > .base > .flex > section > section > a{
	display:block;
	min-height:80px;
	padding:18px 30px 18px 8px;
	box-sizing:border-box;
	position:relative;
	transition:background .2s;
}
#spot_index_recruit > .base > .flex > section > section > a::after{
	position:absolute;
	content:'';
	display:block;
	background:url("./../image/interface/icon/arrow_navy.png") scroll no-repeat center center / contain;
	width:30px;
	height:30px;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
#spot_index_recruit > .base > .flex > section > section > a.hover{ background:rgb(221,233,244); }
#spot_index_recruit > .base > .flex > section > section > a > h4{
	font-size:16px;
	line-height:24px;
	color:rgb(43,59,94);
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#spot_index_recruit > .base > .flex > section > section > a > p{
	font-size:14px;
	line-height:20px;
	color:rgb(20,30,40);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

/**
 * 事業紹介
----------------------------------------------------------------*/
/* 業務内容 */
#spot_business_index_service{
	background:url("./../image/article/business/index/bg_service.png") scroll no-repeat center center / cover;
	color:white;
}
#spot_business_index_service > .base > .flex > .flex > div > h3{
	font-size:18px;
	line-height:24px;
	margin-bottom:10px;
}
@media screen and (max-width: 768px){
	#spot_business_index_service{ background-image:url("./../image/article/business/index/bg_service_sp.png"); }
	#spot_business_index_service > .base > .flex > .flex > div > h3{
		font-size:34px;
		line-height:50px;
		margin-bottom:30px;
	}
}

/**
 * 採用情報
----------------------------------------------------------------*/
/* 採用ナビ */
#spot_recruit_index_recnav > ul > li > a{
	display:block;
	transition:opacity .2s, box-shadow .2s;
}
#spot_recruit_index_recnav > ul > li > a.hover{
	opacity:.9;
	box-shadow:0 0 12px 2px rgba(0,0,0,.4);
}

/* 採用セクション */
.recsec:nth-of-type(odd){ background:#f3f3f3; }
.recsec:nth-of-type(even){ background:rgb(238,244,249); }
.recsec > .base > .flex > p{
	font-size:24px;
	line-height:40px;
	text-align:center;
}
.recsec > .base > .buttonlist{ margin-top:-40px; }
.recsec > .base > .flex > .catname{
	text-align:center;
	font-weight:bold;
	font-size:40px;
	line-height:50px;
	margin-top:40px;
}

/* 求人票 */
.vote{
	display:block;
	background:white;
	color:rgb(20,30,40);
	position:relative;
	padding-bottom:10px;
}
a.vote{ transition:box-shadow .2s; }
a.vote.hover{ box-shadow:0 0 30px 8px rgba(0,0,0,.1); }
a.vote::after{
	content:'';
	display:block;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	background:url("./../image/interface/icon/arrow_navy.png") scroll no-repeat center center / contain;
	width:40px;
	height:40px;
}
.vote > .tit{
	padding:20px;
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	color:white;
	background:rgb(88,148,204);
}
.vote > .tit > small{
	display:inline-block;
	border:1px solid white;
	border-radius:20px;
	padding:0 10px;
	font-size:14px;
	margin-bottom:6px;
}
.voteparams{ position:relative; }
.voteparams > dt{
	position:absolute;
	background:rgb(88,148,204);
	color:white;
	text-align:center;
	padding:4px 10px;
	width:140px;
	box-sizing:border-box;
	font-weight:bold;
}
.voteparams > dd{
	margin-left:150px;
	font-size:16px;
	font-weight:bold;
	min-height:24px;
	margin-top:3px;
}
.voteparams > dt:not(:last-of-type),
.voteparams > dd:not(:last-of-type){ margin-bottom:20px; }
@media screen and (max-width: 768px){
	.voteparams > dd{ font-size:24px; }
}

/* 求人一覧 */
.votelist > .flex > section > a{
	border-bottom:1px solid #ccc;
	display:block;
	min-height:80px;
	padding:18px 30px 18px 8px;
	box-sizing:border-box;
	position:relative;
	transition:background .2s;
	position:relative;
	color:rgb(20,30,40);
	height:100%;
}
.votelist > .flex > section > a::after{
	position:absolute;
	content:'';
	display:block;
	background:url("./../image/interface/icon/arrow_navy.png") scroll no-repeat center center / contain;
	width:30px;
	height:30px;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
.votelist > .flex > section > a.hover{ background:rgb(221,233,244); }
.votelist > .flex > section > a > h3{
	font-weight:bold;
}
.votelist > .flex > section > a > dl{
	border-radius:1em;
	border:1px solid rgb(88,148,204);
	color:rgb(88,148,204);
	display:inline-block;
	margin-right:4px;
	margin-bottom:4px;
}
.votelist > .flex > section > a > dl > dt{
	border-radius:1em 0 0 1em;
	display:inline-block;
	padding:0 5px;
	background:rgb(88,148,204);
	color:white;
}
.votelist > .flex > section > a > dl > dd{
	display:inline-block;
	padding:0 5px;
}

/* 求人票ページ：求人票 */
#vote > h1{
	font-size:30px;
	line-height:40px;
}
#vote > .flex{
	padding:20px 0;
}

/* 求人ナビ */
#catnav{
}
#catnav > section{
	padding:10px 0;
}
#catnav > section > h3 > a{
	display:block;
	font-size:20px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	padding:4px; 0;
	color:rgb(20,30,40);
	transition:color .2s;
}
#catnav > section > h3 > a.hover{
	color:rgb(255,150,60);
}
#catnav > section > ul > li{ display:inline; }
#catnav > section > ul > li:not(:first-child)::before{
	content:' | ';
}
#catnav > section > ul > li > a{
	font-size:16px;
	color:rgb(88,148,204);
	transition:color .2s;
}
#catnav > section > ul > li > a.hover{
	color:rgb(255,150,60);
}
#catnav > section > ul > li.inactive > a{
	color:#ccc;
	pointer-events:none;
}

/**
 * TOPページ
----------------------------------------------------------------*/
#spot_index_medical_recruit{ margin-top:-4px; }
@media screen and (max-width: 768px){
	#spot_index_medical_recruit{ margin-top:20px; }
}

/**
 * 会社案内
----------------------------------------------------------------*/
/* 社名 */
#spot_about_comname{ background:rgb(43,59,94); }

/* 会社概要 */
#spot_about_profile{
	text-align:center;
}
#spot_about_profile > dl{
	padding:80px 0;
	color:rgb(43,59,94);
}
#spot_about_profile > dl > dt{
	font-size:20px;
	line-height:30px;
	max-width:560px;
	margin:80px auto 20px;
	border-bottom:1px solid rgb(43,59,94);
}
#spot_about_profile > dl > dd{
	font-size:26px;
	line-height:34px;
	font-weight:bold;
}

/**
 * 新着情報
----------------------------------------------------------------*/
/* ページャー */
#pager{
	font-family:"Helvetica Neue", HelveticaNeue, "Segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
}
#pager > *{
	display:block;
	border:3px solid rgb(20,30,40);
	text-align:center;
	margin:5px;
}
#pager > a{ transition:border-color .2s, background .2s, color .2s; }
#pager > a.hover{
	border-color:rgb(20,30,40);
	background:rgb(20,30,40);
	color:white;
}
#pager > span{
	color: #ccc;
	border-color:#ccc;
}
#pager > .prev,
#pager > .next{ width:100px; }
#pager > .page{ min-width:30px; }
#pager > .current{
	border-color:rgb(20,30,40);
	background:rgb(20,30,40);
	color:white;
}
@media screen and (max-width: 768px){
	#pager{
		font-size:24px;
		line-height:40px;
	}
	#pager > *{
		border-width:4px;
		margin:5px;
		padding:6px 0;
	}
	#pager > .prev,
	#pager > .next{ width:150px; }
	#pager > .page{ min-width:40px; }
}

/**
 * 製品情報
----------------------------------------------------------------*/
/* 製品情報 > 取扱商品 */
#spot_product_index_3rd > section{
	max-width:768px;
	margin:0 auto;
}
#spot_product_index_3rd > section > table > tbody > colgroup > .thirdchart_maker{ width:px; }
#spot_product_index_3rd > section > table .thirdchart_name{ width:264px; }
#spot_product_index_3rd > section > table .thirdchart_site{ width:148px; }
#spot_product_index_3rd > section .button{ margin:0; }

/**
 * 採用TOP
----------------------------------------------------------------*/
/* 仕事を理解する・カネブンを知る */
#spot_recruit_index_job,
#spot_recruit_index_company{
	background:scroll no-repeat center center / cover;
	padding-top:40px;
	padding-bottom:40px;
}
#spot_recruit_index_job{
	background-image:;
	color:white;
}
#spot_recruit_index_job > .base > *{ margin-left:50%; }
#spot_recruit_index_company{ background-image:; }
#spot_recruit_index_company .button{ margin-left:0; }
@media screen and (max-width: 768px){
	#spot_recruit_index_job{ background-image:; }
	#spot_recruit_index_job > .base > *{ margin-left:0; }
	#spot_recruit_index_job > .base > .button{ margin-left:20px; }
	#spot_recruit_index_company{ background-image:; }
	#spot_recruit_index_company .button{ margin-left:20px; }
}

/* 現場の声を聞く */
#spot_recruit_index_voice > a{
	display:block;
	transition:background .2s, box-shadow .2s, opacity .2s;
	position:relative;
}
#spot_recruit_index_voice > a.hover{
	background:rgb(221,233,244);
	box-shadow:0 0 30px 10px rgba(0,0,0,.4);
	opacity:.9;
	z-index:1;
}

/* 募集要項 */
#spot_recruit_index_requirement{ position:relative; }
#spot_recruit_index_requirement > h2{
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
}
#spot_recruit_index_requirement > ul{
	border-right:1px solid rgb(20,30,40);
	border-left:1px solid rgb(20,30,40);
	margin:0 -1px;
}
#spot_recruit_index_requirement > ul > li > a{
	display:block;
	color:rgb(20,30,40);
	border-top:1px solid rgb(20,30,40);
	border-bottom:1px solid rgb(20,30,40);
	position:relative;
	transition:background .2s, box-shadow .2s, opacity .2s;
}
#spot_recruit_index_requirement > ul > li:not(:last-child) > a::after{
	border-right:1px solid rgb(20,30,40);
	content:'';
	display:block;
	position:absolute;
	right:0;
	top:0;
	height:100%;
}
#spot_recruit_index_requirement > ul > li > a.hover{
	background:rgb(221,233,244);
	box-shadow:0 0 30px 10px rgba(0,0,0,.4);
	opacity:.9;
	z-index:1;
}
#spot_recruit_index_requirement > ul > li > a > h3{ padding:10px 10px 0; }
#spot_recruit_index_requirement > ul > li > a > p{
	padding:0 10px 20px;
	height:70px;
}
@media screen and (max-width: 768px){
	#spot_recruit_index_requirement > h2{
		width:50%;
		background:black;
		height:806px;
		border-bottom:1px solid rgb(20,30,40);
		z-index:0;
	}
	#spot_recruit_index_requirement > h2 > img{margin-top:115px;}
	#spot_recruit_index_requirement > h2::after{
		border-right:1px solid rgb(20,30,40);
		content:'';
		display:block;
		position:absolute;
		right:0;
		top:0;
		height:100%;
	}
	#spot_recruit_index_requirement > ul{
		flex-wrap:wrap;
		flex-direction:row;
		border-right:0;
		border-left:0;
		margin:0 0 80px;
	}
	#spot_recruit_index_requirement > ul::before{
		content:'';
		display:block;
		width:50%;
		background:red;
		height:200px;
	}
	#spot_recruit_index_requirement > ul > li{width:50%;}
	#spot_recruit_index_requirement > ul > li > a{border-top:0;}
	#spot_recruit_index_requirement > ul > li:not(:last-child) > a::after{border-right:0;}
	#spot_recruit_index_requirement > ul > li:nth-child(even) > a::after{ border-right:1px solid rgb(20,30,40); }
	#spot_recruit_index_requirement > ul > li:first-child > a::after{ border-top:1px solid rgb(20,30,40); }
	#spot_recruit_index_requirement > ul > li > a > p{ height:120px; }
}

/* エントリーボタン */
#bigentry > a{
	transition:box-shadow .2s;
	border-radius:60px;
	margin:80px 40px;
}
#bigentry > a.hover{
	box-shadow:0 0 30px 10px rgb(248,221,76);
}

/**
 * カネブンを知る
----------------------------------------------------------------*/
/* カネブンを知る > 社内アンケート */
#spot_recruit_company_quest > div{ width:768px; }
#spot_recruit_company_quest > div > section{ margin:40px 0; }
#spot_recruit_company_quest > div > section > h3::before{
	content:'';
	display:inline-block;
	border-bottom:1px solid rgb(20,30,40);
	width:100px;
	vertical-align:middle;
}

/* メッセンジャー */
.messanger > li{
	font-family:"Helvetica Neue", HelveticaNeue, "Segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
.messanger > li > span{
	display:inline-block;
	background:rgb(43,59,94);
	color:white;
	padding:10px 20px;
	margin:10px 0;
	border-radius:10px;
	max-width:500px;
	text-align:left;
}
.messanger > li:nth-child(odd)::before,
.messanger > li:nth-child(even)::after{
	background:scroll no-repeat center center / contain;
	content:'';
	width:20px;
	height:30px;
	display:inline-block;
}
.messanger > li:nth-child(even){ text-align:right; }
.messanger > li:nth-child(odd)::before{ background-image:; }
.messanger > li:nth-child(even)::after{ background-image:; }

/**
 * 働く場所を見る
----------------------------------------------------------------*/
body#page\:recruit_place #mvis{ position:relative; }
body#page\:recruit_place #mvis::after{
	content:'本社／外観';
	position:absolute;
	bottom:0;
	left:0;
	color:white;
	background:black;
	margin:0;
	padding:4px 10px;
	font-size:30px;
	line-height:40px;
}
#spot_recruit_place > section > figure{
	border-top:1px solid white;
	position:relative;
}
#spot_recruit_place > section > figure > figcaption{
	position:absolute;
	bottom:0;
	left:0;
	color:white;
	background:black;
	margin:0;
	padding:4px 10px;
	font-size:30px;
	line-height:40px;
}
#spot_recruit_place > section.split2 > figure::after{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	border-right:1px solid white;
	content:'';
	display:block;
}
@media screen and (max-width: 768px){
	#spot_recruit_place > section.split2 > figure::after{ display:none; }
}

/**
 * 募集要項
----------------------------------------------------------------*/
/* 募集要項 > 職場環境 */
#spot_recruit_requirement_envi > table{
	width:640px;
	margin:0 auto;
}
#spot_recruit_requirement_envi > table th{ width:140px; }

/* 募集要項パネル */
.reqpanel{
	position:relative;
	border-top:1px solid black;
}
.reqpanel > h2{
	position:absolute;
	z-index:-1;
}
.reqpanel > div > div{ min-height:576px; }
@media screen and (max-width: 768px){
	.reqpanel > h2{ position:static; }
	.reqpanel > div > div{
		min-height:0;
		margin-bottom:80px !important;
	}
}

/**
 * エントリーフォーム
----------------------------------------------------------------*/
.spot_form > div > p{
	margin:20px 0;
	font-size:18px;
	line-height:30px;
}
.spot_form > div > ul{
	max-width:640px;
	margin:40px auto;
	background:crimson;
	color:white;
	font-size:18px;
	line-height:30px;
	padding:20px;
}
.spot_form > div > form .alnum{ ime-mode:disabled; }
.spot_form > div > form .req::before{
	content:'必須';
	background:rgb(88,148,204);
	color:white;
	display:inline-block;
	font-size:14px;
	line-height:18px;
	padding:0 8px;
	font-weight:bold;
	margin-right:4px;
}
.spot_form > div > form input[type="text"]{ width:100%; }
.spot_form > div > form input[type="text"].half{ width:300px; }
.spot_form > div > form input[type="text"].min{ width:100px; }
.spot_form > div > form .radio{ display:inline-block; }
.spot_form > div > form .radio > span{ width:auto; }
.spot_form > div > form input[type="button"],
.spot_form > div > form input[type="submit"]{
	padding:10px 100px;
	font-size:24px;
	line-height:40px;
	letter-spacing:.2em;
}
.spot_form > div > form > section{ margin:40px 0; }
.spot_form > div > form > section > h3{
	border-left:8px solid rgb(43,59,94);
	padding-left:4px;
	margin:20px 0;
}
.spot_form > div > form > section > section{
	position:relative;
	margin:20px 0 20px 200px;
}
.spot_form > div > form > section > section > h4{
	position:absolute;
	left:-200px;
	margin:10px 0;
}
@media screen and (max-width: 768px){
	.spot_form > div > p,
	.spot_form > div > ul{
		font-size:24px;
		line-height:40px;
	}
	.spot_form > div > form .req::before{
		font-size:20px;
		line-height:30px;
	}
	.spot_form > div > form > section{ margin:80px 0; }
	.spot_form > div > form > section > h3{
		border-left-width:12px;
		padding-left:8px;
	}
	.spot_form > div > form > section > section{ margin:40px 0; }
	.spot_form > div > form > section > section > h4{ position:static; }
}

/**
 * その他
----------------------------------------------------------------*/
/* 推奨ナビ */
.rnav{
	width:840px;
	margin:40px auto;
	text-align:center;
}
.rnav > ul > li > a{
	display:inline-block;
	transition:background .2s, opacity .2s, box-shadow .2s;
	position:relative;
}
.rnav > ul > li > a.hover{
	background:rgb(0,19,61);
	opacity:.8;
	box-shadow:0 0 30px 10px rgba(0,0,0,.1);
	z-index:1;
}
@media screen and (max-width: 768px){
	.rnav{ width:auto; }
}

/* 社員インタビューナビ */
.voicenav > h2{
	font-size:50px;
	line-height:60px;
	margin:80px 0;
	text-align:center;
}
.voicenav > h2 > small{
	font-size:32px;
	line-height:40px;
	display:block;
}

/**
 * 製品ページ
----------------------------------------------------------------*/
/* 製品 > 役物：オーダー加工品 */
#spot_product_accesory_order > table{
	max-width:768px;
	margin:0 auto;
	font-size:20px;
	line-height:30px;
}
#spot_product_accesory_order > table th,
#spot_product_accesory_order > table td{ padding:10px; }
@media screen and (max-width: 768px){
	#spot_product_accesory_order > table{
		font-size:30px;
		line-height:40px;
	}
}


/* 製品記事 */
#product > h1{
	font-size:50px;
	line-height:60px;
	margin-bottom:40px;
}
#product > h1 > small{
	display:block;
	font-size:30px;
	line-height:34px;
}
#product > a{
	display:inline-block;
	margin-bottom:80px;
}
#product > div > div > .h3{
	margin-top:0;
	text-align:center;
	letter-spacing:.1em;
	margin-bottom:20px;
}
#product > div > div > a{ display:inline-block; }
#product > div > div > a:not(:last-child){ margin-bottom:20px; }
#product > a,
#product > div > div > a{ transition:opacity .2s, box-shadow .2s; }
#product > a.hover,
#product > div > div > a.hover{
	opacity:.8;
	box-shadow:0 0 30px 4px rgba(0,0,0,.1);
}
#product .table th{ min-width:100px; }
@media screen and (max-width: 768px){
	#product .table th{ min-width:200px; }
}

/* 製品ナビ */
.pronav > .between{ justify-content:flex-start; }
.pronav a{
	display:block;
	color:rgb(20,30,40);
	transition:color .2s;
}
.pronav a > figure > img{ transition:opacity .2s, box-shadow .2s; }
.pronav a.hover{ color:rgb(43,59,94); }
.pronav a.hover > figure > img{
	opacity:.8;
	box-shadow:0 0 20px 4px rgba(0,0,0,.1);
}
@media screen and (max-width: 768px){
	.pronav .split3 > *{ width:50%; }
}

/* 早見表 */
.prochart > table{ overflow:hidden; }
.prochart > table > thead,
.prochart > table > tbody{ border:3px solid black; }
.prochart > table,
.prochart > table th,
.prochart > table td{
	border:2px solid black;
	padding:6px 2px;
	text-align:center;
	font-size:14px;
	line-height:16px;
	vertical-align:middle;
}
.prochart > table tbody th > a{
	display:block;
	height:100%;
	margin:-6px -2px;
	padding:6px 2px;
	color:rgb(20,30,40);
}
.prochart > table tbody .hasdown > th > a{ line-height:46px; }
.prochart > table tbody th:hover,
.prochart > table tbody td:hover{ background:rgba(88,148,204,0.5); }
.prochart > table tbody th,
.prochart > table tbody td{ position:relative; }
.prochart > table tbody th:hover::before,
.prochart > table tbody th:hover::after,
.prochart > table tbody td:hover::before,
.prochart > table tbody td:hover::after{
	content:'';
	display:block;
	background:rgba(88,148,204,0.1);
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:-1;
}
.prochart > table tbody th:hover::before,
.prochart > table tbody td:hover::before{
	top:-2000px;
	bottom:-1000px;
}
.prochart > table tbody th:hover::after,
.prochart > table tbody td:hover::after{
	left:-2000px;
	right:-1000px;
}
.prochart > table > thead th{
	background:rgb(188,212,234);
	font-size:16px;
	line-height:18px;
}
.prochart > table > thead td{
	background:rgb(221,233,244);
}
.prochart > table tbody th{ text-align:left; }
.prochart > table .prochart_name{ text-align:left !important; }
.prochart > table .prochart_down,
.prochart > table .prochart_work{ width:60px; }
.prochart > table .prochart_min,
.prochart > table .prochart_glmolding{ width:75px; }
.prochart > table .prochart_colorgl,
.prochart > table .prochart_stainless{ width:40px; }
.prochart > table .prochart_colorgl:first-child,
.prochart > table .prochart_stainless:first-child{ border-left-width:3px; }
.prochart > table .elongate{
	display:inline-block;
	transform: scale(0.7, 1);
	margin:0 -30px;
}
@media screen and (max-width: 768px){
	.prochart{
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
		margin-top:120px;
	}
	.prochart::before{
		display:block;
		color:white;
		background:black;
		content:'表を左右にスクロール出来ます';
		position:absolute;
		width:440px;
		left:50%;
		margin:-80px 0 0 -220px;
		text-align:center;
		padding:10px;
	}
	.prochart > table{
		width:1536px;
	}
	.prochart > table th,
	.prochart > table td{
		padding:9px 4px;
		font-size:21px;
		line-height:24px;
	}
	.prochart > table > thead th{
		font-size:24px;
		line-height:27px;
	}
	.prochart > table .prochart_down,
	.prochart > table .prochart_work{ width:90px; }
	.prochart > table .prochart_min,
	.prochart > table .prochart_glmolding{ width:113px; }
	.prochart > table .prochart_colorgl,
	.prochart > table .prochart_stainless{ width:60px; }
}

/**
 * カタログ
----------------------------------------------------------------*/
/* カタログページ */
#catalogpage{ margin-top:140px; }
body#page\:catalog_index #catalogpage{ margin-top:70px; }

/* カタログタイトル */
#catalogtitle{
	position:fixed;
	top:70px;
	left:0;
	right:0;
	background:rgb(20,30,40);
	color:white;
	z-index:1000;
	text-align:center;
	padding:20px;
	font-size:30px;
	line-height:40px;
	border-bottom:1px solid white;
}

/* カタログナビ */
#catalognav{
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:black;
	border-bottom:1px solid white;
	z-index:1000;
}
#catalognav > ul{
	width:1024px;
	margin:0 auto;
	height:70px;
	overflow:hidden;
}
#catalognav > ul > li > a{
	display:block;
	color:white;
	text-align:center;
	font-size:18px;
	line-height:30px;
	padding:20px 4px;
	border-right:1px solid white;
	transition:background .2s;
}
#catalognav > ul > li > a.hover{ background:rgba(255,255,255,.2); }
#catalognav > ul > li:first-child > a{ border-left:1px solid white; }

/* カタログパネル */
#catalogpanel > h1{ background:rgb(121,169,214); }
#catalogpanel > h1 img{
	max-width:1024px;
	margin:0 auto;
}
#catalogpanel > .base > div > a{ display:block; }
#catalogpanel > .base > div > a > div{
	transition:opacity .2s, box-shadow .2s;
	position:relative;
	width:288px;
	height:288px;
}
#catalogpanel > .base > div > a.hover > div{
	opacity:.8;
	box-shadow:0 0 40px rgba(0,0,0,.5);
	z-index:1;
}
#cataloghome,
#catalogtel{
	display:block;
	position:fixed;
	width:100px;
	bottom:20px;
	z-index:2000;
	background:rgba(0,0,0,.05);
	transition:background .2s, box-shadow .2s;
}
#cataloghome{ right:20px; }
#catalogtel{
	right:140px;
	display:none;
}
#cataloghome.hover,
#catalogtel.hover{
	box-shadow:0 0 40px rgba(0,0,0,.4);
	background:rgba(255,255,255,.5);
}
@media screen and (max-width: 1024px){
	#catalognav > ul > li:first-child > a{ border-left:none; }
	#catalognav > ul > li:last-child > a{ border-right:none; }
}
@media screen and (max-width: 768px){
	body#page\:catalog_index > main{ padding-bottom:0; }
	body#page\:catalog_index #catalogpage{ margin-top:80px; }
	#catalogtel{ display:block; }
	#catalogtitle{ top:80px; }
	#catalognav > ul{
		width:768px;
		height:80px;
	}
	#catalognav > ul > li > a{
		font-size:26px;
		line-height:40px;
	}
	#catalogpanel{
		position:fixed;
		top:160px;
		bottom:0;
		left:0;
		width:768px;
		z-index:1000;
	}
	#catalogpanel > :first-child > img{ max-width:100%; }
	#catalogpanel > .base{ padding:0; }
	#catalogpanel > .base > .between{ margin:0; }
	#catalogpanel > .base > .between > *{
		padding:0;
		width:50%;
	}
	#catalogpanel > .base,
	#catalogpanel > .base > div{ height:100%; }
	#catalogpanel > .base > div > a{ height:33.3333%; }
	#catalogpanel > .base > div > a > div{
		width:100%;
		height:100%;
	}
	#catalogpanel > h1{
		position:fixed;
		top:80px;
		left:0;
		right:0;
		z-index:1000;
		background:rgb(20,30,40);
		font-size:30px;
		line-height:40px;
		padding:20px;
		color:white;
		border-bottom:1px solid white;
		text-align:center;
	}
}

/**
 * メールフォーム
----------------------------------------------------------------*/
fieldset,
label{ display:block; }
label > span{
	width:200px;
	display:inline-block;
}
input[type="text"],textarea{
	border:1px solid #ccc;
	border-radius:2px;
	font-size:120%;
	padding:6px 0;
}
textarea{
	width:100%;
	height:300px;
}