@charset "UTF-8";

@import url('common.css');

/* Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, menu, section {
	display: block
}
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-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
input, textarea {
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
a:focus {
	outline: none;
}
html {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html.ie {
	overflow-x: hidden;
}
/* micro clearfix hack by nicolasgallagher.com/micro-clearfix-hack/ *//* Except for IE7 -> legacy15.css */
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both
}
/* Base Setting
=================================================================== */
body {
	font: 13px/1.25em Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: rgba(51,51,51,1.00);
	background-color: rgba(247,247,247,1.00);
	margin: 0;
	padding: 0;
}
a:link, .pagelink a:link, .pagelink a:visited {
	color: rgba(0,51,204,1.00);
	text-decoration: underline;
}
a:visited {
	color: rgba(97,109,216,1.00);
	text-decoration: underline;
}
a:hover, a:active, .pagelink a:hover, .pagelink a:active {
	color: rgba(209,0,0,1.00);
	text-decoration: none;
}
strong {
	font-weight: bold
}
/*For RWD*/
img {
	max-width: 100%;
	height: auto;
}
/* Base Layout
=================================================================== */

/* Header
=================================================================== */
/*
Font-size list (base: 16px:100%)

10px = 0.625rem
11px = 0.6875rem
12px = 0.75rem
13px = 0.8125rem
14px = 0.875rem
15px = 0.9375rem
16px = 1.0rem
18px = 1.125rem
20px = 1.25rem
22px = 1.375rem
24px = 1.5rem

*/

a.btn_link {
	display: block;
	width: 460px;
	background-color: #0066cc;
	color: #ffffff;
	text-decoration: none;
	margin: 40px auto 0;
	text-align: center;
	font-size: 1.125rem;
	padding: 12px 10px 10px;
	box-sizing: border-box;
	position: relative;
	transition: 0.2s;
	line-height: 1.4;
}
a.btn_link:hover {
	background-color: #0099ee;
}
a.btn_link::after {
	content: "";
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-right: 1px solid rgba(255,255,255,0.5);
	border-top: 1px solid rgba(255,255,255,0.5);
	transition: 0.2s;
}
a.btn_link:hover::after {
	right: 14px;
	border-color: #ffffff;
}
@media screen and (max-width: 768px) {
	a.btn_link {
		width: 100%;
		margin: 20px auto 0;
		font-size: 1.0rem;
		height: auto;
	}
}

/* Contents Area for 2nd directory ================================ */
#container:before, #container:after {
	content: "";
	display: table;
}
#container:after {
	clear: both
}
#container {
	width: 960px;
	margin: 0 auto;
}
body:not(#form_smnr) #container {
	margin-top: 16px;
}
#breadcrumb {
	padding: 5px 0;
	clear: both;
	margin-bottom: 10px;
}
#breadcrumb ol {
	line-height: 1;
	font-size: 93%;
}
#breadcrumb ol li {
	display: inline;
	list-style: none;
}
#breadcrumb ol li + li:before {
	content: "\0000BB"; /* "»" */
	color: rgba(127,127,127,1.00);
	padding: 0 3px;
}
#breadcrumb ol li a {
	text-decoration: none;
	color: rgba(127,127,127,1.00);
}
#contentsMain {
	width: 730px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	float: right;
	font-size: 116%;
	line-height: 1.6;
	border: 1px solid rgba(204,204,204,1.00);
	background-color: rgba(255,255,255,1.00);
	-webkit-box-shadow: 0px 2px 4px rgba(204,204,204,1.00);
	box-shadow: 0px 2px 4px rgba(204,204,204,1.00);
}
#sidemenu {
	width: 212px;
	margin-bottom: 20px;
	float: left;
	font-size: 93%;
}

@media screen and (max-width: 939px) {
/* 939px以下用（タブレット用）の記述（コンテンツ幅） */
	#container {
		width: 100%;
		margin-top: 0;
	}
	body:not(#form_smnr) #container {
		margin-top: 0px;
	}
	#breadcrumb {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px 10px 10px 0;
		border-top: 1px solid rgba(230,230,230,1.00);
		border-bottom: 1px solid rgba(230,230,230,1.00);
		margin-bottom: 0;
	}
	#breadcrumb ol li {
		padding: 9px 0;
	}
	#breadcrumb ol li:nth-of-type(1), #breadcrumb ol li:nth-last-of-type(1), #breadcrumb ol li:nth-of-type(1) + li:before, #breadcrumb ol li:nth-last-of-type(2) + li:before {
		display: none;
	}
	#breadcrumb ol li:nth-of-type(2) {
		padding: 9px 10px 10px 10px;
	}
	#breadcrumb ol li:nth-of-type(2) a {
		color: rgba(255,255,255,1.00);
	}
	#contentsMain {
		width: 100%;
		margin-bottom: 0px;
		padding-bottom: 30px;
		float: none;
		font-size: 116%;
		line-height: 1.6;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#sidemenu {
		width: 100%;
		margin-bottom: 0px;
		float: none;
		font-size: 100%;
		clear: both;
	}
}

@media screen and (max-width: 768px) {
/* 767px以下用（タブレット／スマートフォン用）の記述 */
	body:not(#form_smnr) #container {
		margin-top: 50px;
	}
	#breadcrumb {
		padding: 0;
		border: none;
		margin-bottom: 0;
	}
	#breadcrumb ol li, #breadcrumb ol li + li:before {
		display: none;
	}
	#breadcrumb ol li:nth-of-type(2) {
		display: block;
		font-size: 123.1%;
	}
}


/* Back to Top ------------------------------------------ */
#b2t {
	visibility: hidden;
	position: fixed;
	bottom: -10px;
	right: 4%;
	z-index: 1;
	transition: 0.2s;
	opacity: 0;
}
#b2t.on {
	bottom: 0;
	visibility: visible;
	opacity: 1;
}
#b2t a {
	display: block;
	width: 50px;
	height: 34px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-size: 18px;
	text-decoration: none;
	line-height: 35px;
	border-radius: 14px 14px 0 0;
	background-color: rgba(0,0,0,0.40);
	transition: 0.2s;
}
#b2t a:hover {
	background-color: rgba(0,0,0,0.60);
	height: 36px;
}


/* Common Classes
=================================================================== */
/*ContentsMain*/
#contentsMain .sct_Lead {
	padding: 0 10px;
}
.sct_content:before, .sct_content:after {
	content: "";
	display: table;
}
.sct_content:after {
	clear: both
}
.sct_content {
	margin-top: 30px;
	padding: 0 10px;
	clear: both;
	width: auto;
}
#contentsMain .sct_contentBlock { /*with .sct_content on category home*/
	width: 710px;
	margin: 30px 10px 0 10px;
	padding: 0 0 10px;
	float: left;
}
.sct_contentBlock .box_imgR {
	margin-right: 10px;
	margin-bottom: 10px;
}
#contentsMain .sct_2column { /*two column with .sct_contentBlock on category home*/
	width: 345px;
	margin-right: 10px;
	float: left;
	clear: none;
}
.sct_2column:before, .sct_2column:after {
	content: "";
	display: table;
}
.sct_2column:after {
	clear: both
}
.sct_2columnLast {
	margin-right: 0
}
.box_img2columnTop {
	margin: -10px 0 10px;
}
article h1 {
	font-size: 138.5%;
}
article h2, article h3 {
	margin: 20px 0 10px;
	clear: both;
	font-size: 108%;
}
.sct_Lead h1 { /*pageTitle*/
	margin: 0 -10px 15px -10px;
	padding: 10px 0 10px 10px;
	clear: both;
	font-weight: normal;
	line-height: 1;
	/*letter-spacing: 0.1em;*/
	border-bottom: 5px solid rgba(238,238,238,1.00);
	-webkit-box-shadow: 0px 1px 1px rgba(190,190,190,1.00);
	box-shadow: 0px 1px 1px rgba(190,190,190,1.00);
}
.sct_content > h2:first-child {
	margin-top: 10px;
}
.sct_contentBlock > h2:first-child {
	margin-top: 0px;
}
.sct_content .block_2column {
	width: 330px;
	margin: 0px 0px 10px;
	padding: 10px;
	display: block;
	float: left;
}
.sct_content .block_2column:nth-child(2n+1) {
	margin-right: 10px;
	clear: left;
}
.sct_content .block_2column:before, .sct_content .block_2column:after {
	content: "";
	display: table;
}
.sct_content .block_2column:after {
	clear: both
}
.headtitle01 {
	margin-top: 30px;
	padding: 4px 5px;
	border: 1px solid rgba(146,158,164,1.00);
	border-left-width: 10px;
	background-color: rgba(243,243,243,1.00);
	-webkit-box-shadow: 1px 1px 1px rgba(218,218,218,1.00);
	box-shadow: 1px 1px 1px rgba(218,218,218,1.00);
}
.headtitle02 {
	margin-top: 15px;
	border-bottom: 1px dashed rgba(204,204,204,1.00);
}
.headtitle03 {
	margin-top: 15px;
	padding: 0;
}
.sct_content .headtitle02, .sct_content .headtitle03 {
	margin-left: 15px;
}
.sct_content .block_2column .headtitle02, .sct_content .block_2column .headtitle03 {
	margin-top: 0;
	margin-left: 0
}
.sct_Lead p {
	margin-bottom: 0.75em;
}
.sct_content p, .sct_content ul {
	margin: 0 10px 0.75em 15px;
}
.sct_content ul {
	padding-left: 1em;
}
.sct_content ul > li > ul {
	margin-left: -15px;
}
.sct_Lead ul li, .sct_content ul li {
	padding-left: 1em;
}
.sct_Lead ul li:before, .sct_content ul li:before {
	content: "";
	height: 6px;
	width: 6px;
	margin-top: 6px;
	margin-left: -1em;
	float: left;
	border: 3px solid rgba(164,164,164,1.00);
	border-radius: 50%;
}
.sct_Lead ul.list_2Tier li, .sct_content ul.list_2Tier li {
	padding-left: 2em;
}
.sct_Lead ul.list_2Tier li:before, .sct_content ul.list_2Tier li:before {
	content: "";
	height: auto; /*reset*/
	width: auto; /*reset*/
	margin-top: 8px;
	margin-left: -10px;
	display: inline-block;
	border: 4px solid transparent;
	border-left-color: rgba(164,164,164,1.00);
	border-radius: 0; /*reset*/
}
.sct_Lead ul.list_horizontal li, .sct_content ul.list_horizontal li {
	display: inline-block;
	margin-right: 1.5em;
}
.sct_content ul.list_link li:before {
	border: none
}
.sct_content ul.list_link li {
	padding-left: 0
}
.sct_content ul.list_link li i {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-right: 5px;
	background-image: url(../image/icns_arrows.png);
	background-repeat: no-repeat;
	background-position: -620px 0px;
}
.sct_content ul.column2:before, .sct_content ul.column2:after, .sct_content ul.column3:before, .sct_content ul.column3:after {
	content: "";
	display: table;
}
.sct_content ul.column2:after, .sct_content ul.column3:after {
	clear: both
}
.sct_content ul.column2, .sct_content ul.column3 {
	margin-right: 0;
	padding-left: 0;
}
.sct_content ul.column2 li, .sct_content ul.column3 li {
	float: left;
}
.sct_content ul.column2 li {
	width: 330px;
}
.sct_content ul.column3 li {
	width: 215px;
}
.sct_contentBlock h2 {
	height: 28px;
	margin-top: 0px;
	padding-top: 2px;
	padding-left: 10px;
	color: rgba(255,255,255,1.00);
	font-weight: normal;
	border-left: 5px solid rgba(255,255,255,0.30);
	background-color: rgba(102,102,102,1.00);
	background-image: url(../image/bgHPatternH.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.20);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.20);
}
.sct_contentBlock .box_imgR {
	margin-right: 10px;
	margin-bottom: 10px;
}
.sct_contentBlock .txtR {
	margin-right: 5px;
}
/*nav@contentsMain*/
.sct_links:before, .sct_links:after {
	content: "";
	display: table;
}
.sct_links:after {
	clear: both
}
.sct_links {
	padding: 10px;
	margin: 20px 10px;
	clear: both;
	text-align: right;
	border: 1px solid rgba(204,204,204,1.00);
}
/*subNavi*/
#subNavi h2 {
	padding: 91px 0 8px 0;
	margin-bottom: 4px;
	font-size: 108%;
	font-weight: bold;
	text-align: center;
	border-width: 3px 1px 1px 1px;
	border-style: solid;
	border-color: rgba(204,204,204,1.00);
	background-color: rgba(255,255,255,1.00);
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-box-shadow: 0px 2px 4px rgba(204,204,204,1.00);
	box-shadow: 0px 2px 4px rgba(204,204,204,1.00);
}
#subNavi ul li, #relativeNavi ul li {
	padding: 8px 0px 8px 12px;
	position: relative;
}
#subNavi > ul > li:before, #relativeNavi > ul > li:before {
	display: inline-block;
	content: "";
	position: absolute;
	top: 12px;
	left: 0px;
	width: 9px;
	height: 9px;
	margin-right: 3px;
	background-color: #666666;
}
#subNavi > ul > li:after, #relativeNavi > ul > li:after {
	display: inline-block;
	content: "";
	position: absolute;
	top: 14px;
	left: 3px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	border-left: 4px solid #FFFFFF;
}
#subNavi > ul > li {
	border-bottom: 1px solid #CCCCCC;
	-webkit-box-shadow: 1px 0px #FFFFFF;
	box-shadow: 0 1px 0 #FFFFFF;
}
#subNavi > ul > li.nb, #subNavi > ul > li:last-child {/*IE9以上*/
	border-bottom: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#subNavi > ul > li.nb {
	padding-bottom: 0px;
}
#subNavi > ul > li > ul li, #relativeNavi > ul > li > ul li {
	margin-left: 0px;
	padding: 4px 0 0 0;
	border: none;
	background: none;
}
#subNavi > ul > li > ul li:before, #relativeNavi > ul > li > ul li:before {
	display: inline-block;
	content: "";
	margin-right: 3px;
	margin-left: -9px;
	border: 2px solid transparent;
	border-left: 4px solid rgba(127,127,127,1.00);
}
#subNavi > ul > li > ul ul li, #relativeNavi > ul > li > ul ul li {
	margin-left: 0;
}
#relativeNavi h3 {
	height: 19px;
	margin: 20px 0 0 0;
	padding: 6px 0px 0px 10px;
	color: rgba(255,255,255,1.00);
	font-weight: normal;
	font-size: 93%;
	line-height: 1;
	border-left: 4px solid rgba(102,102,102,1.00);
	background-color: rgba(154,154,154,1.00);
	background-image: url(../image/bgHPattern.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
.sidemenu2nd_2tier li {
	width: 90px;
	margin-right: 5px;
	padding-right: 5px;
	display: inline-block;
}
.sct_getAdobeReader:before, .sct_getAdobeReader:after {
	content: "";
	display: table;
}
.sct_getAdobeReader:after {
	clear: both
}
.sct_getAdobeReader {
	margin-top: 50px;
	margin-left: 50px;
	padding: 0 10px;
	clear: both;
	width: auto;
	font-size: 85%;
}
.sct_getAdobeReader .bnr_getAcrobatReader {
	float: left;
	margin-right: 20px;
}

@media screen and (max-width: 939px) {
/* 939px以下用（タブレット用）の記述（コンテンツ幅） */
#contentsMain .sct_contentBlock {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;
	float: none;
}
.sct_contentBlock .box_imgR {
	margin: 10px auto 20px;
}
#contentsMain .sct_2column {
	float: left;
	width: 48%;
	margin-right: 10px;
	margin-bottom: 20px;
}
.box_img2columnTop {
	margin: -10px 0 10px;
	text-align: center;
}
#relativeNavi {
	display: none;
}
#subNavi h2 {
	padding: 91px 0 8px 0;
	margin-bottom: 4px;
	font-size: 123.1%;
	border-width: 5px 0px 0px 0px;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#subNavi ul li {
	margin: 0 20px;
	line-height: 2;
}
#subNavi > ul > li:before {
	top: 17px;
}
#subNavi > ul > li:after {
	top: 19px;
}
.sidemenu2nd_2tier li {
	width: auto;
	margin-right: 0;
	padding-right: 0;
	display: block;
}
.sct_getAdobeReader {
	margin: 30px 0 10px;
}
.sct_content .block_2column {
	width: 46%;
}
}

@media screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン用）の記述 */
.sct_content .headtitle02, .sct_content .headtitle03, .sct_content p, .sct_content ul {
	margin-left: 0;
	margin-right: 0;
}
.sct_content ul li, .sct_content ul.list_2Tier li {
	padding-left: 0;
}
.sct_contentBlock p, .sct_contentBlock ul {
	margin-left: 10px;
	margin-right: 10px;
}
#contentsMain .sct_2column {
	width: 100%;
	float: none;
}
.box_img2columnTop {
	margin: -10px 0 10px;
}
.sct_content .block_2column {
	width: 44%;
}
.sct_content ul.column3 li {
	padding-left: 15px;
}
.sct_getAdobeReader {
	text-align: center;
}
.sct_getAdobeReader .bnr_getAcrobatReader {
	float: none;
	margin-right: 0;
}
}

@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
.sct_content .block_2column {
	width: 100%;
}
.sct_content .block_2column:nth-child(2n+1) {
	margin-right: 0;
}
.sct_content ul.column2 li, .sct_content ul.column3 li {
	width: auto;
	float: none;
}
}
/* Multipurpose Classes
=================================================================== */
.mc1, .mc2, .mc3 {
	display: none;
} /*mobile only*/
.clrBoth {
	clear: both !important
}
.colorCI {
	color: rgba(0,96,87,1.00)
} /*CI color DIC644*/
.colorNotice {
	color: rgba(209,0,0,1.00)
}
.colorLight {
	color: rgba(102,102,102,1.00)
}
.colorSilver {
	color: rgba(204,204,204,1.00)
}
.colorService {
	color: rgba(25,79,127,1.00)
}
.colorNetwork {
	color: rgba(69,135,117,1.00)
}
.colorAnken {
	color: rgba(242,81,0,1.00)
}
.colorSeminar {
	color: rgba(102,51,0,1.00)
}
.colorCorp {
	color: rgba(56,114,51,1.00)
}
.colorIr {
	color: rgba(102,85,140,1.00)
}
.colorRecruit {
	color: rgba(102,102,0,1.00)
}
.colorOther {
	color: rgba(72,93,102,1.00)
}
.hiddenText {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.txtB {
	font-weight: bold
}
.txtC {
	text-align: center
}
.txtR {
	text-align: right
}
.txtLL {
	font-size: 123.1%
}
.txtL {
	font-size: 108%
}
.txtS {
	font-size: 93%
}
.txtSS {
	font-size: 85%;
	word-spacing: 0em;
}
.txtEN {
	font-family: 'Cuprum', sans-serif;
}
.txtMarker {
	background-color: rgba(255,255,255,1.00);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMC4yIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkY5OSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzUxMSkiIC8+Cjwvc3ZnPg==);
	background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,0.00) 0%, rgba(255,255,153,1.00) 40%);
	background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, rgba(255,255,153,1.00) 40%);
}
.mt-36 {
	margin-top: -36px !important
}
.mt-24 {
	margin-top: -24px !important
}
.mt00 {
	margin-top: 0px !important
}
.mt05 {
	margin-top: 5px !important
}
.mt10 {
	margin-top: 10px !important
}
.mt20 {
	margin-top: 20px !important
}
.mt40 {
	margin-top: 40px !important
}
.mr00 {
	margin-right: 0px !important
}
.mb00 {
	margin-bottom: 0px !important
}
.mb10 {
	margin-bottom: 10px !important
}
.mb20 {
	margin-bottom: 20px !important
}
.ml00 {
	margin-left: 0px !important
}
.ml10 {
	margin-left: 10px !important
}
.ml16 {
	margin-left: 16px !important
} /*no link lists without i on sct_contentBlock*/
.ml20 {
	margin-left: 20px !important
}
.pa00 {
	padding: 0 !important
}
.imgHorizontalBtm {
	vertical-align: bottom !important
}
.box_imgL, .box_imgR, .box_imgC, .box_imgInline, .conceptImage {
	padding: 3px;
	border: 1px solid rgba(218,218,218,1.00);
	border-radius: 3px;
	background-color: rgba(255,255,255,1.00);
	-webkit-box-shadow: 1px 1px 1px rgba(238,238,238,1.00);
	box-shadow: 1px 1px 1px rgba(238,238,238,1.00);
}
.box_imgL {
	display: inline-block;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
.box_imgR {
	display: inline-block;
	float: right;
	margin-left: 10px;
	margin-bottom: 20px;
}
.box_imgC {
	display: block;
	margin: 10px auto 20px;
}
.box_imgRNB {
	padding: 3px;
	display: inline-block;
	float: right;
	margin-left: 10px;
	margin-bottom: 20px;
}
.box_imgCNB {
	margin: 10px auto 20px;
	padding: 3px;
	display: block;
	text-align: center;
}
.box_imgInline {
	width: 260px;
	margin-left: 60px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline-block;
}
.conceptImage {
	display: inline-block;
	width: 90px;
	float: right;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.box_imgL img, .box_imgR img, .box_imgC img, .box_imgInline img, .conceptImage img {
	border-radius: 3px;
	vertical-align: top;
}
.box_imgCNB img {
}
.box_imgL figcaption, .box_imgR figcaption, .box_imgC figcaption, .box_imgInline figcaption, .conceptImage figcaption {
	margin-top: 3px;
	color: rgba(102,102,102,1.00);
	font-size: 85%;
	text-align: left;
	line-height: 1.1;
}
.box_imgC figcaption.txtC {
	text-align: center;
}
.box_imgCNB figcaption {
	margin-top: 3px;
	color: rgba(102,102,102,1.00);
	font-size: 85%;
	line-height: 1.1;
}
img.bdr {
	border: 1px solid rgba(237,237,237,1.00);
}
.w100 {
	width: 100px;
}
.w125 {
	width: 125px;
}
.w140 {
	width: 140px;
}
.w150 {
	width: 150px;
}
.w190 {
	width: 190px;
	text-align: center;
}
.w200 {
	width: 200px;
}
.w220 {
	width: 220px;
}
.w230 {
	width: 230px;
}
.w260 {
	width: 260px;
}
.w320 {
	width: 320px;
}
.w335 {
	width: 335px;
}
.w350 {
	width: 350px;
}
.w380 {
	width: 380px;
}
.w500 {
	width: 500px;
}
.w525 {
	width: 525px;
}
.w700 {
	width: 700px;
}
.h200 {
	height: 200px;
}
.h350 {
	height: 350px;
}
.h375 {
	height: 375px;
}
ul.pdfListHrz li {
	padding-left: 18px;
	margin-right: 7px;
	display: inline-block;
	background-image: url(../image/pdficon_small.png);
	background-position: left center;
	background-repeat: no-repeat;
}
ul.pdfListHrz li:before {
	content: "";
	height: auto;
	width: auto;
	margin: 0;
	float: none;
	border: none;
}
.sct_content .basicTable {
	width: 695px;
	margin: 10px 0 10px 15px;
	border-top: 1px solid rgba(204,204,204,1.00);
	border-right: 1px solid rgba(204,204,204,1.00);
}
.sct_content .basicTable th {
	background-color: rgba(248,248,248,1.00);
}
.sct_content .basicTable th, .sct_content .basicTable td {
	padding: 4px 8px;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid rgba(204,204,204,1.00);
	border-bottom: 1px solid rgba(204,204,204,1.00);
}
.sct_content .basicTable h2, .sct_content .basicTable p {
	margin: 0;
}
.box_prominent {
	padding: 10px;
	background-color: rgba(248,248,248,1.00);
	border: 1px solid rgba(204,204,204,1.00);
	border-radius: 4px;
}
.sct_content .box_prominent {
	margin: 20px 0 20px 20px
}
/*link navi under Maincontents*/
.sct_links .link_intPage i, .sct_links .link_extPage i {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	background-repeat: no-repeat;
}
.sct_links .link_intPage i {
	background-image: url(../image/icns_arwRL.png);
}
.sct_links .link_extPage i {
	background-image: url(../image/icns_arwRL.png);
	background-position: -117px 0px; /*Gray Icon*/
}
.sct_linkPN:before, .sct_linkPN:after {
	content: "";
	display: table;
}
.sct_linkPN:after {
	clear: both
}
.sct_linkPN {
	padding: 10px;
	margin: 20px 10px;
	border: 1px solid rgba(204,204,204,1.00);
}
.sct_linkPN .link_prevPage, .sct_linkPN .link_nextPage {
	width: 330px;
}
.sct_linkPN .link_prevPage {
	text-align: left;
	float: left;
}
.sct_linkPN .link_nextPage {
	text-align: right;
	float: right;
	clear: right;
}
.sct_linkPN .link_prevPage i, .sct_linkPN .link_nextPage i {
	display: inline-block;
	width: 13px;
	height: 13px;
}
.sct_linkPN .link_prevPage i {
	margin-right: 5px;
	background-image: url(../image/icns_arrows.png);
	background-repeat: no-repeat;
}
.sct_linkPN .link_nextPage i {
	margin-left: 5px;
	background-image: url(../image/icns_arrows.png);
	background-repeat: no-repeat;
}
/*link w/icon in Maincontents*/
.link_intPage, .link_extPage {
	text-align: right
}
.icn_arwRL1, .icn_arwRL2, .icn_arwRL3, .icn_arwRL4, .icn_arwRL5, .icn_arwRL6, .icn_arwRL7, .icn_arwRL8, .icn_arwRL9, .icn_arwRL10 {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 5px;
	margin-left: 5px;
	background-image: url(../image/icns_arwRL.png);
	background-repeat: no-repeat;
}
.icn_arwRL1 {
	background-position: 0px 0px;
}
.icn_arwRL2 {
	background-position: -13px 0px;
}
.icn_arwRL3 {
	background-position: -26px 0px;
}
.icn_arwRL4 {
	background-position: -39px 0px;
}
.icn_arwRL5 {
	background-position: -52px 0px;
}
.icn_arwRL6 {
	background-position: -65px 0px;
}
.icn_arwRL7 {
	background-position: -78px 0px;
}
.icn_arwRL8 {
	background-position: -91px 0px;
}
.icn_arwRL9 {
	background-position: -104px 0px;
}
.icn_arwRL10 {
	background-position: -117px 0px;
}
.icn_PDF {
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-left: 5px;
	background-image: url(../image/pdficon_small.png);
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: bottom;
}
.icn_NEW {
	margin-left: 3px;
	position: relative;
}
.icn_NEW:after {
	padding: 1px 2px 0 2px;
	position: absolute;
	top: 3px;
	content: "NEW";
	color: rgba(255,255,255,1.00);
	font: 400 10px/1 'Cuprum', sans-serif;
	border-radius: 4px;
	background-color: rgba(209,0,0,1.00);
}
.icn_exlink {
	padding-right: 16px;
	background-image: url(../image/icon_blank_b.png);
	background-position: right center;
	background-repeat: no-repeat;
}

@media screen and (max-width: 939px) {
/* 939px以下用（タブレット用）の記述（コンテンツ幅） */
.mc3 {
	display: inline;
} /*mobile only*/
.mcD {
	display: none;
} /*desktop only*/
.sct_linkPN .link_prevPage, .sct_linkPN .link_nextPage {
	width: 48%;
}
}

@media screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン用）の記述 */
.mc2 {
	display: inline;
} /*mobile only*/
.mcT {
	display: none;
} /*Desktop & tablet */
.w500 {
	width: 98%;
	text-align: center;
}
.w525 {
	width: 98%;
	text-align: center;
}
.w700 {
	width: 98%;
	text-align: center;
}
.sct_content .basicTable {
	width: 100%;
	margin-left: 0;
}
.box_prominent {
	padding-left: 20px;
}
.sct_content .box_prominent {
	margin-left: 0;
	padding-left: 5px;
}
.conceptImage {
	width: 60px;
	height: 60px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.box_imgL, .box_imgR, .box_imgRNB {
	display: block;
	float: none;
	margin: 10px auto 20px;
}
.sct_linkPN .link_prevPage, .sct_linkPN .link_nextPage {
	width: 100%;
	float: none;
}
.link_intPage, .link_extPage {
	line-height: 2;
}
}

@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
.mc1 {
	display: inline;
} /*mobile only*/
.box_imgInline {
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.w320, .w335, .w350, .w380 {
	width: 98%;
	text-align: center;
}
.box_imgL, .box_imgR, .box_imgRNB {
	margin-left: -10px;
	margin-right: 0;
}
figure.w320 {
	margin-left: auto;
	margin-right: auto;
}
.w320 figcaption {
	text-align: center;
}
}

/* Colorbox Example2
=================================================================== */
/* Colorbox Core Style */
#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
	max-width: none;
}
#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear: left;
}
#cboxContent {
	position: relative;
}
#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#cboxTitle {
	margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor: pointer;
}
.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}
.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
/* User Style */
#cboxOverlay {
	background: #000;
	opacity: 0.8 !important;
	filter: alpha(opacity = 80) !important;
}
#colorbox {
	outline: 0;
}
#cboxContent {
	margin-top: 32px;
	overflow: visible;
	background: #000;
}
.cboxIframe {
	background: #fff;
}
#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}
#cboxLoadedContent {
	background: #000;
	padding: 1px;
}
#cboxLoadingGraphic {
	background: url(../jQueryAssets/colorbox/images/loading.gif) no-repeat center center;
}
#cboxLoadingOverlay {
	background: #000;
}
#cboxTitle {
	position: absolute;
	top: -22px;
	left: 0;
	color: #ffffff;
	font-size: 15px;
}
#cboxCurrent {
	position: absolute;
	top: -22px;
	right: 205px;
	text-indent: -9999px;
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	position: absolute;
	top: -40px;
	background: url(../jQueryAssets/colorbox/images/controls_ma.png) no-repeat 0 0;
}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
	outline: 0;
}
#cboxPrevious {
	background-position: 0px 0px;
	right: 44px;
}
#cboxPrevious:hover {
	background-position: 0px -40px;
}
#cboxNext {
	background-position: -40px 0px;
	right: 22px;
}
#cboxNext:hover {
	background-position: -40px -40px;
}
#cboxClose {
	background-position: -80px 0px;
	right: 0;
}
#cboxClose:hover {
	background-position: -80px -40px;
}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
	right: 66px;
}
.cboxSlideshow_on #cboxSlideshow {
	background-position: -120px -40px;
	right: 44px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
	background-position: -160px -40px;
}
.cboxSlideshow_off #cboxSlideshow {
	background-position: -160px 0px;
	right: 44px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
	background-position: -120px -40px;
}

/*PRINT STYLE*/
@media print {
	@page {
		margin: 0.4cm 0.5cm 0.5cm 0.5cm;
	}
	a, a:link, a:visited, a:hover, a:active {
		text-decoration: none;
		color: #03C;
	}
	.unprinted {
		display: none
	}
	#gNav,  .b2t {
		display: none
	}
	.icn_NEW:before {
		content: "*"
	}
}
/* RTP Consul Banner
=================================================================== */
#rtp_consul {
	background-color: rgba(0,0,0,0.3);
	height: 110px;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	text-align: center;
	transition: 0.3s;
	z-index: 9999;
}
#rtp_consul .inner {
	width: 960px;
	margin: 10px auto;
}
#rtp_consul .inner .box_consul {
	width: 475px;
	height: 90px;
	background-color: #ffffff;
	float: left;
	padding: 10px;
	box-sizing: border-box;
}
#rtp_consul .inner .box_consul.tel {
	margin-right: 10px;
}
#rtp_consul .inner .box_consul .box_title {
	margin-bottom: 10px;
	font-size: 16px;
	color: #BB0000;
}
#rtp_consul .inner .box_consul .box_msg {
	font-size: 14px;
	color: #555555;
	margin-bottom: 6px;
}
#rtp_consul .inner .box_consul .box_phone {
	font-size: 26px;
	font-weight: bold;
	color: #333333;
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding-left: 30px;
}
#rtp_consul .inner .box_consul .box_phone::before {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 3px;
	background: #BB0000 url(../image/icon_rtp_phone.png) no-repeat center center;
	background-size: 16px 16px;
	left: 0;
	top: -2px;
}
#rtp_consul .inner .btn_consul {
	display: block;
	width: 100%;
	background-color: #BB0000;
	padding: 10px 20px;
	text-decoration: none;
	color: #ffffff;
	font-size: 18px;
	border-radius: 4px;
	box-shadow: 0 3px 0 #660000;
	box-sizing: border-box;
	text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3);
	position: relative;
}
#rtp_consul .inner .btn_consul:hover {
	background-color: #D60000;
}
#rtp_consul .inner .btn_consul:active {
	top: 3px;
	box-shadow: none;
	text-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
}
#rtp_consul .inner .btn_consul::after {
	position: absolute;
	content: "";
	right: 10px;
	top: 15px;
	width: 6px;
	height: 6px;
	vertical-align: middle;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#rtp_consul .close {
	position: absolute;
	width: 50px;
	height: 24px;
	background-color: rgba(0,0,0,0.3);
	top: -24px;
	left: 50%;
	margin-left: -25px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
#rtp_consul .close:hover {
	background-color: rgba(0,0,0,0.6);
}
#rtp_consul .close:after {
	position: absolute;
	content: "";
	left: 50%;
	top: 4px;
	width: 8px;
	height: 8px;
	vertical-align: middle;
	border-top: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	margin-left: -5px;
}
#rtp_consul.off .close:after {
	transform: rotate(-45deg);
	top: 10px;
}
#rtp_consul.off {
	margin-bottom: -110px;
}
#rtp_consul.webonly .inner .box_consul.tel {

}
#rtp_consul.webonly .inner .box_consul.web {
	margin-left: 0;
}

@media screen and (max-width: 960px) {
	#rtp_consul {
		height: auto;
	}
	#rtp_consul .inner {
		width: 94%;
		padding: 3% 3% 0 3%;
		margin: 0;
	}
	#rtp_consul .inner .box_consul {
		width: 100%;
		height: auto;
		padding: 10px;
		box-sizing: border-box;
	}
	#rtp_consul.off {
		margin-bottom: 0px;
		top: 100%;
	}
	#rtp_consul.webonly .inner .box_consul.web {
		margin-left: 0;
	}
}
/* RTP Footer Banner
=================================================================== */
#ftrBnr {
	text-align: center;
}
#ftrBnr aside {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
#ftrBnr aside #rtp_footer {
	margin: 6px 0 20px;
}
#ftrBnr aside #rtp_footer:empty {
	display: none;
}
#ftrBnr aside #rtp_footer a img.hvr_op {
	transition: 0.2s;
	opacity: 1;
	position: relative;
}
#ftrBnr aside #rtp_footer a:hover img.hvr_op {
	opacity: 0.8;
}

@media screen and (max-width: 939px) {
/* 939px以下用（タブレット用）の記述（コンテンツ幅） */
	#ftrBnr aside {
		width: 100%;
	}
	#ftrBnr aside #rtp_footer {
		margin: 20px 10px;
	}
}

@media screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン用）の記述 */
	#ftrBnr aside #rtp_footer {
		margin: 10px;
	}
}

/* 採用バナー */
#bnr_recruit.pc {
	display: block;
	margin: 20px auto 0;
	box-sizing: border-box;
	width: 420px;
	overflow: hidden;
}


/*2017.2 サイト内検索
=================================================================== */

.cb_inline {display: none;}


/* sp_menu
=================================================================== */
#sp_menu {
	padding-top: 60px;
}
#sp_menu ul.consul {
	margin-bottom: 14px;
}
#sp_menu ul.consul li.free_call {
	width: 68%;
	margin: 0 auto 10px;
	box-sizing: border-box;
	font-size: 0.75rem;
	color: #246862;
}
#sp_menu ul.consul li a.btn_link {
	width: 90%;
	margin-top: 5px;
	background-color: #246862;
	border-radius: 4px;
	text-align: left;
	padding-left: 16px;
}
#sp_menu ul.consul li a.btn_link .fa {
	margin-right: 6px;
}
#sp_menu ul.consul li  {
	line-height: 1.6;
}
#sp_menu nav > ul > li > a {
	display: block;
	color: #333333;
	font-size: 0.9375rem;
	text-decoration: none;
	padding: 12px 20px 12px 10px;
	border-bottom: 1px solid rgba(255,255,255,1);
	transition: 0.2s;
	position: relative;
}
#sp_menu nav > ul > li:first-child > a {
	border-top: 1px solid rgba(255,255,255,1);
}
#sp_menu nav > ul > li > a::after {
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -4px;
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-right: 1px solid #246862;
	border-bottom: 1px solid #246862;
	transition: 0.2s;
}
#sp_menu nav > ul > li.mn_on > a::after {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	border-right: 0;
	border-bottom: 1px solid #666666;
	width: 9px;
	margin-top: -7px;
	transition: 0.2s;
}
#sp_menu nav > ul > li > a.tg_blank::after {
	margin-top: -4px;
	width: 12px;
	height: 9px;
	-webkit-transform: rotate(0deg);
	background: url(/image/common/icon_blank_ci.png) no-repeat 0 0;
	background-size: cover;
	transform: rotate(0deg);
	border: 0;
	right: 10px;
}
#sp_menu nav > ul > li > a.tg_link::after {
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -4px;
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-right: 1px solid #246862;
	border-top: 1px solid #246862;
	border-bottom: 0;
	transition: 0.2s;
}
#sp_menu nav > ul > li > ul {
	display: none;
}
#sp_menu nav > ul > li > ul > li > a {
	display: block;
	color: #333333;
	font-size: 0.8125rem;
	text-decoration: none;
	padding: 12px 20px 12px 12px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	position: relative;
	background-color: #e6e6e6;
}
#sp_menu nav > ul > li > ul > li > a::after {
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -3px;
	width: 5px;
	height: 5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-right: 1px solid #246862;
	border-top: 1px solid #246862;
	transition: 0.2s;
}
#sp_menu .bnr_recruit {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}
#sp_menu .bnr_recruit a {
	display: block;
}

#sp_inquiry {
	padding: 30px;
	background: #ffffff;
}
#sp_inquiry li {
	max-width: 300px;
	margin: 0 auto;
}
#sp_inquiry .free_call {
	color: #666666;
	font-size: 0.8125rem;
}
#sp_inquiry .free_call span {
	color: #246862;
}
#sp_inquiry .btn_link {
	background-color: #246862;
	border-radius: 5px;
	margin-top: 30px;
}

#sp_cover.on {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.6);
	transition: 0.2s;
	z-index: 1;
}


/* Browser Alert ========================================================= */
#br_err {
	padding: 20px 0;
	color: #333;
	background: #fc3;
	text-align: center;
}
#br_err p {
	font: bold 16px/24px Meiryo,sans-serif;
}
#br_err a {
	color: #f00;
	text-decoration: underline;
}
#br_err a:hover {
	color: #fff;
	background: #f00;
}
